@cuemath/leap 3.2.30 → 3.2.31

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

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

@@ -1,16 +1,16 @@
 import { jsxs as A, jsx as t } from "react/jsx-runtime";
-import { memo as L, useState as R, useCallback as m } from "react";
-import V from "../../../../../../assets/line-icons/icons/edit2.js";
+import { memo as R, useState as V, useCallback as m } from "react";
+import q from "../../../../../../assets/line-icons/icons/edit2.js";
 import y from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
 import I from "../../../../../ui/buttons/button/button.js";
-import q from "../../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as B } from "../../../../../ui/context/context.js";
+import B from "../../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as H } from "../../../../../ui/context/context.js";
 import w from "../../../../../ui/layout/flex-view.js";
-import H from "../../../../../ui/text/text.js";
-import { EVENT_NAMES as J } from "../../../../create/milestone-create-constants.js";
-import { invalidateMilestonesData as K } from "../../../api/get-milestones.js";
-import { useDraftPublish as Q } from "./use-goal-draft-publish.js";
-const de = L((x) => {
+import J from "../../../../../ui/text/text.js";
+import { EVENT_NAMES as K } from "../../../../create/milestone-create-constants.js";
+import { invalidateMilestonesData as Q } from "../../../api/get-milestones.js";
+import { useDraftPublish as W } from "./use-goal-draft-publish.js";
+const me = R((x) => {
   const {
     milestone: c,
     studentId: p,
@@ -20,42 +20,43 @@ const de = L((x) => {
     teacherName: N,
     parentName: T,
     onAddOutcome: s,
-    onDraftPublish: n,
-    onEdit: i,
-    courseStream: u
+    onDraftPublish: i,
+    onEdit: n,
+    courseStream: u,
+    isTrialSession: k
   } = x, {
     id: e,
     milestone_name: h,
     milestone_date_ts: f,
     milestone_state: a,
-    permissions: k,
+    permissions: O,
     goal_category: b,
-    goal_code: l
+    goal_code: r
   } = c, {
     can_delete: _,
     can_update_date: E,
     can_update_plan: d
-  } = k, { onEvent: C } = B(), [D, g] = R(""), O = a === "OUTCOME_PENDING", X = l && a === "DRAFT", o = !G || P, M = m(
-    (r, z) => {
-      const { id: F } = z || {};
-      r ? g(r) : (e && K({
+  } = O, { onEvent: C } = H(), [D, g] = V(""), S = a === "OUTCOME_PENDING", X = r && a === "DRAFT", o = k ? !1 : !G || P, M = m(
+    (l, F) => {
+      const { id: L } = F || {};
+      l ? g(l) : (e && Q({
         milestone_state_group: "LIVE",
         course_stream: u,
         student_id: p
-      }), n == null || n(e, !0), C(J.DRAFT_EDIT.completed, {
-        milestone_id: e || F
+      }), i == null || i(e, !0), C(K.DRAFT_EDIT.completed, {
+        milestone_id: e || L
       }));
     },
-    [e, p, n, g, C, u]
-  ), { onPublish: S, isProcessing: j } = Q({
+    [e, p, i, g, C, u]
+  ), { onPublish: j, isProcessing: v } = W({
     handleGoalPublishComplete: M,
     milestone: c,
     milestoneId: e,
     studentName: $,
     parentName: T,
     teacherName: N
-  }), v = m(() => {
-    i == null || i({
+  }), U = m(() => {
+    n == null || n({
       milestoneId: e,
       milestoneName: h,
       milestoneDueDate: f,
@@ -64,7 +65,7 @@ const de = L((x) => {
       milestoneState: a,
       canDelete: _,
       goalCategory: b,
-      goalCode: l
+      goalCode: r
     });
   }, [
     _,
@@ -72,12 +73,12 @@ const de = L((x) => {
     d,
     f,
     b,
-    l,
+    r,
     e,
     h,
     a,
-    i
-  ]), U = m(() => {
+    n
+  ]), z = m(() => {
     s == null || s(e);
   }, [s, e]);
   return /* @__PURE__ */ A(w, { $justifyContent: "center", $flexGap: 8, children: [
@@ -88,9 +89,9 @@ const de = L((x) => {
         $flexGapX: 1.5,
         $alignItems: "center",
         $width: "fit-content",
-        onClick: (r) => r.stopPropagation(),
+        onClick: (l) => l.stopPropagation(),
         children: [
-          O && /* @__PURE__ */ t(
+          S && /* @__PURE__ */ t(
             I,
             {
               renderAs: "primary",
@@ -98,7 +99,7 @@ const de = L((x) => {
               label: "Add outcome",
               shape: "square",
               widthX: 10,
-              onClick: U
+              onClick: z
             }
           ),
           X && /* @__PURE__ */ t(
@@ -117,8 +118,8 @@ const de = L((x) => {
                   widthX: 10,
                   label: "Publish",
                   size: "small",
-                  onClick: S,
-                  busy: j,
+                  onClick: j,
+                  busy: v,
                   disabled: !o
                 }
               )
@@ -132,12 +133,12 @@ const de = L((x) => {
               widthX: o ? 5 : 15,
               tooltipItem: o ? "Edit goal" : "Goals can only be edited for students in class.",
               children: /* @__PURE__ */ t(
-                q,
+                B,
                 {
                   renderAs: "secondary",
-                  Icon: V,
+                  Icon: q,
                   analyticsLabel: "Edit Goal",
-                  onClick: v,
+                  onClick: U,
                   size: "xsmall",
                   disabled: !o
                 }
@@ -147,10 +148,10 @@ const de = L((x) => {
         ]
       }
     ),
-    D && /* @__PURE__ */ t(H, { $widthX: 12.5, $renderAs: "ub3-bold", $color: "RED", $align: "center", children: D })
+    D && /* @__PURE__ */ t(J, { $widthX: 12.5, $renderAs: "ub3-bold", $color: "RED", $align: "center", children: D })
   ] });
 });
 export {
-  de as default
+  me as default
 };
 //# sourceMappingURL=goal-action-ctas.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import type { IGoalActionCtas } from './goal-action-ctas-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(props => {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    courseStream,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            course_stream: courseStream,\n            student_id: studentId,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $flexGap={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $width=\"fit-content\"\n        onClick={e => e.stopPropagation()}\n      >\n        {canAddOutcome && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Add outcome\"\n            shape=\"square\"\n            widthX={10}\n            onClick={handleOnAddOutcome}\n          />\n        )}\n\n        {isDraftMilestone && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={10}\n              label=\"Publish\"\n              size=\"small\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n\n        {canUpdatePlan && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              size=\"xsmall\"\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      {error && (\n        <Text $widthX={12.5} $renderAs=\"ub3-bold\" $color=\"RED\" $align=\"center\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}
+{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import type { IGoalActionCtas } from './goal-action-ctas-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(props => {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    courseStream,\n    isTrialSession,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = isTrialSession ? false : !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            course_stream: courseStream,\n            student_id: studentId,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $flexGap={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $width=\"fit-content\"\n        onClick={e => e.stopPropagation()}\n      >\n        {canAddOutcome && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Add outcome\"\n            shape=\"square\"\n            widthX={10}\n            onClick={handleOnAddOutcome}\n          />\n        )}\n\n        {isDraftMilestone && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={10}\n              label=\"Publish\"\n              size=\"small\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n\n        {canUpdatePlan && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              size=\"xsmall\"\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      {error && (\n        <Text $widthX={12.5} $renderAs=\"ub3-bold\" $color=\"RED\" $align=\"center\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isTrialSession","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}

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

@@ -1,18 +1,18 @@
-import { jsxs as t, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { memo as W, useRef as X, useState as j, useMemo as H, useLayoutEffect as F } from "react";
-import K from "../../../../../assets/line-icons/icons/check2.js";
-import V from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import v from "../../../../ui/image/image.js";
+import { jsxs as t, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { memo as X, useRef as j, useState as H, useMemo as F, useLayoutEffect as K } from "react";
+import V from "../../../../../assets/line-icons/icons/check2.js";
+import v from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import U from "../../../../ui/image/image.js";
 import r from "../../../../ui/layout/flex-view.js";
-import U from "../../../../ui/separator/separator.js";
+import Y from "../../../../ui/separator/separator.js";
 import s from "../../../../ui/text/text.js";
-import Y from "./goals/goal-action-ctas.js";
-import { GOAL_CATEGORY_BASED_IMAGES as q } from "./milestone-constants.js";
-import { getRemainingDaysToCompleteGoal as z, getGoalCategoryBasedColorTheme as J, getMilestoneWidgetStatusInfo as Q } from "./milestone-utils.js";
-import { ChapterProgressSVG as Z, ChapterProgressSVGCircle as u, StyledCheckIconWrapper as ee, MilestoneTitle as te } from "./milestone-widget-styled.js";
-import re from "./outcome/outcome.js";
-const ue = W(
-  ({ isClassOngoing: C, isStudentPresent: T, isExpanded: oe, ...x }) => {
+import q from "./goals/goal-action-ctas.js";
+import { GOAL_CATEGORY_BASED_IMAGES as z } from "./milestone-constants.js";
+import { getRemainingDaysToCompleteGoal as J, getGoalCategoryBasedColorTheme as Q, getMilestoneWidgetStatusInfo as Z } from "./milestone-utils.js";
+import { ChapterProgressSVG as ee, ChapterProgressSVGCircle as u, StyledCheckIconWrapper as te, MilestoneTitle as re } from "./milestone-widget-styled.js";
+import oe from "./outcome/outcome.js";
+const Ce = X(
+  ({ isClassOngoing: C, isStudentPresent: T, isExpanded: ne, ...x }) => {
     const {
       milestone: d,
       studentId: A,
@@ -22,19 +22,20 @@ const ue = W(
       userType: y,
       courseStream: G,
       outcomes: i,
-      onEdit: D,
-      onDraftPublish: E,
-      onAddOutcome: b
+      isTrialSession: D,
+      onEdit: E,
+      onDraftPublish: b,
+      onAddOutcome: S
     } = x, {
       milestone_name: m,
-      milestone_date_ts: S,
+      milestone_date_ts: k,
       milestone_state: o,
       goal_category: l,
       goal_code: g,
-      progress_stat: k
-    } = d, { completed: p = 0, total: h = 0 } = k || {}, $ = o === "OUTCOME_PENDING", a = p > 0 ? Math.floor((p / h || 1) * 100) : 0, n = X(null), [B, O] = j(!1), { textColor: N, borderColor: f } = J(l), c = Q(o), R = ($ ? c == null ? void 0 : c.progressBackgroundColor : f) || "WHITE_5", L = H(() => typeof g == "string", [g]), M = z(S);
-    return F(() => {
-      n.current && n.current.scrollHeight > n.current.clientHeight && O(!0);
+      progress_stat: B
+    } = d, { completed: p = 0, total: h = 0 } = B || {}, $ = o === "OUTCOME_PENDING", a = p > 0 ? Math.floor((p / h || 1) * 100) : 0, n = j(null), [O, N] = H(!1), { textColor: R, borderColor: f } = Q(l), c = Z(o), L = ($ ? c == null ? void 0 : c.progressBackgroundColor : f) || "WHITE_5", M = F(() => typeof g == "string", [g]), P = J(k);
+    return K(() => {
+      n.current && n.current.scrollHeight > n.current.clientHeight && N(!0);
     }, [n]), l ? /* @__PURE__ */ t(
       r,
       {
@@ -55,7 +56,7 @@ const ue = W(
                 $alignItems: "center",
                 $borderRadiusX: 2,
                 children: [
-                  /* @__PURE__ */ t(Z, { width: "64px", height: "64px", children: [
+                  /* @__PURE__ */ t(ee, { width: "64px", height: "64px", children: [
                     /* @__PURE__ */ e(u, { $progress: 0, r: "31", cx: "32", cy: "32" }),
                     /* @__PURE__ */ e(
                       u,
@@ -70,22 +71,22 @@ const ue = W(
                     )
                   ] }),
                   /* @__PURE__ */ e(r, { $widthX: 4, $heightX: 4, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
-                    v,
+                    U,
                     {
-                      src: q[l],
+                      src: z[l],
                       withLoader: !0,
                       width: 40,
                       height: 40
                     }
                   ) }),
-                  a === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { width: 20, height: 20 }) })
+                  a === 100 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(V, { width: 20, height: 20 }) })
                 ]
               }
             ),
             /* @__PURE__ */ t(r, { $flexGap: 16, children: [
               /* @__PURE__ */ t(r, { $flexGap: 4, children: [
                 /* @__PURE__ */ t(r, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: [
-                  /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: N, children: l.split("_").join(" ") }),
+                  /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: R, children: l.split("_").join(" ") }),
                   $ && /* @__PURE__ */ e(
                     r,
                     {
@@ -93,7 +94,7 @@ const ue = W(
                       $gap: 4,
                       $gutter: 4,
                       $alignItems: "center",
-                      $background: R,
+                      $background: L,
                       children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
                     }
                   ),
@@ -110,17 +111,17 @@ const ue = W(
                   )
                 ] }),
                 /* @__PURE__ */ e(
-                  V,
+                  v,
                   {
                     renderAs: "primary",
                     position: "bottom",
                     tooltipItem: m,
-                    hidden: !B,
+                    hidden: !O,
                     children: /* @__PURE__ */ e(
-                      te,
+                      re,
                       {
                         ref: n,
-                        $renderAs: L ? "ah4" : "ab1",
+                        $renderAs: M ? "ah4" : "ab1",
                         $color: "BLACK_1",
                         children: m
                       }
@@ -129,29 +130,30 @@ const ue = W(
                 ),
                 !!h && o !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
                   `${a}% complete`,
-                  o === "ACTIVE" && M
+                  o === "ACTIVE" && P
                 ] })
               ] }),
-              !!(i != null && i.length) && /* @__PURE__ */ t(P, { children: [
-                /* @__PURE__ */ e(U, { width: 40, height: 1, background: "BLACK_T_15" }),
-                /* @__PURE__ */ e(re, { outcomes: i })
+              !!(i != null && i.length) && /* @__PURE__ */ t(W, { children: [
+                /* @__PURE__ */ e(Y, { width: 40, height: 1, background: "BLACK_T_15" }),
+                /* @__PURE__ */ e(oe, { outcomes: i })
               ] })
             ] })
           ] }),
           y === "TEACHER" && /* @__PURE__ */ e(
-            Y,
+            q,
             {
               milestone: d,
               studentId: A,
               studentName: _,
               teacherName: I ?? "",
               parentName: w ?? "",
-              onAddOutcome: b,
+              onAddOutcome: S,
               isClassOngoing: !!C,
               isStudentPresent: !!T,
-              onDraftPublish: E,
-              onEdit: D,
-              courseStream: G
+              onDraftPublish: b,
+              onEdit: E,
+              courseStream: G,
+              isTrialSession: D
             }
           )
         ]
@@ -160,6 +162,6 @@ const ue = W(
   }
 );
 export {
-  ue as default
+  Ce as default
 };
 //# sourceMappingURL=milestone-info.js.map