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

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

@@ -1,13 +1,13 @@
-import { createGetAllAPI as r } from "@cuemath/rest-api";
-import { BASE_URL_V3_1 as n } from "../../../../constants/api.js";
-const { useGetAll: a, invalidate: l } = r({
-  getURL: (e) => {
-    const { milestone_state_group: t, student_id: s, course_stream: o } = e;
-    return `${n}/user-milestones/users/${s}/course-streams/${o}/${t}/count`;
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as n } from "../../../../constants/api.js";
+const { useGet: m, invalidate: c } = r({
+  getURL: (e, u, t) => {
+    const { milestone_state_group: s, course_stream: o } = t;
+    return `${n}/user-milestones/users/${e}/course-streams/${o}/${s}/count`;
   }
 });
 export {
-  l as invalidatePastMilestoneCount,
-  a as useGetPastMilestoneCount
+  c as invalidatePastMilestoneCount,
+  m as useGetPastMilestoneCount
 };
 //# sourceMappingURL=get-past-milestone-count.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"get-past-milestone-count.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-past-milestone-count.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';\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: useGetPastMilestoneCount, invalidate: invalidatePastMilestoneCount } =\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}/${milestone_state_group}/count`;\n    },\n  });\n\nexport { useGetPastMilestoneCount, invalidatePastMilestoneCount };\n"],"names":["useGetPastMilestoneCount","invalidatePastMilestoneCount","createGetAllAPI","query","milestone_state_group","student_id","course_stream","BASE_URL_V3_1"],"mappings":";;AAaA,MAAM,EAAE,WAAWA,GAA0B,YAAYC,EAAA,IACvDC,EAAwC;AAAA,EACtC,QAAQ,CAASC,MAAA;AACf,UAAM,EAAE,uBAAAC,GAAuB,YAAAC,GAAY,eAAAC,EAAA,IAAkBH;AAE7D,WAAO,GAAGI,CAAa,0BAA0BF,CAAU,mBAAmBC,CAAa,IAAIF,CAAqB;AAAA,EACtH;AACF,CAAC;"}
+{"version":3,"file":"get-past-milestone-count.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-past-milestone-count.ts"],"sourcesContent":["import type { TCourseStream } from '../../create/milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\ntype TQuery = {\n  milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';\n  course_stream: TCourseStream;\n};\n\nconst { useGet: useGetPastMilestoneCount, invalidate: invalidatePastMilestoneCount } = createGetAPI<\n  {\n    user_milestones_count: number;\n  },\n  void,\n  TQuery\n>({\n  getURL: (studentId, _, query) => {\n    const { milestone_state_group, course_stream } = query;\n\n    return `${BASE_URL_V3}/user-milestones/users/${studentId}/course-streams/${course_stream}/${milestone_state_group}/count`;\n  },\n});\n\nexport { useGetPastMilestoneCount, invalidatePastMilestoneCount };\n"],"names":["useGetPastMilestoneCount","invalidatePastMilestoneCount","createGetAPI","studentId","_","query","milestone_state_group","course_stream","BASE_URL_V3"],"mappings":";;AAWA,MAAM,EAAE,QAAQA,GAA0B,YAAYC,EAAA,IAAiCC,EAMrF;AAAA,EACA,QAAQ,CAACC,GAAWC,GAAGC,MAAU;AACzB,UAAA,EAAE,uBAAAC,GAAuB,eAAAC,EAAkB,IAAAF;AAEjD,WAAO,GAAGG,CAAW,0BAA0BL,CAAS,mBAAmBI,CAAa,IAAID,CAAqB;AAAA,EACnH;AACF,CAAC;"}

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

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

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

@@ -13,7 +13,8 @@ const f = x`
 `, v = r(i)`
   position: relative;
   animation: ${f} 0.3s ease-in-out;
-`, k = r(g)(({ theme: o, $expanded: t }) => {
+`;
+r(g)(({ theme: o, $expanded: t }) => {
   const {
     layout: { gutter: e },
     colors: { BLACK_1: n }
@@ -27,7 +28,8 @@ const f = x`
     transform: rotate(${t === !0 ? 180 : 0}deg);
     transition: transform 0.3s ease;
   `;
-}), C = r.div(({ $expanded: o, theme: t }) => {
+});
+const k = r.div(({ $expanded: o, theme: t }) => {
   const { colors: e } = t;
   return `
     display:grid;
@@ -37,7 +39,7 @@ const f = x`
     border: 1px solid ${e.GREY_2};
     border-top:none;
   `;
-}), I = r.div`
+}), C = r.div`
   min-height: 0px;
   width: 100%;
 `;
@@ -81,7 +83,7 @@ r.div(({ theme: o, $rotate: t }) => {
     }
   `;
 });
