@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

package/dist/features/journey/hooks/use-learning-plan-journey/use-test-creation-journey.js

@@ -0,0 +1,64 @@
+import { jsx as e, Fragment as h, jsxs as T } from "react/jsx-runtime";
+import { useRef as d, useCallback as c, useEffect as C, useMemo as b } from "react";
+import { JOURNEY_ID_TEACHER as g } from "../../journey-id/journey-id-teacher.js";
+import E from "../use-home-page-journey/tooltip-item.js";
+import { IndicatorType as A } from "../../use-journey/constants.js";
+import J from "../../../ui/layout/flex-view.js";
+import I from "../../../ui/separator/separator.js";
+import p from "../../../ui/text/text.js";
+import { useJourney as O } from "../../use-journey/use-journey.js";
+const j = ({ onComplete: n }) => {
+  const r = g.TEST_CREATION_INTRO_JOURNEY, o = d(null), f = d([]), { setJourney: i, nextCoachmark: s, clearJourney: t, isJourneyActive: a } = O(), l = c(() => {
+    document.body.style.overflow = "unset", t(), n();
+  }, [t, n]), m = c(() => {
+    if (!(o != null && o.current) || a) return;
+    const y = [
+      {
+        originalElementToHighlightRef: o,
+        elementToHighlight: /* @__PURE__ */ e(h, {}),
+        type: A.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 85,
+          tooltipYCoOrdinates: 50,
+          arrowSize: 10,
+          position: "bottom",
+          backgroundColor: "BLUE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ e(
+            E,
+            {
+              element: /* @__PURE__ */ T(J, { children: [
+                /* @__PURE__ */ e(p, { $renderAs: "ub3-bold", children: "Assign a test" }),
+                /* @__PURE__ */ e(I, { height: 4 }),
+                /* @__PURE__ */ e(p, { $renderAs: "ub3", children: "Tap here to assign a test." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: l
+            }
+          )
+        }
+      }
+    ];
+    i(r, y, void 0, !1);
+    const u = setTimeout(() => {
+      clearTimeout(u), document.body.style.overflow = "hidden", s(r);
+    }, 100);
+    f.current.push(u);
+  }, [l, a, r, s, i]);
+  return C(() => () => {
+    t && t();
+  }, [t]), b(
+    () => ({
+      createTestButtonRef: o,
+      startJourney: m
+    }),
+    [m]
+  );
+};
+export {
+  j as useTestCreationJourney
+};
+//# sourceMappingURL=use-test-creation-journey.js.map

package/dist/features/journey/hooks/use-learning-plan-journey/use-test-creation-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-test-creation-journey.js","sources":["../../../../../src/features/journey/hooks/use-learning-plan-journey/use-test-creation-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useJourney } from '../../use-journey/use-journey';\n\ninterface IUseTestCreationJourney {\n  (props: { onComplete: () => void }): {\n    createTestButtonRef: RefObject<HTMLButtonElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useTestCreationJourney: IUseTestCreationJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.TEST_CREATION_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const createTestButtonRef = useRef<HTMLButtonElement>(null) as RefObject<HTMLButtonElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, nextCoachmark, clearJourney, isJourneyActive } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already completed for this class\n    if (!createTestButtonRef?.current || isJourneyActive) return;\n\n    const testCreationSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: createTestButtonRef as unknown as RefObject<HTMLDivElement>,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 85,\n          tooltipYCoOrdinates: 50,\n          arrowSize: 10,\n          position: 'bottom',\n          backgroundColor: 'BLUE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Assign a test</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to assign a test.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, testCreationSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 100);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, isJourneyActive, journeyId, nextCoachmark, setJourney]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      createTestButtonRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useTestCreationJourney };\n"],"names":["useTestCreationJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","createTestButtonRef","useRef","timerRefs","setJourney","nextCoachmark","clearJourney","isJourneyActive","useJourney","handleEndJourney","useCallback","startJourney","testCreationSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAkD,CAAC,EAAE,YAAAC,QAAiB;AAC1E,QAAMC,IAAYC,EAAmB,6BAG/BC,IAAsBC,EAA0B,IAAI,GACpDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,eAAAC,GAAe,cAAAC,GAAc,iBAAAC,EAAA,IAAoBC,KAE/DC,IAAmBC,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAClBJ,KACFR;EAAA,GACV,CAACQ,GAAcR,CAAU,CAAC,GAEvBa,IAAeD,EAAY,MAAM;AAEjC,QAAA,EAACT,KAAA,QAAAA,EAAqB,YAAWM,EAAiB;AAEtD,UAAMK,IAA8C;AAAA,MAClD;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBAAsB,gBAAAY,EAAAC,GAAA,EAAA;AAAA,QACtB,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,2BACGC,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,YAAW,UAAa,iBAAA;AAAA,gBACxC,gBAAAL,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,gBACrB,gBAAAN,EAAAK,GAAA,EAAK,WAAU,OAAM,UAA0B,8BAAA;AAAA,cAAA,GAClD;AAAA,cAEF,aAAY;AAAA,cACZ,eAAeT;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA;AAGS,IAAAL,EAAAL,GAAWa,GAAmB,QAAW,EAAK;AAEnD,UAAAQ,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UAC/Bf,EAAcN,CAAS;AAAA,OACtB,GAAG;AAEI,IAAAI,EAAA,QAAQ,KAAKiB,CAAgB;AAAA,EAAA,GACtC,CAACX,GAAkBF,GAAiBR,GAAWM,GAAeD,CAAU,CAAC;AAE5E,SAAAiB,EAAU,MACD,MAAM;AACX,IAAIf,KACWA;EACf,GAED,CAACA,CAAY,CAAC,GAEJgB;AAAA,IACX,OAAO;AAAA,MACL,qBAAArB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/hooks/use-learning-plan-journey/use-worksheet-preview-journey.js

@@ -0,0 +1,65 @@
+import { jsx as r, Fragment as y, jsxs as T } from "react/jsx-runtime";
+import { useRef as c, useCallback as d, useEffect as E, useMemo as b } from "react";
+import C from "../../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as O } from "../../journey-id/journey-id-teacher.js";
+import { IndicatorType as g } from "../../use-journey/constants.js";
+import w from "../../../ui/separator/separator.js";
+import p from "../../../ui/text/text.js";
+import J from "../use-home-page-journey/tooltip-item.js";
+import { useJourney as I } from "../../use-journey/use-journey.js";
+const P = ({ onComplete: n }) => {
+  const t = O.WORKSHEET_PREVIEW_INTRO_JOURNEY, o = c(null), f = c([]), { isJourneyActive: i, setJourney: s, clearJourney: e, nextCoachmark: a } = I(), l = d(() => {
+    document.body.style.overflow = "unset", e(), n();
+  }, [e, n]), m = d(() => {
+    if (!(o != null && o.current) || i) return;
+    const h = [
+      {
+        originalElementToHighlightRef: o,
+        elementToHighlight: /* @__PURE__ */ r(y, {}),
+        type: g.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 125,
+          tooltipYCoOrdinates: 30,
+          arrowSize: 10,
+          arrowXCoOrdinates: -115,
+          position: "bottom",
+          backgroundColor: "YELLOW_4",
+          borderColor: "BLACK",
+          arrowColor: "WHITE",
+          tooltipItem: /* @__PURE__ */ r(
+            J,
+            {
+              element: /* @__PURE__ */ T(C, { children: [
+                /* @__PURE__ */ r(p, { $renderAs: "ub3-bold", children: "Back to Chapters" }),
+                /* @__PURE__ */ r(w, { height: 4 }),
+                /* @__PURE__ */ r(p, { $renderAs: "ub3", children: "Tap here to go back to chapters." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: l
+            }
+          )
+        }
+      }
+    ];
+    s(t, h, void 0, !1);
+    const u = setTimeout(() => {
+      clearTimeout(u), document.body.style.overflow = "hidden", a(t);
+    }, 500);
+    f.current.push(u);
+  }, [i, l, s, t, a]);
+  return E(() => () => {
+    e && e();
+  }, [e]), b(
+    () => ({
+      worksheetBackIconRef: o,
+      startJourney: m
+    }),
+    [m]
+  );
+};
+export {
+  P as useWorksheetPreviewJourney
+};
+//# sourceMappingURL=use-worksheet-preview-journey.js.map

package/dist/features/journey/hooks/use-learning-plan-journey/use-worksheet-preview-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-worksheet-preview-journey.js","sources":["../../../../../src/features/journey/hooks/use-learning-plan-journey/use-worksheet-preview-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../use-journey/use-journey';\n\ninterface IUseWorksheetPreviewJourney {\n  ({ onComplete }: { onComplete: () => void }): {\n    worksheetBackIconRef: RefObject<SVGSVGElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useWorksheetPreviewJourney: IUseWorksheetPreviewJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.WORKSHEET_PREVIEW_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const worksheetBackIconRef = useRef<SVGSVGElement>(null) as RefObject<SVGSVGElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { isJourneyActive, setJourney, clearJourney, nextCoachmark } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already active for this class\n    if (!worksheetBackIconRef?.current || isJourneyActive) return;\n\n    const worksheetPreviewSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: worksheetBackIconRef as unknown as RefObject<HTMLDivElement>,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 125,\n          tooltipYCoOrdinates: 30,\n          arrowSize: 10,\n          arrowXCoOrdinates: -115,\n          position: 'bottom',\n          backgroundColor: 'YELLOW_4',\n          borderColor: 'BLACK',\n          arrowColor: 'WHITE',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Back to Chapters</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to go back to chapters.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, worksheetPreviewSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [isJourneyActive, handleEndJourney, setJourney, journeyId, nextCoachmark]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      worksheetBackIconRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useWorksheetPreviewJourney };\n"],"names":["useWorksheetPreviewJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","worksheetBackIconRef","useRef","timerRefs","isJourneyActive","setJourney","clearJourney","nextCoachmark","useJourney","handleEndJourney","useCallback","startJourney","worksheetPreviewSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAA0D,CAAC,EAAE,YAAAC,QAAiB;AAClF,QAAMC,IAAYC,EAAmB,iCAG/BC,IAAuBC,EAAsB,IAAI,GACjDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,iBAAAE,GAAiB,YAAAC,GAAY,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,KAE/DC,IAAmBC,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAClBJ,KACFR;EAAA,GACV,CAACQ,GAAcR,CAAU,CAAC,GAEvBa,IAAeD,EAAY,MAAM;AAEjC,QAAA,EAACT,KAAA,QAAAA,EAAsB,YAAWG,EAAiB;AAEvD,UAAMQ,IAAkD;AAAA,MACtD;AAAA,QACE,+BAA+BX;AAAA,QAC/B,oBAAsB,gBAAAY,EAAAC,GAAA,EAAA;AAAA,QACtB,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,2BACGC,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,YAAW,UAAgB,oBAAA;AAAA,gBAC3C,gBAAAL,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,gBACrB,gBAAAN,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAgC,oCAAA;AAAA,cAAA,GACxD;AAAA,cAEF,aAAY;AAAA,cACZ,eAAeT;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA;AAGS,IAAAJ,EAAAN,GAAWa,GAAuB,QAAW,EAAK;AAEvD,UAAAQ,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UAC/Bb,EAAcR,CAAS;AAAA,OACtB,GAAG;AAEI,IAAAI,EAAA,QAAQ,KAAKiB,CAAgB;AAAA,EAAA,GACtC,CAAChB,GAAiBK,GAAkBJ,GAAYN,GAAWQ,CAAa,CAAC;AAE5E,SAAAc,EAAU,MACD,MAAM;AACX,IAAIf,KACWA;EACf,GAED,CAACA,CAAY,CAAC,GAEJgB;AAAA,IACX,OAAO;AAAA,MACL,sBAAArB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/journey/journey-id/journey-id-teacher.js

@@ -1,4 +1,4 @@
-var O = /* @__PURE__ */ ((N) => (N.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", N.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", N.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", N.DOWNLOAD_NODE_JOURNEY = "DOWNLOAD_NODE_JOURNEY", N.DOWNLOAD_BLOCK_JOURNEY = "DOWNLOAD_BLOCK_JOURNEY", N.PUZZLE_ASSIGN_JOURNEY = "PUZZLE_ASSIGN_JOURNEY", N.PUZZLE_INTRO_JOURNEY = "PUZZLE_INTRO_JOURNEY", N.PUZZLE_REVIEW_JOURNEY = "PUZZLE_REVIEW_JOURNEY", N.PUZZLE_PROGRESS_JOURNEY = "PUZZLE_PROGRESS_JOURNEY", N.PUZZLE_UNASSIGN_JOURNEY = "PUZZLE_UNASSIGN_JOURNEY", N.STICKERS_INTRO_JOURNEY = "STICKERS_INTRO_JOURNEY", N.MATHFIT_TEST_ASSIGNED_JOURNEY = "MATHFIT_TEST_ASSIGNED_JOURNEY1", N))(O || {});
+var O = /* @__PURE__ */ ((N) => (N.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", N.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", N.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", N.DOWNLOAD_NODE_JOURNEY = "DOWNLOAD_NODE_JOURNEY", N.DOWNLOAD_BLOCK_JOURNEY = "DOWNLOAD_BLOCK_JOURNEY", N.PUZZLE_ASSIGN_JOURNEY = "PUZZLE_ASSIGN_JOURNEY", N.PUZZLE_INTRO_JOURNEY = "PUZZLE_INTRO_JOURNEY", N.PUZZLE_REVIEW_JOURNEY = "PUZZLE_REVIEW_JOURNEY", N.PUZZLE_PROGRESS_JOURNEY = "PUZZLE_PROGRESS_JOURNEY", N.PUZZLE_UNASSIGN_JOURNEY = "PUZZLE_UNASSIGN_JOURNEY", N.STICKERS_INTRO_JOURNEY = "STICKERS_INTRO_JOURNEY", N.MATHFIT_TEST_ASSIGNED_JOURNEY = "MATHFIT_TEST_ASSIGNED_JOURNEY1", N.LEARNING_PLAN_INTRO_JOURNEY = "LEARNING_PLAN_INTRO_JOURNEY", N.CHAPTER_DETAILS_INTRO_JOURNEY = "CHAPTER_DETAILS_INTRO_JOURNEY", N.WORKSHEET_PREVIEW_INTRO_JOURNEY = "WORKSHEET_PREVIEW_INTRO_JOURNEY", N.TEST_CREATION_INTRO_JOURNEY = "TEST_CREATION_INTRO_JOURNEY", N.RESOURCE_ASSIGNMENT_INTRO_JOURNEY = "RESOURCE_ASSIGNMENT_INTRO_JOURNEY", N))(O || {});
 export {
   O as JOURNEY_ID_TEACHER
 };

package/dist/features/journey/journey-id/journey-id-teacher.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-id-teacher.js","sources":["../../../../src/features/journey/journey-id/journey-id-teacher.ts"],"sourcesContent":["export enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  DOWNLOAD_NODE_JOURNEY = 'DOWNLOAD_NODE_JOURNEY',\n  DOWNLOAD_BLOCK_JOURNEY = 'DOWNLOAD_BLOCK_JOURNEY',\n  PUZZLE_ASSIGN_JOURNEY = 'PUZZLE_ASSIGN_JOURNEY',\n  PUZZLE_INTRO_JOURNEY = 'PUZZLE_INTRO_JOURNEY',\n  PUZZLE_REVIEW_JOURNEY = 'PUZZLE_REVIEW_JOURNEY',\n  PUZZLE_PROGRESS_JOURNEY = 'PUZZLE_PROGRESS_JOURNEY',\n  PUZZLE_UNASSIGN_JOURNEY = 'PUZZLE_UNASSIGN_JOURNEY',\n  STICKERS_INTRO_JOURNEY = 'STICKERS_INTRO_JOURNEY',\n  MATHFIT_TEST_ASSIGNED_JOURNEY = 'MATHFIT_TEST_ASSIGNED_JOURNEY1',\n}\n"],"names":["JOURNEY_ID_TEACHER"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAC1BA,EAAA,wBAAwB,yBACxBA,EAAA,yBAAyB,0BACzBA,EAAA,wBAAwB,yBACxBA,EAAA,uBAAuB,wBACvBA,EAAA,wBAAwB,yBACxBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BAC1BA,EAAA,yBAAyB,0BACzBA,EAAA,gCAAgC,kCAZtBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"journey-id-teacher.js","sources":["../../../../src/features/journey/journey-id/journey-id-teacher.ts"],"sourcesContent":["export enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  DOWNLOAD_NODE_JOURNEY = 'DOWNLOAD_NODE_JOURNEY',\n  DOWNLOAD_BLOCK_JOURNEY = 'DOWNLOAD_BLOCK_JOURNEY',\n  PUZZLE_ASSIGN_JOURNEY = 'PUZZLE_ASSIGN_JOURNEY',\n  PUZZLE_INTRO_JOURNEY = 'PUZZLE_INTRO_JOURNEY',\n  PUZZLE_REVIEW_JOURNEY = 'PUZZLE_REVIEW_JOURNEY',\n  PUZZLE_PROGRESS_JOURNEY = 'PUZZLE_PROGRESS_JOURNEY',\n  PUZZLE_UNASSIGN_JOURNEY = 'PUZZLE_UNASSIGN_JOURNEY',\n  STICKERS_INTRO_JOURNEY = 'STICKERS_INTRO_JOURNEY',\n  MATHFIT_TEST_ASSIGNED_JOURNEY = 'MATHFIT_TEST_ASSIGNED_JOURNEY1',\n  LEARNING_PLAN_INTRO_JOURNEY = 'LEARNING_PLAN_INTRO_JOURNEY',\n  CHAPTER_DETAILS_INTRO_JOURNEY = 'CHAPTER_DETAILS_INTRO_JOURNEY',\n  WORKSHEET_PREVIEW_INTRO_JOURNEY = 'WORKSHEET_PREVIEW_INTRO_JOURNEY',\n  TEST_CREATION_INTRO_JOURNEY = 'TEST_CREATION_INTRO_JOURNEY',\n  RESOURCE_ASSIGNMENT_INTRO_JOURNEY = 'RESOURCE_ASSIGNMENT_INTRO_JOURNEY',\n}\n"],"names":["JOURNEY_ID_TEACHER"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,0BAA0B,2BAC1BA,EAAA,wBAAwB,yBACxBA,EAAA,yBAAyB,0BACzBA,EAAA,wBAAwB,yBACxBA,EAAA,uBAAuB,wBACvBA,EAAA,wBAAwB,yBACxBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BAC1BA,EAAA,yBAAyB,0BACzBA,EAAA,gCAAgC,kCAChCA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,iCAChCA,EAAA,kCAAkC,mCAClCA,EAAA,8BAA8B,+BAC9BA,EAAA,oCAAoC,qCAjB1BA,IAAAA,KAAA,CAAA,CAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n  milestones,\n  studentId,\n  milestoneType,\n  widgetState,\n  onWidgetStateChange,\n  ...restMilestoneListProps\n}) {\n  const {\n    canCreatePlan,\n    isClassOngoing,\n    isFiltersAdded,\n    isStudentPresent,\n    onAddChapter,\n    onAddOutcome,\n    onChapterClick,\n    onCreatePlan,\n    onDelete,\n    onDraftPublish,\n    onEdit,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onAssignResources,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    activeMilestoneId,\n    activeTabId,\n    onWidgetTabSelection,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    isDraftModeEnabled,\n    onNodeAssignAsHomework,\n    onCardClick,\n    defaultVisibleTab,\n  } = restMilestoneListProps;\n\n  const isMilestoneActive = milestoneType === 'ACTIVE';\n  const isDraftMilestone = milestoneType === 'DRAFT';\n  const temporaryMilestoneId = useLazyRef(uuidv4);\n\n  const handleCreatePlan = useCallback(() => {\n    onCreatePlan?.(temporaryMilestoneId);\n  }, [onCreatePlan, temporaryMilestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.();\n  }, [onAddOutcome]);\n\n  if (!milestones) return null;\n\n  const activeMilestonePresent = milestones.some(\n    milestone => milestone.milestone_state === 'ACTIVE',\n  );\n  const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n  return (\n    <>\n      {isMilestoneActive && !activeMilestonePresent && (\n        <FlexView $marginBottom={40}>\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        </FlexView>\n      )}\n\n      {isMilestoneActive && (\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n          <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n          {userType === 'TEACHER' && (\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                tooltipItem=\"Goals can only be added for students who have joined the class\"\n                hidden={canCreatePlan}\n                position=\"bottom\"\n              >\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              </ArrowTooltip>\n              <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n            </FlexView>\n          )}\n        </FlexView>\n      )}\n\n      {milestones.map((milestone, idx) => {\n        const { id: milestoneId } = milestone;\n\n        return (\n          <Fragment key={`milestone=${milestoneId}`}>\n            <MilestoneWidget\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              parentName={parentName}\n              teacherName={teacherName}\n              userType={userType}\n              onAddOutcome={onAddOutcome}\n              onChapterClick={onChapterClick}\n              isMilestoneActive={isMilestoneActive || isDraftMilestone}\n              milestoneType={milestoneType}\n              onEdit={onEdit}\n              onCreateMilestoneTest={onCreateMilestoneTest}\n              onAddChapter={onAddChapter}\n              onDelete={onDelete}\n              onDraftPublish={onDraftPublish}\n              isClassOngoing={isClassOngoing}\n              isStudentPresent={isStudentPresent}\n              onAssignResources={onAssignResources}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onTestPreview={onTestPreview}\n              onTestReview={onTestReview}\n              onTestStart={onTestStart}\n              courseStream={courseStream}\n              activeMilestoneId={activeMilestoneId}\n              activeTabId={activeTabId}\n              onWidgetTabSelection={onWidgetTabSelection}\n              onCardClick={onCardClick}\n              isDraftModeEnabled={isDraftModeEnabled}\n              widgetState={widgetState?.[milestoneId]}\n              onWidgetStateChange={onWidgetStateChange}\n              defaultVisibleTab={defaultVisibleTab}\n            />\n            {idx !== milestones.length - 1 && <Separator heightX={2} />}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","widgetState","onWidgetStateChange","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isDraftModeEnabled","onNodeAssignAsHomework","onCardClick","defaultVisibleTab","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n  milestones,\n  studentId,\n  milestoneType,\n  widgetState,\n  onWidgetStateChange,\n  ...restMilestoneListProps\n}) {\n  const {\n    canCreatePlan,\n    isClassOngoing,\n    isFiltersAdded,\n    isStudentPresent,\n    onAddChapter,\n    onAddOutcome,\n    onChapterClick,\n    onCreatePlan,\n    onDelete,\n    onDraftPublish,\n    onEdit,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onAssignResources,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    activeMilestoneId,\n    activeTabId,\n    onWidgetTabSelection,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    isDraftModeEnabled,\n    editButtonRef,\n    firstChapterRef,\n    createTestButtonRef,\n    assignResourceButtonRef,\n    onNodeAssignAsHomework,\n    onCardClick,\n    defaultVisibleTab,\n    canStartJourney,\n    startJourney,\n  } = restMilestoneListProps;\n\n  const isMilestoneActive = milestoneType === 'ACTIVE';\n  const isDraftMilestone = milestoneType === 'DRAFT';\n  const temporaryMilestoneId = useLazyRef(uuidv4);\n\n  const handleCreatePlan = useCallback(() => {\n    onCreatePlan?.(temporaryMilestoneId);\n  }, [onCreatePlan, temporaryMilestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.();\n  }, [onAddOutcome]);\n\n  if (!milestones) return null;\n\n  const activeMilestonePresent = milestones.some(\n    milestone => milestone.milestone_state === 'ACTIVE',\n  );\n  const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n  return (\n    <>\n      {isMilestoneActive && !activeMilestonePresent && (\n        <FlexView $marginBottom={40}>\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        </FlexView>\n      )}\n\n      {isMilestoneActive && (\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n          <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n          {userType === 'TEACHER' && (\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                tooltipItem=\"Goals can only be added for students who have joined the class\"\n                hidden={canCreatePlan}\n                position=\"bottom\"\n              >\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              </ArrowTooltip>\n              <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n            </FlexView>\n          )}\n        </FlexView>\n      )}\n\n      {milestones.map((milestone, idx) => {\n        const { id: milestoneId } = milestone;\n\n        // Check if this is the first milestone (for firstChapterRef)\n        const isFirstMilestone = idx === 0;\n\n        return (\n          <Fragment key={`milestone=${milestoneId}`}>\n            <MilestoneWidget\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              parentName={parentName}\n              teacherName={teacherName}\n              userType={userType}\n              editButtonRef={isFirstMilestone ? editButtonRef : undefined}\n              firstChapterRef={isFirstMilestone ? firstChapterRef : undefined}\n              createTestButtonRef={isFirstMilestone ? createTestButtonRef : undefined}\n              assignResourceButtonRef={isFirstMilestone ? assignResourceButtonRef : undefined}\n              canStartJourney={isFirstMilestone ? canStartJourney : undefined}\n              startJourney={isFirstMilestone ? startJourney : undefined}\n              onAddOutcome={onAddOutcome}\n              onChapterClick={onChapterClick}\n              isMilestoneActive={isMilestoneActive || isDraftMilestone}\n              milestoneType={milestoneType}\n              onEdit={onEdit}\n              onCreateMilestoneTest={onCreateMilestoneTest}\n              onAddChapter={onAddChapter}\n              onDelete={onDelete}\n              onDraftPublish={onDraftPublish}\n              isClassOngoing={isClassOngoing}\n              isStudentPresent={isStudentPresent}\n              onAssignResources={onAssignResources}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onTestPreview={onTestPreview}\n              onTestReview={onTestReview}\n              onTestStart={onTestStart}\n              courseStream={courseStream}\n              activeMilestoneId={activeMilestoneId}\n              activeTabId={activeTabId}\n              onWidgetTabSelection={onWidgetTabSelection}\n              onCardClick={onCardClick}\n              isDraftModeEnabled={isDraftModeEnabled}\n              widgetState={widgetState?.[milestoneId]}\n              onWidgetStateChange={onWidgetStateChange}\n              defaultVisibleTab={defaultVisibleTab}\n            />\n            {idx !== milestones.length - 1 && <Separator heightX={2} />}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","widgetState","onWidgetStateChange","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isDraftModeEnabled","editButtonRef","firstChapterRef","createTestButtonRef","assignResourceButtonRef","onNodeAssignAsHomework","onCardClick","defaultVisibleTab","canStartJourney","startJourney","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","isFirstMilestone","MilestoneWidget","Separator"],"mappings":"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"}