npm - @cuemath/leap - Versions diffs - 3.0.10 → 3.0.11-akm-2 - Mend

@cuemath/leap 3.0.10 → 3.0.11-akm-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

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

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

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

	@@ -1 +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/test-list-v2/test-list-container';\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 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 onTestPreview,\n onTestReview,\n onTestStart,\n onWidgetTabSelection,\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 />\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 />\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","onTestPreview","onTestReview","onTestStart","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","Styled.TabComponentWrapper"],"mappings":";;;;;;;;;AAaM,MAAAA,KAAyCC,EAAK,CAASC,MAAA;;AACrD,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,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC;AAAA,EACE,~~IAAA3B~~,GACE,EAAE,~~cAAc4B~~,EAAgB,~~IAAAjB~~,GAChC,EAAE,~~SAASkB~~,EAAW,IAAIC,EAAa,GAEvC,EAAE,iBAAAC,EAAoB,IAAAC,~~EAA~~+~~B/B~~,GAAcC,CAAgB,~~GAEnF+B~~,IAAkC;AAAA,IACtC,UAAU;AAAA,MACR,OAAO;AAAA,MACP,WACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,~~aAAa9B~~;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,~~gBAAA8B~~;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,~~kBAAAlC~~;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,~~eAAAG~~;AAAA,UACA,aAAAE;AAAA,UACA,cAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,WACE,~~gBAAAS~~;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,~~kBAAAnC~~;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,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EAAA,GAGIe,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,~~IAC5CrC~~,MAAoBO,IAAoBC,~~MAAc8B~~,IAAAL,KAAA,gBAAAA,EAAoB,OAApB,gBAAAK,EAAyB,OAAM;AAAA,EAAA,GAGjFC,IAAkBC;AAAA,IACtB,CAACN,GAAoCO,MAAqB;AACxD,~~UAAIlC~~,MAAsBP,~~KAAmBkC~~,MAAYC,EAAwB,QAAA;AAEjF,MAAAC,EAAmBF,CAAO,GAE1BZ,KAAA,QAAAA,~~EAAuBtB~~,~~GAAiBkC~~,IAExCV,EAAW,WAAW;AAAA,QACpB,KAAKiB;AAAA,QACL,~~cAAczC~~;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAACO,GAAmBP,~~GAAiBmC~~,GAAiBb,GAAsBE,CAAU;AAAA,EAAA;AAGpF,~~SAAA3B~~,KAAoBI,EAAS,WAAW,IAEvC,~~gBAAA4B~~,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;"}
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/test-list-v2/test-list-container';\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 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 } = 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 />\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","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":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import type { IMilestoneWidgetProps } from './milestone-widget-types';\n\nimport React, { memo, useCallback, useEffect, useState } 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';\n\nconst MilestoneWidget: React.FC<IMilestoneWidgetProps> = memo(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 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 onWidgetTabSelection,\n //* Test sheet callbacks\n onTestPreview,\n onTestReview,\n onTestStart,\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 />\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 milestonePermissions={milestonePermissions}\n activeMilestoneId={activeMilestoneId}\n activeTabId={activeTabId}\n onWidgetTabSelection={onWidgetTabSelection}\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","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","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":";;;;;;;AAUM,MAAAA,KAAmDC,GAAK,CAASC,MAAA;AACrE,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,GAAGC,EAA6B,IAAAJ,GAC3E;AAAA,IACJ,kBAAAK;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,sBAAAC;AAAA;AAAA,IAEA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,EACE,~~IAAA3B~~,GAEE;AAAA,IACJ,~~IAAI4B~~;AAAA,IACJ,qBAAqBC;AAAA,IACrB,cAAcC;AAAA,IACd,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,eAAeC;AAAA,EACb,~~IAAArC~~,GAEE,~~CAACsC~~,GAAgBC,CAAiB,IAAIC;AAAA,~~IACzCtC~~,~~KAAqBgC~~,MAAmB,YAAaJ,MAAkB;AAAA,EAAA,GAGpEW,IAAkB,EAAQT,GAE1B,EAAE,iBAAiBU,EAAkB,IAAAP,GACrC,EAAE,UAAAQ,EAAA,IAAaV,KAAe,IAE9B,EAAE,eAAeW,IAAe,CAAG,EAAA,IAAIZ,KAAqB,CAAA,GAE5Da,IAAeC,EAAY,MAAM;AACnB,IAAAP,EAAA,CAAAQ,MAAQ,CAACA,CAAI;AAAA,EACjC,GAAG,CAAE,CAAA,GAECC,IAAmBd,MAAmB,SACtCe,IAAiBf,MAAmB,iBAEpC,EAAE,iBAAiBgB,EAAA,IAAwBC;AAAA,IAC/Cd;AAAA,IACAW;AAAA,EAAA,GAGII,IAAuBN,EAAY,MAAM;AAC3B,IAAAP,EAAA,CAAAQ,MAAQ,CAACA,CAAI;AAAA,EAAA,GAC9B,CAACR,CAAiB,CAAC;AAEtB,SAAAc,GAAU,MAAM;AACd,UAAMC,IAAW,SAAS,eAAe,~~aAAa3C~~,CAAiB,EAAE;AAEzE,~~IAAI2C~~,KACFA,EAAS,eAAe;AAAA,EAK5B,GAAG,CAAE,CAAA,~~qBAGFC~~,IAAA,EAAqB,IAAI,aAAaxB,CAAW,IAChD,UAAA;AAAA,IAAA,gBAAAyB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAASL;AAAA,QACT,aAAaF;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QAEb,UAAC,gBAAAM,EAAAE,IAAA,EAAS,WAAWtB,IAAW,MAAM,GACpC,UAAA,gBAAAoB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,~~WAAA3D~~;AAAA,YACA,QAAAe;AAAA,YACA,~~YAAYuB~~;AAAA,YACZ,cAAAO;AAAA,YACA,~~UAAAvC~~;AAAA,YACA,gBAAAD;AAAA,YACA,kBAAAD;AAAA,YACA,cAAAS;AAAA,YACA,WAAAZ;AAAA,YACA,aAAAM;AAAA,YACA,aAAaE,KAAe;AAAA,YAC5B,YAAYD,KAAc;AAAA,YAC1B,gBAAAS;AAAA,YACA,cAAAP;AAAA,YACA,~~UAAAiC~~;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IACF;AAAA,IAEA,gBAAAa,EAACI,IAAA,EAAsB,WAAWtB,GAChC,UAAA,gBAAAkB,EAACK,IAAA,EACC,UAAA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,cAAAzB;AAAA,QACA,gBAAgB,CAAC,CAACD;AAAA,QAClB,kBAAAY;AAAA,QACA,gBAAAC;AAAA,QACA,~~mBAAA/C~~;AAAA,QACA,~~iBAAAuC~~;AAAA,QACA,iBAAiBV;AAAA,QACjB,UAAUa;AAAA,QACV,~~UAAAtC~~;AAAA,QACA,~~eAAAoC~~;AAAA,QACA,gBAAAR;AAAA,QACA,~~WAAAjC~~;AAAA,QACA,cAAAiB;AAAA,QACA,mBAAAC;AAAA,QACA,gBAAAL;AAAA,QACA,uBAAAE;AAAA,QACA,~~eAAAW~~;AAAA,QACA,cAAAC;AAAA,QACA,aAAAC;AAAA,QACA,~~eAAAT~~;AAAA,QACA,YAAAC;AAAA,QACA,cAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,sBAAAU;AAAA,QACA,~~mBAAAxB~~;AAAA,QACA,aAAAC;AAAA,QACA,~~sBAAAc~~;AAAA,MAAA;AAAA,OAEJ,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
1	+ {"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import type { IMilestoneWidgetProps } from './milestone-widget-types';\n\nimport React, { memo, useCallback, useEffect, useState } 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';\n\nconst MilestoneWidget: React.FC<IMilestoneWidgetProps> = memo(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 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 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 />\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 />\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","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","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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"}

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

@@ -1,21 +1,21 @@
-import { jsx as a, jsxs as C, Fragment as re } from "react/jsx-runtime";
-import { h as ae } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as le, useMemo as Se, useState as u, useCallback as me, useEffect as p } from "react";
-import { ILLUSTRATIONS as Te } from "../../../assets/illustrations/illustrations.js";
+import { jsx as a, jsxs as C, Fragment as ae } from "react/jsx-runtime";
+import { h as le } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as Se, useMemo as me, useState as u, useCallback as Te, useEffect as p } from "react";
+import { ILLUSTRATIONS as ce } from "../../../assets/illustrations/illustrations.js";
 import { EVENTS as e } from "../../communication/pub-sub/constants.js";
