@cuemath/leap 2.8.56-as1 → 2.8.56-hg1

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        <ArrowTooltip\n          position=\"bottom\"\n          renderAs=\"primary\"\n          widthX={!canPublishOrEditGoal ? 15 : 5}\n          tooltipItem={\n            !canPublishOrEditGoal ? 'Goals can only be edited for students in class.' : '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      </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":";;;;;;;;;;;;;;AAkBM,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,UAAAC;AAAA,IACA,cAAAC;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,GAAA;AAAA,QACvB,uBAAuB;AAAA,QACvB,WAAW;AAAA,QACX,eAAexB;AAAA,QACf,YAAYV;AAAA,QACZ,UAAUC;AAAA,MAAA,CACX,GAEHM,KAAA,QAAAA,EAAiBI,GAAa,KACnBU,EAAAc,EAAY,WAAW,WAAW;AAAA,QAC3C,cAAcxB,KAAesB;AAAA,MAAA,CAC9B;AAAA,IAEL;AAAA,IACA,CAACtB,GAAaV,GAAgBD,GAAWO,GAAgBiB,GAAUH,GAAYX,CAAY;AAAA,EAAA,GAGvF,EAAE,WAAA0B,GAAW,cAAAC,EAAa,IAAIC,GAAgB;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,IAAmBV,EAAY,MAAM;AAC9B,IAAArB,KAAA,QAAAA,EAAA,EAAE,aAAAE;EAAa,GACzB,CAACF,GAAUE,CAAW,CAAC,GAEpB8B,IAAqBX,EAAY,MAAM;AAC3C,IAAAxB,KAAA,QAAAA,EAAeK;AAAA,EAAW,GACzB,CAACL,GAAcK,CAAW,CAAC;AAG5B,SAAA,gBAAA+B;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,QAAO;AAAA,MACP,SAAS,CAAKC,MAAAA,EAAE,gBAAgB;AAAA,MAE/B,UAAA;AAAA,QACClB,KAAA,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAMC;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,QAAQ;AAAA,YACR,SAASN;AAAA,UAAA;AAAA,QACX;AAAA,QAGDd,KAEG,gBAAAe,EAAAM,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQrB;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAiB;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,SAASV;AAAA,kBACT,MAAMC;AAAA,kBACN,UAAU,CAACT;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UACF;AAAA,UAEA,gBAAAiB;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAASrB,IAA4B,IAAL;AAAA,cAChC,aACGA,IAEG,cADA;AAAA,cAIN,UAAA,gBAAAiB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,MAAMC;AAAA,kBACN,gBAAe;AAAA,kBACf,SAASZ;AAAA,kBACT,UAAU,CAACX;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UACF;AAAA,4BAECqB,GAAa,EAAA,UAAS,UAAS,UAAS,WAAU,aAAY,eAC7D,UAAA,gBAAAJ;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAME;AAAA,cACN,gBAAe;AAAA,cACf,SAASZ;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,QAAA,GACF;AAAA,QAGDjB,KACE,gBAAAsB,EAAAQ,GAAA,EAAK,WAAU,YAAW,QAAO,OAC/B,UACH9B,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

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

