@cuemath/leap 4.1.1-beta.5 → 4.1.1-link.0

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

@@ -1,71 +1,77 @@
-import { jsxs as le, jsx as s } from "react/jsx-runtime";
-import { memo as ce, useState as me, useCallback as l, useEffect as M } from "react";
-import pe from "../../../../ui/layout/flex-view.js";
-import ue from "./milestone-info.js";
-import fe from "./milestone-tabs/milestone-tabs.js";
-import { getGoalCategoryBasedColorTheme as Ce } from "./milestone-utils.js";
-import { MainContainer as Ee, Wrapper as Te, ContentWrapper as xe, Content as ge } from "./milestone-widget-styled.js";
-const ve = ce(function(N) {
+import { jsxs as Ce, jsx as t } from "react/jsx-runtime";
+import { memo as Ee, useState as Te, useCallback as l, useEffect as M } from "react";
+import xe from "../../../../ui/layout/flex-view.js";
+import ge from "./milestone-info.js";
+import be from "./milestone-tabs/milestone-tabs.js";
+import { getGoalCategoryBasedColorTheme as he } from "./milestone-utils.js";
+import { MainContainer as Ae, Wrapper as Me, ContentWrapper as Re, Content as Ne } from "./milestone-widget-styled.js";
+const Be = Ee(function(R) {
   const {
     milestone: c,
-    studentId: m,
-    isMilestoneActive: p,
+    studentId: p,
+    isMilestoneActive: m,
     widgetState: e,
     onWidgetStateChange: o,
-    ..._
-  } = N, {
-    isStudentPresent: D,
-    isClassOngoing: k,
+    ...N
+  } = R, {
+    isStudentPresent: _,
+    isClassOngoing: D,
     userType: u,
-    studentName: v,
-    parentName: I,
-    teacherName: P,
-    courseStream: R,
+    studentName: k,
+    parentName: v,
+    teacherName: y,
+    courseStream: I,
     activeMilestoneId: f,
-    activeTabId: $,
+    activeTabId: P,
     isDraftModeEnabled: C,
+    canStartJourney: $,
+    startJourney: B,
     onAddOutcome: O,
-    onChapterClick: y,
-    onEdit: W,
-    onCreateMilestoneTest: V,
-    onDraftPublish: B,
-    onAddChapter: G,
-    onAssignResources: F,
-    onNodeAttempt: U,
-    onNodeView: j,
-    onNodeReview: X,
-    onNodeReattempt: w,
-    onNodeReset: H,
-    onNodeUnassign: Y,
-    onNodeAssignAsHomework: q,
+    onChapterClick: W,
+    onEdit: V,
+    onCreateMilestoneTest: G,
+    onDraftPublish: F,
+    onAddChapter: U,
+    onAssignResources: j,
+    onNodeAttempt: J,
+    onNodeView: X,
+    onNodeReview: w,
+    onNodeReattempt: H,
+    onNodeReset: Y,
+    onNodeUnassign: q,
+    onNodeAssignAsHomework: z,
     onWidgetTabSelection: a,
     //* Test sheet callbacks
-    onTestPreview: z,
-    onTestReview: J,
-    onTestStart: K,
-    onCardClick: L,
-    milestoneType: Q,
+    onTestPreview: K,
+    onTestReview: L,
+    onTestStart: Q,
+    onCardClick: Z,
+    milestoneType: S,
+    editButtonRef: ee,
+    firstChapterRef: oe,
+    createTestButtonRef: ne,
+    assignResourceButtonRef: te,
     defaultVisibleTab: E
-  } = _, {
-    id: i,
+  } = N, {
+    id: r,
     user_milestone_plan: T,
-    outcome_data: Z,
-    milestone_state: r,
+    outcome_data: se,
+    milestone_state: i,
     permissions: x,
     goal_code: g,
     goal_category: b
-  } = c, S = p && r === "ACTIVE" || Q === "DRAFT", [t, d] = me((e == null ? void 0 : e.isExpanded) ?? S), ee = !!T, { can_update_plan: oe } = x, { outcomes: ne } = Z || {}, { user_chapters: se = [] } = T || {}, te = l(() => {
+  } = c, ae = m && i === "ACTIVE" || S === "DRAFT", [s, d] = Te((e == null ? void 0 : e.isExpanded) ?? ae), re = !!T, { can_update_plan: ie } = x, { outcomes: de } = se || {}, { user_chapters: le = [] } = T || {}, ce = l(() => {
     d((n) => !n);
-  }, []), h = r === "DRAFT", ae = r === "OUTCOME_ADDED", { backgroundColor: ie } = Ce(
+  }, []), h = i === "DRAFT", pe = i === "OUTCOME_ADDED", { backgroundColor: me } = he(
     b,
     h
-  ), re = l(() => {
-    d(!t), o == null || o(i, { isExpanded: !t });
-  }, [t, o, i]);
+  ), ue = l(() => {
+    d(!s), o == null || o(r, { isExpanded: !s });
+  }, [s, o, r]);
   M(() => {
     (e == null ? void 0 : e.isExpanded) !== void 0 && d(e.isExpanded);
   }, [e == null ? void 0 : e.isExpanded]);
-  const de = l(
+  const fe = l(
     (n, A) => {
       o == null || o(n, { selectedTab: A }), a == null || a(n, A);
     },
@@ -74,79 +80,85 @@ const ve = ce(function(N) {
   return M(() => {
     const n = document.getElementById(`milestone-${f}`);
     n && n.scrollIntoView();
-  }, []), /* @__PURE__ */ le(Ee, { id: `milestone-${i}`, children: [
-    /* @__PURE__ */ s(
-      Te,
+  }, []), /* @__PURE__ */ Ce(Ae, { id: `milestone-${r}`, children: [
+    /* @__PURE__ */ t(
+      Me,
       {
-        onClick: re,
-        $background: ie,
+        onClick: ue,
+        $background: me,
         $gapX: 1.5,
         $borderColor: "GREY_2",
-        children: /* @__PURE__ */ s(pe, { $flexGapX: g ? 1.5 : 1, children: /* @__PURE__ */ s(
-          ue,
+        children: /* @__PURE__ */ t(xe, { $flexGapX: g ? 1.5 : 1, children: /* @__PURE__ */ t(
+          ge,
           {
             milestone: c,
-            onEdit: W,
-            isExpanded: t,
-            toggleExpand: te,
+            onEdit: V,
+            isExpanded: s,
+            toggleExpand: ce,
             userType: u,
-            isClassOngoing: k,
-            isStudentPresent: D,
+            isClassOngoing: D,
+            isStudentPresent: _,
             onAddOutcome: O,
-            studentId: m,
-            studentName: v,
-            teacherName: P ?? "",
-            parentName: I ?? "",
-            onDraftPublish: B,
-            courseStream: R,
-            outcomes: ne,
-            isDraftModeEnabled: C
+            studentId: p,
+            studentName: k,
+            teacherName: y ?? "",
+            parentName: v ?? "",
+            onDraftPublish: F,
+            courseStream: I,
+            outcomes: de,
+            isDraftModeEnabled: C,
+            editButtonRef: ee
           }
         ) })
       }
     ),
-    /* @__PURE__ */ s(xe, { $expanded: t, children: /* @__PURE__ */ s(ge, { children: /* @__PURE__ */ s(
-      fe,
+    /* @__PURE__ */ t(Re, { $expanded: s, children: /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ t(
+      be,
       {
         goalCategory: b,
         isGoalCreation: !!g,
         isDraftMilestone: h,
-        isOutcomeAdded: ae,
-        isMilestoneActive: p,
-        isPlanAvailable: ee,
-        userMilestoneId: i,
-        chapters: se,
+        isOutcomeAdded: pe,
+        isMilestoneActive: m,
+        isPlanAvailable: re,
+        userMilestoneId: r,
+        chapters: le,
         userType: u,
-        canUpdatePlan: oe,
-        milestoneState: r,
-        studentId: m,
-        onAddChapter: G,
-        onAssignResources: F,
-        onChapterClick: y,
-        onCreateMilestoneTest: V,
-        onTestPreview: z,
-        onTestReview: J,
-        onTestStart: K,
-        onNodeAttempt: U,
-        onNodeView: j,
-        onNodeReview: X,
-        onNodeReattempt: w,
-        onNodeReset: H,
-        onNodeUnassign: Y,
-        onNodeAssignAsHomework: q,
+        canUpdatePlan: ie,
+        milestoneState: i,
+        studentId: p,
+        canStartJourney: $,
+        startJourney: B,
+        onAddChapter: U,
+        onAssignResources: j,
+        onChapterClick: W,
+        onCreateMilestoneTest: G,
+        onTestPreview: K,
+        onTestReview: L,
+        onTestStart: Q,
+        onNodeAttempt: J,
+        onNodeView: X,
+        onNodeReview: w,
+        onNodeReattempt: H,
+        onNodeReset: Y,
+        onNodeUnassign: q,
+        onNodeAssignAsHomework: z,
         milestonePermissions: x,
         activeMilestoneId: f,
-        activeTabId: $,
-        onCardClick: L,
-        onWidgetTabSelection: de,
+        activeTabId: P,
+        onCardClick: Z,
+        onWidgetTabSelection: fe,
         selectedTabName: E ?? (e == null ? void 0 : e.selectedTab),
         isDraftModeEnabled: C,
+        firstChapterRef: oe,
+        createTestButtonRef: ne,
+        assignResourceButtonRef: te,
         defaultVisibleTab: E
       }
     ) }) })
   ] });
 });
 export {
-  ve as default
+  Be as default
 };
 //# sourceMappingURL=milestone-widget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useState, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport MilestoneInfoWrapper from './milestone-info';\nimport MilestoneTabs from './milestone-tabs/milestone-tabs';\nimport type { TMilestoneTabName } from './milestone-tabs/milestone-tabs-types';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport type { IMilestoneWidgetProps } from './milestone-widget-types';\n\nconst MilestoneWidget: FC<IMilestoneWidgetProps> = memo(function MilestoneWidget(props) {\n  const {\n    milestone,\n    studentId,\n    isMilestoneActive,\n    widgetState,\n    onWidgetStateChange,\n    ...restMilestoneWidgetProps\n  } = props;\n  const {\n    isStudentPresent,\n    isClassOngoing,\n    userType,\n    studentName,\n    parentName,\n    teacherName,\n    courseStream,\n    activeMilestoneId,\n    activeTabId,\n    isDraftModeEnabled,\n    onAddOutcome,\n    onChapterClick,\n    onEdit,\n    onCreateMilestoneTest,\n    onDraftPublish,\n    onAddChapter,\n    onAssignResources,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeAssignAsHomework,\n    onWidgetTabSelection,\n    //* Test sheet callbacks\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onCardClick,\n    milestoneType,\n    defaultVisibleTab,\n  } = restMilestoneWidgetProps;\n\n  const {\n    id: milestoneId,\n    user_milestone_plan: userMileStonePlan,\n    outcome_data: outcomeData,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_code: goalCode,\n    goal_category: goalCategory,\n  } = milestone;\n\n  const defaultExpanded =\n    (isMilestoneActive && milestoneState === 'ACTIVE') || milestoneType === 'DRAFT';\n\n  const [widgetExpanded, setWidgetExpanded] = useState(widgetState?.isExpanded ?? defaultExpanded);\n\n  const isPlanAvailable = Boolean(userMileStonePlan);\n\n  const { can_update_plan: canUpdatePlan } = milestonePermissions;\n  const { outcomes } = outcomeData || {};\n\n  const { user_chapters: chaptersData = [] } = userMileStonePlan || {};\n\n  const toggleExpand = useCallback(() => {\n    setWidgetExpanded(prev => !prev);\n  }, []);\n\n  const isDraftMilestone = milestoneState === 'DRAFT';\n  const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n\n  const { backgroundColor: goalBackgroundColor } = getGoalCategoryBasedColorTheme(\n    goalCategory,\n    isDraftMilestone,\n  );\n\n  const handleOnWidgetExpand = useCallback(() => {\n    setWidgetExpanded(!widgetExpanded);\n\n    onWidgetStateChange?.(milestoneId, { isExpanded: !widgetExpanded });\n  }, [widgetExpanded, onWidgetStateChange, milestoneId]);\n\n  useEffect(() => {\n    if (widgetState?.isExpanded !== undefined) {\n      setWidgetExpanded(widgetState.isExpanded);\n    }\n  }, [widgetState?.isExpanded]);\n\n  const handleOnWidgetTabSelection = useCallback(\n    (selectedMilestoneId: string, tabName: TMilestoneTabName) => {\n      onWidgetStateChange?.(selectedMilestoneId, { selectedTab: tabName });\n      onWidgetTabSelection?.(selectedMilestoneId, tabName);\n    },\n    [onWidgetStateChange, onWidgetTabSelection],\n  );\n\n  useEffect(() => {\n    const $element = document.getElementById(`milestone-${activeMilestoneId}`);\n\n    if ($element) {\n      $element.scrollIntoView();\n    }\n    //* Disabling the exhaustive-deps rule as we want to run this effect only once\n    //* We don't want this to run when activeMilestoneId changes, as it will cause component to scroll into the view every time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Styled.MainContainer id={`milestone-${milestoneId}`}>\n      <Styled.Wrapper\n        onClick={handleOnWidgetExpand}\n        $background={goalBackgroundColor}\n        $gapX={1.5}\n        $borderColor=\"GREY_2\"\n      >\n        <FlexView $flexGapX={goalCode ? 1.5 : 1}>\n          <MilestoneInfoWrapper\n            milestone={milestone}\n            onEdit={onEdit}\n            isExpanded={widgetExpanded}\n            toggleExpand={toggleExpand}\n            userType={userType}\n            isClassOngoing={isClassOngoing}\n            isStudentPresent={isStudentPresent}\n            onAddOutcome={onAddOutcome}\n            studentId={studentId}\n            studentName={studentName}\n            teacherName={teacherName ?? ''}\n            parentName={parentName ?? ''}\n            onDraftPublish={onDraftPublish}\n            courseStream={courseStream}\n            outcomes={outcomes}\n            isDraftModeEnabled={isDraftModeEnabled}\n          />\n        </FlexView>\n      </Styled.Wrapper>\n\n      <Styled.ContentWrapper $expanded={widgetExpanded}>\n        <Styled.Content>\n          <MilestoneTabs\n            goalCategory={goalCategory}\n            isGoalCreation={!!goalCode}\n            isDraftMilestone={isDraftMilestone}\n            isOutcomeAdded={isOutcomeAdded}\n            isMilestoneActive={isMilestoneActive}\n            isPlanAvailable={isPlanAvailable}\n            userMilestoneId={milestoneId}\n            chapters={chaptersData}\n            userType={userType}\n            canUpdatePlan={canUpdatePlan}\n            milestoneState={milestoneState}\n            studentId={studentId}\n            onAddChapter={onAddChapter}\n            onAssignResources={onAssignResources}\n            onChapterClick={onChapterClick}\n            onCreateMilestoneTest={onCreateMilestoneTest}\n            onTestPreview={onTestPreview}\n            onTestReview={onTestReview}\n            onTestStart={onTestStart}\n            onNodeAttempt={onNodeAttempt}\n            onNodeView={onNodeView}\n            onNodeReview={onNodeReview}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReset={onNodeReset}\n            onNodeUnassign={onNodeUnassign}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            milestonePermissions={milestonePermissions}\n            activeMilestoneId={activeMilestoneId}\n            activeTabId={activeTabId}\n            onCardClick={onCardClick}\n            onWidgetTabSelection={handleOnWidgetTabSelection}\n            selectedTabName={(defaultVisibleTab ?? widgetState?.selectedTab) as TMilestoneTabName}\n            isDraftModeEnabled={isDraftModeEnabled}\n            defaultVisibleTab={defaultVisibleTab}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","widgetState","onWidgetStateChange","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","activeMilestoneId","activeTabId","isDraftModeEnabled","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","onCardClick","milestoneType","defaultVisibleTab","milestoneId","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","defaultExpanded","widgetExpanded","setWidgetExpanded","useState","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","goalBackgroundColor","getGoalCategoryBasedColorTheme","handleOnWidgetExpand","useEffect","handleOnWidgetTabSelection","selectedMilestoneId","tabName","$element","Styled.MainContainer","jsx","Styled.Wrapper","FlexView","MilestoneInfoWrapper","Styled.ContentWrapper","Styled.Content","MilestoneTabs"],"mappings":"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"}
+{"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useState, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport MilestoneInfoWrapper from './milestone-info';\nimport MilestoneTabs from './milestone-tabs/milestone-tabs';\nimport type { TMilestoneTabName } from './milestone-tabs/milestone-tabs-types';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport type { IMilestoneWidgetProps } from './milestone-widget-types';\n\nconst MilestoneWidget: FC<IMilestoneWidgetProps> = memo(function MilestoneWidget(props) {\n  const {\n    milestone,\n    studentId,\n    isMilestoneActive,\n    widgetState,\n    onWidgetStateChange,\n    ...restMilestoneWidgetProps\n  } = props;\n  const {\n    isStudentPresent,\n    isClassOngoing,\n    userType,\n    studentName,\n    parentName,\n    teacherName,\n    courseStream,\n    activeMilestoneId,\n    activeTabId,\n    isDraftModeEnabled,\n    canStartJourney,\n    startJourney,\n    onAddOutcome,\n    onChapterClick,\n    onEdit,\n    onCreateMilestoneTest,\n    onDraftPublish,\n    onAddChapter,\n    onAssignResources,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeAssignAsHomework,\n    onWidgetTabSelection,\n    //* Test sheet callbacks\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onCardClick,\n    milestoneType,\n    editButtonRef,\n    firstChapterRef,\n    createTestButtonRef,\n    assignResourceButtonRef,\n    defaultVisibleTab,\n  } = restMilestoneWidgetProps;\n\n  const {\n    id: milestoneId,\n    user_milestone_plan: userMileStonePlan,\n    outcome_data: outcomeData,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_code: goalCode,\n    goal_category: goalCategory,\n  } = milestone;\n\n  const defaultExpanded =\n    (isMilestoneActive && milestoneState === 'ACTIVE') || milestoneType === 'DRAFT';\n\n  const [widgetExpanded, setWidgetExpanded] = useState(widgetState?.isExpanded ?? defaultExpanded);\n\n  const isPlanAvailable = Boolean(userMileStonePlan);\n\n  const { can_update_plan: canUpdatePlan } = milestonePermissions;\n  const { outcomes } = outcomeData || {};\n\n  const { user_chapters: chaptersData = [] } = userMileStonePlan || {};\n\n  const toggleExpand = useCallback(() => {\n    setWidgetExpanded(prev => !prev);\n  }, []);\n\n  const isDraftMilestone = milestoneState === 'DRAFT';\n  const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n\n  const { backgroundColor: goalBackgroundColor } = getGoalCategoryBasedColorTheme(\n    goalCategory,\n    isDraftMilestone,\n  );\n\n  const handleOnWidgetExpand = useCallback(() => {\n    setWidgetExpanded(!widgetExpanded);\n\n    onWidgetStateChange?.(milestoneId, { isExpanded: !widgetExpanded });\n  }, [widgetExpanded, onWidgetStateChange, milestoneId]);\n\n  useEffect(() => {\n    if (widgetState?.isExpanded !== undefined) {\n      setWidgetExpanded(widgetState.isExpanded);\n    }\n  }, [widgetState?.isExpanded]);\n\n  const handleOnWidgetTabSelection = useCallback(\n    (selectedMilestoneId: string, tabName: TMilestoneTabName) => {\n      onWidgetStateChange?.(selectedMilestoneId, { selectedTab: tabName });\n      onWidgetTabSelection?.(selectedMilestoneId, tabName);\n    },\n    [onWidgetStateChange, onWidgetTabSelection],\n  );\n\n  useEffect(() => {\n    const $element = document.getElementById(`milestone-${activeMilestoneId}`);\n\n    if ($element) {\n      $element.scrollIntoView();\n    }\n    //* Disabling the exhaustive-deps rule as we want to run this effect only once\n    //* We don't want this to run when activeMilestoneId changes, as it will cause component to scroll into the view every time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Styled.MainContainer id={`milestone-${milestoneId}`}>\n      <Styled.Wrapper\n        onClick={handleOnWidgetExpand}\n        $background={goalBackgroundColor}\n        $gapX={1.5}\n        $borderColor=\"GREY_2\"\n      >\n        <FlexView $flexGapX={goalCode ? 1.5 : 1}>\n          <MilestoneInfoWrapper\n            milestone={milestone}\n            onEdit={onEdit}\n            isExpanded={widgetExpanded}\n            toggleExpand={toggleExpand}\n            userType={userType}\n            isClassOngoing={isClassOngoing}\n            isStudentPresent={isStudentPresent}\n            onAddOutcome={onAddOutcome}\n            studentId={studentId}\n            studentName={studentName}\n            teacherName={teacherName ?? ''}\n            parentName={parentName ?? ''}\n            onDraftPublish={onDraftPublish}\n            courseStream={courseStream}\n            outcomes={outcomes}\n            isDraftModeEnabled={isDraftModeEnabled}\n            editButtonRef={editButtonRef}\n          />\n        </FlexView>\n      </Styled.Wrapper>\n\n      <Styled.ContentWrapper $expanded={widgetExpanded}>\n        <Styled.Content>\n          <MilestoneTabs\n            goalCategory={goalCategory}\n            isGoalCreation={!!goalCode}\n            isDraftMilestone={isDraftMilestone}\n            isOutcomeAdded={isOutcomeAdded}\n            isMilestoneActive={isMilestoneActive}\n            isPlanAvailable={isPlanAvailable}\n            userMilestoneId={milestoneId}\n            chapters={chaptersData}\n            userType={userType}\n            canUpdatePlan={canUpdatePlan}\n            milestoneState={milestoneState}\n            studentId={studentId}\n            canStartJourney={canStartJourney}\n            startJourney={startJourney}\n            onAddChapter={onAddChapter}\n            onAssignResources={onAssignResources}\n            onChapterClick={onChapterClick}\n            onCreateMilestoneTest={onCreateMilestoneTest}\n            onTestPreview={onTestPreview}\n            onTestReview={onTestReview}\n            onTestStart={onTestStart}\n            onNodeAttempt={onNodeAttempt}\n            onNodeView={onNodeView}\n            onNodeReview={onNodeReview}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReset={onNodeReset}\n            onNodeUnassign={onNodeUnassign}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            milestonePermissions={milestonePermissions}\n            activeMilestoneId={activeMilestoneId}\n            activeTabId={activeTabId}\n            onCardClick={onCardClick}\n            onWidgetTabSelection={handleOnWidgetTabSelection}\n            selectedTabName={(defaultVisibleTab ?? widgetState?.selectedTab) as TMilestoneTabName}\n            isDraftModeEnabled={isDraftModeEnabled}\n            firstChapterRef={firstChapterRef}\n            createTestButtonRef={createTestButtonRef}\n            assignResourceButtonRef={assignResourceButtonRef}\n            defaultVisibleTab={defaultVisibleTab}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","widgetState","onWidgetStateChange","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","activeMilestoneId","activeTabId","isDraftModeEnabled","canStartJourney","startJourney","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","onCardClick","milestoneType","editButtonRef","firstChapterRef","createTestButtonRef","assignResourceButtonRef","defaultVisibleTab","milestoneId","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","defaultExpanded","widgetExpanded","setWidgetExpanded","useState","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","goalBackgroundColor","getGoalCategoryBasedColorTheme","handleOnWidgetExpand","useEffect","handleOnWidgetTabSelection","selectedMilestoneId","tabName","$element","Styled.MainContainer","jsx","Styled.Wrapper","FlexView","MilestoneInfoWrapper","Styled.ContentWrapper","Styled.Content","MilestoneTabs"],"mappings":"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"}

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

@@ -1,29 +1,29 @@
-import { jsx as r, jsxs as O, Fragment as ce } from "react/jsx-runtime";
-import { h as _e } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as Ae, useMemo as Ne, useState as u, useCallback as Me, useEffect as f } from "react";
-import { ILLUSTRATIONS as De } from "../../../assets/illustrations/illustrations.js";
+import { jsx as r, jsxs as f, Fragment as De } from "react/jsx-runtime";
+import { h as Ce } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as ue, useMemo as Ie, useState as L, useCallback as fe, useEffect as O } from "react";
+import { ILLUSTRATIONS as Le } from "../../../assets/illustrations/illustrations.js";
 import { EVENTS as e } from "../../communication/pub-sub/constants.js";
-import { useInClassActionListener as Re } from "../../communication/pub-sub/hooks.js";
+import { useInClassActionListener as Oe } from "../../communication/pub-sub/hooks.js";
 import { invalidateHomeworks as p } from "../../homework/hw-card-list/api/get-homeworks.js";
-import Ce from "../../ui/separator/separator.js";
-import { invalidateMilestoneResources as Ie } from "./api/get-milestone-resources.js";
-import { useGetAllMilestonesdata as Le, invalidateMilestonesData as Oe } from "./api/get-milestones.js";
-import { invalidatePastMilestoneCount as ue } from "./api/get-past-milestone-count.js";
-import { invalidateTestHelpData as fe } from "./api/get-tests-list.js";
-import pe from "./filter-milestones.js";
-import he from "./milestone-list/milestone-list.js";
-import ve from "./milestone-list/milestone-loader/milestone-loader.js";
-import { ContentWrapper as Pe, LoaderWrapper as Ue } from "./styled.js";
-const Ge = (c) => {
-  Oe(c), ue(c.student_id);
-}, ge = Ae(function({
+import pe from "../../ui/separator/separator.js";
+import { invalidateMilestoneResources as he } from "./api/get-milestone-resources.js";
+import { useGetAllMilestonesdata as ve, invalidateMilestonesData as Pe } from "./api/get-milestones.js";
+import { invalidatePastMilestoneCount as Ue } from "./api/get-past-milestone-count.js";
+import { invalidateTestHelpData as Ge } from "./api/get-tests-list.js";
+import ge from "./filter-milestones.js";
+import Ve from "./milestone-list/milestone-list.js";
+import we from "./milestone-list/milestone-loader/milestone-loader.js";
+import { ContentWrapper as be, LoaderWrapper as Fe } from "./styled.js";
+const He = (c) => {
+  Pe(c), Ue(c.student_id);
+}, xe = ue(function({
   studentName: h,
   studentId: l,
   studentClassroomId: v,
   ...P
 }) {
   const {
-    milestoneType: s,
+    milestoneType: n,
     isStudentPresent: N,
     isClassOngoing: U,
     userType: _,
@@ -35,57 +35,63 @@ const Ge = (c) => {
     activeTabId: b,
     isDraftModeEnabled: F,
     widgetState: H,
-    defaultVisibleTab: x,
-    onExpandPastMilestones: k,
-    onAddOutcome: y,
-    onChapterClick: W,
-    onEdit: K,
-    onCreateMilestoneTest: j,
-    onDraftPublish: X,
-    onAddChapter: $,
-    onCreatePlan: z,
-    onDelete: B,
-    onAssignResources: q,
-    onNodeAttempt: J,
-    onNodeView: Q,
-    onNodeReview: Y,
-    onNodeReattempt: Z,
-    onNodeReset: ee,
-    onNodeUnassign: te,
-    onTestPreview: oe,
-    onTestReview: se,
-    onTestStart: ne,
-    onWidgetTabSelection: ie,
-    onNodeAssignAsHomework: Ee,
-    onCardClick: ae,
-    onWidgetStateChange: re
-  } = P, n = Ne(
+    editButtonRef: x,
+    firstChapterRef: y,
+    createTestButtonRef: k,
+    assignResourceButtonRef: W,
+    defaultVisibleTab: K,
+    canStartJourney: B,
+    startJourney: j,
+    onExpandPastMilestones: J,
+    onAddOutcome: X,
+    onChapterClick: $,
+    onEdit: z,
+    onCreateMilestoneTest: q,
+    onDraftPublish: Q,
+    onAddChapter: Y,
+    onCreatePlan: Z,
+    onDelete: ee,
+    onAssignResources: te,
+    onNodeAttempt: oe,
+    onNodeView: ne,
+    onNodeReview: se,
+    onNodeReattempt: ie,
+    onNodeReset: Ee,
+    onNodeUnassign: ae,
+    onTestPreview: re,
+    onTestReview: le,
+    onTestStart: Se,
+    onWidgetTabSelection: me,
+    onNodeAssignAsHomework: de,
+    onCardClick: Te,
+    onWidgetStateChange: ce
+  } = P, s = Ie(
     () => ({
-      milestone_state_group: s === "ACTIVE" ? _ === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : s,
+      milestone_state_group: n === "ACTIVE" ? _ === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : n,
       course_stream: A,
       student_id: l
     }),
-    [s, A, l, _]
+    [n, A, l, _]
   ), {
     data: o,
     getAll: m,
-    isStale: M,
+    isStale: R,
     isProcessing: S
-  } = Le(n), [D, R] = u(), [C, I] = u(!1), le = Me(
+  } = ve(s), [M, D] = L(), [C, u] = L(!1), _e = fe(
     (d) => {
       const { searchText: i, selectedBoard: E, selectedGrade: a } = d || {};
-      (i || E || a) && I(!0);
+      (i || E || a) && u(!0);
       const T = o == null ? void 0 : o.filter((t) => {
-        const { milestone_name: me, board: de, grade: Te } = t || {};
-        return (i ? me.toLowerCase().includes(i.toLowerCase()) : !0) && (E ? de === E : !0) && (a ? Te === a : !0);
+        const { milestone_name: Ne, board: Re, grade: Me } = t || {};
+        return (i ? Ne.toLowerCase().includes(i.toLowerCase()) : !0) && (E ? Re === E : !0) && (a ? Me === a : !0);
       });
-      R(T);
+      D(T);
     },
     [o]
-  ), Se = () => {
-    I(!1), R(void 0);
+  ), Ae = () => {
+    u(!1), D(void 0);
   };
-  if (Re(
+  if (Oe(
     {
       studentClassroomId: v,
       actions: [
@@ -120,86 +126,92 @@ const Ge = (c) => {
         )) == null ? void 0 : T.eventPayload;
         if (i) {
           const { milestoneId: t } = i || {};
-          p(l), Ie(t);
+          p(l), he(t);
         }
         if (E) {
           const { milestoneId: t } = E;
-          p(l), fe(t);
+          p(l), Ge(t);
         }
-        Ge(n);
+        He(s);
       }
     },
-    (s === "ACTIVE" || s === "INACTIVE") && N
-  ), f(() => {
-    m(n);
-  }, [m, n]), f(() => {
-    !S && M && m(n);
-  }, [m, n, M, S]), S && !o)
-    return /* @__PURE__ */ r(ve, { numMilestones: 2 });
-  const L = s === "ACTIVE" && o && o.length > 6;
-  return /* @__PURE__ */ O(Pe, { $disablePointerEvents: S, children: [
-    S && /* @__PURE__ */ r(Ue, { children: /* @__PURE__ */ r("img", { src: De.LOADER_1, alt: "loading" }) }),
-    L && /* @__PURE__ */ O(ce, { children: [
+    (n === "ACTIVE" || n === "INACTIVE") && N
+  ), O(() => {
+    m(s);
+  }, [m, s]), O(() => {
+    !S && R && m(s);
+  }, [m, s, R, S]), S && !o)
+    return /* @__PURE__ */ r(we, { numMilestones: 2 });
+  const I = n === "ACTIVE" && o && o.length > 6;
+  return /* @__PURE__ */ f(be, { $disablePointerEvents: S, children: [
+    S && /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ r("img", { src: Le.LOADER_1, alt: "loading" }) }),
+    I && /* @__PURE__ */ f(De, { children: [
       /* @__PURE__ */ r(
-        pe,
+        ge,
         {
-          filteredMilestones: D,
+          filteredMilestones: M,
           milestones: o,
-          handleFilterMilestones: le,
-          handleClearFilter: Se
+          handleFilterMilestones: _e,
+          handleClearFilter: Ae
         }
       ),
-      /* @__PURE__ */ r(Ce, { heightX: 1.5 })
+      /* @__PURE__ */ r(pe, { heightX: 1.5 })
     ] }),
     /* @__PURE__ */ r(
-      he,
+      Ve,
       {
-        showFilters: !!L,
+        showFilters: !!I,
         canCreatePlan: G,
         isClassOngoing: U,
         isFiltersAdded: C,
         isStudentPresent: N,
-        milestoneType: s,
-        milestones: C ? D : o,
-        onAddChapter: $,
-        onAddOutcome: y,
-        onChapterClick: W,
-        onCreatePlan: z,
-        onDelete: B,
-        onDraftPublish: X,
-        onEdit: K,
-        onExpandPastMilestones: k,
-        onCreateMilestoneTest: j,
-        onAssignResources: q,
-        onTestPreview: oe,
-        onTestReview: se,
-        onTestStart: ne,
-        onNodeAttempt: J,
-        onNodeView: Q,
-        onNodeReview: Y,
-        onNodeReattempt: Z,
-        onNodeReset: ee,
-        onNodeUnassign: te,
-        onNodeAssignAsHomework: Ee,
+        milestoneType: n,
+        milestones: C ? M : o,
+        onAddChapter: Y,
+        onAddOutcome: X,
+        onChapterClick: $,
+        onCreatePlan: Z,
+        onDelete: ee,
+        onDraftPublish: Q,
+        onEdit: z,
+        onExpandPastMilestones: J,
+        onCreateMilestoneTest: q,
+        onAssignResources: te,
+        onTestPreview: re,
+        onTestReview: le,
+        onTestStart: Se,
+        onNodeAttempt: oe,
+        onNodeView: ne,
+        onNodeReview: se,
+        onNodeReattempt: ie,
+        onNodeReset: Ee,
+        onNodeUnassign: ae,
+        onNodeAssignAsHomework: de,
         activeMilestoneId: w,
         activeTabId: b,
-        onWidgetTabSelection: ie,
+        onWidgetTabSelection: me,
         studentId: l,
-        studentName: _e.titleCase(h),
+        studentName: Ce.titleCase(h),
         teacherName: g,
         parentName: V,
         userType: _,
         courseStream: A,
-        onCardClick: ae,
+        onCardClick: Te,
         isDraftModeEnabled: F,
         widgetState: H,
-        onWidgetStateChange: re,
-        defaultVisibleTab: x
+        onWidgetStateChange: ce,
+        editButtonRef: x,
+        firstChapterRef: y,
+        createTestButtonRef: k,
+        assignResourceButtonRef: W,
+        defaultVisibleTab: K,
+        canStartJourney: B,
+        startJourney: j
       }
     )
   ] });
-}), Ze = ge;
+}), it = xe;
 export {
-  Ze as default
+  it as default
 };
 //# sourceMappingURL=milestone-list-container.js.map