npm - @cuemath/leap - Versions diffs - 4.1.1-beta.5 → 4.1.1-link.0 - Mend

@cuemath/leap 4.1.1-beta.5 → 4.1.1-link.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (78) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } 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 type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n milestones,\n studentId,\n milestoneType,\n widgetState,\n onWidgetStateChange,\n ...restMilestoneListProps\n}) {\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 isDraftModeEnabled,\n onNodeAssignAsHomework,\n onCardClick,\n defaultVisibleTab,\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(milestone => milestone.milestone_state === 'DRAFT');\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 <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 onCardClick={onCardClick}\n isDraftModeEnabled={isDraftModeEnabled}\n widgetState={widgetState?.[milestoneId]}\n onWidgetStateChange={onWidgetStateChange}\n defaultVisibleTab={defaultVisibleTab}\n />\n {idx !== milestones.length - 1 && <Separator heightX={2} />}\n </Fragment>\n );\n })}\n </>\n );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","widgetState","onWidgetStateChange","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","isDraftModeEnabled","onNodeAssignAsHomework","onCardClick","defaultVisibleTab","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":"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"}
1	+ {"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } 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 type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n milestones,\n studentId,\n milestoneType,\n widgetState,\n onWidgetStateChange,\n ...restMilestoneListProps\n}) {\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 isDraftModeEnabled,\n editButtonRef,\n firstChapterRef,\n createTestButtonRef,\n assignResourceButtonRef,\n onNodeAssignAsHomework,\n onCardClick,\n defaultVisibleTab,\n canStartJourney,\n startJourney,\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(milestone => milestone.milestone_state === 'DRAFT');\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 // Check if this is the first milestone (for firstChapterRef)\n const isFirstMilestone = idx === 0;\n\n return (\n <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 editButtonRef={isFirstMilestone ? editButtonRef : undefined}\n firstChapterRef={isFirstMilestone ? firstChapterRef : undefined}\n createTestButtonRef={isFirstMilestone ? createTestButtonRef : undefined}\n assignResourceButtonRef={isFirstMilestone ? assignResourceButtonRef : undefined}\n canStartJourney={isFirstMilestone ? canStartJourney : undefined}\n startJourney={isFirstMilestone ? startJourney : undefined}\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 onCardClick={onCardClick}\n isDraftModeEnabled={isDraftModeEnabled}\n widgetState={widgetState?.[milestoneId]}\n onWidgetStateChange={onWidgetStateChange}\n defaultVisibleTab={defaultVisibleTab}\n />\n {idx !== milestones.length - 1 && <Separator heightX={2} />}\n </Fragment>\n );\n })}\n </>\n );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","widgetState","onWidgetStateChange","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","isDraftModeEnabled","editButtonRef","firstChapterRef","createTestButtonRef","assignResourceButtonRef","onNodeAssignAsHomework","onCardClick","defaultVisibleTab","canStartJourney","startJourney","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","isFirstMilestone","MilestoneWidget","Separator"],"mappings":"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"}

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

