@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

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

@@ -0,0 +1,156 @@
+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) => {
+  const {
+    milestone: c,
+    studentId: p,
+    isClassOngoing: G,
+    isStudentPresent: P,
+    studentName: $,
+    teacherName: N,
+    parentName: T,
+    onAddOutcome: s,
+    onDraftPublish: n,
+    onEdit: i,
+    courseStream: u
+  } = 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_state_group: "LIVE",
+        course_stream: u,
+        student_id: p
+      }), n == null || n(e, !0), C(J.DRAFT_EDIT.completed, {
+        milestone_id: e || F
+      }));
+    },
+    [e, p, n, g, C, u]
+  ), { onPublish: S, isProcessing: j } = Q({
+    handleGoalPublishComplete: M,
+    milestone: c,
+    milestoneId: e,
+    studentName: $,
+    parentName: T,
+    teacherName: N
+  }), v = m(() => {
+    i == null || i({
+      milestoneId: e,
+      milestoneName: h,
+      milestoneDueDate: f,
+      isMilestoneChaptersListEditable: d,
+      isMilestoneDateEditable: E,
+      milestoneState: a,
+      canDelete: _,
+      goalCategory: b,
+      goalCode: l
+    });
+  }, [
+    _,
+    E,
+    d,
+    f,
+    b,
+    l,
+    e,
+    h,
+    a,
+    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,
+            {
+              position: "bottom",
+              renderAs: "primary",
+              tooltipItem: "Goals can only be added for students who have joined the class",
+              hidden: o,
+              widthX: 15,
+              children: /* @__PURE__ */ t(
+                I,
+                {
+                  renderAs: "primary",
+                  shape: "square",
+                  widthX: 10,
+                  label: "Publish",
+                  size: "small",
+                  onClick: S,
+                  busy: j,
+                  disabled: !o
+                }
+              )
+            }
+          ),
+          d && /* @__PURE__ */ t(
+            y,
+            {
+              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,
+                {
+                  renderAs: "secondary",
+                  Icon: V,
+                  analyticsLabel: "Edit Goal",
+                  onClick: v,
+                  size: "xsmall",
+                  disabled: !o
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    D && /* @__PURE__ */ t(H, { $widthX: 12.5, $renderAs: "ub3-bold", $color: "RED", $align: "center", children: D })
+  ] });
+});
+export {
+  de 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

@@ -0,0 +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":";;;;;;;;;;;;AAgBM,MAAAA,KAAsCC,EAAK,CAASC,MAAA;AAClD,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,EACE,IAAAX,GACE;AAAA,IACJ,IAAIY;AAAA,IACJ,gBAAgBC;AAAA,IAChB,mBAAmBC;AAAA,IACnB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,WAAWC;AAAA,EACT,IAAAjB,GAEE;AAAA,IACJ,YAAYkB;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,CAAC1B,KAAkBC,GAE1C0B,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,eAAexB;AAAA,QACf,YAAYT;AAAA,MAAA,CACb,GAEHO,KAAA,QAAAA,EAAiBG,GAAa,KACnBU,EAAAc,EAAY,WAAW,WAAW;AAAA,QAC3C,cAAcxB,KAAesB;AAAA,MAAA,CAC9B;AAAA,IAEL;AAAA,IACA,CAACtB,GAAaV,GAAWO,GAAgBgB,GAAUH,GAAYX,CAAY;AAAA,EAAA,GAGvE,EAAE,WAAA0B,GAAW,cAAAC,EAAa,IAAIC,EAAgB;AAAA,IAClD,2BAAAT;AAAA,IACA,WAAA7B;AAAA,IACA,aAAAW;AAAA,IACA,aAAAP;AAAA,IACA,YAAAE;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkC,IAAiBT,EAAY,MAAM;AAC9B,IAAArB,KAAA,QAAAA,EAAA;AAAA,MACP,aAAAE;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,IACAL;AAAA,EAAA,CACD,GAEK+B,IAAqBV,EAAY,MAAM;AAC3C,IAAAvB,KAAA,QAAAA,EAAeI;AAAA,EAAW,GACzB,CAACJ,GAAcI,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,KACC,gBAAAiB;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;"}

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

@@ -0,0 +1,31 @@
+import { createGoalPlanShareMessage as p } from "../../../../create/comps/confirmation-modals/goal-creation-confirmation-utils.js";
+import { formatDate as u } from "../../../../../../node_modules/date-fns/format.js";
+const h = (n, m) => {
+  const {
+    milestone_date_ts: e,
+    user_milestone_plan: r,
+    milestone_name: i
+  } = n, { user_chapters: a } = r || {}, { message: t, parentName: l, teacherName: _, studentName: c } = m;
+  if (e) {
+    const s = {
+      milestone_date_ts: e,
+      publish: !0,
+      chapters_in_plan: a == null ? void 0 : a.map((o) => ({
+        chapter_code: o.code ?? o.chapter_code,
+        is_familiar: !1,
+        is_in_focus: !0
+      }))
+    };
+    return t && (s.share_message = p(t, {
+      parentName: l,
+      teacherName: _,
+      studentName: c,
+      goalName: i,
+      completionDate: u(new Date(e * 1e3), "yyyy-MM-dd")
+    })), s;
+  }
+};
+export {
+  h as getGoalPublishData
+};
+//# sourceMappingURL=goal-action-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"goal-action-utils.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-utils.ts"],"sourcesContent":["import type { TMilestonePayload } from '../../../../create/milestone-create-types';\nimport type { IMilestoneData } from '../../milestone-list-types';\nimport type { TGoalPlanMessageData } from './goal-action-ctas-types';\n\nimport { format } from 'date-fns';\n\nimport { createGoalPlanShareMessage } from '../../../../create/comps/confirmation-modals/goal-creation-confirmation-utils';\n\nconst getGoalPublishData = (\n  milestone: IMilestoneData,\n  goalPlanMessageData: TGoalPlanMessageData,\n) => {\n  const {\n    milestone_date_ts: milestoneDateTs,\n    user_milestone_plan: userMilestonePlan,\n    milestone_name: milestoneName,\n  } = milestone;\n\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n  const { message: submitBaseMessage, parentName, teacherName, studentName } = goalPlanMessageData;\n\n  if (milestoneDateTs) {\n    const payload: TMilestonePayload = {\n      milestone_date_ts: milestoneDateTs,\n      publish: true,\n      chapters_in_plan: userChapters?.map(chapter => ({\n        chapter_code: chapter.code ?? chapter.chapter_code,\n        is_familiar: false,\n        is_in_focus: true,\n      })),\n    };\n\n    if (submitBaseMessage) {\n      payload.share_message = createGoalPlanShareMessage(submitBaseMessage, {\n        parentName,\n        teacherName,\n        studentName,\n        goalName: milestoneName,\n        completionDate: format(new Date(milestoneDateTs * 1000), 'yyyy-MM-dd'),\n      });\n    }\n\n    return payload;\n  }\n\n  return undefined;\n};\n\nexport { getGoalPublishData };\n"],"names":["getGoalPublishData","milestone","goalPlanMessageData","milestoneDateTs","userMilestonePlan","milestoneName","userChapters","submitBaseMessage","parentName","teacherName","studentName","payload","chapter","createGoalPlanShareMessage","format"],"mappings":";;AAQM,MAAAA,IAAqB,CACzBC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,mBAAmBC;AAAA,IACnB,qBAAqBC;AAAA,IACrB,gBAAgBC;AAAA,EACd,IAAAJ,GAEE,EAAE,eAAeK,MAAiBF,KAAqB,CAAA,GACvD,EAAE,SAASG,GAAmB,YAAAC,GAAY,aAAAC,GAAa,aAAAC,EAAgB,IAAAR;AAE7E,MAAIC,GAAiB;AACnB,UAAMQ,IAA6B;AAAA,MACjC,mBAAmBR;AAAA,MACnB,SAAS;AAAA,MACT,kBAAkBG,KAAA,gBAAAA,EAAc,IAAI,CAAYM,OAAA;AAAA,QAC9C,cAAcA,EAAQ,QAAQA,EAAQ;AAAA,QACtC,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,IACb;AAGJ,WAAIL,MACMI,EAAA,gBAAgBE,EAA2BN,GAAmB;AAAA,MACpE,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAUL;AAAA,MACV,gBAAgBS,EAAO,IAAI,KAAKX,IAAkB,GAAI,GAAG,YAAY;AAAA,IAAA,CACtE,IAGIQ;AAAA,EACT;AAGF;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/use-goal-draft-publish.js

@@ -0,0 +1,51 @@
+import { useCallback as p, useEffect as m } from "react";
+import d from "../../../../../hooks/use-previous.js";
+import { useGetMileStoneConfig as G } from "../../../../create/api/milestone-config.js";
+import { useGoalPlanPatch as I } from "../../../../edit/comps/edit-milestone-modal/api/patch-goal-plan.js";
+import { getGoalPublishData as _ } from "./goal-action-utils.js";
+const E = ({
+  handleGoalPublishComplete: b,
+  milestone: a,
+  parentName: r,
+  studentName: c,
+  teacherName: n,
+  milestoneId: f
+}) => {
+  const { patch: g, isProcessing: D } = I({
+    onComplete: b
+  }), {
+    get: l,
+    data: e,
+    isProcessed: o,
+    isProcessing: C,
+    isProcessingFailed: i
+  } = G(), P = d(o), u = d(i), v = p(() => {
+    l("", void 0);
+  }, [l]), s = p(
+    (t) => {
+      const h = _(a, {
+        message: t,
+        parentName: r,
+        teacherName: n,
+        studentName: c
+      });
+      h && g(f, h);
+    },
+    [a, g, f, r, n, c]
+  );
+  return m(() => {
+    if (P === !1 && o === !0 && e) {
+      const { create_message_template: t = "" } = e.share_message.default;
+      s(t);
+    }
+  }, [e, P, o, s]), m(() => {
+    u === !1 && i === !0 && s();
+  }, [i, u, s]), {
+    onPublish: v,
+    isProcessing: C || D
+  };
+};
+export {
+  E as useDraftPublish
+};
+//# sourceMappingURL=use-goal-draft-publish.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/use-goal-draft-publish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-goal-draft-publish.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/use-goal-draft-publish.ts"],"sourcesContent":["import type { IMilestoneData } from '../../milestone-list-types';\n\nimport { useCallback, useEffect } from 'react';\n\nimport usePrevious from '../../../../../hooks/use-previous';\nimport { useGetMileStoneConfig } from '../../../../create/api/milestone-config';\nimport { useGoalPlanPatch } from '../../../../edit/comps/edit-milestone-modal/api/patch-goal-plan';\nimport { getGoalPublishData } from './goal-action-utils';\n\ntype TUseDraftPublishProps = {\n  handleGoalPublishComplete: (\n    errorMessage: string | null,\n    data?: {\n      id: string;\n    },\n  ) => void;\n  milestone: IMilestoneData;\n  parentName: string;\n  studentName: string;\n  teacherName: string;\n  milestoneId: string;\n};\n\ntype TUseDraftPublishReturnData = {\n  onPublish: () => void;\n  isProcessing: boolean;\n};\n\ninterface IUseDraftPublish {\n  (args: TUseDraftPublishProps): TUseDraftPublishReturnData;\n}\n\nconst useDraftPublish: IUseDraftPublish = ({\n  handleGoalPublishComplete,\n  milestone,\n  parentName,\n  studentName,\n  teacherName,\n  milestoneId,\n}) => {\n  const { patch: patchGoalCreation, isProcessing: draftPublishIsProcessing } = useGoalPlanPatch({\n    onComplete: handleGoalPublishComplete,\n  });\n\n  const {\n    get: getConfig,\n    data: configData,\n    isProcessed,\n    isProcessing: configIsProcessing,\n    isProcessingFailed,\n  } = useGetMileStoneConfig();\n\n  const configDataIsProcessedPrev = usePrevious(isProcessed);\n  const configDataIsProcessingFailedPrev = usePrevious(isProcessingFailed);\n\n  const handleDraftPublishTrigger = useCallback(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n\n  const handleDraftPublish = useCallback(\n    (message?: string) => {\n      const payload = getGoalPublishData(milestone, {\n        message,\n        parentName,\n        teacherName,\n        studentName,\n      });\n\n      if (payload) {\n        patchGoalCreation(milestoneId, payload);\n      }\n    },\n    [milestone, patchGoalCreation, milestoneId, parentName, teacherName, studentName],\n  );\n\n  useEffect(() => {\n    if (configDataIsProcessedPrev === false && isProcessed === true && configData) {\n      const { create_message_template: createMessageTemplate = '' } =\n        configData.share_message.default;\n\n      handleDraftPublish(createMessageTemplate);\n    }\n  }, [configData, configDataIsProcessedPrev, isProcessed, handleDraftPublish]);\n\n  useEffect(() => {\n    if (configDataIsProcessingFailedPrev === false && isProcessingFailed === true) {\n      handleDraftPublish();\n    }\n  }, [isProcessingFailed, configDataIsProcessingFailedPrev, handleDraftPublish]);\n\n  const isProcessing = configIsProcessing || draftPublishIsProcessing;\n\n  return {\n    onPublish: handleDraftPublishTrigger,\n    isProcessing,\n  };\n};\n\nexport { useDraftPublish };\n"],"names":["useDraftPublish","handleGoalPublishComplete","milestone","parentName","studentName","teacherName","milestoneId","patchGoalCreation","draftPublishIsProcessing","useGoalPlanPatch","getConfig","configData","isProcessed","configIsProcessing","isProcessingFailed","useGetMileStoneConfig","configDataIsProcessedPrev","usePrevious","configDataIsProcessingFailedPrev","handleDraftPublishTrigger","useCallback","handleDraftPublish","message","payload","getGoalPublishData","useEffect","createMessageTemplate"],"mappings":";;;;;AAgCA,MAAMA,IAAoC,CAAC;AAAA,EACzC,2BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAmB,cAAcC,EAAA,IAA6BC,EAAiB;AAAA,IAC5F,YAAYR;AAAA,EAAA,CACb,GAEK;AAAA,IACJ,KAAKS;AAAA,IACL,MAAMC;AAAA,IACN,aAAAC;AAAA,IACA,cAAcC;AAAA,IACd,oBAAAC;AAAA,MACEC,EAAsB,GAEpBC,IAA4BC,EAAYL,CAAW,GACnDM,IAAmCD,EAAYH,CAAkB,GAEjEK,IAA4BC,EAAY,MAAM;AAClD,IAAAV,EAAU,IAAI,MAAS;AAAA,EAAA,GACtB,CAACA,CAAS,CAAC,GAERW,IAAqBD;AAAA,IACzB,CAACE,MAAqB;AACd,YAAAC,IAAUC,EAAmBtB,GAAW;AAAA,QAC5C,SAAAoB;AAAA,QACA,YAAAnB;AAAA,QACA,aAAAE;AAAA,QACA,aAAAD;AAAA,MAAA,CACD;AAED,MAAImB,KACFhB,EAAkBD,GAAaiB,CAAO;AAAA,IAE1C;AAAA,IACA,CAACrB,GAAWK,GAAmBD,GAAaH,GAAYE,GAAaD,CAAW;AAAA,EAAA;AAGlF,SAAAqB,EAAU,MAAM;AACd,QAAIT,MAA8B,MAASJ,MAAgB,MAAQD,GAAY;AAC7E,YAAM,EAAE,yBAAyBe,IAAwB,GAAG,IAC1Df,EAAW,cAAc;AAE3B,MAAAU,EAAmBK,CAAqB;AAAA,IAC1C;AAAA,KACC,CAACf,GAAYK,GAA2BJ,GAAaS,CAAkB,CAAC,GAE3EI,EAAU,MAAM;AACV,IAAAP,MAAqC,MAASJ,MAAuB,MACpDO;EAEpB,GAAA,CAACP,GAAoBI,GAAkCG,CAAkB,CAAC,GAItE;AAAA,IACL,WAAWF;AAAA,IACX,cAJmBN,KAAsBL;AAAA,EAIzC;AAEJ;"}

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

@@ -0,0 +1,21 @@
+import { ILLUSTRATIONS as e } from "../../../../../assets/illustrations/illustrations.js";
+import { GOAL_CATEGORY as r } from "../../../constants.js";
+const O = {
+  score: "Score",
+  grade: "Grade",
+  percentage: "Percentage",
+  percentile: "Percentile",
+  ranks: "Ranks",
+  gpa: "GPA",
+  level: "Level",
+  others: ""
+}, S = {
+  [r.SCHOOL_SUCCESS]: e.GRADUATE_ICON_PINK,
+  [r.TEST_PREP]: e.TROPHY_BLUE,
+  [r.ENRICHMENT]: e.STAR_ORANGE
+};
+export {
+  S as GOAL_CATEGORY_BASED_IMAGES,
+  O as OUTCOME_LABELS
+};
+//# sourceMappingURL=milestone-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-constants.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { GOAL_CATEGORY } from '../../../constants';\n\nexport const OUTCOME_LABELS = {\n  score: 'Score',\n  grade: 'Grade',\n  percentage: 'Percentage',\n  percentile: 'Percentile',\n  ranks: 'Ranks',\n  gpa: 'GPA',\n  level: 'Level',\n  others: '',\n};\n\nexport const GOAL_CATEGORY_BASED_IMAGES = {\n  [GOAL_CATEGORY.SCHOOL_SUCCESS]: ILLUSTRATIONS.GRADUATE_ICON_PINK,\n  [GOAL_CATEGORY.TEST_PREP]: ILLUSTRATIONS.TROPHY_BLUE,\n  [GOAL_CATEGORY.ENRICHMENT]: ILLUSTRATIONS.STAR_ORANGE,\n};\n"],"names":["OUTCOME_LABELS","GOAL_CATEGORY_BASED_IMAGES","GOAL_CATEGORY","ILLUSTRATIONS"],"mappings":";;AAGO,MAAMA,IAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AACV,GAEaC,IAA6B;AAAA,EACxC,CAACC,EAAc,cAAc,GAAGC,EAAc;AAAA,EAC9C,CAACD,EAAc,SAAS,GAAGC,EAAc;AAAA,EACzC,CAACD,EAAc,UAAU,GAAGC,EAAc;AAC5C;"}

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

@@ -0,0 +1,165 @@
+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 r from "../../../../ui/layout/flex-view.js";
+import U 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 }) => {
+    const {
+      milestone: d,
+      studentId: A,
+      studentName: _,
+      teacherName: I,
+      parentName: w,
+      userType: y,
+      courseStream: G,
+      outcomes: i,
+      onEdit: D,
+      onDraftPublish: E,
+      onAddOutcome: b
+    } = x, {
+      milestone_name: m,
+      milestone_date_ts: S,
+      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);
+    }, [n]), l ? /* @__PURE__ */ t(
+      r,
+      {
+        $flexDirection: "row",
+        $justifyContent: "space-between",
+        $alignItems: "center",
+        $flexGapX: 1,
+        children: [
+          /* @__PURE__ */ t(r, { $flexDirection: "row", $flexGapX: 1.5, children: [
+            /* @__PURE__ */ t(
+              r,
+              {
+                $widthX: 4,
+                $heightX: 4,
+                $background: "WHITE_T_38",
+                $position: "relative",
+                $justifyContent: "center",
+                $alignItems: "center",
+                $borderRadiusX: 2,
+                children: [
+                  /* @__PURE__ */ t(Z, { width: "64px", height: "64px", children: [
+                    /* @__PURE__ */ e(u, { $progress: 0, r: "31", cx: "32", cy: "32" }),
+                    /* @__PURE__ */ e(
+                      u,
+                      {
+                        $progressCircle: !0,
+                        $progressBackground: "BLACK_1",
+                        $progress: a * 2,
+                        r: "31",
+                        cx: "32",
+                        cy: "32"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e(r, { $widthX: 4, $heightX: 4, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
+                    v,
+                    {
+                      src: q[l],
+                      withLoader: !0,
+                      width: 40,
+                      height: 40
+                    }
+                  ) }),
+                  a === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { 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(
+                    r,
+                    {
+                      $flexDirection: "row",
+                      $gap: 4,
+                      $gutter: 4,
+                      $alignItems: "center",
+                      $background: R,
+                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
+                    }
+                  ),
+                  o === "DRAFT" && /* @__PURE__ */ e(
+                    r,
+                    {
+                      $flexDirection: "row",
+                      $gap: 4,
+                      $gutter: 4,
+                      $alignItems: "center",
+                      $background: f,
+                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", children: "Draft" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(
+                  V,
+                  {
+                    renderAs: "primary",
+                    position: "bottom",
+                    tooltipItem: m,
+                    hidden: !B,
+                    children: /* @__PURE__ */ e(
+                      te,
+                      {
+                        ref: n,
+                        $renderAs: L ? "ah4" : "ab1",
+                        $color: "BLACK_1",
+                        children: m
+                      }
+                    )
+                  }
+                ),
+                !!h && o !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+                  `${a}% complete`,
+                  o === "ACTIVE" && M
+                ] })
+              ] }),
+              !!(i != null && i.length) && /* @__PURE__ */ t(P, { children: [
+                /* @__PURE__ */ e(U, { width: 40, height: 1, background: "BLACK_T_15" }),
+                /* @__PURE__ */ e(re, { outcomes: i })
+              ] })
+            ] })
+          ] }),
+          y === "TEACHER" && /* @__PURE__ */ e(
+            Y,
+            {
+              milestone: d,
+              studentId: A,
+              studentName: _,
+              teacherName: I ?? "",
+              parentName: w ?? "",
+              onAddOutcome: b,
+              isClassOngoing: !!C,
+              isStudentPresent: !!T,
+              onDraftPublish: E,
+              onEdit: D,
+              courseStream: G
+            }
+          )
+        ]
+      }
+    ) : null;
+  }
+);
+export {
+  ue as default
+};
+//# sourceMappingURL=milestone-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport {\n  getGoalCategoryBasedColorTheme,\n  getMilestoneWidgetStatusInfo,\n  getRemainingDaysToCompleteGoal,\n} from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const {\n      milestone,\n      studentId,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      outcomes,\n      onEdit,\n      onDraftPublish,\n      onAddOutcome,\n    } = restMilestoneInfoWrapperProps;\n\n    const {\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      milestone_state: milestoneState,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n      progress_stat: progressStat,\n    } = milestone;\n\n    const { completed = 0, total = 0 } = progressStat || {};\n    const isOutcomePending = milestoneState === 'OUTCOME_PENDING';\n    const progressCompletionPercentage =\n      completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n\n    const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n    const backgroundColor =\n      (isOutcomePending ? outcomeStatusInfo?.progressBackgroundColor : borderColor) || 'WHITE_5';\n\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n    const remainingDays = getRemainingDaysToCompleteGoal(dueDate);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    if (!goalCategory) return null;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n        $flexGapX={1}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n          <FlexView\n            $widthX={4}\n            $heightX={4}\n            $background=\"WHITE_T_38\"\n            $position=\"relative\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n            $borderRadiusX={2}\n          >\n            <Styled.ChapterProgressSVG width=\"64px\" height=\"64px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"31\" cx=\"32\" cy=\"32\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progressBackground=\"BLACK_1\"\n                $progress={progressCompletionPercentage * 2}\n                r=\"31\"\n                cx=\"32\"\n                cy=\"32\"\n              />\n            </Styled.ChapterProgressSVG>\n\n            <FlexView $widthX={4} $heightX={4} $justifyContent=\"center\" $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={40}\n                height={40}\n              />\n            </FlexView>\n\n            {progressCompletionPercentage === 100 && (\n              <Styled.StyledCheckIconWrapper>\n                <Check2Icon width={20} height={20} />\n              </Styled.StyledCheckIconWrapper>\n            )}\n          </FlexView>\n\n          <FlexView $flexGap={16}>\n            <FlexView $flexGap={4}>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n                <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                  {goalCategory.split('_').join(' ')}\n                </Text>\n\n                {isOutcomePending && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={backgroundColor}\n                  >\n                    <Text $renderAs=\"ac4\" $color=\"WHITE\">\n                      Outcome pending\n                    </Text>\n                  </FlexView>\n                )}\n\n                {milestoneState === 'DRAFT' && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={borderColor}\n                  >\n                    <Text $renderAs=\"ac4\">Draft</Text>\n                  </FlexView>\n                )}\n              </FlexView>\n\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                tooltipItem={milestoneName}\n                hidden={!showTitleTooltip}\n              >\n                <Styled.MilestoneTitle\n                  ref={titleTextRef}\n                  $renderAs={!isGoalCreation ? 'ab1' : 'ah4'}\n                  $color=\"BLACK_1\"\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {!!total && milestoneState !== 'DRAFT' && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {`${progressCompletionPercentage}% complete`}\n                  {milestoneState === 'ACTIVE' && remainingDays}\n                </Text>\n              )}\n            </FlexView>\n\n            {!!outcomes?.length && (\n              <>\n                <Separator width={40} height={1} background=\"BLACK_T_15\" />\n                <OutcomeWrapper outcomes={outcomes} />\n              </>\n            )}\n          </FlexView>\n        </FlexView>\n\n        {userType === 'TEACHER' && (\n          <GoalActionCtas\n            milestone={milestone}\n            studentId={studentId}\n            studentName={studentName}\n            teacherName={teacherName ?? ''}\n            parentName={parentName ?? ''}\n            onAddOutcome={onAddOutcome}\n            isClassOngoing={Boolean(isClassOngoing)}\n            isStudentPresent={Boolean(isStudentPresent)}\n            onDraftPublish={onDraftPublish}\n            onEdit={onEdit}\n            courseStream={courseStream}\n          />\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","onEdit","onDraftPublish","onAddOutcome","milestoneName","dueDate","milestoneState","goalCategory","goalCode","progressStat","completed","total","isOutcomePending","progressCompletionPercentage","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","outcomeStatusInfo","getMilestoneWidgetStatusInfo","backgroundColor","isGoalCreation","useMemo","remainingDays","getRemainingDaysToCompleteGoal","useLayoutEffect","jsxs","FlexView","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":";;;;;;;;;;;;;AAoBA,MAAMA,KAA6DC;AAAA,EACjE,CAAC,EAAE,gBAAAC,GAAgB,kBAAAC,GAAkB,YAAAC,IAAY,GAAGC,QAAoC;AAChF,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,IACE,IAAAX,GAEE;AAAA,MACJ,gBAAgBY;AAAA,MAChB,mBAAmBC;AAAA,MACnB,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACf,WAAWC;AAAA,MACX,eAAeC;AAAA,IACb,IAAAhB,GAEE,EAAE,WAAAiB,IAAY,GAAG,OAAAC,IAAQ,EAAE,IAAIF,KAAgB,IAC/CG,IAAmBN,MAAmB,mBACtCO,IACJH,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAS,KAAK,GAAG,IAAI,GAEzDG,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExD,EAAE,WAAWC,GAAuB,aAAAC,EAAY,IACpDC,EAA+Bd,CAAY,GAEvCe,IAAoBC,EAA6BjB,CAAc,GAC/DkB,KACHZ,IAAmBU,KAAA,gBAAAA,EAAmB,0BAA0BF,MAAgB,WAE7EK,IAAiBC,EAAQ,MAAM,OAAOlB,KAAa,UAAU,CAACA,CAAQ,CAAC,GACvEmB,IAAgBC,EAA+BvB,CAAO;AAWxD,WATJwB,EAAgB,MAAM;AACpB,MACEf,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACH,CAAY,CAAC,GAEZP,IAGH,gBAAAuB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAD,EAACC,GAAS,EAAA,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,aAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBACZ,gBAAgB;AAAA,gBAEhB,UAAA;AAAA,kBAAA,gBAAAD,EAACE,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,oBAAC,gBAAAC,EAAAC,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,oBACtE,gBAAAD;AAAA,sBAACC;AAAAA,sBAAA;AAAA,wBACC,iBAAe;AAAA,wBACf,qBAAoB;AAAA,wBACpB,WAAWrB,IAA+B;AAAA,wBAC1C,GAAE;AAAA,wBACF,IAAG;AAAA,wBACH,IAAG;AAAA,sBAAA;AAAA,oBACL;AAAA,kBAAA,GACF;AAAA,kBAEA,gBAAAoB,EAACF,KAAS,SAAS,GAAG,UAAU,GAAG,iBAAgB,UAAS,aAAY,UACtE,UAAA,gBAAAE;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,KAAKC,EAA2B7B,CAAY;AAAA,sBAC5C,YAAU;AAAA,sBACV,OAAO;AAAA,sBACP,QAAQ;AAAA,oBAAA;AAAA,kBAAA,GAEZ;AAAA,kBAECM,MAAiC,OAC/B,gBAAAoB,EAAAI,IAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,YAEA,gBAAAR,EAACC,GAAS,EAAA,UAAU,IAClB,UAAA;AAAA,cAAC,gBAAAD,EAAAC,GAAA,EAAS,UAAU,GAClB,UAAA;AAAA,gBAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC5D,UAAA;AAAA,kBAAC,gBAAAE,EAAAM,GAAA,EAAK,WAAU,aAAY,QAAQpB,GACjC,UAAaZ,EAAA,MAAM,GAAG,EAAE,KAAK,GAAG,EACnC,CAAA;AAAA,kBAECK,KACC,gBAAAqB;AAAA,oBAACF;AAAA,oBAAA;AAAA,sBACC,gBAAe;AAAA,sBACf,MAAM;AAAA,sBACN,SAAS;AAAA,sBACT,aAAY;AAAA,sBACZ,aAAaP;AAAA,sBAEb,4BAACe,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,mBAAA;AAAA,oBAAA;AAAA,kBACF;AAAA,kBAGDjC,MAAmB,WAClB,gBAAA2B;AAAA,oBAACF;AAAA,oBAAA;AAAA,sBACC,gBAAe;AAAA,sBACf,MAAM;AAAA,sBACN,SAAS;AAAA,sBACT,aAAY;AAAA,sBACZ,aAAaX;AAAA,sBAEb,UAAC,gBAAAa,EAAAM,GAAA,EAAK,WAAU,OAAM,UAAK,SAAA;AAAA,oBAAA;AAAA,kBAC7B;AAAA,gBAAA,GAEJ;AAAA,gBAEA,gBAAAN;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,UAAS;AAAA,oBACT,aAAapC;AAAA,oBACb,QAAQ,CAACY;AAAA,oBAET,UAAA,gBAAAiB;AAAA,sBAACQ;AAAAA,sBAAA;AAAA,wBACC,KAAK3B;AAAA,wBACL,WAAYW,IAAyB,QAAR;AAAA,wBAC7B,QAAO;AAAA,wBAEN,UAAArB;AAAA,sBAAA;AAAA,oBACH;AAAA,kBAAA;AAAA,gBACF;AAAA,gBAEC,CAAC,CAACO,KAASL,MAAmB,6BAC5BiC,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UAAA;AAAA,kBAAA,GAAG1B,CAA4B;AAAA,kBAC/BP,MAAmB,YAAYqB;AAAA,gBAAA,GAClC;AAAA,cAAA,GAEJ;AAAA,cAEC,CAAC,EAAC3B,KAAA,QAAAA,EAAU,WAET,gBAAA8B,EAAAY,GAAA,EAAA,UAAA;AAAA,gBAAA,gBAAAT,EAACU,KAAU,OAAO,IAAI,QAAQ,GAAG,YAAW,cAAa;AAAA,gBACzD,gBAAAV,EAACW,MAAe,UAAA5C,GAAoB;AAAA,cAAA,GACtC;AAAA,YAAA,GAEJ;AAAA,UAAA,GACF;AAAA,UAECF,MAAa,aACZ,gBAAAmC;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,WAAApD;AAAA,cACA,WAAAC;AAAA,cACA,aAAAC;AAAA,cACA,aAAaC,KAAe;AAAA,cAC5B,YAAYC,KAAc;AAAA,cAC1B,cAAAM;AAAA,cACA,gBAAgB,EAAQd;AAAA,cACxB,kBAAkB,EAAQC;AAAA,cAC1B,gBAAAY;AAAA,cACA,QAAAD;AAAA,cACA,cAAAF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IA9HoB;AAAA,EAkI5B;AACF;"}

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

