@cuemath/leap 3.1.22-beta-0.1 → 3.1.22-beta-0.3

package/dist/features/chapters/chapter/chapter.js

@@ -1,116 +1,107 @@
 import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { memo as F, useCallback as _ } from "react";
+import { memo as F, useCallback as C } from "react";
 import { ILLUSTRATIONS as O } from "../../../assets/illustrations/illustrations.js";
-import C from "../../ui/layout/flex-view.js";
-import H from "../../ui/separator/separator.js";
-import U from "./comps/chapter-banner/chapter-banner.js";
-import W from "./comps/core-lessons/core-lessons.js";
-import M from "./comps/supplementary-resources/supplementary-resources.js";
-import { ContentWrapper as Q, LoaderWrapper as T } from "./styled.js";
-const X = F(
-  ({ name: $, sheets_data: k, user_type: n, loading: a, ...S }) => {
+import _ from "../../ui/layout/flex-view.js";
+import U from "../../ui/separator/separator.js";
+import H from "./comps/chapter-banner/chapter-banner.js";
+import M from "./comps/core-lessons/core-lessons.js";
+import Q from "./comps/supplementary-resources/supplementary-resources.js";
+import { ContentWrapper as W, LoaderWrapper as X } from "./styled.js";
+const j = F(
+  ({ name: S, sheets_data: $, user_type: n, loading: a, ...k }) => {
     const {
       user_chapter_progress: s,
       is_defocused: r,
       image_url: w,
       image_hue: i,
       teacherId: x,
-      onCreateExtraPractice: o,
+      onCreateExtraPractice: t,
       onStart: p,
       onResume: m,
-      onReattempt: c,
-      onPreview: l,
+      onReattempt: l,
+      onPreview: c,
       onReview: u,
       onReset: h,
       onChangeLocation: d,
       onMarkAsFamiliar: f,
-      onUnlock: E,
-      onMarkRelevant: I,
-      onMarkIrrelevant: L,
-      onUnAssignSheet: P,
-      onLearningPlanFAQClick: t
-    } = S, {
+      onUnlock: L,
+      onMarkRelevant: P,
+      onMarkIrrelevant: E,
+      onUnAssignSheet: I,
+      onLearningPlanFAQClick: o
+    } = k, {
       lessons: R,
-      supplementary_sheets_group_sort_order: b,
-      supplementary_sheets_grouped: y
-    } = k, A = _(() => {
-      if (typeof t != "function")
-        throw new Error("onLearningPlanFAQClick must be a function");
-      t();
-    }, [t]), v = _(() => {
+      supplementary_sheets_group_sort_order: y,
+      supplementary_sheets_grouped: A
+    } = $, b = C(() => {
       if (typeof o != "function")
-        throw new Error("onCreateExtraPractice must be a function");
+        throw new Error("onLearningPlanFAQClick must be a function");
       o();
-    }, [o]);
-    return /* @__PURE__ */ g(
-      Q,
-      {
-        $disablePointerEvents: a,
-        $alignItems: "center",
-        $width: "100%",
-        $background: "WHITE_4",
-        children: [
-          a && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e("img", { src: O.LOADER_1, alt: "loader" }) }),
-          /* @__PURE__ */ e(
-            U,
-            {
-              name: $,
-              userChapterProgress: s,
-              isDefocused: r,
-              imageUrl: w,
-              backgroundColor: `${i}_1`
-            }
-          ),
-          /* @__PURE__ */ e(C, { $widthX: 47.5, $flexGapX: 2, children: /* @__PURE__ */ e(
-            W,
-            {
-              userType: n,
-              lessons: R,
-              userChapterProgress: s,
-              isDefocused: r,
-              lessonItemColorHue: i,
-              handleOnLearningPlanFAQClick: A,
-              onChangeLocation: d,
-              onPreview: l,
-              onReset: h,
-              onReview: u,
-              onStart: p,
-              onReattempt: c,
-              onResume: m,
-              onMarkAsFamiliar: f,
-              onMarkIrrelevant: L,
-              onMarkRelevant: I
-            }
-          ) }),
-          /* @__PURE__ */ g(C, { $width: "100%", $flexGapX: 2, $background: "WHITE_3", $alignItems: "center", children: [
-            /* @__PURE__ */ e(
-              M,
-              {
-                userType: n,
-                teacherId: x,
-                groupedSupplementarySheets: y,
-                groupedSupplementarySheetsSortOrder: b,
-                isDefocused: r,
-                handleOnCreateExtraPractice: v,
-                onChangeLocation: d,
-                onPreview: l,
-                onReset: h,
-                onReview: u,
-                onStart: p,
-                onReattempt: c,
-                onResume: m,
-                onMarkAsFamiliar: f,
-                onUnlock: E,
-                onUnAssignSheet: P
-              }
-            ),
-            /* @__PURE__ */ e(H, { height: 1 })
-          ] })
-        ]
-      }
-    );
+    }, [o]), v = C(() => {
+      if (typeof t != "function")
+        throw new Error("onCreateExtraPractice must be a function");
+      t();
+    }, [t]);
+    return /* @__PURE__ */ g(W, { $disablePointerEvents: a, $alignItems: "center", $width: "100%", children: [
+      a && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("img", { src: O.LOADER_1, alt: "loader" }) }),
+      /* @__PURE__ */ e(
+        H,
+        {
+          name: S,
+          userChapterProgress: s,
+          isDefocused: r,
+          imageUrl: w,
+          backgroundColor: `${i}_1`
+        }
+      ),
+      /* @__PURE__ */ e(_, { $widthX: 47.5, $flexGapX: 2, children: /* @__PURE__ */ e(
+        M,
+        {
+          userType: n,
+          lessons: R,
+          userChapterProgress: s,
+          isDefocused: r,
+          lessonItemColorHue: i,
+          handleOnLearningPlanFAQClick: b,
+          onChangeLocation: d,
+          onPreview: c,
+          onReset: h,
+          onReview: u,
+          onStart: p,
+          onReattempt: l,
+          onResume: m,
+          onMarkAsFamiliar: f,
+          onMarkIrrelevant: E,
+          onMarkRelevant: P
+        }
+      ) }),
+      /* @__PURE__ */ g(_, { $width: "100%", $flexGapX: 2, $background: "WHITE_3", $alignItems: "center", children: [
+        /* @__PURE__ */ e(
+          Q,
+          {
+            userType: n,
+            teacherId: x,
+            groupedSupplementarySheets: A,
+            groupedSupplementarySheetsSortOrder: y,
+            isDefocused: r,
+            handleOnCreateExtraPractice: v,
+            onChangeLocation: d,
+            onPreview: c,
+            onReset: h,
+            onReview: u,
+            onStart: p,
+            onReattempt: l,
+            onResume: m,
+            onMarkAsFamiliar: f,
+            onUnlock: L,
+            onUnAssignSheet: I
+          }
+        ),
+        /* @__PURE__ */ e(U, { height: 1 })
+      ] })
+    ] });
   }
