@cuemath/leap 2.8.48-rj-13 → 2.8.48

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

@@ -1,136 +1,140 @@
-import { jsx as e, jsxs as G, Fragment as L } from "react/jsx-runtime";
-import { memo as H, useState as X, useCallback as q } from "react";
-import z from "../../../../../chapters/chapters-list/chapters-list.js";
-import { useUIContext as J } from "../../../../../ui/context/context.js";
-import K from "../../../../../ui/text/text.js";
-import Q from "../../../../milestone-resources/resources-list/resources-list.js";
-import V from "../../../../milestone-tests/tests-list/tests-list.js";
-import { getGoalCategoryBasedColorTheme as Y } from "../milestone-utils.js";
-import { NoPlanCardWrapper as Z, TabsWrapper as ee, TabsText as te } from "./milestone-tabs-styled.js";
-const de = H((d) => {
-  var C;
+import { jsx as o, jsxs as X, Fragment as q } from "react/jsx-runtime";
+import { memo as z, useState as J, useCallback as K } from "react";
+import Q from "../../../../../chapters/chapters-list/chapters-list.js";
+import { useUIContext as V } from "../../../../../ui/context/context.js";
+import Y from "../../../../../ui/text/text.js";
+import Z from "../../../../milestone-resources/resources-list/resources-list.js";
+import ee from "../../../../milestone-tests/tests-list/tests-list.js";
+import { getGoalCategoryBasedColorTheme as te } from "../milestone-utils.js";
+import { NoPlanCardWrapper as oe, TabsWrapper as se, TabsText as ne } from "./milestone-tabs-styled.js";
+const ue = z((u) => {
+  var g;
   const {
-    goalCategory: f,
+    goalCategory: A,
     isDraftMilestone: r,
-    isGoalCreation: v,
-    isMilestoneActive: a,
-    userMilestoneId: t,
-    chapters: i,
-    userType: l,
-    canUpdatePlan: c,
-    studentId: p,
-    isOutcomeAdded: A,
-    milestoneState: R,
-    milestonePermissions: $
-  } = d, {
-    onAddChapter: k,
-    onAssignResources: I,
-    onChapterClick: M,
-    onCreateMilestoneTest: S,
-    onPreview: x,
-    onReattempt: P,
-    onReset: U,
-    onResume: j,
-    onReview: w,
-    onStart: E,
-    onTestPreview: N,
-    onTestReview: O,
-    onTestStart: W,
-    onUnAssignSheet: _
-  } = d, { visible_tabs: b } = $, { onEvent: u } = J(), { backgroundColor: y } = Y(
-    f,
+    isGoalCreation: R,
+    isMilestoneActive: l,
+    userMilestoneId: e,
+    chapters: c,
+    userType: m,
+    canUpdatePlan: d,
+    studentId: h,
+    isOutcomeAdded: I,
+    milestoneState: $,
+    milestonePermissions: k,
+    activeMilestoneId: p,
+    activeTabId: M
+  } = u, {
+    onAddChapter: x,
+    onAssignResources: P,
+    onChapterClick: S,
+    onCreateMilestoneTest: U,
+    onPreview: j,
+    onReattempt: w,
+    onReset: E,
+    onResume: N,
+    onReview: O,
+    onStart: _,
+    onTestPreview: y,
+    onTestReview: B,
+    onTestStart: D,
+    onUnAssignSheet: F,
+    onWidgetTabSelection: a
+  } = u, { visible_tabs: C } = k, { onEvent: T } = V(), { backgroundColor: G } = te(
+    A,
     r,
-    A
-  ), m = {
+    I
+  ), b = {
     chapters: {
       label: "Chapters",
-      component: /* @__PURE__ */ e(
-        z,
+      component: /* @__PURE__ */ o(
+        Q,
         {
-          milestoneId: t,
-          chapters: i,
-          userType: l,
-          isGoalCreation: v,
-          onChapterClick: M,
-          onAddChapter: k,
-          canUpdatePlan: !!(R !== "DRAFT" && c),
-          isMilestoneActive: a
+          milestoneId: e,
+          chapters: c,
+          userType: m,
+          isGoalCreation: R,
+          onChapterClick: S,
+          onAddChapter: x,
+          canUpdatePlan: !!($ !== "DRAFT" && d),
+          isMilestoneActive: l
         }
       )
     },
     tests: {
       label: "Tests",
-      component: /* @__PURE__ */ e(
-        V,
+      component: /* @__PURE__ */ o(
+        ee,
         {
           isDraftMilestone: r,
-          isChaptersAvailable: i.length > 0,
-          isMilestoneActive: a,
-          studentId: p,
-          userMilestoneId: t,
-          userType: l,
-          canUpdatePlan: c,
-          onCreateMilestoneTest: S,
-          onTestPreview: N,
-          onTestStart: W,
-          onTestReview: O
+          isChaptersAvailable: c.length > 0,
+          isMilestoneActive: l,
+          studentId: h,
+          userMilestoneId: e,
+          userType: m,
+          canUpdatePlan: d,
+          onCreateMilestoneTest: U,
+          onTestPreview: y,
+          onTestStart: D,
+          onTestReview: B
         }
       )
     },
     resources: {
       label: "Resources",
-      component: /* @__PURE__ */ e(
-        Q,
+      component: /* @__PURE__ */ o(
+        Z,
         {
           isDraftMilestone: r,
-          isMilestoneActive: a,
-          userMilestoneId: t,
-          canUpdatePlan: c,
-          studentId: p,
-          userType: l,
-          onAssignResources: I,
-          onUnAssignSheet: _,
-          onStart: E,
-          onReset: U,
-          onPreview: x,
-          onReview: w,
-          onResume: j,
-          onReattempt: P
+          isMilestoneActive: l,
+          userMilestoneId: e,
+          canUpdatePlan: d,
+          studentId: h,
+          userType: m,
+          onAssignResources: P,
+          onUnAssignSheet: F,
+          onStart: _,
+          onReset: E,
+          onPreview: j,
+          onReview: O,
+          onResume: N,
+          onReattempt: w
         }
       )
     }
-  }, o = (b ?? []).length === 0 ? Object.entries(m) : Object.entries(m).filter(
-    ([s]) => (b ?? []).includes(s.toUpperCase())
-  ), [h, B] = X(
-    (C = o == null ? void 0 : o[0]) == null ? void 0 : C[0]
-  ), D = q(
-    (s, n) => {
-      B(s), u("clicked", {
+  }, s = (C ?? []).length === 0 ? Object.entries(b) : Object.entries(b).filter(
+    ([t]) => (C ?? []).includes(t.toUpperCase())
+  ), [i, W] = J(
+    e === p ? M : ((g = s == null ? void 0 : s[0]) == null ? void 0 : g[0]) || "chapters"
+  ), L = K(
+    (t, n) => {
+      if (p === e && t === i) return null;
+      W(t), a == null || a(e, t), T("clicked", {
         cta: n,
-        milestone_id: t
+        milestone_id: e
       });
     },
-    [t, u]
+    [p, e, i, a, T]
   );
-  return r && i.length === 0 ? /* @__PURE__ */ e(Z, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ e(K, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : /* @__PURE__ */ G(L, { children: [
-    /* @__PURE__ */ e(ee, { $backgroundColor: y, $frames: o.length, children: o.map((s) => {
-      const [n, F] = s, { label: T } = F, g = n === h;
-      return /* @__PURE__ */ e(
-        te,
+  return r && c.length === 0 ? /* @__PURE__ */ o(oe, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ o(Y, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : /* @__PURE__ */ X(q, { children: [
+    /* @__PURE__ */ o(se, { $backgroundColor: G, $frames: s.length, children: s.map((t) => {
+      const [n, H] = t, { label: f } = H, v = n === i;
+      return /* @__PURE__ */ o(
+        ne,
         {
-          $renderAs: g ? "ub3-bold" : "ub3",
+          $renderAs: v ? "ub3-bold" : "ub3",
           $align: "center",
-          $selected: g,
-          onClick: () => D(n, T),
-          children: T
+          $selected: v,
+          onClick: () => L(n, f),
+          children: f
         },
         n
       );
     }) }),
-    m[h].component
+    b[i].component
   ] });
 });
 export {
-  de as default
+  ue as default
 };
 //# sourceMappingURL=milestone-tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import type { IMilestoneTabConfig, IMilestoneTabsProps } from './milestone-tabs-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/tests-list/tests-list';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(props => {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    isOutcomeAdded,\n    milestoneState,\n    milestonePermissions,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onUnAssignSheet,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(\n    goalCategory,\n    isDraftMilestone,\n    isOutcomeAdded,\n  );\n\n  const TAB_CONFIG: IMilestoneTabConfig = {\n    chapters: {\n      label: 'Chapters',\n      component: (\n        <ChaptersList\n          milestoneId={userMilestoneId}\n          chapters={chapters}\n          userType={userType}\n          isGoalCreation={isGoalCreation}\n          onChapterClick={onChapterClick}\n          onAddChapter={onAddChapter}\n          canUpdatePlan={Boolean(milestoneState !== 'DRAFT' && canUpdatePlan)}\n          isMilestoneActive={isMilestoneActive}\n        />\n      ),\n    },\n    tests: {\n      label: 'Tests',\n      component: (\n        <MilestoneTestsList\n          isDraftMilestone={isDraftMilestone}\n          isChaptersAvailable={chapters.length > 0}\n          isMilestoneActive={isMilestoneActive}\n          studentId={studentId}\n          userMilestoneId={userMilestoneId}\n          userType={userType}\n          canUpdatePlan={canUpdatePlan}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onTestPreview={onTestPreview}\n          onTestStart={onTestStart}\n          onTestReview={onTestReview}\n        />\n      ),\n    },\n    resources: {\n      label: 'Resources',\n      component: (\n        <MilestoneWidgetResources\n          isDraftMilestone={isDraftMilestone}\n          isMilestoneActive={isMilestoneActive}\n          userMilestoneId={userMilestoneId}\n          canUpdatePlan={canUpdatePlan}\n          studentId={studentId}\n          userType={userType}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onStart={onStart}\n          onReset={onReset}\n          onPreview={onPreview}\n          onReview={onReview}\n          onResume={onResume}\n          onReattempt={onReattempt}\n        />\n      ),\n    },\n  };\n\n  const filteredTabConfig =\n    (visibleTabs ?? []).length === 0\n      ? Object.entries(TAB_CONFIG)\n      : Object.entries(TAB_CONFIG).filter(([tabName]) =>\n          (visibleTabs ?? []).includes(tabName.toUpperCase()),\n        );\n\n  const [selectedTab, setSelectedTab] = useState<keyof IMilestoneTabConfig | undefined>(\n    filteredTabConfig?.[0]?.[0] as keyof IMilestoneTabConfig,\n  );\n\n  const handleTabChange = useCallback(\n    (tabName: keyof IMilestoneTabConfig, ctaLabel: string) => {\n      setSelectedTab(tabName);\n\n      trackEvent('clicked', {\n        cta: ctaLabel,\n        milestone_id: userMilestoneId,\n      });\n    },\n    [userMilestoneId, trackEvent],\n  );\n\n  if (isDraftMilestone && chapters.length === 0) {\n    return (\n      <Styled.NoPlanCardWrapper $gutterX={2} $background=\"WHITE_3\">\n        <Text $renderAs=\"ab2\" $color=\"RED\">\n          No chapter has been assigned\n        </Text>\n      </Styled.NoPlanCardWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.TabsWrapper $backgroundColor={backgroundColor} $frames={filteredTabConfig.length}>\n        {filteredTabConfig.map(tabConfig => {\n          const [tabName, tabInfo] = tabConfig;\n          const { label } = tabInfo;\n          const isSelected = tabName === selectedTab;\n\n          return (\n            <Styled.TabsText\n              $renderAs={isSelected ? 'ub3-bold' : 'ub3'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as keyof IMilestoneTabConfig, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      {TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG].component}\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","isOutcomeAdded","milestoneState","milestonePermissions","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onTestPreview","onTestReview","onTestStart","onUnAssignSheet","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","tabName","selectedTab","setSelectedTab","useState","_a","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText"],"mappings":"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"}
+{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import type { IMilestoneTabConfig, IMilestoneTabsProps } from './milestone-tabs-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/tests-list/tests-list';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(props => {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    isOutcomeAdded,\n    milestoneState,\n    milestonePermissions,\n    activeMilestoneId,\n    activeTabId,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onUnAssignSheet,\n    onWidgetTabSelection,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(\n    goalCategory,\n    isDraftMilestone,\n    isOutcomeAdded,\n  );\n\n  const TAB_CONFIG: IMilestoneTabConfig = {\n    chapters: {\n      label: 'Chapters',\n      component: (\n        <ChaptersList\n          milestoneId={userMilestoneId}\n          chapters={chapters}\n          userType={userType}\n          isGoalCreation={isGoalCreation}\n          onChapterClick={onChapterClick}\n          onAddChapter={onAddChapter}\n          canUpdatePlan={Boolean(milestoneState !== 'DRAFT' && canUpdatePlan)}\n          isMilestoneActive={isMilestoneActive}\n        />\n      ),\n    },\n    tests: {\n      label: 'Tests',\n      component: (\n        <MilestoneTestsList\n          isDraftMilestone={isDraftMilestone}\n          isChaptersAvailable={chapters.length > 0}\n          isMilestoneActive={isMilestoneActive}\n          studentId={studentId}\n          userMilestoneId={userMilestoneId}\n          userType={userType}\n          canUpdatePlan={canUpdatePlan}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onTestPreview={onTestPreview}\n          onTestStart={onTestStart}\n          onTestReview={onTestReview}\n        />\n      ),\n    },\n    resources: {\n      label: 'Resources',\n      component: (\n        <MilestoneWidgetResources\n          isDraftMilestone={isDraftMilestone}\n          isMilestoneActive={isMilestoneActive}\n          userMilestoneId={userMilestoneId}\n          canUpdatePlan={canUpdatePlan}\n          studentId={studentId}\n          userType={userType}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onStart={onStart}\n          onReset={onReset}\n          onPreview={onPreview}\n          onReview={onReview}\n          onResume={onResume}\n          onReattempt={onReattempt}\n        />\n      ),\n    },\n  };\n\n  const filteredTabConfig =\n    (visibleTabs ?? []).length === 0\n      ? Object.entries(TAB_CONFIG)\n      : Object.entries(TAB_CONFIG).filter(([tabName]) =>\n          (visibleTabs ?? []).includes(tabName.toUpperCase()),\n        );\n  const [selectedTabName, setSelectedTabName] = useState(\n    userMilestoneId === activeMilestoneId ? activeTabId : filteredTabConfig?.[0]?.[0] || 'chapters',\n  );\n\n  const handleTabChange = useCallback(\n    (tabName: keyof IMilestoneTabConfig, ctaLabel: string) => {\n      if (activeMilestoneId === userMilestoneId && tabName === selectedTabName) return null;\n\n      setSelectedTabName(tabName);\n\n      onWidgetTabSelection?.(userMilestoneId, tabName);\n\n      trackEvent('clicked', {\n        cta: ctaLabel,\n        milestone_id: userMilestoneId,\n      });\n    },\n    [activeMilestoneId, userMilestoneId, selectedTabName, onWidgetTabSelection, trackEvent],\n  );\n\n  if (isDraftMilestone && chapters.length === 0) {\n    return (\n      <Styled.NoPlanCardWrapper $gutterX={2} $background=\"WHITE_3\">\n        <Text $renderAs=\"ab2\" $color=\"RED\">\n          No chapter has been assigned\n        </Text>\n      </Styled.NoPlanCardWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.TabsWrapper $backgroundColor={backgroundColor} $frames={filteredTabConfig.length}>\n        {filteredTabConfig.map(tabConfig => {\n          const [tabName, tabInfo] = tabConfig;\n          const { label } = tabInfo;\n          const isSelected = tabName === selectedTabName;\n\n          return (\n            <Styled.TabsText\n              $renderAs={isSelected ? 'ub3-bold' : 'ub3'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as keyof IMilestoneTabConfig, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      {TAB_CONFIG[selectedTabName as keyof typeof TAB_CONFIG].component}\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","isOutcomeAdded","milestoneState","milestonePermissions","activeMilestoneId","activeTabId","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onTestPreview","onTestReview","onTestStart","onUnAssignSheet","onWidgetTabSelection","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","tabName","selectedTabName","setSelectedTabName","useState","_a","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText"],"mappings":"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"}

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

@@ -1,17 +1,17 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { memo as ge, useState as ue, useCallback as g, useMemo as B } from "react";
-import { useTheme as Ce } from "styled-components";
-import I from "../../../../ui/layout/flex-view.js";
-import Te from "../../../../ui/time-left-timeline/time-left-timeline.js";
-import fe from "./goals/goal-action-ctas.js";
-import he from "./milestone-info.js";
-import _e from "./milestone-tabs/milestone-tabs.js";
-import { getGoalCategoryBasedColorTheme as De } from "./milestone-utils.js";
-import Ae from "./milestone-widget-status.js";
-import { MainContainer as Ee, Wrapper as ye, ContentWrapper as Re, Content as Me } from "./milestone-widget-styled.js";
-import be from "./outcome/outcome.js";
-import { differenceInCalendarDays as W } from "../../../../../node_modules/date-fns/differenceInCalendarDays.js";
-const Be = {
+import { jsxs as B, jsx as e } from "react/jsx-runtime";
+import { memo as Te, useState as fe, useCallback as u, useMemo as W, useEffect as he } from "react";
+import { useTheme as _e } from "styled-components";
+import x from "../../../../ui/layout/flex-view.js";
+import De from "../../../../ui/time-left-timeline/time-left-timeline.js";
+import Ae from "./goals/goal-action-ctas.js";
+import Ee from "./milestone-info.js";
+import ye from "./milestone-tabs/milestone-tabs.js";
+import { getGoalCategoryBasedColorTheme as Ie } from "./milestone-utils.js";
+import be from "./milestone-widget-status.js";
+import { MainContainer as Me, Wrapper as Re, ContentWrapper as Be, Content as We } from "./milestone-widget-styled.js";
+import xe from "./outcome/outcome.js";
+import { differenceInCalendarDays as P } from "../../../../../node_modules/date-fns/differenceInCalendarDays.js";
+const Pe = {
   primary: {
     backgroundColor: "WHITE_3",
     progressBarColor: "BLACK_T_87"
@@ -20,162 +20,171 @@ const Be = {
     backgroundColor: "WHITE_3",
     progressBarColor: "WHITE_5"
   }
-}, He = ge((x) => {
-  const { milestone: l, studentId: u, isMilestoneActive: C, ...P } = x, {
-    isStudentPresent: d,
-    isClassOngoing: T,
+}, je = Te((S) => {
+  const { milestone: d, studentId: C, isMilestoneActive: T, ...k } = S, {
+    isStudentPresent: c,
+    isClassOngoing: f,
     userType: a,
-    studentName: k,
+    studentName: w,
     parentName: O,
-    teacherName: S,
-    courseStream: w,
+    teacherName: v,
+    courseStream: $,
+    activeMilestoneId: h,
+    activeTabId: G,
     onAddOutcome: m,
-    onChapterClick: G,
-    onEdit: f,
-    onCreateMilestoneTest: v,
-    onPreview: N,
-    onReattempt: $,
-    onReset: F,
-    onResume: H,
-    onReview: U,
-    onStart: V,
-    onDraftPublish: h,
-    onAddChapter: L,
-    onAssignResources: j,
-    onUnAssignSheet: X,
+    onChapterClick: N,
+    onEdit: _,
+    onCreateMilestoneTest: F,
+    onPreview: V,
+    onReattempt: H,
+    onReset: U,
+    onResume: L,
+    onReview: j,
+    onStart: X,
+    onDraftPublish: D,
+    onAddChapter: K,
+    onAssignResources: Y,
+    onUnAssignSheet: q,
     onDelete: t,
+    onWidgetTabSelection: z,
     //* Test sheet callbacks
-    onTestPreview: K,
-    onTestReview: Y,
-    onTestStart: q,
-    milestoneType: _
-  } = P, {
+    onTestPreview: J,
+    onTestReview: Q,
+    onTestStart: Z,
+    milestoneType: A
+  } = k, {
     id: n,
-    created_on_ts: D,
+    created_on_ts: E,
     milestone_date_ts: r,
-    user_milestone_plan: A,
-    outcome_data: z,
+    user_milestone_plan: y,
+    outcome_data: ee,
     milestone_state: o,
-    permissions: E,
+    permissions: I,
     goal_code: s,
-    goal_category: c
-  } = l, [y, p] = ue(
-    C && o === "ACTIVE" || _ === "DRAFT"
-  ), J = Ce(), { layout: Q } = J, { gutter: Z } = Q, ee = !!A, { can_update_plan: oe } = E, { outcomes: i } = z || {}, { user_chapters: te = [] } = A || {}, ne = g(() => {
-    p((pe) => !pe);
-  }, []), R = o === "DRAFT", M = o === "OUTCOME_ADDED", re = Date.now() > r * 1e3, { progressBarColor: se } = Be[o === "ACTIVE" ? "primary" : "secondary"], { backgroundColor: ae, borderColor: ie } = De(c, R, M), le = B(
-    () => W(r * 1e3, D * 1e3),
-    [D, r]
-  ), de = B(
-    () => W(r * 1e3, Date.now()),
+    goal_category: p
+  } = d, [b, g] = fe(
+    T && o === "ACTIVE" || A === "DRAFT"
+  ), oe = _e(), { layout: te } = oe, { gutter: ne } = te, re = !!y, { can_update_plan: se } = I, { outcomes: i } = ee || {}, { user_chapters: ae = [] } = y || {}, ie = u(() => {
+    g((l) => !l);
+  }, []), M = o === "DRAFT", R = o === "OUTCOME_ADDED", le = Date.now() > r * 1e3, { progressBarColor: de } = Pe[o === "ACTIVE" ? "primary" : "secondary"], { backgroundColor: ce, borderColor: me } = Ie(p, M, R), pe = W(
+    () => P(r * 1e3, E * 1e3),
+    [E, r]
+  ), ge = W(
+    () => P(r * 1e3, Date.now()),
     [r]
-  ), me = g(() => {
-    p(!0);
-  }, [p]), ce = g(() => {
+  ), ue = u(() => {
+    g(!0);
+  }, [g]), Ce = u(() => {
     t == null || t({ milestoneId: n, isGoalCreation: typeof s == "string", milestoneState: o });
   }, [t, s, n, o]);
-  return /* @__PURE__ */ b(Ee, { id: `milestone-${n}`, children: [
-    /* @__PURE__ */ e(I, { $marginBottom: -Z * 0.875, children: o !== "DRAFT" && !re ? /* @__PURE__ */ e(
-      Te,
+  return he(() => {
+    const l = document.getElementById(`milestone-${h}`);
+    l && l.scrollIntoView();
+  }, []), /* @__PURE__ */ B(Me, { id: `milestone-${n}`, children: [
+    /* @__PURE__ */ e(x, { $marginBottom: -ne * 0.875, children: o !== "DRAFT" && !le ? /* @__PURE__ */ e(
+      De,
       {
-        unitsLeft: de,
-        totalUnits: le,
+        unitsLeft: ge,
+        totalUnits: pe,
         unit: "day",
-        backgroundColor: se,
-        barBackgroundColor: ie,
+        backgroundColor: de,
+        barBackgroundColor: me,
         showRemainingTime: !0
       }
     ) : /* @__PURE__ */ e(
-      Ae,
+      be,
       {
-        goalCategory: c,
+        goalCategory: p,
         goalCode: s,
         milestoneState: o,
         userType: a,
         milestoneId: n,
-        isStudentPresent: d,
-        onDraftPublish: h,
+        isStudentPresent: c,
+        onDraftPublish: D,
         onAddOutcome: m
       }
     ) }),
     /* @__PURE__ */ e(
-      ye,
+      Re,
       {
-        onClick: me,
-        $background: ae,
+        onClick: ue,
+        $background: ce,
         $gapX: 1.5,
         $borderColor: "GREY_2",
-        children: /* @__PURE__ */ b(I, { $flexGapX: s ? 1.5 : 1, children: [
+        children: /* @__PURE__ */ B(x, { $flexGapX: s ? 1.5 : 1, children: [
           /* @__PURE__ */ e(
-            he,
+            Ee,
             {
-              milestone: l,
-              onEdit: f,
+              milestone: d,
+              onEdit: _,
               onDelete: t,
-              isExpanded: y,
-              toggleExpand: ne,
+              isExpanded: b,
+              toggleExpand: ie,
               userType: a,
-              isClassOngoing: T,
-              isStudentPresent: d,
+              isClassOngoing: f,
+              isStudentPresent: c,
               onAddOutcome: m
             }
           ),
-          a === "TEACHER" && _ !== "DRAFT" && /* @__PURE__ */ e(
-            fe,
+          a === "TEACHER" && A !== "DRAFT" && /* @__PURE__ */ e(
+            Ae,
             {
-              milestone: l,
-              studentId: u,
-              studentName: k,
-              teacherName: S ?? "",
+              milestone: d,
+              studentId: C,
+              studentName: w,
+              teacherName: v ?? "",
               parentName: O ?? "",
               onAddOutcome: m,
-              isClassOngoing: !!T,
-              isStudentPresent: !!d,
-              onDraftPublish: h,
-              onEdit: f,
-              onDelete: ce,
-              courseStream: w
+              isClassOngoing: !!f,
+              isStudentPresent: !!c,
+              onDraftPublish: D,
+              onEdit: _,
+              onDelete: Ce,
+              courseStream: $
             }
           ),
-          i != null && i.length ? /* @__PURE__ */ e(be, { outcomes: i }) : void 0
+          i != null && i.length ? /* @__PURE__ */ e(xe, { outcomes: i }) : void 0
         ] })
       }
     ),
-    /* @__PURE__ */ e(Re, { $expanded: y, children: /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(
-      _e,
+    /* @__PURE__ */ e(Be, { $expanded: b, children: /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(
+      ye,
       {
-        goalCategory: c,
+        goalCategory: p,
         isGoalCreation: !!s,
-        isDraftMilestone: R,
-        isOutcomeAdded: M,
-        isMilestoneActive: C,
-        isPlanAvailable: ee,
+        isDraftMilestone: M,
+        isOutcomeAdded: R,
+        isMilestoneActive: T,
+        isPlanAvailable: re,
         userMilestoneId: n,
-        chapters: te,
+        chapters: ae,
         userType: a,
-        canUpdatePlan: oe,
+        canUpdatePlan: se,
         milestoneState: o,
-        studentId: u,
-        onAddChapter: L,
-        onAssignResources: j,
-        onChapterClick: G,
-        onCreateMilestoneTest: v,
-        onPreview: N,
-        onReattempt: $,
-        onReset: F,
-        onResume: H,
-        onReview: U,
-        onStart: V,
-        onTestPreview: K,
-        onTestReview: Y,
-        onTestStart: q,
-        onUnAssignSheet: X,
-        milestonePermissions: E
+        studentId: C,
+        onAddChapter: K,
+        onAssignResources: Y,
+        onChapterClick: N,
+        onCreateMilestoneTest: F,
+        onPreview: V,
+        onReattempt: H,
+        onReset: U,
+        onResume: L,
+        onReview: j,
+        onStart: X,
+        onTestPreview: J,
+        onTestReview: Q,
+        onTestStart: Z,
+        onUnAssignSheet: q,
+        milestonePermissions: I,
+        activeMilestoneId: h,
+        activeTabId: G,
+        onWidgetTabSelection: z
       }
     ) }) })
   ] });
 });
 export {
-  He as default
+  je as default
 };
 //# sourceMappingURL=milestone-widget.js.map