@@ -1,156 +1,184 @@
-import { jsxs as t, jsx as e, Fragment as W } from "react/jsx-runtime";
-import { memo as X, useRef as j, useState as H, useMemo as L, 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 f, StyledCheckIconWrapper as ee, MilestoneTitle as te } from "./milestone-widget-styled.js";
-import re from "./outcome/outcome.js";
-const ue = X(
-  ({ isClassOngoing: u, isStudentPresent: C, isExpanded: oe, ...x }) => {
-    const {
-      milestone: d,
-      studentId: T,
-      studentName: _,
-      teacherName: A,
-      parentName: w,
-      userType: y,
-      courseStream: I,
-      outcomes: n,
-      onEdit: G,
-      onDraftPublish: D,
-      onAddOutcome: E
-    } = x, {
-      milestone_name: m,
-      milestone_date_ts: b,
-      milestone_state: i,
-      goal_category: l,
-      goal_code: p,
-      progress_stat: S
-    } = d, { completed: g, total: k } = S || {}, h = i === "OUTCOME_PENDING", a = g > 0 ? Math.floor((g / k || 1) * 100) : 0, o = j(null), [B, O] = H(!1), { textColor: N, borderColor: $ } = J(l), c = Q(i), R = (h ? c == null ? void 0 : c.progressBackgroundColor : $) || "WHITE_5", M = L(() => typeof p == "string", [p]), P = z(b);
-    return F(() => {
-      o.current && o.current.scrollHeight > o.current.clientHeight && O(!0);
-    }, [o]), l ? /* @__PURE__ */ t(r, { $flexDirection: "row", $justifyContent: "space-between", $flexGapX: 1, children: [
-      /* @__PURE__ */ t(r, { $flexDirection: "row", $flexGapX: 1.5, children: [
-        /* @__PURE__ */ t(
-          r,
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { memo as U, useRef as B, useState as N, useMemo as I, useLayoutEffect as X } from "react";
+import V from "../../../../../assets/line-icons/icons/bin2.js";
+import W from "../../../../../assets/line-icons/icons/closed-eye.js";
+import Y from "../../../../../assets/line-icons/icons/edit2.js";
+import Z from "../../../../../assets/line-icons/icons/eye2.js";
+import q from "../../../../../assets/line-icons/icons/star2.js";
+import z from "../../../../sheets/lessons-list/lesson-item/context-menu-helper/target-element.js";
+import J from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import K from "../../../../ui/context-menu/context-menu.js";
+import { useUIContext as Q } from "../../../../ui/context/context.js";
+import ee from "../../../../ui/image/image.js";
+import i from "../../../../ui/layout/flex-view.js";
+import w from "../../../../ui/text/text.js";
+import te from "../../../create/comps/milestone-progress-v2/milestone-progress-v2.js";
+import oe from "./context-menu-helper/menu-element.js";
+import { GOAL_CATEGORY_BASED_IMAGES as ie } from "./milestone-constants.js";
+import { getGoalCategoryBasedColorTheme as ne } from "./milestone-utils.js";
+import { MilestoneTitle as re } from "./milestone-widget-styled.js";
+const Te = U(
+  ({ isClassOngoing: x, isStudentPresent: E, isExpanded: d, ...T }) => {
+    const { milestone: D, userType: _, onEdit: p, onDelete: f, toggleExpand: A, onAddOutcome: u } = T, {
+      id: o,
+      milestone_name: g,
+      milestone_date_ts: y,
+      user_milestone_progress: M,
+      milestone_state: t,
+      permissions: G,
+      goal_category: n,
+      goal_code: h
+    } = D, { onEvent: S } = Q(), r = B(null), [P, v] = N(!1), {
+      can_delete: s,
+      can_edit: C,
+      can_update_date: R,
+      can_update_plan: O
+    } = G, { textColor: k, borderColor: j } = ne(n), l = I(() => typeof h == "string", [h]), a = _ === "TEACHER", F = I(
+      () => ({
+        milestone_id: o,
+        temporary_milestone_id: o,
+        milestone_state: t
+      }),
+      [o, t]
+    ), $ = x && !E, b = !l || t !== "DRAFT", H = I(
+      () => [
+        {
+          id: "milestone-widget-edit",
+          Icon: Y,
+          label: "Edit",
+          disabled: $ || !C,
+          //* Not showing option to edit drafts.
+          //* For goals we have a separate edit CTA.
+          visible: a && t !== "DRAFT"
+        },
+        {
+          id: "milestone-widget-hide-n-show",
+          Icon: d ? W : Z,
+          label: d ? "Hide" : "Show",
+          disabled: !1,
+          visible: !0
+        },
+        {
+          id: "milestone-widget-add-outcome",
+          Icon: q,
+          label: "Add outcome",
+          disabled: t !== "OUTCOME_PENDING",
+          visible: a
+        },
+        {
+          id: "milestone-widget-delete-draft",
+          Icon: V,
+          label: "Delete",
+          disabled: !s,
+          visible: a && s && b
+        }
+      ],
+      [
+        C,
+        $,
+        d,
+        t,
+        a,
+        s,
+        b
+      ]
+    ), L = (m) => {
+      switch (S("clicked", {
+        cta: m,
+        ...F
+      }), m) {
+        case "Edit":
+          p == null || p({
+            milestoneId: o,
+            milestoneName: g,
+            milestoneDueDate: y,
+            isMilestoneChaptersListEditable: O,
+            isMilestoneDateEditable: R,
+            milestoneState: t,
+            canDelete: s,
+            goalCategory: n,
+            goalCode: h
+          });
+          return;
+        case "Add outcome":
+          u == null || u(o);
+          return;
+        case "Delete":
+          f == null || f({ milestoneId: o, isGoalCreation: l, milestoneState: t });
+          return;
+        default:
+          A();
+          return;
+      }
+    };
+    return X(() => {
+      r.current && r.current.scrollHeight > r.current.clientHeight && v(!0);
+    }, [r]), /* @__PURE__ */ c(i, { $flexDirection: "row", $justifyContent: "space-between", $flexGapX: 1, children: [
+      /* @__PURE__ */ c(i, { $widthX: 30.5, $flexGap: l ? 8 : 0, children: [
+        n && /* @__PURE__ */ c(i, { $flexDirection: "row", $flexGap: 4, $alignItems: "center", children: [
+          /* @__PURE__ */ e(
+            ee,
+            {
+              src: ie[n],
+              withLoader: !0,
+              width: 24,
+              height: 24
+            }
+          ),
+          /* @__PURE__ */ e(w, { $renderAs: "ac4-black", $color: k, children: n.split("_").join(" ") }),
+          t === "DRAFT" && /* @__PURE__ */ e(
+            i,
+            {
+              $flexDirection: "row",
+              $gap: 4,
+              $gutter: 4,
+              $alignItems: "center",
+              $background: j,
+              children: /* @__PURE__ */ e(w, { $renderAs: "ac4", children: "Draft" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          J,
           {
-            $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(f, { $progress: 0, r: "31", cx: "32", cy: "32" }),
-                /* @__PURE__ */ e(
-                  f,
-                  {
-                    $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 }) })
-            ]
+            renderAs: "primary",
+            position: "bottom",
+            tooltipItem: g,
+            hidden: !P,
+            children: /* @__PURE__ */ e(re, { ref: r, $renderAs: l ? "ah4" : "ah3", children: g })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(i, { onClick: (m) => m.stopPropagation(), $height: "fit-content", children: /* @__PURE__ */ c(i, { $flexDirection: "row", $flexGapX: 1, $alignItems: "center", children: [
+        /* @__PURE__ */ e(
+          te,
+          {
+            userType: _,
+            milestoneId: o,
+            progressInfo: M,
+            showProgress: !0
           }
         ),
-        /* @__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(" ") }),
-              h && /* @__PURE__ */ e(
-                r,
-                {
-                  $flexDirection: "row",
-                  $gap: 4,
-                  $gutter: 4,
-                  $alignItems: "center",
-                  $background: R,
-                  children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
-                }
-              ),
-              i === "DRAFT" && /* @__PURE__ */ e(
-                r,
-                {
-                  $flexDirection: "row",
-                  $gap: 4,
-                  $gutter: 4,
-                  $alignItems: "center",
-                  $background: $,
-                  children: /* @__PURE__ */ e(s, { $renderAs: "ac4", children: "Draft" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(
-              V,
+        /* @__PURE__ */ e(
+          K,
+          {
+            targetElement: /* @__PURE__ */ e(z, { shape: "curve" }),
+            menuElement: /* @__PURE__ */ e(
+              oe,
               {
-                renderAs: "primary",
-                position: "bottom",
-                tooltipItem: m,
-                hidden: !B,
-                children: /* @__PURE__ */ e(
-                  te,
-                  {
-                    ref: o,
-                    $renderAs: M ? "ah4" : "ah3",
-                    children: m
-                  }
-                )
+                menuOptions: H,
+                onMenuOptionSelection: L
               }
             ),
-            i !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
-              a,
-              "% complete",
-              P
-            ] })
-          ] }),
-          n != null && n.length ? /* @__PURE__ */ t(W, { children: [
-            /* @__PURE__ */ e(U, { width: 40, height: 1, background: "BLACK_T_15" }),
-            /* @__PURE__ */ e(re, { outcomes: n })
-          ] }) : void 0
-        ] })
-      ] }),
-      y === "TEACHER" && /* @__PURE__ */ e(
-        Y,
-        {
-          milestone: d,
-          studentId: T,
-          studentName: _,
-          teacherName: A ?? "",
-          parentName: w ?? "",
-          onAddOutcome: E,
-          isClassOngoing: !!u,
-          isStudentPresent: !!C,
-          onDraftPublish: D,
-          onEdit: G,
-          courseStream: I
-        }
-      )
-    ] }) : null;
+            menuOffset: 12,
+            menuZIndex: 2
+          }
+        )
+      ] }) })
+    ] });
   }
 );
 export {
-  ue as default
+  Te as default
 };
 //# sourceMappingURL=milestone-info.js.map

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

@@ -1 +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, total } = 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 $flexDirection=\"row\" $justifyContent=\"space-between\" $flexGapX={1}>\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 ? 'ah3' : 'ah4'}\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {milestoneState !== 'DRAFT' && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {progressCompletionPercentage}% complete{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            ) : undefined}\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","FlexView","jsxs","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":"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"}
+{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMenuOptionsProps } from './context-menu-helper/menu-element-types';\nimport type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Bin2Icon from '../../../../../assets/line-icons/icons/bin2';\nimport ClosedEyeIcon from '../../../../../assets/line-icons/icons/closed-eye';\nimport Edit2Icon from '../../../../../assets/line-icons/icons/edit2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Star2Icon from '../../../../../assets/line-icons/icons/star2';\nimport ContextMenuTargetElement from '../../../../sheets/lessons-list/lesson-item/context-menu-helper/target-element';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../ui/context/context';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport MilestoneProgressInfoV2 from '../../../create/comps/milestone-progress-v2/milestone-progress-v2';\nimport ContextMenuElement from './context-menu-helper/menu-element';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const { milestone, userType, onEdit, onDelete, toggleExpand, onAddOutcome } =\n      restMilestoneInfoWrapperProps;\n\n    const {\n      id: milestoneId,\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      user_milestone_progress: milestoneProgress,\n      milestone_state: milestoneState,\n      permissions: milestonePermissions,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n    } = milestone;\n\n    const { onEvent: trackEvent } = useUIContext();\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const {\n      can_delete: canDelete,\n      can_edit: canEdit,\n      can_update_date: canUpdateDate,\n      can_update_plan: canUpdatePlan,\n    } = milestonePermissions;\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n\n    const isTeacher = userType === 'TEACHER';\n    const analyticsProps = useMemo(\n      () => ({\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        milestone_state: milestoneState,\n      }),\n      [milestoneId, milestoneState],\n    );\n\n    const isStudentAbsentInClass = isClassOngoing && !isStudentPresent;\n\n    const canDeleteGoal = !isGoalCreation || milestoneState !== 'DRAFT';\n\n    const menuOptions: IMenuOptionsProps[] = useMemo(\n      () => [\n        {\n          id: 'milestone-widget-edit',\n          Icon: Edit2Icon,\n          label: 'Edit',\n          disabled: isStudentAbsentInClass || !canEdit,\n          //* Not showing option to edit drafts.\n          //* For goals we have a separate edit CTA.\n          visible: isTeacher && milestoneState !== 'DRAFT',\n        },\n        {\n          id: 'milestone-widget-hide-n-show',\n          Icon: isExpanded ? ClosedEyeIcon : Eye2Icon,\n          label: isExpanded ? 'Hide' : 'Show',\n          disabled: false,\n          visible: true,\n        },\n        {\n          id: 'milestone-widget-add-outcome',\n          Icon: Star2Icon,\n          label: 'Add outcome',\n          disabled: milestoneState !== 'OUTCOME_PENDING',\n          visible: isTeacher,\n        },\n        {\n          id: 'milestone-widget-delete-draft',\n          Icon: Bin2Icon,\n          label: 'Delete',\n          disabled: !canDelete,\n          visible: isTeacher && canDelete && canDeleteGoal,\n        },\n      ],\n      [\n        canEdit,\n        isStudentAbsentInClass,\n        isExpanded,\n        milestoneState,\n        isTeacher,\n        canDelete,\n        canDeleteGoal,\n      ],\n    );\n\n    const handleOnMenuSelection = (selectedOption: string) => {\n      trackEvent('clicked', {\n        cta: selectedOption,\n        ...analyticsProps,\n      });\n\n      switch (selectedOption) {\n        case 'Edit':\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          return;\n\n        case 'Add outcome':\n          onAddOutcome?.(milestoneId);\n\n          return;\n\n        case 'Delete':\n          onDelete?.({ milestoneId, isGoalCreation, milestoneState });\n\n          return;\n\n        default:\n          toggleExpand();\n\n          return;\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $flexGapX={1}>\n        <FlexView $widthX={30.5} $flexGap={isGoalCreation ? 8 : 0}>\n          {goalCategory && (\n            <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={24}\n                height={24}\n              />\n\n              <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                {goalCategory.split('_').join(' ')}\n              </Text>\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\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={milestoneName}\n            hidden={!showTitleTooltip}\n          >\n            <Styled.MilestoneTitle ref={titleTextRef} $renderAs={!isGoalCreation ? 'ah3' : 'ah4'}>\n              {milestoneName}\n            </Styled.MilestoneTitle>\n          </ArrowTooltip>\n        </FlexView>\n\n        <FlexView onClick={e => e.stopPropagation()} $height=\"fit-content\">\n          <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n            <MilestoneProgressInfoV2\n              userType={userType}\n              milestoneId={milestoneId}\n              progressInfo={milestoneProgress}\n              showProgress\n            />\n\n            <ContextMenu\n              targetElement={<ContextMenuTargetElement shape=\"curve\" />}\n              menuElement={\n                <ContextMenuElement\n                  menuOptions={menuOptions}\n                  onMenuOptionSelection={handleOnMenuSelection}\n                />\n              }\n              menuOffset={12}\n              menuZIndex={2}\n            />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","userType","onEdit","onDelete","toggleExpand","onAddOutcome","milestoneId","milestoneName","dueDate","milestoneProgress","milestoneState","milestonePermissions","goalCategory","goalCode","trackEvent","useUIContext","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","canDelete","canEdit","canUpdateDate","canUpdatePlan","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","isGoalCreation","useMemo","isTeacher","analyticsProps","isStudentAbsentInClass","canDeleteGoal","menuOptions","Edit2Icon","ClosedEyeIcon","Eye2Icon","Star2Icon","Bin2Icon","handleOnMenuSelection","selectedOption","useLayoutEffect","FlexView","jsxs","jsx","Image","GOAL_CATEGORY_BASED_IMAGES","Text","ArrowTooltip","Styled.MilestoneTitle","e","MilestoneProgressInfoV2","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}

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

@@ -1,40 +1,26 @@
-import n from "styled-components";
+import p 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 }) => `
+import d from "../../../../../ui/text/text.js";
+const m = p(a)(({ theme: r }) => `
     padding-bottom: ${r.layout.gutter * 1.5}px;
-  `), T = n.div(({ theme: r, $backgroundColor: o, $frames: t }) => {
+  `), u = p.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;
+}), g = p(d)(({ theme: r, $selected: o }) => {
+  const { layout: t, colors: e } = r, { BLACK_T_15: n, 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;
+    border-bottom: 1px solid ${o ? s : n};
   `;
 });
 export {
-  x as NoPlanCardWrapper,
-  $ as TabComponentWrapper,
-  m as TabsText,
-  T as TabsWrapper
+  m as NoPlanCardWrapper,
+  g as TabsText,
+  u 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

@@ -1 +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;"}
+{"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';\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\nexport { NoPlanCardWrapper, TabsWrapper, TabsText };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87"],"mappings":";;;AAOA,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;"}