-), K = X;
+), K = j;
 export {
   K as default
 };

package/dist/features/chapters/chapter/chapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/chapter/chapter.tsx"],"sourcesContent":["import type { IChapterProps } from './chapter-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport ChapterBanner from './comps/chapter-banner/chapter-banner';\nimport CoreLessons from './comps/core-lessons/core-lessons';\nimport SupplementaryResources from './comps/supplementary-resources/supplementary-resources';\nimport * as Styled from './styled';\n\nconst Chapter: FC<IChapterProps> = memo(\n  ({ name, sheets_data: sheetData, user_type: userType, loading, ...restChapterProps }) => {\n    const {\n      user_chapter_progress: userChapterProgress,\n      is_defocused: isDefocused,\n      image_url: imageUrl,\n      image_hue: imageHue,\n      teacherId,\n      onCreateExtraPractice,\n      onStart,\n      onResume,\n      onReattempt,\n      onPreview,\n      onReview,\n      onReset,\n      onChangeLocation,\n      onMarkAsFamiliar,\n      onUnlock,\n      onMarkRelevant,\n      onMarkIrrelevant,\n      onUnAssignSheet,\n      onLearningPlanFAQClick,\n    } = restChapterProps;\n\n    const {\n      lessons,\n      supplementary_sheets_group_sort_order: groupedSupplementarySheetsSortOrder,\n      supplementary_sheets_grouped: groupedSupplementarySheets,\n    } = sheetData;\n\n    const handleOnLearningPlanFAQClick = useCallback(() => {\n      if (typeof onLearningPlanFAQClick !== 'function') {\n        throw new Error('onLearningPlanFAQClick must be a function');\n      }\n\n      onLearningPlanFAQClick();\n    }, [onLearningPlanFAQClick]);\n\n    const handleOnCreateExtraPractice = useCallback(() => {\n      if (typeof onCreateExtraPractice !== 'function') {\n        throw new Error('onCreateExtraPractice must be a function');\n      }\n\n      onCreateExtraPractice();\n    }, [onCreateExtraPractice]);\n\n    return (\n      <Styled.ContentWrapper\n        $disablePointerEvents={loading}\n        $alignItems=\"center\"\n        $width=\"100%\"\n        $background=\"WHITE_4\"\n      >\n        {loading && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n          </Styled.LoaderWrapper>\n        )}\n\n        <ChapterBanner\n          name={name}\n          userChapterProgress={userChapterProgress}\n          isDefocused={isDefocused}\n          imageUrl={imageUrl}\n          backgroundColor={`${imageHue}_1`}\n        />\n        <FlexView $widthX={47.5} $flexGapX={2}>\n          <CoreLessons\n            userType={userType}\n            lessons={lessons}\n            userChapterProgress={userChapterProgress}\n            isDefocused={isDefocused}\n            lessonItemColorHue={imageHue}\n            handleOnLearningPlanFAQClick={handleOnLearningPlanFAQClick}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onMarkIrrelevant={onMarkIrrelevant}\n            onMarkRelevant={onMarkRelevant}\n          />\n        </FlexView>\n\n        <FlexView $width=\"100%\" $flexGapX={2} $background=\"WHITE_3\" $alignItems=\"center\">\n          <SupplementaryResources\n            userType={userType}\n            teacherId={teacherId}\n            groupedSupplementarySheets={groupedSupplementarySheets}\n            groupedSupplementarySheetsSortOrder={groupedSupplementarySheetsSortOrder}\n            isDefocused={isDefocused}\n            handleOnCreateExtraPractice={handleOnCreateExtraPractice}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onUnlock={onUnlock}\n            onUnAssignSheet={onUnAssignSheet}\n          />\n\n          <Separator height={1} />\n        </FlexView>\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default Chapter;\n"],"names":["Chapter","memo","name","sheetData","userType","loading","restChapterProps","userChapterProgress","isDefocused","imageUrl","imageHue","teacherId","onCreateExtraPractice","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onMarkRelevant","onMarkIrrelevant","onUnAssignSheet","onLearningPlanFAQClick","lessons","groupedSupplementarySheetsSortOrder","groupedSupplementarySheets","handleOnLearningPlanFAQClick","useCallback","handleOnCreateExtraPractice","jsxs","Styled.ContentWrapper","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","FlexView","CoreLessons","SupplementaryResources","Separator","Chapter$1"],"mappings":"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"}
+{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/chapter/chapter.tsx"],"sourcesContent":["import type { IChapterProps } from './chapter-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport ChapterBanner from './comps/chapter-banner/chapter-banner';\nimport CoreLessons from './comps/core-lessons/core-lessons';\nimport SupplementaryResources from './comps/supplementary-resources/supplementary-resources';\nimport * as Styled from './styled';\n\nconst Chapter: FC<IChapterProps> = memo(\n  ({ name, sheets_data: sheetData, user_type: userType, loading, ...restChapterProps }) => {\n    const {\n      user_chapter_progress: userChapterProgress,\n      is_defocused: isDefocused,\n      image_url: imageUrl,\n      image_hue: imageHue,\n      teacherId,\n      onCreateExtraPractice,\n      onStart,\n      onResume,\n      onReattempt,\n      onPreview,\n      onReview,\n      onReset,\n      onChangeLocation,\n      onMarkAsFamiliar,\n      onUnlock,\n      onMarkRelevant,\n      onMarkIrrelevant,\n      onUnAssignSheet,\n      onLearningPlanFAQClick,\n    } = restChapterProps;\n\n    const {\n      lessons,\n      supplementary_sheets_group_sort_order: groupedSupplementarySheetsSortOrder,\n      supplementary_sheets_grouped: groupedSupplementarySheets,\n    } = sheetData;\n\n    const handleOnLearningPlanFAQClick = useCallback(() => {\n      if (typeof onLearningPlanFAQClick !== 'function') {\n        throw new Error('onLearningPlanFAQClick must be a function');\n      }\n\n      onLearningPlanFAQClick();\n    }, [onLearningPlanFAQClick]);\n\n    const handleOnCreateExtraPractice = useCallback(() => {\n      if (typeof onCreateExtraPractice !== 'function') {\n        throw new Error('onCreateExtraPractice must be a function');\n      }\n\n      onCreateExtraPractice();\n    }, [onCreateExtraPractice]);\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={loading} $alignItems=\"center\" $width=\"100%\">\n        {loading && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n          </Styled.LoaderWrapper>\n        )}\n\n        <ChapterBanner\n          name={name}\n          userChapterProgress={userChapterProgress}\n          isDefocused={isDefocused}\n          imageUrl={imageUrl}\n          backgroundColor={`${imageHue}_1`}\n        />\n        <FlexView $widthX={47.5} $flexGapX={2}>\n          <CoreLessons\n            userType={userType}\n            lessons={lessons}\n            userChapterProgress={userChapterProgress}\n            isDefocused={isDefocused}\n            lessonItemColorHue={imageHue}\n            handleOnLearningPlanFAQClick={handleOnLearningPlanFAQClick}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onMarkIrrelevant={onMarkIrrelevant}\n            onMarkRelevant={onMarkRelevant}\n          />\n        </FlexView>\n\n        <FlexView $width=\"100%\" $flexGapX={2} $background=\"WHITE_3\" $alignItems=\"center\">\n          <SupplementaryResources\n            userType={userType}\n            teacherId={teacherId}\n            groupedSupplementarySheets={groupedSupplementarySheets}\n            groupedSupplementarySheetsSortOrder={groupedSupplementarySheetsSortOrder}\n            isDefocused={isDefocused}\n            handleOnCreateExtraPractice={handleOnCreateExtraPractice}\n            onChangeLocation={onChangeLocation}\n            onPreview={onPreview}\n            onReset={onReset}\n            onReview={onReview}\n            onStart={onStart}\n            onReattempt={onReattempt}\n            onResume={onResume}\n            onMarkAsFamiliar={onMarkAsFamiliar}\n            onUnlock={onUnlock}\n            onUnAssignSheet={onUnAssignSheet}\n          />\n\n          <Separator height={1} />\n        </FlexView>\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default Chapter;\n"],"names":["Chapter","memo","name","sheetData","userType","loading","restChapterProps","userChapterProgress","isDefocused","imageUrl","imageHue","teacherId","onCreateExtraPractice","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onMarkRelevant","onMarkIrrelevant","onUnAssignSheet","onLearningPlanFAQClick","lessons","groupedSupplementarySheetsSortOrder","groupedSupplementarySheets","handleOnLearningPlanFAQClick","useCallback","handleOnCreateExtraPractice","jsxs","Styled.ContentWrapper","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","FlexView","CoreLessons","SupplementaryResources","Separator","Chapter$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA6BC;AAAA,EACjC,CAAC,EAAE,MAAAC,GAAM,aAAaC,GAAW,WAAWC,GAAU,SAAAC,GAAS,GAAGC,QAAuB;AACjF,UAAA;AAAA,MACJ,uBAAuBC;AAAA,MACvB,cAAcC;AAAA,MACd,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,WAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,wBAAAC;AAAA,IACE,IAAAnB,GAEE;AAAA,MACJ,SAAAoB;AAAA,MACA,uCAAuCC;AAAA,MACvC,8BAA8BC;AAAA,IAC5B,IAAAzB,GAEE0B,IAA+BC,EAAY,MAAM;AACjD,UAAA,OAAOL,KAA2B;AAC9B,cAAA,IAAI,MAAM,2CAA2C;AAGtC,MAAAA;IAAA,GACtB,CAACA,CAAsB,CAAC,GAErBM,IAA8BD,EAAY,MAAM;AAChD,UAAA,OAAOlB,KAA0B;AAC7B,cAAA,IAAI,MAAM,0CAA0C;AAGtC,MAAAA;IAAA,GACrB,CAACA,CAAqB,CAAC;AAGxB,WAAA,gBAAAoB,EAACC,GAAA,EAAsB,uBAAuB5B,GAAS,aAAY,UAAS,QAAO,QAChF,UAAA;AAAA,MACCA,KAAA,gBAAA6B,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKE,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,MAGF,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAAnC;AAAA,UACA,qBAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAiB,GAAGC,CAAQ;AAAA,QAAA;AAAA,MAC9B;AAAA,MACC,gBAAAwB,EAAAI,GAAA,EAAS,SAAS,MAAM,WAAW,GAClC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAAnC;AAAA,UACA,SAAAsB;AAAA,UACA,qBAAAnB;AAAA,UACA,aAAAC;AAAA,UACA,oBAAoBE;AAAA,UACpB,8BAAAmB;AAAA,UACA,kBAAAV;AAAA,UACA,WAAAH;AAAA,UACA,SAAAE;AAAA,UACA,UAAAD;AAAA,UACA,SAAAJ;AAAA,UACA,aAAAE;AAAA,UACA,UAAAD;AAAA,UACA,kBAAAM;AAAA,UACA,kBAAAG;AAAA,UACA,gBAAAD;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MAEA,gBAAAU,EAACM,KAAS,QAAO,QAAO,WAAW,GAAG,aAAY,WAAU,aAAY,UACtE,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAApC;AAAA,YACA,WAAAO;AAAA,YACA,4BAAAiB;AAAA,YACA,qCAAAD;AAAA,YACA,aAAAnB;AAAA,YACA,6BAAAuB;AAAA,YACA,kBAAAZ;AAAA,YACA,WAAAH;AAAA,YACA,SAAAE;AAAA,YACA,UAAAD;AAAA,YACA,SAAAJ;AAAA,YACA,aAAAE;AAAA,YACA,UAAAD;AAAA,YACA,kBAAAM;AAAA,YACA,UAAAC;AAAA,YACA,iBAAAG;AAAA,UAAA;AAAA,QACF;AAAA,QAEA,gBAAAU,EAACO,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MAAA,GACxB;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAC,IAAe1C;"}

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

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

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

@@ -1 +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 } 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 NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\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      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      onNodeAssignAsHomework,\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 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        {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                onNodeAssignAsHomework={onNodeAssignAsHomework}\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","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}
+{"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 } 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 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 NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\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      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      onNodeAssignAsHomework,\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 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                <ArrowTooltip\n                  renderAs=\"primary\"\n                  tooltipItem=\"Goals can only be added for students who have joined the class\"\n                  hidden={canCreatePlan}\n                  position=\"bottom\"\n                >\n                  <TextButton\n                    label=\"Create Goal\"\n                    size=\"small\"\n                    onClick={handleCreatePlan}\n                    disabled={!canCreatePlan}\n                  />\n                </ArrowTooltip>\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\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                onNodeAssignAsHomework={onNodeAssignAsHomework}\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","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}

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

@@ -1,28 +1,29 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { memo as f, useCallback as h } from "react";
 import $ from "styled-components";
-import { ILLUSTRATIONS as u } from "../../../../../assets/illustrations/illustrations.js";
-import b from "../../../../hooks/use-lazy-ref.js";
-import g from "../../../../ui/buttons/button/button.js";
-import x from "../../../../ui/image/image.js";
-import a from "../../../../ui/layout/flex-view.js";
-import { getNoMilestoneTitle as w } from "../../../create/utils/index.js";
-import { StyledText as A } from "./no-active-milestone-styled.js";
-import L from "../../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const T = $.span`
-  display: ${({ shouldShow: e }) => e ? "block" : "none"};
-`, U = f(
-  ({ userType: e, studentName: m, isDraftMilestonePresent: t, ...s }) => {
-    const { canCreatePlan: d, onCreatePlan: o, isFiltersAdded: l } = s, i = b(L), c = h(() => {
-      o == null || o(i);
-    }, [o, i]), p = w(
+import { ILLUSTRATIONS as b } from "../../../../../assets/illustrations/illustrations.js";
+import u from "../../../../hooks/use-lazy-ref.js";
+import w from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import A from "../../../../ui/buttons/button/button.js";
+import g from "../../../../ui/image/image.js";
+import d from "../../../../ui/layout/flex-view.js";
+import { getNoMilestoneTitle as x } from "../../../create/utils/index.js";
+import { StyledText as y } from "./no-active-milestone-styled.js";
+import T from "../../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const I = $.span`
+  display: ${({ shouldShow: o }) => o ? "block" : "none"};
+`, W = f(
+  ({ userType: o, studentName: s, isDraftMilestonePresent: r, ...m }) => {
+    const { canCreatePlan: i, onCreatePlan: t, isFiltersAdded: l } = m, n = u(T), p = h(() => {
+      t == null || t(n);
+    }, [t, n]), c = x(
       l,
-      t,
-      m,
-      e
+      r,
+      s,
+      o
     );
-    return /* @__PURE__ */ n(
-      a,
+    return /* @__PURE__ */ a(
+      d,
       {
         $flexDirection: "row",
         $gapX: 1.5,
@@ -33,26 +34,35 @@ const T = $.span`
         $justifyContent: "space-between",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ n(a, { $flexGapX: 1, children: [
-            /* @__PURE__ */ r(A, { $renderAs: "ab2", $widthX: 19.5, children: p }),
-            e === "TEACHER" && /* @__PURE__ */ r(T, { shouldShow: !l, children: !t && /* @__PURE__ */ r(
-              g,
+          /* @__PURE__ */ a(d, { $flexGapX: 1, children: [
+            /* @__PURE__ */ e(y, { $renderAs: "ab2", $widthX: 19.5, children: c }),
+            o === "TEACHER" && /* @__PURE__ */ e(I, { shouldShow: !l, children: !r && /* @__PURE__ */ e(
+              w,
               {
-                renderAs: "secondary",
-                size: "small",
-                label: "Add a Goal",
-                onClick: c,
-                disabled: !d
+                renderAs: "primary",
+                tooltipItem: "Goals can only be added for students who have joined the class",
+                hidden: i,
+                position: "bottom",
+                children: /* @__PURE__ */ e(
+                  A,
+                  {
+                    renderAs: "secondary",
+                    size: "small",
+                    label: "Add a Goal",
+                    onClick: p,
+                    disabled: !i
+                  }
+                )
               }
             ) })
           ] }),
-          /* @__PURE__ */ r(
-            x,
+          /* @__PURE__ */ e(
+            g,
             {
               withLoader: !1,
               width: 240,
               height: 100,
-              src: u.PUZZLE_STUDENT,
+              src: b.PUZZLE_STUDENT,
               alt: "learning-planner"
             }
           )
@@ -62,6 +72,6 @@ const T = $.span`
   }
 );
 export {
-  U as default
+  W as default
 };
 //# sourceMappingURL=no-active-milestone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"no-active-milestone.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.tsx"],"sourcesContent":["import type { INoActiveMilestoneProps } from './no-active-milestone-types';\n\nimport { useCallback, type FC, memo } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport useLazyRef from '../../../../hooks/use-lazy-ref';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getNoMilestoneTitle } from '../../../create/utils';\nimport * as Styled from './no-active-milestone-styled';\n\nconst ButtonWrapper = styled.span<{ shouldShow: boolean }>`\n  display: ${({ shouldShow }) => (shouldShow ? 'block' : 'none')};\n`;\n\nconst NoActiveMilestone: FC<INoActiveMilestoneProps> = memo(\n  ({ userType, studentName, isDraftMilestonePresent, ...restNoActiveMilestoneProps }) => {\n    const { canCreatePlan, onCreatePlan, isFiltersAdded } = restNoActiveMilestoneProps;\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const title = getNoMilestoneTitle(\n      isFiltersAdded,\n      isDraftMilestonePresent,\n      studentName,\n      userType,\n    );\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $gapX={1.5}\n        $gutterX={1.5}\n        $borderColor=\"WHITE_4\"\n        $background=\"YELLOW_1\"\n        $flexGapX={1}\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <FlexView $flexGapX={1}>\n          <Styled.StyledText $renderAs=\"ab2\" $widthX={19.5}>\n            {title}\n          </Styled.StyledText>\n\n          {userType === 'TEACHER' && (\n            <ButtonWrapper shouldShow={!isFiltersAdded}>\n              {!isDraftMilestonePresent && (\n                <Button\n                  renderAs=\"secondary\"\n                  size=\"small\"\n                  label=\"Add a Goal\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              )}\n            </ButtonWrapper>\n          )}\n        </FlexView>\n\n        <Image\n          withLoader={false}\n          width={240}\n          height={100}\n          src={ILLUSTRATIONS.PUZZLE_STUDENT}\n          alt=\"learning-planner\"\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default NoActiveMilestone;\n"],"names":["ButtonWrapper","styled","shouldShow","NoActiveMilestone","memo","userType","studentName","isDraftMilestonePresent","restNoActiveMilestoneProps","canCreatePlan","onCreatePlan","isFiltersAdded","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","title","getNoMilestoneTitle","jsxs","FlexView","jsx","Styled.StyledText","Button","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAgBC,EAAO;AAAA,aAChB,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,UAAU,MAAO;AAAA,GAG1DC,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,yBAAAC,GAAyB,GAAGC,QAAiC;AACrF,UAAM,EAAE,eAAAC,GAAe,cAAAC,GAAc,gBAAAC,EAAA,IAAmBH,GAClDI,IAAuBC,EAAWC,CAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAAN,KAAA,QAAAA,EAAeE;AAAA,IAAoB,GAClC,CAACF,GAAcE,CAAoB,CAAC,GAEjCK,IAAQC;AAAA,MACZP;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA;AAIA,WAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,GACnB,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,SAAS,MACzC,UACHL,GAAA;AAAA,YAECZ,MAAa,aACX,gBAAAgB,EAAArB,GAAA,EAAc,YAAY,CAACW,GACzB,WAACJ,KACA,gBAAAc;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASR;AAAA,gBACT,UAAU,CAACN;AAAA,cAAA;AAAA,YAAA,GAGjB;AAAA,UAAA,GAEJ;AAAA,UAEA,gBAAAY;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"no-active-milestone.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/no-active-milestone/no-active-milestone.tsx"],"sourcesContent":["import type { INoActiveMilestoneProps } from './no-active-milestone-types';\n\nimport { useCallback, type FC, memo } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport useLazyRef from '../../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { getNoMilestoneTitle } from '../../../create/utils';\nimport * as Styled from './no-active-milestone-styled';\n\nconst ButtonWrapper = styled.span<{ shouldShow: boolean }>`\n  display: ${({ shouldShow }) => (shouldShow ? 'block' : 'none')};\n`;\n\nconst NoActiveMilestone: FC<INoActiveMilestoneProps> = memo(\n  ({ userType, studentName, isDraftMilestonePresent, ...restNoActiveMilestoneProps }) => {\n    const { canCreatePlan, onCreatePlan, isFiltersAdded } = restNoActiveMilestoneProps;\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const title = getNoMilestoneTitle(\n      isFiltersAdded,\n      isDraftMilestonePresent,\n      studentName,\n      userType,\n    );\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $gapX={1.5}\n        $gutterX={1.5}\n        $borderColor=\"WHITE_4\"\n        $background=\"YELLOW_1\"\n        $flexGapX={1}\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <FlexView $flexGapX={1}>\n          <Styled.StyledText $renderAs=\"ab2\" $widthX={19.5}>\n            {title}\n          </Styled.StyledText>\n\n          {userType === 'TEACHER' && (\n            <ButtonWrapper shouldShow={!isFiltersAdded}>\n              {!isDraftMilestonePresent && (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  tooltipItem=\"Goals can only be added for students who have joined the class\"\n                  hidden={canCreatePlan}\n                  position=\"bottom\"\n                >\n                  <Button\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    label=\"Add a Goal\"\n                    onClick={handleCreatePlan}\n                    disabled={!canCreatePlan}\n                  />\n                </ArrowTooltip>\n              )}\n            </ButtonWrapper>\n          )}\n        </FlexView>\n\n        <Image\n          withLoader={false}\n          width={240}\n          height={100}\n          src={ILLUSTRATIONS.PUZZLE_STUDENT}\n          alt=\"learning-planner\"\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default NoActiveMilestone;\n"],"names":["ButtonWrapper","styled","shouldShow","NoActiveMilestone","memo","userType","studentName","isDraftMilestonePresent","restNoActiveMilestoneProps","canCreatePlan","onCreatePlan","isFiltersAdded","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","title","getNoMilestoneTitle","jsxs","FlexView","jsx","Styled.StyledText","ArrowTooltip","Button","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAgBC,EAAO;AAAA,aAChB,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,UAAU,MAAO;AAAA,GAG1DC,IAAiDC;AAAA,EACrD,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,yBAAAC,GAAyB,GAAGC,QAAiC;AACrF,UAAM,EAAE,eAAAC,GAAe,cAAAC,GAAc,gBAAAC,EAAA,IAAmBH,GAClDI,IAAuBC,EAAWC,CAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAAN,KAAA,QAAAA,EAAeE;AAAA,IAAoB,GAClC,CAACF,GAAcE,CAAoB,CAAC,GAEjCK,IAAQC;AAAA,MACZP;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA;AAIA,WAAA,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,GACnB,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAkB,WAAU,OAAM,SAAS,MACzC,UACHL,GAAA;AAAA,YAECZ,MAAa,aACX,gBAAAgB,EAAArB,GAAA,EAAc,YAAY,CAACW,GACzB,WAACJ,KACA,gBAAAc;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,aAAY;AAAA,gBACZ,QAAQd;AAAA,gBACR,UAAS;AAAA,gBAET,UAAA,gBAAAY;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,SAAST;AAAA,oBACT,UAAU,CAACN;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YAAA,GAGN;AAAA,UAAA,GAEJ;AAAA,UAEA,gBAAAY;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAc;AAAA,cACnB,KAAI;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.22-beta-0.1",
+  "version": "3.1.22-beta-0.3",
   "type": "module",
   "files": [
     "dist"