@cuemath/leap 3.5.52-as1 → 3.5.53-j1

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

@@ -1,139 +1,147 @@
-import { jsx as t, jsxs as V, Fragment as X } from "react/jsx-runtime";
-import { memo as q, useState as z, useCallback as J } from "react";
-import K from "../../../../../chapters/chapters-list/chapters-list.js";
-import { useUIContext as Q } 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/test-list-v2/test-list-container.js";
-import { getGoalCategoryBasedColorTheme as te } from "../milestone-utils.js";
-import { NoPlanCardWrapper as oe, TabsWrapper as ne, TabsText as se, TabComponentWrapper as re } from "./milestone-tabs-styled.js";
-const Ce = q(function(u) {
-  var v;
+import { jsx as t, jsxs as J, Fragment as K } from "react/jsx-runtime";
+import { memo as Q, useState as Y, useRef as Z, useEffect as ee, useCallback as te } from "react";
+import oe from "../../../../../chapters/chapters-list/chapters-list.js";
+import { useUIContext as se } from "../../../../../ui/context/context.js";
+import ne from "../../../../../ui/text/text.js";
+import re from "../../../../milestone-resources/resources-list/resources-list.js";
+import ae from "../../../../milestone-tests/test-list-v2/test-list-container.js";
+import { getGoalCategoryBasedColorTheme as ie } from "../milestone-utils.js";
+import { NoPlanCardWrapper as le, TabsWrapper as ce, TabsText as de, TabComponentWrapper as me } from "./milestone-tabs-styled.js";
+const Ae = Q(function(h) {
+  var k;
   const {
-    goalCategory: k,
-    isDraftMilestone: r,
-    isGoalCreation: I,
-    isMilestoneActive: l,
+    goalCategory: M,
+    isDraftMilestone: a,
+    isGoalCreation: S,
+    isMilestoneActive: d,
     userMilestoneId: e,
-    chapters: c,
-    userType: d,
-    canUpdatePlan: m,
-    studentId: h,
-    milestoneState: M,
-    milestonePermissions: R,
-    activeMilestoneId: p,
-    activeTabId: $
-  } = u, {
-    onAddChapter: x,
-    onAssignResources: w,
-    onChapterClick: P,
-    onCreateMilestoneTest: U,
-    onNodeAttempt: j,
-    onNodeView: E,
-    onNodeReview: S,
-    onNodeReattempt: C,
-    onNodeReset: W,
-    onNodeUnassign: _,
-    onNodeAssignAsHomework: T,
-    onTestPreview: y,
-    onTestReview: B,
-    onTestStart: D,
-    onWidgetTabSelection: a,
-    onCardClick: F
-  } = u, { visible_tabs: g } = R, { onEvent: f } = Q(), { backgroundColor: G } = te(k, r), b = {
+    chapters: m,
+    userType: p,
+    canUpdatePlan: b,
+    studentId: C,
+    milestoneState: x,
+    milestonePermissions: w,
+    activeMilestoneId: u,
+    activeTabId: E,
+    selectedTabName: o,
+    isTrialSession: i
+  } = h, {
+    onAddChapter: P,
+    onAssignResources: U,
+    onChapterClick: j,
+    onCreateMilestoneTest: W,
+    onNodeAttempt: _,
+    onNodeView: y,
+    onNodeReview: B,
+    onNodeReattempt: f,
+    onNodeReset: D,
+    onNodeUnassign: F,
+    onNodeAssignAsHomework: g,
+    onTestPreview: G,
+    onTestReview: O,
+    onTestStart: H,
+    onWidgetTabSelection: l,
+    onCardClick: L
+  } = h, { visible_tabs: N } = w, { onEvent: v } = se(), { backgroundColor: V } = ie(M, a), T = {
     chapters: {
       label: "Chapters",
       component: /* @__PURE__ */ t(
-        K,
+        oe,
         {
           milestoneId: e,
-          chapters: c,
-          userType: d,
-          isGoalCreation: I,
-          onChapterClick: P,
-          onAddChapter: x,
-          canUpdatePlan: !!(M !== "DRAFT" && m),
-          isMilestoneActive: l
+          chapters: m,
+          userType: p,
+          isGoalCreation: S,
+          onChapterClick: j,
+          onAddChapter: P,
+          canUpdatePlan: !!(x !== "DRAFT" && b),
+          isMilestoneActive: d
         }
       )
     },
     tests: {
       label: "Tests",
       component: /* @__PURE__ */ t(
-        ee,
+        ae,
         {
-          isDraftMilestone: r,
-          isChaptersAvailable: c.length > 0,
-          isMilestoneActive: l,
-          studentId: h,
+          isDraftMilestone: a,
+          isChaptersAvailable: m.length > 0,
+          isMilestoneActive: d,
+          studentId: C,
           userMilestoneId: e,
-          userType: d,
-          canUpdatePlan: m,
-          onCreateMilestoneTest: U,
-          onNodeReattempt: C,
-          onTestPreview: y,
-          onTestStart: D,
-          onTestReview: B,
-          onNodeAssignAsHomework: T,
-          onCardClick: F
+          userType: p,
+          canUpdatePlan: b,
+          onCreateMilestoneTest: W,
+          onNodeReattempt: f,
+          onTestPreview: G,
+          onTestStart: H,
+          onTestReview: O,
+          onNodeAssignAsHomework: g,
+          isTrialSession: i,
+          onCardClick: L
         }
       )
     },
     resources: {
       label: "Resources",
       component: /* @__PURE__ */ t(
-        Z,
+        re,
         {
-          isDraftMilestone: r,
-          isMilestoneActive: l,
+          isDraftMilestone: a,
+          isMilestoneActive: d,
           userMilestoneId: e,
-          canUpdatePlan: m,
-          studentId: h,
-          userType: d,
-          onAssignResources: w,
-          onNodeAttempt: j,
-          onNodeView: E,
-          onNodeReview: S,
-          onNodeReattempt: C,
-          onNodeReset: W,
-          onNodeUnassign: _,
-          onNodeAssignAsHomework: T
+          canUpdatePlan: b,
+          studentId: C,
+          userType: p,
+          onAssignResources: U,
+          onNodeAttempt: _,
+          onNodeView: y,
+          onNodeReview: B,
+          onNodeReattempt: f,
+          onNodeReset: D,
+          onNodeUnassign: F,
+          onNodeAssignAsHomework: g,
+          isTrialSession: i
         }
       )
     }
-  }, n = (g ?? []).length === 0 ? Object.entries(b) : Object.entries(b).filter(
-    ([o]) => (g ?? []).includes(o.toUpperCase())
-  ), [i, O] = z(
-    e === p ? $ : ((v = n == null ? void 0 : n[0]) == null ? void 0 : v[0]) || "chapters"
-  ), H = J(
-    (o, s) => {
-      if (p === e && o === i) return null;
-      O(o), a == null || a(e, o), f("clicked", {
-        cta: s,
+  }, n = (N ?? []).length === 0 || i ? Object.entries(T) : Object.entries(T).filter(
+    ([s]) => (N ?? []).includes(s.toUpperCase())
+  ), X = e === u ? E : ((k = n == null ? void 0 : n[0]) == null ? void 0 : k[0]) || "chapters", [c, A] = Y(
+    o ?? X
+  ), R = Z(o);
+  ee(() => {
+    o && o !== R.current && (R.current = o, A(o));
+  }, [o]);
+  const q = te(
+    (s, r) => {
+      if (u === e && s === c) return null;
+      A(s), l == null || l(e, s), v("clicked", {
+        cta: r,
         milestone_id: e
       });
     },
-    [p, e, i, a, f]
+    [u, e, c, l, v]
   );
-  return r && c.length === 0 ? /* @__PURE__ */ t(oe, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ t(Y, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : /* @__PURE__ */ V(X, { children: [
-    /* @__PURE__ */ t(ne, { $backgroundColor: G, $frames: n.length, children: n.map((o) => {
-      const [s, L] = o, { label: A } = L, N = s === i;
+  return a && m.length === 0 ? /* @__PURE__ */ t(le, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ t(ne, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : /* @__PURE__ */ J(K, { children: [
+    /* @__PURE__ */ t(ce, { $backgroundColor: V, $frames: n.length, children: n.map((s) => {
+      const [r, z] = s, { label: $ } = z, I = r === c;
       return /* @__PURE__ */ t(
-        se,
+        de,
         {
-          $renderAs: N ? "ub3-bold" : "ub3",
+          $renderAs: I ? "ub3-bold" : "ub3",
           $align: "center",
-          $selected: N,
-          onClick: () => H(s, A),
-          children: A
+          $selected: I,
+          onClick: () => q(r, $),
+          children: $
         },
-        s
+        r
       );
     }) }),
-    /* @__PURE__ */ t(re, { children: b[i].component })
+    /* @__PURE__ */ t(me, { $isTrialSession: i, children: T[c].component })
   ] });
 });
 export {
-  Ce as default
+  Ae 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, 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 { IMilestoneTabConfig, IMilestoneTabsProps } 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  } = 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 = {\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  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      <Styled.TabComponentWrapper>\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","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onCardClick","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","Styled.TabComponentWrapper"],"mappings":";;;;;;;;;AAWA,MAAMA,KAAyCC,EAAK,SAAuBC,GAAO;;AAC1E,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAb,GACE;AAAA,IACJ,cAAAc;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAA7B,GACE,EAAE,cAAc8B,EAAgB,IAAAnB,GAChC,EAAE,SAASoB,EAAW,IAAIC,EAAa,GAEvC,EAAE,iBAAAC,EAAoB,IAAAC,GAA+BjC,GAAcC,CAAgB,GAEnFiC,IAAkC;AAAA,IACtC,UAAU;AAAA,MACR,OAAO;AAAA,MACP,WACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAahC;AAAA,UACb,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,gBAAAJ;AAAA,UACA,gBAAAa;AAAA,UACA,cAAAF;AAAA,UACA,eAAe,GAAQJ,MAAmB,WAAWF;AAAA,UACrD,mBAAAJ;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,WACE,gBAAAgC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAApC;AAAA,UACA,qBAAqBI,EAAS,SAAS;AAAA,UACvC,mBAAAF;AAAA,UACA,WAAAK;AAAA,UACA,iBAAAJ;AAAA,UACA,UAAAE;AAAA,UACA,eAAAC;AAAA,UACA,uBAAAS;AAAA,UACA,iBAAAI;AAAA,UACA,eAAAI;AAAA,UACA,aAAAE;AAAA,UACA,cAAAD;AAAA,UACA,wBAAAF;AAAA,UACA,aAAAK;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,WACE,gBAAAO;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAArC;AAAA,UACA,mBAAAE;AAAA,UACA,iBAAAC;AAAA,UACA,eAAAG;AAAA,UACA,WAAAC;AAAA,UACA,UAAAF;AAAA,UACA,mBAAAQ;AAAA,UACA,eAAAG;AAAA,UACA,YAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,aAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,wBAAAC;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EAAA,GAGIgB,KACHV,KAAe,CAAA,GAAI,WAAW,IAC3B,OAAO,QAAQK,CAAU,IACzB,OAAO,QAAQA,CAAU,EAAE;AAAA,IAAO,CAAC,CAACM,CAAO,OACxCX,KAAe,CAAI,GAAA,SAASW,EAAQ,aAAa;AAAA,EAAA,GAEpD,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC5CvC,MAAoBO,IAAoBC,MAAcgC,IAAAL,KAAA,gBAAAA,EAAoB,OAApB,gBAAAK,EAAyB,OAAM;AAAA,EAAA,GAGjFC,IAAkBC;AAAA,IACtB,CAACN,GAAoCO,MAAqB;AACxD,UAAIpC,MAAsBP,KAAmBoC,MAAYC,EAAwB,QAAA;AAEjF,MAAAC,EAAmBF,CAAO,GAE1Bb,KAAA,QAAAA,EAAuBvB,GAAiBoC,IAExCV,EAAW,WAAW;AAAA,QACpB,KAAKiB;AAAA,QACL,cAAc3C;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAACO,GAAmBP,GAAiBqC,GAAiBd,GAAsBG,CAAU;AAAA,EAAA;AAGpF,SAAA7B,KAAoBI,EAAS,WAAW,IAEvC,gBAAA8B,EAAAa,IAAA,EAAyB,UAAU,GAAG,aAAY,WACjD,UAAA,gBAAAb,EAACc,KAAK,WAAU,OAAM,QAAO,OAAM,0CAEnC,EACF,CAAA,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAhB,EAAAiB,IAAA,EAAmB,kBAAkBpB,GAAiB,SAASO,EAAkB,QAC/E,UAAkBA,EAAA,IAAI,CAAac,MAAA;AAC5B,YAAA,CAACb,GAASc,CAAO,IAAID,GACrB,EAAE,OAAAE,EAAU,IAAAD,GACZE,IAAahB,MAAYC;AAG7B,aAAA,gBAAAN;AAAA,QAACsB;AAAAA,QAAA;AAAA,UACC,WAAWD,IAAa,aAAa;AAAA,UACrC,QAAO;AAAA,UAEP,WAAWA;AAAA,UACX,SAAS,MAAMX,EAAgBL,GAAsCe,CAAK;AAAA,UAEzE,UAAAA;AAAA,QAAA;AAAA,QAJIf;AAAA,MAAA;AAAA,IAOV,CAAA,GACH;AAAA,sBAECkB,IAAA,EACE,UAAWxB,EAAAO,CAA0C,EAAE,WAC1D;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"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, 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    isTrialSession,\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 = {\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          isTrialSession={isTrialSession}\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          isTrialSession={isTrialSession}\n        />\n      ),\n    },\n  };\n\n  const filteredTabConfig =\n    (visibleTabs ?? []).length === 0 || isTrialSession\n      ? Object.entries(TAB_CONFIG)\n      : Object.entries(TAB_CONFIG).filter(([tabName]) =>\n          (visibleTabs ?? []).includes(tabName.toUpperCase()),\n        );\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  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 TMilestoneTabName, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      <Styled.TabComponentWrapper $isTrialSession={isTrialSession}>\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","isTrialSession","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onCardClick","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","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,134 +1,153 @@
-import { jsxs as te, jsx as o } from "react/jsx-runtime";
-import { memo as ne, useState as se, useCallback as f, useEffect as ae } from "react";
-import ie from "../../../../ui/layout/flex-view.js";
-import re from "./milestone-info.js";
-import de from "./milestone-tabs/milestone-tabs.js";
-import { getGoalCategoryBasedColorTheme as le } from "./milestone-utils.js";
-import { MainContainer as ce, Wrapper as me, ContentWrapper as pe, Content as ge } from "./milestone-widget-styled.js";
-const Ne = ne(function(h) {
-  const { milestone: s, studentId: a, isMilestoneActive: i, ...T } = h, {
-    isStudentPresent: A,
-    isClassOngoing: M,
-    userType: r,
-    studentName: E,
-    parentName: N,
-    teacherName: x,
-    courseStream: _,
-    activeMilestoneId: d,
-    activeTabId: b,
-    isTrialSession: D,
-    onAddOutcome: I,
-    onChapterClick: W,
-    onEdit: k,
-    onCreateMilestoneTest: w,
-    onDraftPublish: P,
-    onAddChapter: R,
-    onAssignResources: S,
-    onNodeAttempt: $,
-    onNodeView: v,
-    onNodeReview: y,
-    onNodeReattempt: O,
-    onNodeReset: B,
-    onNodeUnassign: G,
-    onNodeAssignAsHomework: V,
-    onWidgetTabSelection: F,
+import { jsxs as re, jsx as s } from "react/jsx-runtime";
+import { memo as ce, useState as pe, useCallback as c, useEffect as N } from "react";
+import me from "../../../../ui/layout/flex-view.js";
+import le from "./milestone-info.js";
+import ue from "./milestone-tabs/milestone-tabs.js";
+import { getGoalCategoryBasedColorTheme as ge } from "./milestone-utils.js";
+import { MainContainer as Ce, Wrapper as Ee, ContentWrapper as fe, Content as xe } from "./milestone-widget-styled.js";
+const We = ce(function(b) {
+  const {
+    milestone: p,
+    studentId: m,
+    isMilestoneActive: l,
+    state: e,
+    onStateChange: n,
+    ..._
+  } = b, {
+    isStudentPresent: w,
+    isClassOngoing: D,
+    userType: u,
+    studentName: W,
+    parentName: k,
+    teacherName: v,
+    courseStream: I,
+    activeMilestoneId: g,
+    activeTabId: P,
+    isTrialSession: C,
+    onAddOutcome: R,
+    onChapterClick: $,
+    onEdit: O,
+    onCreateMilestoneTest: y,
+    onDraftPublish: M,
+    onAddChapter: B,
+    onAssignResources: G,
+    onNodeAttempt: V,
+    onNodeView: F,
+    onNodeReview: U,
+    onNodeReattempt: j,
+    onNodeReset: X,
+    onNodeUnassign: H,
+    onNodeAssignAsHomework: Y,
+    onWidgetTabSelection: t,
     //* Test sheet callbacks
-    onTestPreview: U,
-    onTestReview: j,
-    onTestStart: X,
-    onCardClick: H,
-    milestoneType: Y
-  } = T, {
-    id: l,
-    user_milestone_plan: c,
-    outcome_data: q,
-    milestone_state: t,
-    permissions: m,
-    goal_code: p,
-    goal_category: g
-  } = s, [u, n] = se(
-    i && t === "ACTIVE" || Y === "DRAFT"
-  ), z = !!c, { can_update_plan: J } = m, { outcomes: K } = q || {}, { user_chapters: L = [] } = c || {}, Q = f(() => {
-    n((e) => !e);
-  }, []), C = t === "DRAFT", Z = t === "OUTCOME_ADDED", { backgroundColor: ee } = le(
-    g,
-    C
-  ), oe = f(() => {
-    n((e) => !e);
-  }, [n]);
-  return ae(() => {
-    const e = document.getElementById(`milestone-${d}`);
-    e && e.scrollIntoView();
-  }, []), /* @__PURE__ */ te(ce, { id: `milestone-${l}`, children: [
-    /* @__PURE__ */ o(
-      me,
+    onTestPreview: q,
+    onTestReview: z,
+    onTestStart: J,
+    onCardClick: K,
+    milestoneType: L
+  } = _, {
+    id: a,
+    user_milestone_plan: E,
+    outcome_data: Q,
+    milestone_state: i,
+    permissions: f,
+    goal_code: x,
+    goal_category: T
+  } = p, Z = l && i === "ACTIVE" || L === "DRAFT", [d, r] = pe(
+    (e == null ? void 0 : e.isExpanded) ?? Z
+  ), S = !!E, { can_update_plan: ee } = f, { outcomes: oe } = Q || {}, { user_chapters: ne = [] } = E || {}, se = c(() => {
+    r((o) => !o);
+  }, []), h = i === "DRAFT", te = i === "OUTCOME_ADDED", { backgroundColor: ae } = ge(
+    T,
+    h
+  ), ie = c(() => {
+    const o = !d;
+    r(o), n == null || n(a, { isExpanded: o });
+  }, [d, n, a]);
+  N(() => {
+    (e == null ? void 0 : e.isExpanded) !== void 0 && r(e.isExpanded);
+  }, [e == null ? void 0 : e.isExpanded]);
+  const de = c(
+    (o, A) => {
+      n == null || n(o, { selectedTab: A }), t == null || t(o, A);
+    },
+    [n, t]
+  );
+  return N(() => {
+    const o = document.getElementById(`milestone-${g}`);
+    o && o.scrollIntoView();
+  }, []), /* @__PURE__ */ re(Ce, { id: `milestone-${a}`, children: [
+    /* @__PURE__ */ s(
+      Ee,
       {
-        onClick: oe,
-        $background: ee,
+        onClick: ie,
+        $background: ae,
         $gapX: 1.5,
         $borderColor: "GREY_2",
-        children: /* @__PURE__ */ o(ie, { $flexGapX: p ? 1.5 : 1, children: /* @__PURE__ */ o(
-          re,
+        children: /* @__PURE__ */ s(me, { $flexGapX: x ? 1.5 : 1, children: /* @__PURE__ */ s(
+          le,
           {
-            milestone: s,
-            onEdit: k,
-            isExpanded: u,
-            toggleExpand: Q,
-            userType: r,
-            isClassOngoing: M,
-            isStudentPresent: A,
-            onAddOutcome: I,
-            studentId: a,
-            studentName: E,
-            teacherName: x ?? "",
-            parentName: N ?? "",
-            onDraftPublish: P,
-            courseStream: _,
-            outcomes: K,
-            isTrialSession: D
+            milestone: p,
+            onEdit: O,
+            isExpanded: d,
+            toggleExpand: se,
+            userType: u,
+            isClassOngoing: D,
+            isStudentPresent: w,
+            onAddOutcome: R,
+            studentId: m,
+            studentName: W,
+            teacherName: v ?? "",
+            parentName: k ?? "",
+            onDraftPublish: M,
+            courseStream: I,
+            outcomes: oe,
+            isTrialSession: C
           }
         ) })
       }
     ),
-    /* @__PURE__ */ o(pe, { $expanded: u, children: /* @__PURE__ */ o(ge, { children: /* @__PURE__ */ o(
-      de,
+    /* @__PURE__ */ s(fe, { $expanded: d, children: /* @__PURE__ */ s(xe, { children: /* @__PURE__ */ s(
+      ue,
       {
-        goalCategory: g,
-        isGoalCreation: !!p,
-        isDraftMilestone: C,
-        isOutcomeAdded: Z,
-        isMilestoneActive: i,
-        isPlanAvailable: z,
-        userMilestoneId: l,
-        chapters: L,
-        userType: r,
-        canUpdatePlan: J,
-        milestoneState: t,
-        studentId: a,
-        onAddChapter: R,
-        onAssignResources: S,
-        onChapterClick: W,
-        onCreateMilestoneTest: w,
-        onTestPreview: U,
-        onTestReview: j,
-        onTestStart: X,
-        onNodeAttempt: $,
-        onNodeView: v,
-        onNodeReview: y,
-        onNodeReattempt: O,
-        onNodeReset: B,
-        onNodeUnassign: G,
-        onNodeAssignAsHomework: V,
-        milestonePermissions: m,
-        activeMilestoneId: d,
-        activeTabId: b,
-        onWidgetTabSelection: F,
-        onCardClick: H
+        goalCategory: T,
+        isGoalCreation: !!x,
+        isDraftMilestone: h,
+        isOutcomeAdded: te,
+        isMilestoneActive: l,
+        isPlanAvailable: S,
+        userMilestoneId: a,
+        chapters: ne,
+        userType: u,
+        canUpdatePlan: ee,
+        milestoneState: i,
+        studentId: m,
+        onAddChapter: B,
+        onAssignResources: G,
+        onChapterClick: $,
+        onCreateMilestoneTest: y,
+        onTestPreview: q,
+        onTestReview: z,
+        onTestStart: J,
+        onNodeAttempt: V,
+        onNodeView: F,
+        onNodeReview: U,
+        onNodeReattempt: j,
+        onNodeReset: X,
+        onNodeUnassign: H,
+        onNodeAssignAsHomework: Y,
+        milestonePermissions: f,
+        activeMilestoneId: g,
+        activeTabId: P,
+        onWidgetTabSelection: de,
+        selectedTabName: e == null ? void 0 : e.selectedTab,
+        isTrialSession: C,
+        onCardClick: K
       }
     ) }) })
   ] });
 });
 export {
-  Ne as default
+  We 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 { 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 { milestone, studentId, isMilestoneActive, ...restMilestoneWidgetProps } = props;\n  const {\n    isStudentPresent,\n    isClassOngoing,\n    userType,\n    studentName,\n    parentName,\n    teacherName,\n    courseStream,\n    activeMilestoneId,\n    activeTabId,\n    isTrialSession,\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  } = 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 [widgetExpanded, setWidgetExpanded] = useState(\n    (isMilestoneActive && milestoneState === 'ACTIVE') || milestoneType === 'DRAFT',\n  );\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(prev => !prev);\n  }, [setWidgetExpanded]);\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            isTrialSession={isTrialSession}\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            onWidgetTabSelection={onWidgetTabSelection}\n            onCardClick={onCardClick}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","activeMilestoneId","activeTabId","isTrialSession","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","onCardClick","milestoneType","milestoneId","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","widgetExpanded","setWidgetExpanded","useState","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","goalBackgroundColor","getGoalCategoryBasedColorTheme","handleOnWidgetExpand","useEffect","$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    state: controlledMilestoneState,\n    onStateChange,\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    isTrialSession,\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  } = 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(\n    controlledMilestoneState?.isExpanded ?? defaultExpanded,\n  );\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    const newExpanded = !widgetExpanded;\n\n    setWidgetExpanded(newExpanded);\n\n    onStateChange?.(milestoneId, { isExpanded: newExpanded });\n  }, [widgetExpanded, onStateChange, milestoneId]);\n\n  useEffect(() => {\n    if (controlledMilestoneState?.isExpanded !== undefined) {\n      setWidgetExpanded(controlledMilestoneState.isExpanded);\n    }\n  }, [controlledMilestoneState?.isExpanded]);\n\n  const handleOnWidgetTabSelection = useCallback(\n    (selectedMilestoneId: string, tabName: TMilestoneTabName) => {\n      onStateChange?.(selectedMilestoneId, { selectedTab: tabName });\n      onWidgetTabSelection?.(selectedMilestoneId, tabName);\n    },\n    [onStateChange, 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            isTrialSession={isTrialSession}\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            onWidgetTabSelection={handleOnWidgetTabSelection}\n            selectedTabName={controlledMilestoneState?.selectedTab as TMilestoneTabName}\n            isTrialSession={isTrialSession}\n            onCardClick={onCardClick}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","controlledMilestoneState","onStateChange","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","activeMilestoneId","activeTabId","isTrialSession","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","onCardClick","milestoneType","milestoneId","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","defaultExpanded","widgetExpanded","setWidgetExpanded","useState","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","goalBackgroundColor","getGoalCategoryBasedColorTheme","handleOnWidgetExpand","newExpanded","useEffect","handleOnWidgetTabSelection","selectedMilestoneId","tabName","$element","Styled.MainContainer","jsx","Styled.Wrapper","FlexView","MilestoneInfoWrapper","Styled.ContentWrapper","Styled.Content","MilestoneTabs"],"mappings":"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"}