-const _ = r(i)`
+const I = r(i)`
   border-bottom: 0px;
   position: relative;
   padding: 32px 32px 24px;
@@ -90,7 +92,7 @@ const _ = r(i)`
 r(s)`
   white-space: pre-wrap;
 `;
-const A = r(s)`
+const _ = r(s)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -109,7 +111,7 @@ r(i)(({
     top: ${t.layout.gutter * 1.75 / 2}px;
     ${o === "right" ? "right: 0px;" : "left: 0px;"}
   `);
-const D = r.div(({ theme: o }) => {
+const A = r.div(({ theme: o }) => {
   const { layout: t } = o;
   return `
     position: absolute;
@@ -127,7 +129,7 @@ const D = r.div(({ theme: o }) => {
     position: absolute;
     inset: 50%;
     transform: translate(-50%, -50%) rotate(-90deg);
-  `), S = r.circle(
+  `), W = r.circle(
   ({ theme: o, $progressCircle: t, $progress: e, $progressBackground: n }) => {
     const { colors: p, layout: l } = o, { GREY_2: c } = p, { gutter: a } = l, d = a * 12.5, u = t ? d - e : e;
     return `
@@ -146,13 +148,12 @@ r(s)(({ theme: o, $backgroundColor: t }) => `
   `);
 export {
   G as ChapterProgressSVG,
-  S as ChapterProgressSVGCircle,
-  I as Content,
-  C as ContentWrapper,
+  W as ChapterProgressSVGCircle,
+  C as Content,
+  k as ContentWrapper,
   v as MainContainer,
-  A as MilestoneTitle,
-  D as StyledCheckIconWrapper,
-  k as StyledDownIcon,
-  _ as Wrapper
+  _ as MilestoneTitle,
+  A as StyledCheckIconWrapper,
+  I as Wrapper
 };
 //# sourceMappingURL=milestone-widget-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-widget-styled.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled, { keyframes } from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../assets/line-icons/icons/chevron-down';\nimport InfoIcon from '../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IContentWrapperProps {\n  $expanded: boolean;\n}\n\ninterface IStyledDownIconProps {\n  $expanded: boolean;\n}\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst MainContainer = styled(FlexView)`\n  position: relative;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst StyledDownIcon = styled(ChevronDownIcon)<IStyledDownIconProps>(({ theme, $expanded }) => {\n  const {\n    layout: { gutter },\n    colors: { BLACK_1 },\n  } = theme;\n\n  return `\n    cursor: pointer;\n    width: ${gutter * 1.5}px;\n    height: ${gutter * 1.5}px;\n    outline: 1px solid ${BLACK_1};\n    border-radius: 50%;\n    transform: rotate(${$expanded === true ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n  `;\n});\n\nconst ContentWrapper = styled.div<IContentWrapperProps>(({ $expanded, theme }) => {\n  const { colors } = theme;\n\n  return `\n    display:grid;\n    grid-template-rows:${$expanded ? 1 : 0}fr;\n    overflow:hidden;\n    transition:grid-template-rows 200ms;\n    border: 1px solid ${colors.GREY_2};\n    border-top:none;\n  `;\n});\n\nconst Content = styled.div`\n  min-height: 0px;\n  width: 100%;\n`;\n\nconst HelpWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding: ${gutter * 2}px;\n  `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n  () => `\n    position: relative;\n    cursor: pointer;\n  `,\n);\n\nconst LessonsInfoWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding:${gutter}px;\n    display: grid;\n    gap:0px;\n    grid-template-rows: 1fr ${gutter * 1.75}px 1fr ${gutter * 1.75}px 1fr;\n    grid-template-columns: ${gutter * 4}px ${gutter * 5}px ${gutter * 6.375}px ${gutter * 10.25}px;\n    width:${gutter * 28}px;\n    align-items:center;\n  `;\n});\n\nconst UpArrowWrapper = styled.div<{ $rotate: boolean }>(({ theme, $rotate }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    grid-column: span 4;\n    padding-left: ${gutter * 1.5}px;\n    & img {\n      transform: rotate(${$rotate ? 180 : 0}deg);\n    }\n  `;\n});\n\nconst Wrapper = styled(FlexView)`\n  border-bottom: 0px;\n  position: relative;\n  padding: 32px 32px 24px;\n  cursor: pointer;\n`;\n\nconst SpacedText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst MilestoneTitle = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst MilestoneWidgetStatusWrapper = styled(FlexView)`\n  position: relative;\n  z-index: 1;\n`;\n\ninterface IMilestoneWidgetStatusTag {\n  $placement: string;\n}\n\nconst MilestoneWidgetStatusTag = styled(FlexView)<IMilestoneWidgetStatusTag>(({\n  $placement,\n  theme,\n}) => {\n  return `\n    position: absolute;\n    top: ${(theme.layout.gutter * 1.75) / 2}px;\n    ${$placement === 'right' ? 'right: 0px;' : 'left: 0px;'}\n  `;\n});\n\nconst StyledCheckIconWrapper = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 0px;\n    right: 0px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n    background: ${theme.colors.WHITE_1};\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { GREY_2 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 12.5;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\ninterface IWidgetStateTag {\n  $backgroundColor: TColorNames;\n}\n\nconst WidgetStateTag = styled(Text)<IWidgetStateTag>(({ theme, $backgroundColor }) => {\n  return `\n    padding: 4px;\n    background: ${theme.colors[$backgroundColor]};\n  `;\n});\n\nexport {\n  Content,\n  ContentWrapper,\n  HelpWrapper,\n  LessonsInfoWrapper,\n  MainContainer,\n  SpacedText,\n  StyledDownIcon,\n  StyledInfoIcon,\n  UpArrowWrapper,\n  Wrapper,\n  MilestoneTitle,\n  MilestoneWidgetStatusWrapper,\n  MilestoneWidgetStatusTag,\n  StyledCheckIconWrapper,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  WidgetStateTag,\n};\n"],"names":["fadeIn","keyframes","MainContainer","styled","FlexView","StyledDownIcon","ChevronDownIcon","theme","$expanded","gutter","BLACK_1","ContentWrapper","colors","Content","InfoIcon","$rotate","Wrapper","Text","MilestoneTitle","$placement","StyledCheckIconWrapper","layout","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","GREY_2","strokeDashArray","strokeDashOffset","$backgroundColor"],"mappings":"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"}
+{"version":3,"file":"milestone-widget-styled.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled, { keyframes } from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../assets/line-icons/icons/chevron-down';\nimport InfoIcon from '../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IContentWrapperProps {\n  $expanded: boolean;\n}\n\ninterface IStyledDownIconProps {\n  $expanded: boolean;\n}\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst MainContainer = styled(FlexView)`\n  position: relative;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst StyledDownIcon = styled(ChevronDownIcon)<IStyledDownIconProps>(({ theme, $expanded }) => {\n  const {\n    layout: { gutter },\n    colors: { BLACK_1 },\n  } = theme;\n\n  return `\n    cursor: pointer;\n    width: ${gutter * 1.5}px;\n    height: ${gutter * 1.5}px;\n    outline: 1px solid ${BLACK_1};\n    border-radius: 50%;\n    transform: rotate(${$expanded === true ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n  `;\n});\n\nconst ContentWrapper = styled.div<IContentWrapperProps>(({ $expanded, theme }) => {\n  const { colors } = theme;\n\n  return `\n    display:grid;\n    grid-template-rows:${$expanded ? 1 : 0}fr;\n    overflow:hidden;\n    transition:grid-template-rows 200ms;\n    border: 1px solid ${colors.GREY_2};\n    border-top:none;\n  `;\n});\n\nconst Content = styled.div`\n  min-height: 0px;\n  width: 100%;\n`;\n\nconst HelpWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding: ${gutter * 2}px;\n  `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n  () => `\n    position: relative;\n    cursor: pointer;\n  `,\n);\n\nconst LessonsInfoWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding:${gutter}px;\n    display: grid;\n    gap:0px;\n    grid-template-rows: 1fr ${gutter * 1.75}px 1fr ${gutter * 1.75}px 1fr;\n    grid-template-columns: ${gutter * 4}px ${gutter * 5}px ${gutter * 6.375}px ${gutter * 10.25}px;\n    width:${gutter * 28}px;\n    align-items:center;\n  `;\n});\n\nconst UpArrowWrapper = styled.div<{ $rotate: boolean }>(({ theme, $rotate }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    grid-column: span 4;\n    padding-left: ${gutter * 1.5}px;\n    & img {\n      transform: rotate(${$rotate ? 180 : 0}deg);\n    }\n  `;\n});\n\nconst Wrapper = styled(FlexView)`\n  border-bottom: 0px;\n  position: relative;\n  padding: 32px 32px 24px;\n  cursor: pointer;\n`;\n\nconst SpacedText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst MilestoneTitle = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst MilestoneWidgetStatusWrapper = styled(FlexView)`\n  position: relative;\n  z-index: 1;\n`;\n\ninterface IMilestoneWidgetStatusTag {\n  $placement: string;\n}\n\nconst MilestoneWidgetStatusTag = styled(FlexView)<IMilestoneWidgetStatusTag>(({\n  $placement,\n  theme,\n}) => {\n  return `\n    position: absolute;\n    top: ${(theme.layout.gutter * 1.75) / 2}px;\n    ${$placement === 'right' ? 'right: 0px;' : 'left: 0px;'}\n  `;\n});\n\nconst StyledCheckIconWrapper = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 0px;\n    right: 0px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n    background: ${theme.colors.WHITE_1};\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { GREY_2 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 12.5;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\ninterface IWidgetStateTag {\n  $backgroundColor: TColorNames;\n}\n\nconst WidgetStateTag = styled(Text)<IWidgetStateTag>(({ theme, $backgroundColor }) => {\n  return `\n    padding: 4px;\n    background: ${theme.colors[$backgroundColor]};\n  `;\n});\n\nexport {\n  Content,\n  ContentWrapper,\n  HelpWrapper,\n  LessonsInfoWrapper,\n  MainContainer,\n  SpacedText,\n  StyledDownIcon,\n  StyledInfoIcon,\n  UpArrowWrapper,\n  Wrapper,\n  MilestoneTitle,\n  MilestoneWidgetStatusWrapper,\n  MilestoneWidgetStatusTag,\n  StyledCheckIconWrapper,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  WidgetStateTag,\n};\n"],"names":["fadeIn","keyframes","MainContainer","styled","FlexView","ChevronDownIcon","theme","$expanded","gutter","BLACK_1","ContentWrapper","colors","Content","InfoIcon","$rotate","Wrapper","Text","MilestoneTitle","$placement","StyledCheckIconWrapper","layout","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","GREY_2","strokeDashArray","strokeDashOffset","$backgroundColor"],"mappings":"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"}

package/dist/index.d.ts

@@ -2477,7 +2477,7 @@ export declare const invalidateMilestoneResources: (id: string, query?: void | u
 
 export declare const invalidateMilestonesData: (query?: TQuery | undefined) => void;
 
-export declare const invalidatePastMilestoneCount: (query?: TQuery_2 | undefined) => void;
+export declare const invalidatePastMilestoneCount: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
 export declare const invalidateTestHelpData: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
@@ -5392,7 +5392,6 @@ declare type TQuery = {
 
 declare type TQuery_2 = {
     milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';
-    student_id: string;
     course_stream: TCourseStream;
 };
 
@@ -5774,10 +5773,14 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
     } & Record<string, unknown>) | undefined;
 };
 
-export declare const useGetPastMilestoneCount: (initialQuery?: TQuery_2 | undefined) => {
-    getAll: (query: TQuery_2, meta: void) => Promise<void>;
-    resource: ResourceModel<IMilestoneData[]> | undefined;
-    data: IMilestoneData[] | undefined;
+export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
+    get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
+    resource: ResourceModel<{
+        user_milestones_count: number;
+    }> | undefined;
+    data: {
+        user_milestones_count: number;
+    } | undefined;
     permissions: Record<string, unknown> | undefined;
     isProcessing: boolean;
     isProcessed: boolean;

package/package.json

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