@cuemath/leap 2.9.8-as3 → 2.9.8

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-element.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.tsx"],"sourcesContent":["import type { IContextMenuElement } from './menu-element-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './menu-element-styled';\n\nconst ContextMenuElement: FC<IContextMenuElement> = memo(\n  ({ menuOptions, onMenuOptionSelection }) => {\n    const handleOnClick = useCallback(\n      (selectedOption: string, disabled?: boolean) => {\n        if (disabled) return null;\n\n        onMenuOptionSelection(selectedOption);\n      },\n      [onMenuOptionSelection],\n    );\n\n    return (\n      <Styled.MenuElementWrapper $background=\"WHITE\" $width=\"max-content\">\n        {menuOptions.map(opt => {\n          const { label, Icon, id, disabled, visible } = opt;\n\n          if (!visible) return null;\n\n          return (\n            <Styled.MenuOption\n              key={id}\n              $flexDirection=\"row\"\n              $flexGap={8}\n              $gap={8}\n              $gutterX={1}\n              onClick={() => handleOnClick(label, disabled)}\n              $disabled={!!disabled}\n            >\n              {Icon && <Icon width={20} height={20} />}\n\n              <Text $renderAs=\"ub2\">{label}</Text>\n            </Styled.MenuOption>\n          );\n        })}\n      </Styled.MenuElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenuElement;\n"],"names":["ContextMenuElement","memo","menuOptions","onMenuOptionSelection","handleOnClick","useCallback","selectedOption","disabled","jsx","Styled.MenuElementWrapper","opt","label","Icon","id","visible","jsxs","Styled.MenuOption","Text"],"mappings":";;;;AAQA,MAAMA,IAA8CC;AAAA,EAClD,CAAC,EAAE,aAAAC,GAAa,uBAAAC,QAA4B;AAC1C,UAAMC,IAAgBC;AAAA,MACpB,CAACC,GAAwBC,MAAuB;AAC9C,YAAIA,EAAiB,QAAA;AAErB,QAAAJ,EAAsBG,CAAc;AAAA,MACtC;AAAA,MACA,CAACH,CAAqB;AAAA,IAAA;AAItB,WAAA,gBAAAK,EAACC,GAAA,EAA0B,aAAY,SAAQ,QAAO,eACnD,UAAYP,EAAA,IAAI,CAAOQ,MAAA;AACtB,YAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,IAAAC,GAAI,UAAAN,GAAU,SAAAO,EAAY,IAAAJ;AAE3C,aAACI,IAGH,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,gBAAe;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,UACV,SAAS,MAAMZ,EAAcO,GAAOJ,CAAQ;AAAA,UAC5C,WAAW,CAAC,CAACA;AAAA,UAEZ,UAAA;AAAA,YAAAK,KAAS,gBAAAJ,EAAAI,GAAA,EAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,YAErC,gBAAAJ,EAAAS,GAAA,EAAK,WAAU,OAAO,UAAMN,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAVxBE;AAAA,MAAA,IAJY;AAAA,IAiBtB,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1,108 +1,116 @@
-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 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 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 { jsxs as G, jsx as t, Fragment as V } from "react/jsx-runtime";
+import { memo as q, useState as z, useCallback as d } from "react";
+import H from "../../../../../../assets/line-icons/icons/bin2.js";
+import J from "../../../../../../assets/line-icons/icons/edit2.js";
+import K from "../../../../../../assets/line-icons/icons/plus.js";
+import p from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import P from "../../../../../ui/buttons/button/button.js";
+import w from "../../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as Q } from "../../../../../ui/context/context.js";
+import W from "../../../../../ui/layout/flex-view.js";
+import Y from "../../../../../ui/text/text.js";
+import { EVENT_NAMES as Z } from "../../../../create/milestone-create-constants.js";
+import { invalidateMilestonesData as ee } from "../../../api/get-milestones.js";
+import { useDraftPublish as te } from "./use-goal-draft-publish.js";
+const be = q((x) => {
   const {
-    milestone: c,
-    studentId: p,
-    isClassOngoing: G,
-    isStudentPresent: P,
-    studentName: $,
-    teacherName: N,
-    parentName: T,
-    onAddOutcome: s,
-    onDraftPublish: n,
+    milestone: u,
+    studentId: h,
+    isClassOngoing: m,
+    isStudentPresent: N,
+    studentName: k,
+    teacherName: T,
+    parentName: O,
+    onAddOutcome: n,
+    onDraftPublish: s,
     onEdit: i,
-    courseStream: u
+    onDelete: a,
+    courseStream: f
   } = x, {
     id: e,
-    milestone_name: h,
-    milestone_date_ts: f,
-    milestone_state: a,
-    permissions: k,
-    goal_category: b,
-    goal_code: l
-  } = 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({
+    milestone_name: b,
+    milestone_date_ts: _,
+    milestone_state: r,
+    permissions: $,
+    goal_category: E,
+    goal_code: c
+  } = u, {
+    can_delete: I,
+    can_update_date: D,
+    can_update_plan: A
+  } = $, { onEvent: g } = Q(), [y, C] = z(""), M = r === "OUTCOME_PENDING", S = c && r === "DRAFT", o = !m || N, X = d(
+    (l, B) => {
+      const { id: R } = B || {};
+      l ? C(l) : (e && ee({
         milestone_state_group: "LIVE",
-        course_stream: u,
-        student_id: p
-      }), n == null || n(e, !0), C(J.DRAFT_EDIT.completed, {
-        milestone_id: e || F
+        with_plan: !0,
+        course_stream: f,
+        student_id: h,
+        in_class: m
+      }), s == null || s(e, !0), g(Z.DRAFT_EDIT.completed, {
+        milestone_id: e || R
       }));
     },
-    [e, p, n, g, C, u]
-  ), { onPublish: S, isProcessing: j } = Q({
-    handleGoalPublishComplete: M,
-    milestone: c,
+    [e, m, h, s, C, g, f]
+  ), { onPublish: v, isProcessing: F } = te({
+    handleGoalPublishComplete: X,
+    milestone: u,
     milestoneId: e,
-    studentName: $,
-    parentName: T,
-    teacherName: N
-  }), v = m(() => {
+    studentName: k,
+    parentName: O,
+    teacherName: T
+  }), L = d(() => {
     i == null || i({
       milestoneId: e,
-      milestoneName: h,
-      milestoneDueDate: f,
-      isMilestoneChaptersListEditable: d,
-      isMilestoneDateEditable: E,
-      milestoneState: a,
-      canDelete: _,
-      goalCategory: b,
-      goalCode: l
+      milestoneName: b,
+      milestoneDueDate: _,
+      isMilestoneChaptersListEditable: A,
+      isMilestoneDateEditable: D,
+      milestoneState: r,
+      canDelete: I,
+      goalCategory: E,
+      goalCode: c
     });
   }, [
+    I,
+    D,
+    A,
     _,
     E,
-    d,
-    f,
-    b,
-    l,
+    c,
     e,
-    h,
-    a,
+    b,
+    r,
     i
-  ]), U = m(() => {
-    s == null || s(e);
-  }, [s, e]);
-  return /* @__PURE__ */ A(w, { $justifyContent: "center", $flexGap: 8, children: [
-    /* @__PURE__ */ A(
-      w,
-      {
-        $flexDirection: "row",
-        $flexGapX: 1.5,
-        $alignItems: "center",
-        $width: "fit-content",
-        onClick: (r) => r.stopPropagation(),
-        children: [
-          O && /* @__PURE__ */ t(
-            I,
-            {
-              renderAs: "primary",
-              size: "small",
-              label: "Add outcome",
-              shape: "square",
-              widthX: 10,
-              onClick: U
-            }
-          ),
-          X && /* @__PURE__ */ t(
-            y,
+  ]), U = d(() => {
+    a == null || a({ milestoneId: e });
+  }, [a, e]), j = d(() => {
+    n == null || n(e);
+  }, [n, e]);
+  return /* @__PURE__ */ G(
+    W,
+    {
+      $flexDirection: "row",
+      $flexGapX: 1.5,
+      $alignItems: "center",
+      $width: "fit-content",
+      onClick: (l) => l.stopPropagation(),
+      children: [
+        M && /* @__PURE__ */ t(
+          P,
+          {
+            renderAs: "primary",
+            Icon: K,
+            size: "small",
+            label: "Add outcome",
+            shape: "square",
+            widthX: 11,
+            onClick: j
+          }
+        ),
+        S && /* @__PURE__ */ G(V, { children: [
+          /* @__PURE__ */ t(
+            p,
             {
               position: "bottom",
               renderAs: "primary",
@@ -110,47 +118,55 @@ const de = L((x) => {
               hidden: o,
               widthX: 15,
               children: /* @__PURE__ */ t(
-                I,
+                P,
                 {
                   renderAs: "primary",
                   shape: "square",
-                  widthX: 10,
+                  widthX: 8,
                   label: "Publish",
-                  size: "small",
-                  onClick: S,
-                  busy: j,
+                  size: "xsmall",
+                  onClick: v,
+                  busy: F,
                   disabled: !o
                 }
               )
             }
           ),
-          d && /* @__PURE__ */ t(
-            y,
+          /* @__PURE__ */ t(
+            p,
             {
               position: "bottom",
               renderAs: "primary",
               widthX: o ? 5 : 15,
               tooltipItem: o ? "Edit goal" : "Goals can only be edited for students in class.",
               children: /* @__PURE__ */ t(
-                q,
+                w,
                 {
                   renderAs: "secondary",
-                  Icon: V,
+                  Icon: J,
                   analyticsLabel: "Edit Goal",
-                  onClick: v,
-                  size: "xsmall",
+                  onClick: L,
                   disabled: !o
                 }
               )
             }
-          )
-        ]
-      }
-    ),
-    D && /* @__PURE__ */ t(H, { $widthX: 12.5, $renderAs: "ub3-bold", $color: "RED", $align: "center", children: D })
-  ] });
+          ),
+          /* @__PURE__ */ t(p, { position: "bottom", renderAs: "primary", tooltipItem: "Delete goal", children: /* @__PURE__ */ t(
+            w,
+            {
+              renderAs: "secondary",
+              Icon: H,
+              analyticsLabel: "Delete Goal",
+              onClick: U
+            }
+          ) })
+        ] }),
+        y && /* @__PURE__ */ t(Y, { $renderAs: "ub3-bold", $color: "RED", children: y })
+      ]
+    }
+  );
 });
 export {
-  de as default
+  be 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 Bin2Icon from '../../../../../../assets/line-icons/icons/bin2';\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\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    onDelete,\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            with_plan: true,\n            course_stream: courseStream,\n            student_id: studentId,\n            in_class: isClassOngoing,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, isClassOngoing, 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 handleGoalDelete = useCallback(() => {\n    onDelete?.({ milestoneId });\n  }, [onDelete, milestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\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          Icon={PlusIcon}\n          size=\"small\"\n          label=\"Add outcome\"\n          shape=\"square\"\n          widthX={11}\n          onClick={handleOnAddOutcome}\n        />\n      )}\n\n      {isDraftMilestone && (\n        <>\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={8}\n              label=\"Publish\"\n              size=\"xsmall\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n\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              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n\n          <ArrowTooltip position=\"bottom\" renderAs=\"primary\" tooltipItem=\"Delete goal\">\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Bin2Icon}\n              analyticsLabel=\"Delete Goal\"\n              onClick={handleGoalDelete}\n            />\n          </ArrowTooltip>\n        </>\n      )}\n\n      {error && (\n        <Text $renderAs=\"ub3-bold\" $color=\"RED\">\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","onDelete","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","handleGoalDelete","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","PlusIcon","Fragment","ArrowTooltip","IconButton","Edit2Icon","Bin2Icon","Text"],"mappings":"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"}