@@ -1,16 +1,16 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { memo as R, useState as V, useCallback as m } from "react";
+import { memo as L, 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 B from "../../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as H } from "../../../../../ui/context/context.js";
+import H from "../../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as J } from "../../../../../ui/context/context.js";
 import G from "../../../../../ui/layout/flex-view.js";
-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 ce = R(function(w) {
+import K from "../../../../../ui/text/text.js";
+import { EVENT_NAMES as Q } from "../../../../create/milestone-create-constants.js";
+import { invalidateMilestonesData as W } from "../../../api/get-milestones.js";
+import { useDraftPublish as Y } from "./use-goal-draft-publish.js";
+const pe = L(function(w) {
   const {
     milestone: c,
     studentId: p,
@@ -19,36 +19,37 @@ const ce = R(function(w) {
     studentName: $,
     teacherName: N,
     parentName: T,
-    onAddOutcome: s,
-    onDraftPublish: n,
-    onEdit: i,
+    onAddOutcome: n,
+    onDraftPublish: i,
+    onEdit: s,
     courseStream: u,
-    isDraftModeEnabled: k
+    isDraftModeEnabled: k,
+    editButtonRef: M
   } = w, {
     id: e,
-    milestone_name: h,
-    milestone_date_ts: f,
+    milestone_name: f,
+    milestone_date_ts: h,
     milestone_state: a,
-    permissions: M,
+    permissions: O,
     goal_category: b,
-    goal_code: r
+    goal_code: l
   } = c, {
     can_delete: _,
     can_update_date: E,
     can_update_plan: d
-  } = M, { onEvent: C } = H(), [D, A] = V(""), O = a === "OUTCOME_PENDING", X = r && a === "DRAFT", o = !x || P, S = m(
-    (l, F) => {
-      const { id: L } = F || {};
-      l ? A(l) : (e && Q({
+  } = O, { onEvent: C } = J(), [D, A] = V(""), X = a === "OUTCOME_PENDING", v = l && a === "DRAFT", o = !x || P, S = m(
+    (r, B) => {
+      const { id: F } = B || {};
+      r ? A(r) : (e && W({
         milestone_state_group: "LIVE",
         course_stream: u,
         student_id: p
-      }), n == null || n(e, !0), C(K.DRAFT_EDIT.completed, {
-        milestone_id: e || L
+      }), i == null || i(e, !0), C(Q.DRAFT_EDIT.completed, {
+        milestone_id: e || F
       }));
     },
-    [e, p, n, A, C, u]
-  ), { onPublish: j, isProcessing: v } = W({
+    [e, p, i, A, C, u]
+  ), { onPublish: j, isProcessing: R } = Y({
     handleGoalPublishComplete: S,
     milestone: c,
     milestoneId: e,
@@ -56,31 +57,31 @@ const ce = R(function(w) {
     parentName: T,
     teacherName: N
   }), U = m(() => {
-    i == null || i({
+    s == null || s({
       milestoneId: e,
-      milestoneName: h,
-      milestoneDueDate: f,
+      milestoneName: f,
+      milestoneDueDate: h,
       isMilestoneChaptersListEditable: d,
       isMilestoneDateEditable: E,
       milestoneState: a,
       canDelete: _,
       goalCategory: b,
-      goalCode: r
+      goalCode: l
     });
   }, [
     _,
     E,
     d,
-    f,
+    h,
     b,
-    r,
+    l,
     e,
-    h,
+    f,
     a,
-    i
+    s
   ]), z = m(() => {
-    s == null || s(e);
-  }, [s, e]);
+    n == null || n(e);
+  }, [n, e]);
   return /* @__PURE__ */ g(G, { $justifyContent: "center", $flexGap: 8, children: [
     /* @__PURE__ */ g(
       G,
@@ -89,9 +90,9 @@ const ce = R(function(w) {
         $flexGapX: 1.5,
         $alignItems: "center",
         $width: "fit-content",
-        onClick: (l) => l.stopPropagation(),
+        onClick: (r) => r.stopPropagation(),
         children: [
-          O && /* @__PURE__ */ t(
+          X && /* @__PURE__ */ t(
             I,
             {
               renderAs: "primary",
@@ -102,7 +103,7 @@ const ce = R(function(w) {
               onClick: z
             }
           ),
-          X && !k && /* @__PURE__ */ t(
+          v && !k && /* @__PURE__ */ t(
             y,
             {
               position: "bottom",
@@ -119,13 +120,13 @@ const ce = R(function(w) {
                   label: "Publish",
                   size: "small",
                   onClick: j,
-                  busy: v,
+                  busy: R,
                   disabled: !o
                 }
               )
             }
           ),
-          d && /* @__PURE__ */ t(
+          d && /* @__PURE__ */ t("div", { ref: M, children: /* @__PURE__ */ t(
             y,
             {
               position: "bottom",
@@ -133,7 +134,7 @@ const ce = R(function(w) {
               widthX: o ? 5 : 15,
               tooltipItem: o ? "Edit goal" : "Goals can only be edited for students in class.",
               children: /* @__PURE__ */ t(
-                B,
+                H,
                 {
                   renderAs: "secondary",
                   Icon: q,
@@ -144,14 +145,14 @@ const ce = R(function(w) {
                 }
               )
             }
-          )
+          ) })
         ]
       }
     ),
-    D && /* @__PURE__ */ t(J, { $widthX: 12.5, $renderAs: "ub4-bold", $color: "RED", $align: "center", children: D })
+    D && /* @__PURE__ */ t(K, { $widthX: 12.5, $renderAs: "ub4-bold", $color: "RED", $align: "center", children: D })
   ] });
 });
 export {
-  ce as default
+  pe 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 CHANGED Viewed

	@@ -1 +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 { memo, useCallback, useState, type FC } 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 type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(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 isDraftModeEnabled,\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 && !isDraftModeEnabled && (\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=\"ub4-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","isDraftModeEnabled","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":";;;;;;;;;;;;AAcA,MAAMA,KAAsCC,EAAK,SAAwBC,GAAO;AACxE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,~~IAAAZ~~,GACE;AAAA,IACJ,~~IAAIa~~;AAAA,IACJ,gBAAgBC;AAAA,IAChB,mBAAmBC;AAAA,IACnB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,WAAWC;AAAA,EACT,~~IAAAlB~~,GAEE;AAAA,IACJ,~~YAAYmB~~;AAAA,IACZ,iBAAiBC;AAAA,IACjB,iBAAiBC;AAAA,EACf,IAAAL,GAEE,EAAE,SAASM,EAAW,IAAIC,EAAa,GACvC,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAE/BC,IAAgBZ,MAAmB,mBACnCa,IAAmBV,KAAYH,MAAmB,SAClDc,IAAuB,~~CAAC3B~~,KAAkBC,~~GAE1C2B~~,IAA4BC;AAAA,IAChC,CAACC,GAA6BC,MAA0B;AACtD,YAAM,EAAE,IAAAC,EAAA,IAAOD,KAAQ;AAEvB,MAAID,IACFP,EAASO,CAAY,KAEjBpB,KACuBuB,EAAA;AAAA,QACvB,uBAAuB;AAAA,QACvB,~~eAAezB~~;AAAA,QACf,YAAYT;AAAA,MAAA,CACb,GAEHO,KAAA,QAAAA,~~EAAiBI~~,GAAa,KACnBU,EAAAc,EAAY,WAAW,WAAW;AAAA,QAC3C,cAAcxB,KAAesB;AAAA,MAAA,CAC9B;AAAA,IAEL;AAAA,IACA,CAACtB,~~GAAaX~~,GAAWO,~~GAAgBiB~~,GAAUH,~~GAAYZ~~,CAAY;AAAA,EAAA,GAGvE,EAAE,~~WAAA2B~~,GAAW,cAAAC,EAAa,IAAIC,EAAgB;AAAA,IAClD,2BAAAT;AAAA,IACA,~~WAAA9B~~;AAAA,IACA,~~aAAAY~~;AAAA,IACA,~~aAAAR~~;AAAA,IACA,YAAAE;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,~~GAEKmC~~,IAAiBT,EAAY,MAAM;AAC9B,~~IAAAtB~~,KAAA,QAAAA,EAAA;AAAA,MACP,~~aAAAG~~;AAAA,MACA,eAAAC;AAAA,MACA,kBAAkBC;AAAA,MAClB,iCAAiCO;AAAA,MACjC,yBAAyBD;AAAA,MACzB,gBAAAL;AAAA,MACA,WAAAI;AAAA,MACA,cAAAF;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EACD,GACA;AAAA,IACDC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAP;AAAA,IACAG;AAAA,IACAC;AAAA,IACAN;AAAA,IACAC;AAAA,IACAE;AAAA,~~IACAN~~;AAAA,EAAA,CACD,~~GAEKgC~~,IAAqBV,EAAY,MAAM;AAC3C,~~IAAAxB~~,KAAA,QAAAA,~~EAAeK~~;AAAA,EAAW,GACzB,~~CAACL~~,~~GAAcK~~,CAAW,CAAC;AAE9B,SACG,gBAAA8B,EAAAC,GAAA,EAAS,iBAAgB,UAAS,UAAU,GAC3C,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,WAAW;AAAA,QACX,aAAY;AAAA,QACZ,QAAO;AAAA,QACP,SAAS,CAAKC,MAAAA,EAAE,gBAAgB;AAAA,QAE/B,UAAA;AAAA,UACCjB,KAAA,gBAAAkB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,QAAQ;AAAA,cACR,SAASL;AAAA,YAAA;AAAA,UACX;AAAA,UAGDb,KAAoB,~~CAACjB~~,KACpB,~~gBAAAkC~~;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQlB;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAgB;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,SAAST;AAAA,kBACT,MAAMC;AAAA,kBACN,UAAU,CAACT;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UACF;AAAA,UAGDR,KACC,gBAAAwB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAASlB,IAA4B,IAAL;AAAA,cAChC,aACGA,IAEG,cADA;AAAA,cAIN,UAAA,gBAAAgB;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,MAAMC;AAAA,kBACN,gBAAe;AAAA,kBACf,SAAST;AAAA,kBACT,MAAK;AAAA,kBACL,UAAU,CAACX;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,~~UACF~~;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAECL,KACE,gBAAAqB,EAAAK,GAAA,EAAK,SAAS,MAAM,WAAU,YAAW,QAAO,OAAM,QAAO,UAC3D,UACH1B,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
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 { memo, useCallback, useState, type FC } 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 type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(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 isDraftModeEnabled,\n editButtonRef,\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 && !isDraftModeEnabled && (\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 <div ref={editButtonRef}>\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 </div>\n )}\n </FlexView>\n\n {error && (\n <Text $widthX={12.5} $renderAs=\"ub4-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","isDraftModeEnabled","editButtonRef","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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"}