-import { useInClassActionListener as ce } from "../../communication/pub-sub/hooks.js";
+import { useInClassActionListener as de } from "../../communication/pub-sub/hooks.js";
 import { invalidateHomeworks as f } from "../../homework/hw-card-list/api/get-homeworks.js";
-import de from "../../ui/separator/separator.js";
-import { invalidateMilestoneResources as _e } from "./api/get-milestone-resources.js";
-import { useGetAllMilestonesdata as Ne, invalidateMilestonesData as Ae } from "./api/get-milestones.js";
-import { invalidateTestHelpData as Me } from "./api/get-tests-list.js";
-import De from "./filter-milestones.js";
-import Ie from "./milestone-list/milestone-list.js";
-import Le from "./milestone-list/milestone-loader/milestone-loader.js";
-import { ContentWrapper as Re, LoaderWrapper as Oe } from "./styled.js";
-const Ce = (d) => {
-  Ae(d);
-}, ue = le(
+import _e from "../../ui/separator/separator.js";
+import { invalidateMilestoneResources as Ne } from "./api/get-milestone-resources.js";
+import { useGetAllMilestonesdata as Ae, invalidateMilestonesData as Me } from "./api/get-milestones.js";
+import { invalidateTestHelpData as De } from "./api/get-tests-list.js";
+import Ie from "./filter-milestones.js";
+import Le from "./milestone-list/milestone-list.js";
+import Re from "./milestone-list/milestone-loader/milestone-loader.js";
+import { ContentWrapper as Oe, LoaderWrapper as Ce } from "./styled.js";
+const ue = (d) => {
+  Me(d);
+}, pe = Se(
   ({ studentName: d, studentId: l, studentClassroomId: h, ...v }) => {
     const {
       milestoneType: s,
@@ -26,8 +26,8 @@ const Ce = (d) => {
       teacherName: G,
       parentName: g,
       courseStream: N,
-      activeMilestoneId: F,
-      activeTabId: w,
+      activeMilestoneId: w,
+      activeTabId: F,
       onExpandPastMilestones: V,
       onAddOutcome: x,
       onChapterClick: b,
@@ -47,8 +47,9 @@ const Ce = (d) => {
       onTestPreview: Y,
       onTestReview: Z,
       onTestStart: ee,
-      onWidgetTabSelection: te
-    } = v, n = Se(
+      onWidgetTabSelection: te,
+      onNodeAssignAsHomework: oe
+    } = v, n = me(
       () => ({
         milestone_state_group: s === "ACTIVE" ? _ === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : s,
         course_stream: N,
@@ -60,21 +61,21 @@ const Ce = (d) => {
       getAll: m,
       isStale: M,
       isProcessing: S
-    } = Ne(n), [D, I] = u(), [L, R] = u(!1), oe = me(
+    } = Ae(n), [D, I] = u(), [L, R] = u(!1), se = Te(
       (T) => {
         const { searchText: i, selectedBoard: E, selectedGrade: r } = T || {};
         (i || E || r) && R(!0);
         const c = o == null ? void 0 : o.filter((t) => {
-          const { milestone_name: ne, board: ie, grade: Ee } = t || {};
-          return (i ? ne.toLowerCase().includes(i.toLowerCase()) : !0) && (E ? ie === E : !0) && (r ? Ee === r : !0);
+          const { milestone_name: ie, board: Ee, grade: re } = t || {};
+          return (i ? ie.toLowerCase().includes(i.toLowerCase()) : !0) && (E ? Ee === E : !0) && (r ? re === r : !0);
         });
         I(c);
       },
       [o]
-    ), se = () => {
+    ), ne = () => {
       R(!1), I(void 0);
     };
-    if (ce(
+    if (de(
       {
         studentClassroomId: h,
         actions: [
@@ -108,13 +109,13 @@ const Ce = (d) => {
           )) == null ? void 0 : c.eventPayload;
           if (i) {
             const { milestoneId: t } = i || {};
-            f(l), _e(t);
+            f(l), Ne(t);
           }
           if (E) {
             const { milestoneId: t } = E;
-            f(l), Me(t);
+            f(l), De(t);
           }
-          Ce(n);
+          ue(n);
         }
       },
       (s === "ACTIVE" || s === "INACTIVE") && A
@@ -123,24 +124,24 @@ const Ce = (d) => {
     }, [m, n]), p(() => {
       !S && M && m(n);
     }, [m, n, M, S]), S && !o)
-      return /* @__PURE__ */ a(Le, { numMilestones: 2 });
+      return /* @__PURE__ */ a(Re, { numMilestones: 2 });
     const O = s === "ACTIVE" && o && o.length > 6;
-    return /* @__PURE__ */ C(Re, { $disablePointerEvents: S, children: [
-      S && /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ a("img", { src: Te.LOADER_1, alt: "loading" }) }),
-      O && /* @__PURE__ */ C(re, { children: [
+    return /* @__PURE__ */ C(Oe, { $disablePointerEvents: S, children: [
+      S && /* @__PURE__ */ a(Ce, { children: /* @__PURE__ */ a("img", { src: ce.LOADER_1, alt: "loading" }) }),
+      O && /* @__PURE__ */ C(ae, { children: [
         /* @__PURE__ */ a(
-          De,
+          Ie,
           {
             filteredMilestones: D,
             milestones: o,
-            handleFilterMilestones: oe,
-            handleClearFilter: se
+            handleFilterMilestones: se,
+            handleClearFilter: ne
           }
         ),
-        /* @__PURE__ */ a(de, { heightX: 1.5 })
+        /* @__PURE__ */ a(_e, { heightX: 1.5 })
       ] }),
       /* @__PURE__ */ a(
-        Ie,
+        Le,
         {
           showFilters: !!O,
           canCreatePlan: U,
@@ -168,11 +169,12 @@ const Ce = (d) => {
           onNodeReattempt: B,
           onNodeReset: J,
           onNodeUnassign: Q,
-          activeMilestoneId: F,
-          activeTabId: w,
+          onNodeAssignAsHomework: oe,
+          activeMilestoneId: w,
+          activeTabId: F,
           onWidgetTabSelection: te,
           studentId: l,
-          studentName: ae.titleCase(d),
+          studentName: le.titleCase(d),
           teacherName: G,
           parentName: g,
           userType: _,
@@ -181,8 +183,8 @@ const Ce = (d) => {
       )
     ] });
   }
-), je = ue;
+), Xe = pe;
 export {
-  je as default
+  Xe as default
 };
 //# sourceMappingURL=milestone-list-container.js.map