@cuemath/leap 3.1.3 → 3.1.4

package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js

@@ -1,77 +1,78 @@
-import { jsxs as $, jsx as N } from "react/jsx-runtime";
-import { memo as q, useState as s, useMemo as f, useCallback as n } from "react";
+import { jsxs as $, jsx as v } from "react/jsx-runtime";
+import { memo as q, useState as s, useMemo as p, useCallback as n } from "react";
 import { EVENTS as z } from "../../../../communication/pub-sub/constants.js";
 import { useInClassActionDispatcher as B } from "../../../../communication/pub-sub/hooks.js";
 import G from "../../../../ui/context/context.js";
 import J from "../../../../ui/context/use-tracking-context.js";
 import { ONE_YEAR_TIMESTAMP_IN_SECONDS as K } from "../../../constants.js";
 import { invalidateMilestonesData as Q } from "../../../milestone-list-container/api/get-milestones.js";
-import X from "../delete-milestone/confirm-delete.js";
-import { useMilestonePatch as Z } from "./api/patch-milestone.js";
-import ee from "./edit-milestone.js";
-import { parse as te } from "../../../../../node_modules/date-fns/parse.js";
-const P = {
+import { invalidatePastMilestoneCount as X } from "../../../milestone-list-container/api/get-past-milestone-count.js";
+import Z from "../delete-milestone/confirm-delete.js";
+import { useMilestonePatch as ee } from "./api/patch-milestone.js";
+import te from "./edit-milestone.js";
+import { parse as oe } from "../../../../../node_modules/date-fns/parse.js";
+const y = {
   DELETE_CONFIRM: "delete_confirm",
   EDIT: "edit"
-}, oe = q(
+}, se = q(
   ({
-    milestoneName: v,
+    milestoneName: N,
     milestoneId: e,
-    milestoneDueDate: p,
-    studentId: u,
-    isMilestoneChaptersListEditable: I,
-    isMilestoneDateEditable: x,
+    milestoneDueDate: u,
+    studentId: i,
+    isMilestoneChaptersListEditable: x,
+    isMilestoneDateEditable: F,
     isClassOngoing: E,
-    onDelete: F,
+    onDelete: I,
     analyticsProps: M,
     canDelete: O,
     milestoneState: w,
     studentClassroomId: A,
     courseStream: _
   }) => {
-    const [D, L] = s("edit"), [t, R] = s(p), [i, h] = s(!1), [r, C] = s(!1), [c, l] = s(""), o = f(
+    const [D, L] = s("edit"), [t, R] = s(u), [r, h] = s(!1), [c, C] = s(!1), [l, m] = s(""), o = p(
       () => Math.floor((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0) / 1e3),
       []
-    ), a = f(
+    ), a = p(
       () => o + K,
       [o]
-    ), { dispatchInClassAction: T } = B({ studentClassroomId: A }), V = t !== p, g = n(() => {
-      i && h(!1), r && C(!1);
-    }, [i, r]), k = n(
-      (m) => {
-        if (m) {
+    ), { dispatchInClassAction: T } = B({ studentClassroomId: A }), V = t !== u, g = n(() => {
+      r && h(!1), c && C(!1);
+    }, [r, c]), k = n(
+      (d) => {
+        if (d) {
           C(!0);
           return;
         }
         Q({
           milestone_state_group: "LIVE",
           course_stream: _,
-          student_id: u
-        }), h(!0), T({
+          student_id: i
+        }), X(i), h(!0), T({
           eventName: z.MILESTONE_EDITED,
           eventPayload: {
             milestoneId: e
           }
         });
       },
-      [T, e, u, _]
-    ), { patch: S, isProcessing: b } = Z({
+      [T, e, i, _]
+    ), { patch: P, isProcessing: b } = ee({
       onComplete: k
     }), j = n(
-      (m) => {
+      (d) => {
         g();
-        const y = m.target.value;
-        if (!y) return;
-        const d = te(y, "yyyy-MM-dd", /* @__PURE__ */ new Date()).getTime() / 1e3;
-        c && d >= o && d < a && l(""), R(d);
+        const S = d.target.value;
+        if (!S) return;
+        const f = oe(S, "yyyy-MM-dd", /* @__PURE__ */ new Date()).getTime() / 1e3;
+        l && f >= o && f < a && m(""), R(f);
       },
-      [c, g, a, o]
+      [l, g, a, o]
     ), U = n(() => {
       if (t < o || t > a) {
-        t < o ? l("Please enter a future date") : l("Please select a date within the next year");
+        t < o ? m("Please enter a future date") : m("Please select a date within the next year");
         return;
       }
-      S(e, {
+      P(e, {
         milestone_date_ts: t
       });
     }, [
@@ -79,40 +80,40 @@ const P = {
       t,
       a,
       o,
-      S
+      P
     ]), Y = () => {
-      L(P.DELETE_CONFIRM);
-    }, H = f(() => ({
+      L(y.DELETE_CONFIRM);
+    }, H = p(() => ({
       ...M,
       milestone_id: e,
       temporary_milestone_id: e,
       is_student_class_ongoing: E
     }), [M, E, e]), W = J(H);
     return /* @__PURE__ */ $(G.Provider, { value: W, children: [
-      D === P.DELETE_CONFIRM && /* @__PURE__ */ N(X, { milestoneId: e, onDelete: F }),
-      D === "edit" && /* @__PURE__ */ N(
-        ee,
+      D === y.DELETE_CONFIRM && /* @__PURE__ */ v(Z, { milestoneId: e, onDelete: I }),
+      D === "edit" && /* @__PURE__ */ v(
+        te,
         {
-          inputMilestoneName: v,
-          areDateUpdatesDisabled: !x,
+          inputMilestoneName: N,
+          areDateUpdatesDisabled: !F,
           handleDateChange: j,
           inputMilestoneDate: t,
           anyFieldChanged: V,
           isProcessing: b,
-          isDataPatched: i,
-          isMilestoneChaptersListEditable: I,
+          isDataPatched: r,
+          isMilestoneChaptersListEditable: x,
           onSave: U,
-          isPatchingFailed: r,
+          isPatchingFailed: c,
           onDeleteOptionClick: Y,
-          errorMessage: c,
+          errorMessage: l,
           canDelete: O,
           milestoneState: w
         }
       )
     ] });
   }
-), Ee = oe;
+), _e = se;
 export {
-  Ee as default
+  _e as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/index.tsx"],"sourcesContent":["import type { IEditMilestoneModalProps } from './edit-milestone-modal-types';\nimport type { ChangeEvent } from 'react';\n\nimport { parse } from 'date-fns';\nimport React, { memo, useCallback, useMemo, useState } from 'react';\n\nimport { EVENTS } from '../../../../communication/pub-sub/constants';\nimport { useInClassActionDispatcher } from '../../../../communication/pub-sub/hooks';\nimport UIContext from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport { ONE_YEAR_TIMESTAMP_IN_SECONDS } from '../../../constants';\nimport { invalidateMilestonesData } from '../../../milestone-list-container/api/get-milestones';\nimport ConfirmDelete from '../delete-milestone/confirm-delete';\nimport { useMilestonePatch } from './api/patch-milestone';\nimport EditMilestone from './edit-milestone';\n\nconst VIEWS = {\n  DELETE_CONFIRM: 'delete_confirm',\n  EDIT: 'edit',\n};\n\n// https://github.com/cuemath/package-leap/issues/409\nconst EditDeleteMilestone: React.FC<IEditMilestoneModalProps> = memo(\n  ({\n    milestoneName,\n    milestoneId,\n    milestoneDueDate,\n    studentId,\n    isMilestoneChaptersListEditable,\n    isMilestoneDateEditable,\n    isClassOngoing,\n    onDelete,\n    analyticsProps,\n    canDelete,\n    milestoneState,\n    studentClassroomId,\n    courseStream,\n  }) => {\n    const [view, setView] = useState<(typeof VIEWS)[keyof typeof VIEWS]>('edit');\n\n    const [inputMilestoneDate, setMilestoneDate] = useState(milestoneDueDate);\n    const [isDataPatched, setIsDataPatched] = useState(false);\n    const [isPatchingFailed, setIsPatchingFailed] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const todayTimestampSeconds = useMemo(\n      () => Math.floor(new Date().setHours(0, 0, 0, 0) / 1000),\n      [],\n    );\n    const oneYearFutureTimestampSeconds = useMemo(\n      () => todayTimestampSeconds + ONE_YEAR_TIMESTAMP_IN_SECONDS,\n      [todayTimestampSeconds],\n    );\n\n    const { dispatchInClassAction } = useInClassActionDispatcher({ studentClassroomId });\n\n    const anyFieldChanged = inputMilestoneDate !== milestoneDueDate;\n\n    const handleClearState = useCallback(() => {\n      if (isDataPatched) {\n        setIsDataPatched(false);\n      }\n\n      if (isPatchingFailed) {\n        setIsPatchingFailed(false);\n      }\n    }, [isDataPatched, isPatchingFailed]);\n\n    const handleOnComplete = useCallback(\n      (errorMsg: string | null) => {\n        if (errorMsg) {\n          setIsPatchingFailed(true);\n\n          return;\n        }\n\n        invalidateMilestonesData({\n          milestone_state_group: 'LIVE',\n          course_stream: courseStream,\n          student_id: studentId,\n        });\n        setIsDataPatched(true);\n        dispatchInClassAction({\n          eventName: EVENTS.MILESTONE_EDITED,\n          eventPayload: {\n            milestoneId,\n          },\n        });\n      },\n      [dispatchInClassAction, milestoneId, studentId, courseStream],\n    );\n\n    const { patch: updateMilestone, isProcessing } = useMilestonePatch({\n      onComplete: handleOnComplete,\n    });\n\n    const handleDateChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        handleClearState();\n        const value = e.target.value;\n\n        if (!value) return;\n\n        const timestampInSeconds = parse(value, 'yyyy-MM-dd', new Date()).getTime() / 1000;\n\n        if (\n          errorMessage &&\n          timestampInSeconds >= todayTimestampSeconds &&\n          timestampInSeconds < oneYearFutureTimestampSeconds\n        ) {\n          setErrorMessage('');\n        }\n\n        setMilestoneDate(timestampInSeconds);\n      },\n      [errorMessage, handleClearState, oneYearFutureTimestampSeconds, todayTimestampSeconds],\n    );\n\n    const onSave = useCallback(() => {\n      if (\n        inputMilestoneDate < todayTimestampSeconds ||\n        inputMilestoneDate > oneYearFutureTimestampSeconds\n      ) {\n        if (inputMilestoneDate < todayTimestampSeconds) {\n          setErrorMessage('Please enter a future date');\n        } else {\n          setErrorMessage('Please select a date within the next year');\n        }\n\n        return;\n      }\n\n      updateMilestone(milestoneId, {\n        milestone_date_ts: inputMilestoneDate,\n      });\n    }, [\n      milestoneId,\n      inputMilestoneDate,\n      oneYearFutureTimestampSeconds,\n      todayTimestampSeconds,\n      updateMilestone,\n    ]);\n\n    const onDeleteOptionClick = () => {\n      setView(VIEWS.DELETE_CONFIRM);\n    };\n\n    const commonAnalytics = useMemo(() => {\n      return {\n        ...analyticsProps,\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        is_student_class_ongoing: isClassOngoing,\n      };\n    }, [analyticsProps, isClassOngoing, milestoneId]);\n\n    const analyticsContext = useTrackingContext(commonAnalytics);\n\n    return (\n      <UIContext.Provider value={analyticsContext}>\n        {view === VIEWS.DELETE_CONFIRM && (\n          <ConfirmDelete milestoneId={milestoneId} onDelete={onDelete} />\n        )}\n\n        {view === 'edit' && (\n          <EditMilestone\n            inputMilestoneName={milestoneName}\n            areDateUpdatesDisabled={!isMilestoneDateEditable}\n            handleDateChange={handleDateChange}\n            inputMilestoneDate={inputMilestoneDate}\n            anyFieldChanged={anyFieldChanged}\n            isProcessing={isProcessing}\n            isDataPatched={isDataPatched}\n            isMilestoneChaptersListEditable={isMilestoneChaptersListEditable}\n            onSave={onSave}\n            isPatchingFailed={isPatchingFailed}\n            onDeleteOptionClick={onDeleteOptionClick}\n            errorMessage={errorMessage}\n            canDelete={canDelete}\n            milestoneState={milestoneState}\n          />\n        )}\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default EditDeleteMilestone;\n"],"names":["VIEWS","EditDeleteMilestone","memo","milestoneName","milestoneId","milestoneDueDate","studentId","isMilestoneChaptersListEditable","isMilestoneDateEditable","isClassOngoing","onDelete","analyticsProps","canDelete","milestoneState","studentClassroomId","courseStream","view","setView","useState","inputMilestoneDate","setMilestoneDate","isDataPatched","setIsDataPatched","isPatchingFailed","setIsPatchingFailed","errorMessage","setErrorMessage","todayTimestampSeconds","useMemo","oneYearFutureTimestampSeconds","ONE_YEAR_TIMESTAMP_IN_SECONDS","dispatchInClassAction","useInClassActionDispatcher","anyFieldChanged","handleClearState","useCallback","handleOnComplete","errorMsg","invalidateMilestonesData","EVENTS","updateMilestone","isProcessing","useMilestonePatch","handleDateChange","e","value","timestampInSeconds","parse","onSave","onDeleteOptionClick","commonAnalytics","analyticsContext","useTrackingContext","jsxs","UIContext","jsx","ConfirmDelete","EditMilestone","EditDeleteMilestone$1"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/index.tsx"],"sourcesContent":["import type { IEditMilestoneModalProps } from './edit-milestone-modal-types';\nimport type { ChangeEvent } from 'react';\n\nimport { parse } from 'date-fns';\nimport React, { memo, useCallback, useMemo, useState } from 'react';\n\nimport { EVENTS } from '../../../../communication/pub-sub/constants';\nimport { useInClassActionDispatcher } from '../../../../communication/pub-sub/hooks';\nimport UIContext from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport { ONE_YEAR_TIMESTAMP_IN_SECONDS } from '../../../constants';\nimport { invalidateMilestonesData } from '../../../milestone-list-container/api/get-milestones';\nimport { invalidatePastMilestoneCount } from '../../../milestone-list-container/api/get-past-milestone-count';\nimport ConfirmDelete from '../delete-milestone/confirm-delete';\nimport { useMilestonePatch } from './api/patch-milestone';\nimport EditMilestone from './edit-milestone';\n\nconst VIEWS = {\n  DELETE_CONFIRM: 'delete_confirm',\n  EDIT: 'edit',\n};\n\n// https://github.com/cuemath/package-leap/issues/409\nconst EditDeleteMilestone: React.FC<IEditMilestoneModalProps> = memo(\n  ({\n    milestoneName,\n    milestoneId,\n    milestoneDueDate,\n    studentId,\n    isMilestoneChaptersListEditable,\n    isMilestoneDateEditable,\n    isClassOngoing,\n    onDelete,\n    analyticsProps,\n    canDelete,\n    milestoneState,\n    studentClassroomId,\n    courseStream,\n  }) => {\n    const [view, setView] = useState<(typeof VIEWS)[keyof typeof VIEWS]>('edit');\n\n    const [inputMilestoneDate, setMilestoneDate] = useState(milestoneDueDate);\n    const [isDataPatched, setIsDataPatched] = useState(false);\n    const [isPatchingFailed, setIsPatchingFailed] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const todayTimestampSeconds = useMemo(\n      () => Math.floor(new Date().setHours(0, 0, 0, 0) / 1000),\n      [],\n    );\n    const oneYearFutureTimestampSeconds = useMemo(\n      () => todayTimestampSeconds + ONE_YEAR_TIMESTAMP_IN_SECONDS,\n      [todayTimestampSeconds],\n    );\n\n    const { dispatchInClassAction } = useInClassActionDispatcher({ studentClassroomId });\n\n    const anyFieldChanged = inputMilestoneDate !== milestoneDueDate;\n\n    const handleClearState = useCallback(() => {\n      if (isDataPatched) {\n        setIsDataPatched(false);\n      }\n\n      if (isPatchingFailed) {\n        setIsPatchingFailed(false);\n      }\n    }, [isDataPatched, isPatchingFailed]);\n\n    const handleOnComplete = useCallback(\n      (errorMsg: string | null) => {\n        if (errorMsg) {\n          setIsPatchingFailed(true);\n\n          return;\n        }\n\n        invalidateMilestonesData({\n          milestone_state_group: 'LIVE',\n          course_stream: courseStream,\n          student_id: studentId,\n        });\n        invalidatePastMilestoneCount(studentId);\n        setIsDataPatched(true);\n        dispatchInClassAction({\n          eventName: EVENTS.MILESTONE_EDITED,\n          eventPayload: {\n            milestoneId,\n          },\n        });\n      },\n      [dispatchInClassAction, milestoneId, studentId, courseStream],\n    );\n\n    const { patch: updateMilestone, isProcessing } = useMilestonePatch({\n      onComplete: handleOnComplete,\n    });\n\n    const handleDateChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        handleClearState();\n        const value = e.target.value;\n\n        if (!value) return;\n\n        const timestampInSeconds = parse(value, 'yyyy-MM-dd', new Date()).getTime() / 1000;\n\n        if (\n          errorMessage &&\n          timestampInSeconds >= todayTimestampSeconds &&\n          timestampInSeconds < oneYearFutureTimestampSeconds\n        ) {\n          setErrorMessage('');\n        }\n\n        setMilestoneDate(timestampInSeconds);\n      },\n      [errorMessage, handleClearState, oneYearFutureTimestampSeconds, todayTimestampSeconds],\n    );\n\n    const onSave = useCallback(() => {\n      if (\n        inputMilestoneDate < todayTimestampSeconds ||\n        inputMilestoneDate > oneYearFutureTimestampSeconds\n      ) {\n        if (inputMilestoneDate < todayTimestampSeconds) {\n          setErrorMessage('Please enter a future date');\n        } else {\n          setErrorMessage('Please select a date within the next year');\n        }\n\n        return;\n      }\n\n      updateMilestone(milestoneId, {\n        milestone_date_ts: inputMilestoneDate,\n      });\n    }, [\n      milestoneId,\n      inputMilestoneDate,\n      oneYearFutureTimestampSeconds,\n      todayTimestampSeconds,\n      updateMilestone,\n    ]);\n\n    const onDeleteOptionClick = () => {\n      setView(VIEWS.DELETE_CONFIRM);\n    };\n\n    const commonAnalytics = useMemo(() => {\n      return {\n        ...analyticsProps,\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        is_student_class_ongoing: isClassOngoing,\n      };\n    }, [analyticsProps, isClassOngoing, milestoneId]);\n\n    const analyticsContext = useTrackingContext(commonAnalytics);\n\n    return (\n      <UIContext.Provider value={analyticsContext}>\n        {view === VIEWS.DELETE_CONFIRM && (\n          <ConfirmDelete milestoneId={milestoneId} onDelete={onDelete} />\n        )}\n\n        {view === 'edit' && (\n          <EditMilestone\n            inputMilestoneName={milestoneName}\n            areDateUpdatesDisabled={!isMilestoneDateEditable}\n            handleDateChange={handleDateChange}\n            inputMilestoneDate={inputMilestoneDate}\n            anyFieldChanged={anyFieldChanged}\n            isProcessing={isProcessing}\n            isDataPatched={isDataPatched}\n            isMilestoneChaptersListEditable={isMilestoneChaptersListEditable}\n            onSave={onSave}\n            isPatchingFailed={isPatchingFailed}\n            onDeleteOptionClick={onDeleteOptionClick}\n            errorMessage={errorMessage}\n            canDelete={canDelete}\n            milestoneState={milestoneState}\n          />\n        )}\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default EditDeleteMilestone;\n"],"names":["VIEWS","EditDeleteMilestone","memo","milestoneName","milestoneId","milestoneDueDate","studentId","isMilestoneChaptersListEditable","isMilestoneDateEditable","isClassOngoing","onDelete","analyticsProps","canDelete","milestoneState","studentClassroomId","courseStream","view","setView","useState","inputMilestoneDate","setMilestoneDate","isDataPatched","setIsDataPatched","isPatchingFailed","setIsPatchingFailed","errorMessage","setErrorMessage","todayTimestampSeconds","useMemo","oneYearFutureTimestampSeconds","ONE_YEAR_TIMESTAMP_IN_SECONDS","dispatchInClassAction","useInClassActionDispatcher","anyFieldChanged","handleClearState","useCallback","handleOnComplete","errorMsg","invalidateMilestonesData","invalidatePastMilestoneCount","EVENTS","updateMilestone","isProcessing","useMilestonePatch","handleDateChange","e","value","timestampInSeconds","parse","onSave","onDeleteOptionClick","commonAnalytics","analyticsContext","useTrackingContext","jsxs","UIContext","jsx","ConfirmDelete","EditMilestone","EditDeleteMilestone$1"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js

@@ -0,0 +1,18 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as i } from "../../../../constants/api.js";
+import { stringify as n } from "../../../../helpers/query-string.js";
+const { useGet: l, invalidate: _ } = r({
+  getURL: (t, u, e) => {
+    const { milestone_state_group: s, course_stream: o } = e;
+    return `${i}/user-milestones/users/${t}/course-streams/${o}/count?${n(
+      {
+        milestone_state_group: s
+      }
+    )}`;
+  }
+});
+export {
+  _ as invalidatePastMilestoneCount,
+  l as useGetPastMilestoneCount
+};
+//# sourceMappingURL=get-past-milestone-count.js.map

package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-past-milestone-count.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-past-milestone-count.ts"],"sourcesContent":["import type { TCourseStream } from '../../create/milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\ntype TQuery = {\n  milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';\n  course_stream: TCourseStream;\n};\n\nconst { useGet: useGetPastMilestoneCount, invalidate: invalidatePastMilestoneCount } = createGetAPI<\n  {\n    user_milestones_count: number;\n  },\n  void,\n  TQuery\n>({\n  getURL: (studentId, _, query) => {\n    const { milestone_state_group, course_stream } = query;\n\n    return `${BASE_URL_V3}/user-milestones/users/${studentId}/course-streams/${course_stream}/count?${stringify(\n      {\n        milestone_state_group,\n      },\n    )}`;\n  },\n});\n\nexport { useGetPastMilestoneCount, invalidatePastMilestoneCount };\n"],"names":["useGetPastMilestoneCount","invalidatePastMilestoneCount","createGetAPI","studentId","_","query","milestone_state_group","course_stream","BASE_URL_V3","stringify"],"mappings":";;;AAYA,MAAM,EAAE,QAAQA,GAA0B,YAAYC,EAAA,IAAiCC,EAMrF;AAAA,EACA,QAAQ,CAACC,GAAWC,GAAGC,MAAU;AACzB,UAAA,EAAE,uBAAAC,GAAuB,eAAAC,EAAkB,IAAAF;AAEjD,WAAO,GAAGG,CAAW,0BAA0BL,CAAS,mBAAmBI,CAAa,UAAUE;AAAA,MAChG;AAAA,QACE,uBAAAH;AAAA,MACF;AAAA,IACD,CAAA;AAAA,EACH;AACF,CAAC;"}

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

@@ -1,157 +1,136 @@
-import { jsxs as t, Fragment as te, jsx as n } from "react/jsx-runtime";
-import ne, { memo as oe, useState as ie, useCallback as h } from "react";
-import re from "../../../hooks/use-lazy-ref.js";
-import u from "../../../ui/buttons/text-button/text-button.js";
-import c from "../../../ui/layout/flex-view.js";
-import se from "../../../ui/separator/separator.js";
-import C from "../../../ui/text/text.js";
-import ae from "./milestone-widget/milestone-widget.js";
-import { StyledDownIcon as le } from "./milestone-widget/milestone-widget-styled.js";
-import ce from "./no-active-milestone/no-active-milestone.js";
-import de from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const Te = oe(
-  ({ milestones: e, studentId: M, milestoneType: s, ...x }) => {
-    const [a, N] = ie(!1), {
+import { jsxs as r, Fragment as K, jsx as o } from "react/jsx-runtime";
+import Q, { memo as Y, useCallback as p } from "react";
+import Z from "../../../hooks/use-lazy-ref.js";
+import h from "../../../ui/buttons/text-button/text-button.js";
+import d from "../../../ui/layout/flex-view.js";
+import ee from "../../../ui/separator/separator.js";
+import te from "../../../ui/text/text.js";
+import oe from "./milestone-widget/milestone-widget.js";
+import ne from "./no-active-milestone/no-active-milestone.js";
+import ie from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const ue = Y(
+  ({ milestones: e, studentId: u, milestoneType: s, ...A }) => {
+    const {
       canCreatePlan: m,
-      isClassOngoing: T,
-      isFiltersAdded: $,
-      isStudentPresent: I,
-      onAddChapter: v,
-      onAddOutcome: i,
-      onChapterClick: w,
-      onCreatePlan: r,
-      onDelete: E,
+      isClassOngoing: g,
+      isFiltersAdded: C,
+      isStudentPresent: M,
+      onAddChapter: T,
+      onAddOutcome: n,
+      onChapterClick: N,
+      onCreatePlan: i,
+      onDelete: v,
       onDraftPublish: R,
-      onEdit: D,
-      onExpandPastMilestones: f,
-      onCreateMilestoneTest: P,
-      onNodeAttempt: S,
-      onNodeView: b,
-      onNodeReview: k,
-      onNodeReattempt: F,
-      onNodeReset: B,
-      onNodeUnassign: V,
-      onAssignResources: j,
-      onTestPreview: G,
-      onTestReview: L,
-      onTestStart: O,
+      onEdit: w,
+      onCreateMilestoneTest: x,
+      onNodeAttempt: b,
+      onNodeView: D,
+      onNodeReview: $,
+      onNodeReattempt: P,
+      onNodeReset: F,
+      onNodeUnassign: I,
+      onAssignResources: k,
+      onTestPreview: E,
+      onTestReview: S,
+      onTestStart: V,
       activeMilestoneId: _,
-      activeTabId: y,
+      activeTabId: j,
       onWidgetTabSelection: z,
-      studentName: p,
-      teacherName: X,
-      parentName: H,
-      userType: d,
-      courseStream: U,
-      onNodeAssignAsHomework: W
-    } = x, l = s === "ACTIVE", A = s === "DRAFT", g = re(de), q = h(() => {
-      r == null || r(g);
-    }, [r, g]), J = () => {
-      !a && f && f(), N(!a);
-    }, K = h(() => {
-      i == null || i();
-    }, [i]);
+      studentName: c,
+      teacherName: B,
+      parentName: G,
+      userType: a,
+      courseStream: y,
+      onNodeAssignAsHomework: H
+    } = A, l = s === "ACTIVE", L = s === "DRAFT", f = Z(ie), O = p(() => {
+      i == null || i(f);
+    }, [i, f]), W = p(() => {
+      n == null || n();
+    }, [n]);
     if (!e) return null;
-    const Q = e.some(
-      (o) => o.milestone_state === "ACTIVE"
-    ), Y = e.some(
-      (o) => o.milestone_state === "DRAFT"
+    const X = e.some(
+      (t) => t.milestone_state === "ACTIVE"
+    ), U = e.some(
+      (t) => t.milestone_state === "DRAFT"
     );
-    return /* @__PURE__ */ t(te, { children: [
-      l && !Q && /* @__PURE__ */ n(c, { $marginBottom: 40, children: /* @__PURE__ */ n(
-        ce,
+    return /* @__PURE__ */ r(K, { children: [
+      l && !X && /* @__PURE__ */ o(d, { $marginBottom: 40, children: /* @__PURE__ */ o(
+        ne,
         {
           canCreatePlan: m,
-          isDraftMilestonePresent: Y,
-          isFiltersAdded: $,
-          onCreatePlan: r,
-          studentName: p,
-          userType: d
+          isDraftMilestonePresent: U,
+          isFiltersAdded: C,
+          onCreatePlan: i,
+          studentName: c,
+          userType: a
         }
       ) }),
-      l && /* @__PURE__ */ t(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
-        /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
+      l && /* @__PURE__ */ r(d, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
+        /* @__PURE__ */ r(te, { $renderAs: "ac4", children: [
           "Goals (",
           e.length,
           ")"
         ] }),
-        d === "TEACHER" && /* @__PURE__ */ t(c, { $flexDirection: "row", $flexGapX: 1, children: [
-          /* @__PURE__ */ n(
-            u,
+        a === "TEACHER" && /* @__PURE__ */ r(d, { $flexDirection: "row", $flexGapX: 1, children: [
+          /* @__PURE__ */ o(
+            h,
             {
               label: "Create Goal",
               size: "small",
-              onClick: q,
+              onClick: O,
               disabled: !m
             }
           ),
-          /* @__PURE__ */ n(u, { label: "Add Milestone", size: "small", onClick: K })
+          /* @__PURE__ */ o(h, { label: "Add Milestone", size: "small", onClick: W })
         ] })
       ] }),
-      s === "INACTIVE" && !!e.length && /* @__PURE__ */ t(
-        c,
-        {
-          $flexDirection: "row",
-          $alignItems: "center",
-          $justifyContent: "space-between",
-          $marginBottomX: 1,
-          children: [
-            /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
-              "PAST LEARNING PLANS & OUTCOMES (",
-              e.length,
-              ")"
-            ] }),
-            /* @__PURE__ */ n(le, { onClick: J, $expanded: a })
-          ]
-        }
-      ),
-      (A || l || a) && e.map((o, Z) => {
-        const { id: ee } = o;
-        return /* @__PURE__ */ t(ne.Fragment, { children: [
-          /* @__PURE__ */ n(
-            ae,
+      e.map((t, q) => {
+        const { id: J } = t;
+        return /* @__PURE__ */ r(Q.Fragment, { children: [
+          /* @__PURE__ */ o(
+            oe,
             {
-              milestone: o,
-              studentId: M,
-              studentName: p,
-              parentName: H,
-              teacherName: X,
-              userType: d,
-              onAddOutcome: i,
-              onChapterClick: w,
-              isMilestoneActive: l || A,
+              milestone: t,
+              studentId: u,
+              studentName: c,
+              parentName: G,
+              teacherName: B,
+              userType: a,
+              onAddOutcome: n,
+              onChapterClick: N,
+              isMilestoneActive: l || L,
               milestoneType: s,
-              onEdit: D,
-              onCreateMilestoneTest: P,
-              onAddChapter: v,
-              onDelete: E,
+              onEdit: w,
+              onCreateMilestoneTest: x,
+              onAddChapter: T,
+              onDelete: v,
               onDraftPublish: R,
-              isClassOngoing: T,
-              isStudentPresent: I,
-              onAssignResources: j,
-              onNodeAttempt: S,
-              onNodeView: b,
-              onNodeReview: k,
-              onNodeReattempt: F,
-              onNodeReset: B,
-              onNodeUnassign: V,
-              onNodeAssignAsHomework: W,
-              onTestPreview: G,
-              onTestReview: L,
-              onTestStart: O,
-              courseStream: U,
+              isClassOngoing: g,
+              isStudentPresent: M,
+              onAssignResources: k,
+              onNodeAttempt: b,
+              onNodeView: D,
+              onNodeReview: $,
+              onNodeReattempt: P,
+              onNodeReset: F,
+              onNodeUnassign: I,
+              onNodeAssignAsHomework: H,
+              onTestPreview: E,
+              onTestReview: S,
+              onTestStart: V,
+              courseStream: y,
               activeMilestoneId: _,
-              activeTabId: y,
+              activeTabId: j,
               onWidgetTabSelection: z
             }
           ),
-          Z !== e.length - 1 && /* @__PURE__ */ n(se, { heightX: 2 })
-        ] }, `milestone=${ee}`);
+          q !== e.length - 1 && /* @__PURE__ */ o(ee, { heightX: 2 })
+        ] }, `milestone=${J}`);
       })
     ] });
   }
 );
 export {
-  Te as default
+  ue as default
 };
 //# sourceMappingURL=milestone-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      onNodeAssignAsHomework,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            $marginBottomX={1}\n          >\n            <Text $renderAs=\"ac4\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onNodeAttempt={onNodeAttempt}\n                  onNodeView={onNodeView}\n                  onNodeReview={onNodeReview}\n                  onNodeReattempt={onNodeReattempt}\n                  onNodeReset={onNodeReset}\n                  onNodeUnassign={onNodeUnassign}\n                  onNodeAssignAsHomework={onNodeAssignAsHomework}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <Separator heightX={2} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","toggleExpand","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","StyledDownIcon","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      onNodeAssignAsHomework,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestones.map((milestone, idx) => {\n          const { id: milestoneId } = milestone;\n\n          return (\n            <React.Fragment key={`milestone=${milestoneId}`}>\n              <MilestoneWidget\n                milestone={milestone}\n                studentId={studentId}\n                studentName={studentName}\n                parentName={parentName}\n                teacherName={teacherName}\n                userType={userType}\n                onAddOutcome={onAddOutcome}\n                onChapterClick={onChapterClick}\n                isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                milestoneType={milestoneType}\n                onEdit={onEdit}\n                onCreateMilestoneTest={onCreateMilestoneTest}\n                onAddChapter={onAddChapter}\n                onDelete={onDelete}\n                onDraftPublish={onDraftPublish}\n                isClassOngoing={isClassOngoing}\n                isStudentPresent={isStudentPresent}\n                onAssignResources={onAssignResources}\n                onNodeAttempt={onNodeAttempt}\n                onNodeView={onNodeView}\n                onNodeReview={onNodeReview}\n                onNodeReattempt={onNodeReattempt}\n                onNodeReset={onNodeReset}\n                onNodeUnassign={onNodeUnassign}\n                onNodeAssignAsHomework={onNodeAssignAsHomework}\n                onTestPreview={onTestPreview}\n                onTestReview={onTestReview}\n                onTestStart={onTestStart}\n                courseStream={courseStream}\n                activeMilestoneId={activeMilestoneId}\n                activeTabId={activeTabId}\n                onWidgetTabSelection={onWidgetTabSelection}\n              />\n              {idx !== milestones.length - 1 && <Separator heightX={2} />}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":";;;;;;;;;;AAaA,MAAMA,KAA+CC;AAAA,EACnD,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,eAAAC,GAAe,GAAGC,QAA6B;AACjE,UAAA;AAAA,MACJ,eAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,wBAAAC;AAAA,IACE,IAAA/B,GAEEgC,IAAoBjC,MAAkB,UACtCkC,IAAmBlC,MAAkB,SACrCmC,IAAuBC,EAAWC,EAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAA9B,KAAA,QAAAA,EAAe0B;AAAA,IAAoB,GAClC,CAAC1B,GAAc0B,CAAoB,CAAC,GAEjCK,IAAqBD,EAAY,MAAM;AAC5B,MAAAhC,KAAA,QAAAA;AAAA,IAAA,GACd,CAACA,CAAY,CAAC;AAEb,QAAA,CAACT,EAAmB,QAAA;AAExB,UAAM2C,IAAyB3C,EAAW;AAAA,MACxC,CAAA4C,MAAaA,EAAU,oBAAoB;AAAA,IAAA,GAEvCC,IAAwB7C,EAAW;AAAA,MACvC,CAAA4C,MAAaA,EAAU,oBAAoB;AAAA,IAAA;AAG7C,WAEK,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAAZ,KAAqB,CAACQ,KACpB,gBAAAK,EAAAC,GAAA,EAAS,eAAe,IACvB,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,eAAA9C;AAAA,UACA,yBAAyByC;AAAA,UACzB,gBAAAvC;AAAA,UACA,cAAAK;AAAA,UACA,aAAAkB;AAAA,UACA,UAAAG;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MAGDG,uBACEc,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,eAAe,IAC5E,UAAA;AAAA,QAAC,gBAAAH,EAAAK,IAAA,EAAK,WAAU,OAAM,UAAA;AAAA,UAAA;AAAA,UAAQnD,EAAW;AAAA,UAAO;AAAA,QAAA,GAAC;AAAA,QAEhDgC,MAAa,aACZ,gBAAAc,EAACG,KAAS,gBAAe,OAAM,WAAW,GACxC,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,SAASZ;AAAA,cACT,UAAU,CAACpC;AAAA,YAAA;AAAA,UACb;AAAA,4BACCgD,GAAW,EAAA,OAAM,iBAAgB,MAAK,SAAQ,SAASV,GAAoB;AAAA,QAAA,GAC9E;AAAA,MAAA,GAEJ;AAAA,MAGD1C,EAAW,IAAI,CAAC4C,GAAWS,MAAQ;AAC5B,cAAA,EAAE,IAAIC,EAAgB,IAAAV;AAG1B,eAAA,gBAAAE,EAACS,EAAM,UAAN,EACC,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAZ;AAAA,cACA,WAAA3C;AAAA,cACA,aAAA4B;AAAA,cACA,YAAAE;AAAA,cACA,aAAAD;AAAA,cACA,UAAAE;AAAA,cACA,cAAAvB;AAAA,cACA,gBAAAC;AAAA,cACA,mBAAmByB,KAAqBC;AAAA,cACxC,eAAAlC;AAAA,cACA,QAAAY;AAAA,cACA,uBAAAC;AAAA,cACA,cAAAP;AAAA,cACA,UAAAI;AAAA,cACA,gBAAAC;AAAA,cACA,gBAAAR;AAAA,cACA,kBAAAE;AAAA,cACA,mBAAAe;AAAA,cACA,eAAAN;AAAA,cACA,YAAAC;AAAA,cACA,cAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,aAAAC;AAAA,cACA,gBAAAC;AAAA,cACA,wBAAAa;AAAA,cACA,eAAAX;AAAA,cACA,cAAAC;AAAA,cACA,aAAAC;AAAA,cACA,cAAAQ;AAAA,cACA,mBAAAP;AAAA,cACA,aAAAC;AAAA,cACA,sBAAAC;AAAA,YAAA;AAAA,UACF;AAAA,UACCyB,MAAQrD,EAAW,SAAS,KAAM,gBAAAgD,EAAAS,IAAA,EAAU,SAAS,GAAG;AAAA,QAnCtC,EAAA,GAAA,aAAaH,CAAW,EAoC7C;AAAA,MAAA,CAEH;AAAA,IACH,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -13,7 +13,8 @@ const f = x`
 `, v = r(i)`
   position: relative;
   animation: ${f} 0.3s ease-in-out;
-`, k = r(g)(({ theme: o, $expanded: t }) => {
+`;
+r(g)(({ theme: o, $expanded: t }) => {
   const {
     layout: { gutter: e },
     colors: { BLACK_1: n }
@@ -27,7 +28,8 @@ const f = x`
     transform: rotate(${t === !0 ? 180 : 0}deg);
     transition: transform 0.3s ease;
   `;
-}), C = r.div(({ $expanded: o, theme: t }) => {
+});
+const k = r.div(({ $expanded: o, theme: t }) => {
   const { colors: e } = t;
   return `
     display:grid;
@@ -37,7 +39,7 @@ const f = x`
     border: 1px solid ${e.GREY_2};
     border-top:none;
   `;
-}), I = r.div`
+}), C = r.div`
   min-height: 0px;
   width: 100%;
 `;
@@ -81,7 +83,7 @@ r.div(({ theme: o, $rotate: t }) => {
     }
   `;
 });
-const _ = r(i)`
+const I = r(i)`
   border-bottom: 0px;
   position: relative;
   padding: 32px 32px 24px;
@@ -90,7 +92,7 @@ const _ = r(i)`
 r(s)`
   white-space: pre-wrap;
 `;
-const A = r(s)`
+const _ = r(s)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -109,7 +111,7 @@ r(i)(({
     top: ${t.layout.gutter * 1.75 / 2}px;
     ${o === "right" ? "right: 0px;" : "left: 0px;"}
   `);
-const D = r.div(({ theme: o }) => {
+const A = r.div(({ theme: o }) => {
   const { layout: t } = o;
   return `
     position: absolute;
@@ -127,7 +129,7 @@ const D = r.div(({ theme: o }) => {
     position: absolute;
     inset: 50%;
     transform: translate(-50%, -50%) rotate(-90deg);
-  `), S = r.circle(
+  `), W = r.circle(
   ({ theme: o, $progressCircle: t, $progress: e, $progressBackground: n }) => {
     const { colors: p, layout: l } = o, { GREY_2: c } = p, { gutter: a } = l, d = a * 12.5, u = t ? d - e : e;
     return `
@@ -146,13 +148,12 @@ r(s)(({ theme: o, $backgroundColor: t }) => `
   `);
 export {
   G as ChapterProgressSVG,
-  S as ChapterProgressSVGCircle,
-  I as Content,
-  C as ContentWrapper,
+  W as ChapterProgressSVGCircle,
+  C as Content,
+  k as ContentWrapper,
   v as MainContainer,
-  A as MilestoneTitle,
-  D as StyledCheckIconWrapper,
-  k as StyledDownIcon,
-  _ as Wrapper
+  _ as MilestoneTitle,
+  A as StyledCheckIconWrapper,
+  I as Wrapper
 };
 //# sourceMappingURL=milestone-widget-styled.js.map