@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

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

@@ -1,107 +1,121 @@
-import { jsx as o, jsxs as Q, Fragment as Y } from "react/jsx-runtime";
-import { memo as Z, useMemo as H, useState as ee, useRef as te, useEffect as se, useCallback as oe } from "react";
-import ne from "../../../../../chapters/chapters-list/chapters-list.js";
-import { useUIContext as re } from "../../../../../ui/context/context.js";
-import ae from "../../../../../ui/text/text.js";
-import ie from "../../../../milestone-resources/resources-list/resources-list.js";
-import le from "../../../../milestone-tests/test-list-v2/test-list-container.js";
-import { getGoalCategoryBasedColorTheme as ce } from "../milestone-utils.js";
-import { NoPlanCardWrapper as de, TabsWrapper as me, TabsText as ue, TabComponentWrapper as be } from "./milestone-tabs-styled.js";
-const Me = Z(function(I) {
-  var G;
+import { jsx as n, jsxs as se, Fragment as ne } from "react/jsx-runtime";
+import { memo as oe, useMemo as q, useState as re, useRef as ae, useEffect as ie, useCallback as le } from "react";
+import ce from "../../../../../chapters/chapters-list/chapters-list.js";
+import { useUIContext as de } from "../../../../../ui/context/context.js";
+import ue from "../../../../../ui/text/text.js";
+import me from "../../../../milestone-resources/resources-list/resources-list.js";
+import be from "../../../../milestone-tests/test-list-v2/test-list-container.js";
+import { getGoalCategoryBasedColorTheme as pe } from "../milestone-utils.js";
+import { NoPlanCardWrapper as fe, TabsWrapper as Te, TabsText as he, TabComponentWrapper as Ce } from "./milestone-tabs-styled.js";
+const Pe = oe(function(M) {
+  var X;
   const {
-    goalCategory: L,
+    goalCategory: z,
     isDraftMilestone: a,
-    isGoalCreation: M,
+    isGoalCreation: k,
     isMilestoneActive: i,
     userMilestoneId: e,
     chapters: l,
     userType: c,
     canUpdatePlan: d,
-    studentId: h,
-    milestoneState: R,
-    milestonePermissions: O,
-    activeMilestoneId: C,
-    activeTabId: X,
-    selectedTabName: n,
-    isDraftModeEnabled: q,
-    defaultVisibleTab: m
-  } = I, {
-    onAddChapter: k,
-    onAssignResources: $,
-    onChapterClick: D,
-    onCreateMilestoneTest: P,
-    onNodeAttempt: x,
-    onNodeView: E,
-    onNodeReview: U,
-    onNodeReattempt: g,
-    onNodeReset: w,
-    onNodeUnassign: S,
-    onNodeAssignAsHomework: N,
-    onTestPreview: V,
-    onTestReview: W,
-    onTestStart: _,
-    onWidgetTabSelection: u,
-    onCardClick: j
-  } = I, { visible_tabs: b } = O, { onEvent: y } = re(), { backgroundColor: z } = ce(L, a), v = H(
+    studentId: g,
+    milestoneState: $,
+    milestonePermissions: K,
+    activeMilestoneId: N,
+    activeTabId: Q,
+    selectedTabName: o,
+    isDraftModeEnabled: Y,
+    firstChapterRef: D,
+    createTestButtonRef: P,
+    assignResourceButtonRef: x,
+    defaultVisibleTab: u,
+    canStartJourney: m
+  } = M, {
+    onAddChapter: E,
+    onAssignResources: S,
+    onChapterClick: U,
+    onCreateMilestoneTest: w,
+    onNodeAttempt: y,
+    onNodeView: B,
+    onNodeReview: V,
+    onNodeReattempt: R,
+    onNodeReset: W,
+    onNodeUnassign: _,
+    onNodeAssignAsHomework: v,
+    onTestPreview: j,
+    onTestReview: F,
+    onTestStart: G,
+    onWidgetTabSelection: b,
+    onCardClick: H,
+    startJourney: p
+  } = M, { visible_tabs: f } = K, { onEvent: J } = de(), { backgroundColor: Z } = pe(z, a), A = q(
     () => ({
       chapters: {
         label: "Chapters",
-        component: /* @__PURE__ */ o(
-          ne,
+        component: /* @__PURE__ */ n(
+          ce,
           {
             milestoneId: e,
             chapters: l,
             userType: c,
-            isGoalCreation: M,
-            onChapterClick: D,
-            onAddChapter: k,
-            canUpdatePlan: !!(R !== "DRAFT" && d),
-            isMilestoneActive: i
+            isGoalCreation: k,
+            onChapterClick: U,
+            onAddChapter: E,
+            canUpdatePlan: !!($ !== "DRAFT" && d),
+            isMilestoneActive: i,
+            firstChapterRef: D,
+            canStartJourney: m,
+            startJourney: p
           }
         )
       },
       tests: {
         label: "Tests",
-        component: /* @__PURE__ */ o(
-          le,
+        component: /* @__PURE__ */ n(
+          be,
           {
             isDraftMilestone: a,
             isChaptersAvailable: l.length > 0,
             isMilestoneActive: i,
-            studentId: h,
+            studentId: g,
             userMilestoneId: e,
             userType: c,
             canUpdatePlan: d,
-            onCreateMilestoneTest: P,
-            onNodeReattempt: g,
-            onTestPreview: V,
-            onTestStart: _,
-            onTestReview: W,
-            onNodeAssignAsHomework: N,
-            onCardClick: j
+            onCreateMilestoneTest: w,
+            onNodeReattempt: R,
+            onTestPreview: j,
+            onTestStart: G,
+            onTestReview: F,
+            onNodeAssignAsHomework: v,
+            onCardClick: H,
+            createTestButtonRef: P,
+            canStartJourney: m,
+            startJourney: p
           }
         )
       },
       resources: {
         label: "Resources",
-        component: /* @__PURE__ */ o(
-          ie,
+        component: /* @__PURE__ */ n(
+          me,
           {
             isDraftMilestone: a,
             isMilestoneActive: i,
             userMilestoneId: e,
             canUpdatePlan: d,
-            studentId: h,
+            studentId: g,
             userType: c,
-            onAssignResources: $,
-            onNodeAttempt: x,
-            onNodeView: E,
-            onNodeReview: U,
-            onNodeReattempt: g,
-            onNodeReset: w,
-            onNodeUnassign: S,
-            onNodeAssignAsHomework: N
+            onAssignResources: S,
+            onNodeAttempt: y,
+            onNodeView: B,
+            onNodeReview: V,
+            onNodeReattempt: R,
+            onNodeReset: W,
+            onNodeUnassign: _,
+            onNodeAssignAsHomework: v,
+            assignResourceButtonRef: x,
+            canStartJourney: m,
+            startJourney: p
           }
         )
       }
@@ -110,68 +124,73 @@ const Me = Z(function(I) {
       e,
       l,
       c,
-      M,
-      D,
       k,
-      R,
+      U,
+      E,
+      $,
       d,
       i,
+      D,
+      m,
+      p,
       a,
-      h,
-      P,
       g,
+      w,
+      R,
+      j,
+      G,
+      F,
+      v,
+      H,
+      P,
+      S,
+      y,
+      B,
       V,
-      _,
       W,
-      N,
-      j,
-      $,
-      x,
-      E,
-      U,
-      w,
-      S
+      _,
+      x
     ]
-  ), r = H(() => {
-    const t = Object.entries(v), s = (b ?? []).length > 0;
-    return m ? (b ?? []).includes(
-      m.toUpperCase()
-    ) || !s ? t.filter(([T]) => T === m) : [] : s ? t.filter(([f]) => (b ?? []).includes(f.toUpperCase())) : t;
-  }, [v, m, b]), J = e === C ? X : ((G = r == null ? void 0 : r[0]) == null ? void 0 : G[0]) || "chapters", [p, B] = ee(
-    n ?? J
-  ), F = te(n);
-  se(() => {
-    n && n !== F.current && (F.current = n, B(n));
-  }, [n]);
-  const K = oe(
+  ), r = q(() => {
+    const t = Object.entries(A), s = (f ?? []).length > 0;
+    return u ? (f ?? []).includes(
+      u.toUpperCase()
+    ) || !s ? t.filter(([C]) => C === u) : [] : s ? t.filter(([h]) => (f ?? []).includes(h.toUpperCase())) : t;
+  }, [A, u, f]), ee = e === N ? Q : ((X = r == null ? void 0 : r[0]) == null ? void 0 : X[0]) || "chapters", [T, L] = re(
+    o ?? ee
+  ), O = ae(o);
+  ie(() => {
+    o && o !== O.current && (O.current = o, L(o));
+  }, [o]);
+  const te = le(
     (t, s) => {
-      if (C === e && t === p) return null;
-      B(t), u == null || u(e, t), y("clicked", {
+      if (N === e && t === T) return null;
+      L(t), b == null || b(e, t), J("clicked", {
         cta: s,
         milestone_id: e
       });
     },
-    [C, e, p, u, y]
+    [N, e, T, b, J]
   );
-  return a && l.length === 0 ? /* @__PURE__ */ o(de, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ o(ae, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : r.length === 0 ? null : /* @__PURE__ */ Q(Y, { children: [
-    /* @__PURE__ */ o(me, { $backgroundColor: z, $frames: r.length, children: r.map((t) => {
-      const [s, f] = t, { label: A } = f, T = s === p;
-      return /* @__PURE__ */ o(
-        ue,
+  return a && l.length === 0 ? /* @__PURE__ */ n(fe, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ n(ue, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : r.length === 0 ? null : /* @__PURE__ */ se(ne, { children: [
+    /* @__PURE__ */ n(Te, { $backgroundColor: Z, $frames: r.length, children: r.map((t) => {
+      const [s, h] = t, { label: I } = h, C = s === T;
+      return /* @__PURE__ */ n(
+        he,
         {
-          $renderAs: T ? "ub4-bold" : "ub4",
+          $renderAs: C ? "ub4-bold" : "ub4",
           $align: "center",
-          $selected: T,
-          onClick: () => K(s, A),
-          children: A
+          $selected: C,
+          onClick: () => te(s, I),
+          children: I
         },
         s
       );
     }) }),
-    /* @__PURE__ */ o(be, { $flexibleHeight: q, children: v[p].component })
+    /* @__PURE__ */ n(Ce, { $flexibleHeight: Y, children: A[T].component })
   ] });
 });
 export {
-  Me as default
+  Pe 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 { memo, useCallback, useEffect, useMemo, useRef, useState, type FC } 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/test-list-v2/test-list-container';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\nimport type {\n  IMilestoneTabConfig,\n  IMilestoneTabsProps,\n  TMilestoneTabName,\n} from './milestone-tabs-types';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(function MilestoneTabs(props) {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    milestoneState,\n    milestonePermissions,\n    activeMilestoneId,\n    activeTabId,\n    selectedTabName: controlledSelectedTabName,\n    isDraftModeEnabled,\n    defaultVisibleTab,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeAssignAsHomework,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onWidgetTabSelection,\n    onCardClick,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone);\n\n  const TAB_CONFIG: IMilestoneTabConfig = useMemo(\n    () => ({\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            onNodeReattempt={onNodeReattempt}\n            onTestPreview={onTestPreview}\n            onTestStart={onTestStart}\n            onTestReview={onTestReview}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onCardClick={onCardClick}\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            onNodeAttempt={onNodeAttempt}\n            onNodeView={onNodeView}\n            onNodeReview={onNodeReview}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReset={onNodeReset}\n            onNodeUnassign={onNodeUnassign}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n          />\n        ),\n      },\n    }),\n    [\n      userMilestoneId,\n      chapters,\n      userType,\n      isGoalCreation,\n      onChapterClick,\n      onAddChapter,\n      milestoneState,\n      canUpdatePlan,\n      isMilestoneActive,\n      isDraftMilestone,\n      studentId,\n      onCreateMilestoneTest,\n      onNodeReattempt,\n      onTestPreview,\n      onTestStart,\n      onTestReview,\n      onNodeAssignAsHomework,\n      onCardClick,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReset,\n      onNodeUnassign,\n    ],\n  );\n\n  // Determine which tabs to show based on defaultVisibleTab and permissions\n  const filteredTabConfig = useMemo(() => {\n    const allTabs = Object.entries(TAB_CONFIG);\n    const hasVisibleTabsPermissions = (visibleTabs ?? []).length > 0;\n\n    // If defaultVisibleTab is provided, validate and show only that tab\n    if (defaultVisibleTab) {\n      const isDefaultTabInPermissions = (visibleTabs ?? []).includes(\n        defaultVisibleTab.toUpperCase(),\n      );\n      const isDefaultTabValid = isDefaultTabInPermissions || !hasVisibleTabsPermissions;\n\n      // Validation failed - render no tabs\n      if (!isDefaultTabValid) {\n        return [];\n      }\n\n      // Show only the defaultVisibleTab\n      return allTabs.filter(([tabName]) => tabName === defaultVisibleTab);\n    }\n\n    // No defaultVisibleTab - use permissions or show all\n    if (hasVisibleTabsPermissions) {\n      return allTabs.filter(([tabName]) => (visibleTabs ?? []).includes(tabName.toUpperCase()));\n    }\n\n    return allTabs;\n  }, [TAB_CONFIG, defaultVisibleTab, visibleTabs]);\n\n  const defaultTabName =\n    userMilestoneId === activeMilestoneId ? activeTabId : filteredTabConfig?.[0]?.[0] || 'chapters';\n\n  const [selectedTabName, setSelectedTabName] = useState<TMilestoneTabName>(\n    (controlledSelectedTabName ?? defaultTabName) as TMilestoneTabName,\n  );\n\n  const prevControlledTabNameRef = useRef(controlledSelectedTabName);\n\n  useEffect(() => {\n    if (!controlledSelectedTabName) return;\n\n    if (controlledSelectedTabName === prevControlledTabNameRef.current) return;\n\n    prevControlledTabNameRef.current = controlledSelectedTabName;\n    setSelectedTabName(controlledSelectedTabName);\n  }, [controlledSelectedTabName]);\n\n  const handleTabChange = useCallback(\n    (tabName: TMilestoneTabName, 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  // If no tabs to show due to validation failure, render nothing\n  if (filteredTabConfig.length === 0) {\n    return null;\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 ? 'ub4-bold' : 'ub4'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as TMilestoneTabName, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      <Styled.TabComponentWrapper $flexibleHeight={isDraftModeEnabled}>\n        {TAB_CONFIG[selectedTabName as keyof typeof TAB_CONFIG].component}\n      </Styled.TabComponentWrapper>\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","milestoneState","milestonePermissions","activeMilestoneId","activeTabId","controlledSelectedTabName","isDraftModeEnabled","defaultVisibleTab","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onCardClick","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","useMemo","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","allTabs","hasVisibleTabsPermissions","tabName","defaultTabName","_a","selectedTabName","setSelectedTabName","useState","prevControlledTabNameRef","useRef","useEffect","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText","Styled.TabComponentWrapper"],"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 { memo, useCallback, useEffect, useMemo, useRef, useState, type FC } 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/test-list-v2/test-list-container';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\nimport type {\n  IMilestoneTabConfig,\n  IMilestoneTabsProps,\n  TMilestoneTabName,\n} from './milestone-tabs-types';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(function MilestoneTabs(props) {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    milestoneState,\n    milestonePermissions,\n    activeMilestoneId,\n    activeTabId,\n    selectedTabName: controlledSelectedTabName,\n    isDraftModeEnabled,\n    firstChapterRef,\n    createTestButtonRef,\n    assignResourceButtonRef,\n    defaultVisibleTab,\n    canStartJourney,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeAssignAsHomework,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onWidgetTabSelection,\n    onCardClick,\n    startJourney,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone);\n\n  const TAB_CONFIG: IMilestoneTabConfig = useMemo(\n    () => ({\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            firstChapterRef={firstChapterRef}\n            canStartJourney={canStartJourney}\n            startJourney={startJourney}\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            onNodeReattempt={onNodeReattempt}\n            onTestPreview={onTestPreview}\n            onTestStart={onTestStart}\n            onTestReview={onTestReview}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onCardClick={onCardClick}\n            createTestButtonRef={createTestButtonRef}\n            canStartJourney={canStartJourney}\n            startJourney={startJourney}\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            onNodeAttempt={onNodeAttempt}\n            onNodeView={onNodeView}\n            onNodeReview={onNodeReview}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReset={onNodeReset}\n            onNodeUnassign={onNodeUnassign}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            assignResourceButtonRef={assignResourceButtonRef}\n            canStartJourney={canStartJourney}\n            startJourney={startJourney}\n          />\n        ),\n      },\n    }),\n    [\n      userMilestoneId,\n      chapters,\n      userType,\n      isGoalCreation,\n      onChapterClick,\n      onAddChapter,\n      milestoneState,\n      canUpdatePlan,\n      isMilestoneActive,\n      firstChapterRef,\n      canStartJourney,\n      startJourney,\n      isDraftMilestone,\n      studentId,\n      onCreateMilestoneTest,\n      onNodeReattempt,\n      onTestPreview,\n      onTestStart,\n      onTestReview,\n      onNodeAssignAsHomework,\n      onCardClick,\n      createTestButtonRef,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReset,\n      onNodeUnassign,\n      assignResourceButtonRef,\n    ],\n  );\n\n  // Determine which tabs to show based on defaultVisibleTab and permissions\n  const filteredTabConfig = useMemo(() => {\n    const allTabs = Object.entries(TAB_CONFIG);\n    const hasVisibleTabsPermissions = (visibleTabs ?? []).length > 0;\n\n    // If defaultVisibleTab is provided, validate and show only that tab\n    if (defaultVisibleTab) {\n      const isDefaultTabInPermissions = (visibleTabs ?? []).includes(\n        defaultVisibleTab.toUpperCase(),\n      );\n      const isDefaultTabValid = isDefaultTabInPermissions || !hasVisibleTabsPermissions;\n\n      // Validation failed - render no tabs\n      if (!isDefaultTabValid) {\n        return [];\n      }\n\n      // Show only the defaultVisibleTab\n      return allTabs.filter(([tabName]) => tabName === defaultVisibleTab);\n    }\n\n    // No defaultVisibleTab - use permissions or show all\n    if (hasVisibleTabsPermissions) {\n      return allTabs.filter(([tabName]) => (visibleTabs ?? []).includes(tabName.toUpperCase()));\n    }\n\n    return allTabs;\n  }, [TAB_CONFIG, defaultVisibleTab, visibleTabs]);\n\n  const defaultTabName =\n    userMilestoneId === activeMilestoneId ? activeTabId : filteredTabConfig?.[0]?.[0] || 'chapters';\n\n  const [selectedTabName, setSelectedTabName] = useState<TMilestoneTabName>(\n    (controlledSelectedTabName ?? defaultTabName) as TMilestoneTabName,\n  );\n\n  const prevControlledTabNameRef = useRef(controlledSelectedTabName);\n\n  useEffect(() => {\n    if (!controlledSelectedTabName) return;\n\n    if (controlledSelectedTabName === prevControlledTabNameRef.current) return;\n\n    prevControlledTabNameRef.current = controlledSelectedTabName;\n    setSelectedTabName(controlledSelectedTabName);\n  }, [controlledSelectedTabName]);\n\n  const handleTabChange = useCallback(\n    (tabName: TMilestoneTabName, 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  // If no tabs to show due to validation failure, render nothing\n  if (filteredTabConfig.length === 0) {\n    return null;\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 ? 'ub4-bold' : 'ub4'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as TMilestoneTabName, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      <Styled.TabComponentWrapper $flexibleHeight={isDraftModeEnabled}>\n        {TAB_CONFIG[selectedTabName as keyof typeof TAB_CONFIG].component}\n      </Styled.TabComponentWrapper>\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","milestoneState","milestonePermissions","activeMilestoneId","activeTabId","controlledSelectedTabName","isDraftModeEnabled","firstChapterRef","createTestButtonRef","assignResourceButtonRef","defaultVisibleTab","canStartJourney","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onCardClick","startJourney","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","useMemo","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","allTabs","hasVisibleTabsPermissions","tabName","defaultTabName","_a","selectedTabName","setSelectedTabName","useState","prevControlledTabNameRef","useRef","useEffect","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText","Styled.TabComponentWrapper"],"mappings":"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"}

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