@@ -0,0 +1,40 @@
+import n from "styled-components";
+import a from "../../../../../ui/layout/flex-view.js";
+import i from "../../../../../ui/text/text.js";
+import { MILESTONE_WIDGET_MIN_HEIGHT as c } from "../../../../constants.js";
+const x = n(a)(({ theme: r }) => `
+    padding-bottom: ${r.layout.gutter * 1.5}px;
+  `), T = n.div(({ theme: r, $backgroundColor: o, $frames: t }) => {
+  const { colors: e } = r;
+  return `
+    display: grid;
+    background: ${e[o || "WHITE_3"]};
+    grid-template-columns: repeat(${t}, 1fr);
+  `;
+}), m = n(i)(({ theme: r, $selected: o }) => {
+  const { layout: t, colors: e } = r, { BLACK_T_15: p, BLACK_T_87: s } = e;
+  return `
+    cursor: pointer;
+    padding: ${t.gutter * 0.5}px 0;
+    border-bottom: 1px solid ${o ? s : p};
+  `;
+}), $ = n(a)(({ theme: r }) => {
+  const { WHITE_5: o } = r.colors, { gutter: t } = r.layout;
+  return `
+    position: relative;
+    height: ${c}px;
+    overflow: auto; 
+
+    background: ${r.colors.WHITE_2};
+    background-image: linear-gradient(${o} 0.5px, transparent 0.5px),
+      linear-gradient(90deg, ${o} 0.5px, transparent 0.5px);
+    background-size: ${t * 2.81}px ${t * 2.81}px;
+  `;
+});
+export {
+  x as NoPlanCardWrapper,
+  $ as TabComponentWrapper,
+  m as TabsText,
+  T as TabsWrapper
+};
+//# sourceMappingURL=milestone-tabs-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-tabs-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../../../constants';\n\nconst NoPlanCardWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    padding-bottom: ${theme.layout.gutter * 1.5}px;\n  `;\n});\n\ninterface ITabsWrapper {\n  $backgroundColor?: TColorNames;\n  $frames: number;\n}\n\nconst TabsWrapper = styled.div<ITabsWrapper>(({ theme, $backgroundColor, $frames }) => {\n  const { colors } = theme;\n\n  return `\n    display: grid;\n    background: ${colors[$backgroundColor || 'WHITE_3']};\n    grid-template-columns: repeat(${$frames}, 1fr);\n  `;\n});\n\ninterface ITabsText {\n  $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_15, BLACK_T_87 } = colors;\n\n  return `\n    cursor: pointer;\n    padding: ${layout.gutter * 0.5}px 0;\n    border-bottom: 1px solid ${$selected ? BLACK_T_87 : BLACK_T_15};\n  `;\n});\n\nconst TabComponentWrapper = styled(FlexView)(({ theme }) => {\n  const { WHITE_5 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    position: relative;\n    height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n    overflow: auto; \n\n    background: ${theme.colors.WHITE_2};\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n      linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: ${gutter * 2.81}px ${gutter * 2.81}px;\n  `;\n});\n\nexport { NoPlanCardWrapper, TabsWrapper, TabsText, TabComponentWrapper };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87","TabComponentWrapper","WHITE_5","gutter","MILESTONE_WIDGET_MIN_HEIGHT"],"mappings":";;;;AAQA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACrC;AAAA,sBACaA,EAAM,OAAO,SAAS,GAAG;AAAA,GAE9C,GAOKC,IAAcH,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,kBAAAE,GAAkB,SAAAC,QAAc;AAC/E,QAAA,EAAE,QAAAC,EAAW,IAAAJ;AAEZ,SAAA;AAAA;AAAA,kBAESI,EAAOF,KAAoB,SAAS,CAAC;AAAA,oCACnBC,CAAO;AAAA;AAE3C,CAAC,GAMKE,IAAWP,EAAOQ,CAAI,EAAa,CAAC,EAAE,OAAAN,GAAO,WAAAO,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAJ,GACrB,EAAE,YAAAS,GAAY,YAAAC,EAAe,IAAAN;AAE5B,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,GAAG;AAAA,+BACHD,IAAYG,IAAaD,CAAU;AAAA;AAElE,CAAC,GAEKE,IAAsBb,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACpD,QAAA,EAAE,SAAAY,EAAQ,IAAIZ,EAAM,QACpB,EAAE,QAAAa,EAAO,IAAIb,EAAM;AAElB,SAAA;AAAA;AAAA,cAEKc,CAA2B;AAAA;AAAA;AAAA,kBAGvBd,EAAM,OAAO,OAAO;AAAA,wCACEY,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfC,IAAS,IAAI,MAAMA,IAAS,IAAI;AAAA;AAEvD,CAAC;"}