@cuemath/leap 2.8.61-as13 → 2.8.61-as15

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

@@ -8,37 +8,37 @@ 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 g;
+  var f;
   const {
-    goalCategory: N,
+    goalCategory: A,
     isDraftMilestone: r,
-    isGoalCreation: A,
+    isGoalCreation: I,
     isMilestoneActive: l,
     userMilestoneId: e,
     chapters: c,
     userType: d,
     canUpdatePlan: m,
     studentId: u,
-    milestoneState: I,
-    milestonePermissions: R,
+    milestoneState: R,
+    milestonePermissions: $,
     activeMilestoneId: p,
-    activeTabId: $
+    activeTabId: k
   } = h, {
-    onAddChapter: k,
-    onAssignResources: M,
-    onChapterClick: x,
-    onCreateMilestoneTest: P,
-    onNodeAttempt: U,
-    onNodeView: j,
-    onNodeReview: w,
-    onNodeReattempt: E,
+    onAddChapter: M,
+    onAssignResources: x,
+    onChapterClick: P,
+    onCreateMilestoneTest: U,
+    onNodeAttempt: j,
+    onNodeView: w,
+    onNodeReview: E,
+    onNodeReattempt: C,
     onNodeReset: S,
     onNodeUnassign: W,
     onTestPreview: _,
     onTestReview: y,
     onTestStart: B,
     onWidgetTabSelection: a
-  } = h, { visible_tabs: C } = R, { onEvent: T } = J(), { backgroundColor: D } = Z(N, r), b = {
+  } = h, { visible_tabs: T } = $, { onEvent: g } = J(), { backgroundColor: D } = Z(A, r), b = {
     chapters: {
       label: "Chapters",
       component: /* @__PURE__ */ t(
@@ -47,10 +47,10 @@ const be = V((h) => {
           milestoneId: e,
           chapters: c,
           userType: d,
-          isGoalCreation: A,
-          onChapterClick: x,
-          onAddChapter: k,
-          canUpdatePlan: !!(I !== "DRAFT" && m),
+          isGoalCreation: I,
+          onChapterClick: P,
+          onAddChapter: M,
+          canUpdatePlan: !!(R !== "DRAFT" && m),
           isMilestoneActive: l
         }
       )
@@ -67,7 +67,8 @@ const be = V((h) => {
           userMilestoneId: e,
           userType: d,
           canUpdatePlan: m,
-          onCreateMilestoneTest: P,
+          onCreateMilestoneTest: U,
+          onNodeReattempt: C,
           onTestPreview: _,
           onTestStart: B,
           onTestReview: y
@@ -85,41 +86,41 @@ const be = V((h) => {
           canUpdatePlan: m,
           studentId: u,
           userType: d,
-          onAssignResources: M,
-          onNodeAttempt: U,
-          onNodeView: j,
-          onNodeReview: w,
-          onNodeReattempt: E,
+          onAssignResources: x,
+          onNodeAttempt: j,
+          onNodeView: w,
+          onNodeReview: E,
+          onNodeReattempt: C,
           onNodeReset: S,
           onNodeUnassign: W
         }
       )
     }
-  }, s = (C ?? []).length === 0 ? Object.entries(b) : Object.entries(b).filter(
-    ([o]) => (C ?? []).includes(o.toUpperCase())
+  }, s = (T ?? []).length === 0 ? Object.entries(b) : Object.entries(b).filter(
+    ([o]) => (T ?? []).includes(o.toUpperCase())
   ), [i, F] = X(
-    e === p ? $ : ((g = s == null ? void 0 : s[0]) == null ? void 0 : g[0]) || "chapters"
+    e === p ? k : ((f = s == null ? void 0 : s[0]) == null ? void 0 : f[0]) || "chapters"
   ), G = q(
     (o, n) => {
       if (p === e && o === i) return null;
-      F(o), a == null || a(e, o), T("clicked", {
+      F(o), a == null || a(e, o), g("clicked", {
         cta: n,
         milestone_id: e
       });
     },
-    [p, e, i, a, T]
+    [p, e, i, a, g]
   );
   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: f } = O, v = n === i;
+      const [n, O] = o, { label: v } = O, N = n === i;
       return /* @__PURE__ */ t(
         oe,
         {
-          $renderAs: v ? "ub3-bold" : "ub3",
+          $renderAs: N ? "ub3-bold" : "ub3",
           $align: "center",
-          $selected: v,
-          onClick: () => G(n, f),
-          children: f
+          $selected: N,
+          onClick: () => G(n, v),
+          children: v
         },
         n
       );

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import type { IMilestoneTabConfig, IMilestoneTabsProps } from './milestone-tabs-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/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          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":"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"}
+{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import type { IMilestoneTabConfig, IMilestoneTabsProps } from './milestone-tabs-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/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":"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"}

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js

@@ -1,19 +1,19 @@
-import { jsxs as E, jsx as t } from "react/jsx-runtime";
-import { h as $ } from "../../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as C } from "react";
-import S from "../../../../assets/line-icons/icons/plus2.js";
-import A from "../../../homework/homework-card.js";
-import N from "../../../ui/buttons/icon-button/icon-button.js";
-import w from "../../../ui/layout/flex-view.js";
-import { MILESTONE_WIDGET_MIN_HEIGHT as x } from "../../constants.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as y } from "../tests-creation/tests-creation-analytics-events.js";
-import { TestSheetItemWrapper as O, IconContainer as b, IconButtonCover as g } from "./test-list-view-styled.js";
-const j = (e) => {
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { h as S } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as x } from "react";
+import A from "../../../../assets/line-icons/icons/plus2.js";
+import N from "../../../homework/homework-card.js";
+import w from "../../../ui/buttons/icon-button/icon-button.js";
+import O from "../../../ui/layout/flex-view.js";
+import { MILESTONE_WIDGET_MIN_HEIGHT as g } from "../../constants.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as j } from "../tests-creation/tests-creation-analytics-events.js";
+import { TestSheetItemWrapper as y, IconContainer as H, IconButtonCover as M } from "./test-list-view-styled.js";
+const R = (e) => {
   const o = /* @__PURE__ */ new Set();
   return e == null || e.forEach((r) => {
     o.add(r.chapter_name);
   }), Array.from(o).join(", ");
-}, G = C(
+}, V = x(
   ({
     milestoneId: e,
     studentId: o,
@@ -22,49 +22,50 @@ const j = (e) => {
     onCreateNewTest: m,
     isMilestoneActive: c,
     canUpdatedPlan: d,
-    ...p
-  }) => /* @__PURE__ */ E(
-    w,
+    ...l
+  }) => /* @__PURE__ */ C(
+    O,
     {
-      $height: x,
+      $height: g,
       $position: "relative",
       $justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ t(O, { children: r.map((s, a) => {
+        /* @__PURE__ */ t(y, { children: r.map((s, a) => {
           const {
-            items: l,
-            node_id: h,
-            sheet_time: T,
+            items: p,
+            node_id: T,
+            sheet_time: h,
             total_questions: n,
-            worksheet_id: f
-          } = s, u = Math.ceil((T || 0) / 60), I = j(l), _ = `${typeof n == "number" ? `${n} ${$.pluralize(n, "Question")}, ` : ""}${u} Mins`;
+            worksheet_id: u,
+            is_timed: _
+          } = s, f = Math.ceil((h || 0) / 60), I = R(p), E = _ ? `${f} Mins` : "", $ = `${n ? `${n} ${S.pluralize(n, "Question")}` : ""} ${E}`;
           return /* @__PURE__ */ t(
-            A,
+            N,
             {
               userType: i,
               header: I,
-              subHeader: _,
+              subHeader: $,
               nodeData: s,
               renderAs: "milestone",
               shouldOpenOnRight: (a + 1) % 3 === 0,
-              ...p
+              ...l
             },
-            `${f}_${h}_${a}`
+            `${u}_${T}_${a}`
           );
         }) }),
         i === "TEACHER" && d && /* @__PURE__ */ t(
-          b,
+          H,
           {
             $flexDirection: "row",
             $justifyContent: "flex-end",
             $gapX: 1,
             $gutterX: 1,
-            children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
-              N,
+            children: /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
+              w,
               {
-                Icon: S,
+                Icon: A,
                 renderAs: "secondary",
-                analyticsLabel: y.CUSTOM_TEST_CREATION_STARTED,
+                analyticsLabel: j.CUSTOM_TEST_CREATION_STARTED,
                 onClick: m,
                 disabled: !c,
                 analyticsProps: {
@@ -79,6 +80,6 @@ const j = (e) => {
   )
 );
 export {
-  G as default
+  V as default
 };
 //# sourceMappingURL=test-list-view.js.map

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import type { TNodeDataTestItemsDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestSheetsList } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport HomeworkCard from '../../../homework/homework-card';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport * as Styled from './test-list-view-styled';\n\nconst getTopicNameFromItems = (items?: TNodeDataTestItemsDataProps[]) => {\n  const topics = new Set<string>();\n\n  items?.forEach(item => {\n    topics.add(item.chapter_name);\n  });\n\n  return Array.from(topics).join(', ');\n};\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(\n  ({\n    milestoneId,\n    studentId,\n    sheets,\n    userType,\n    onCreateNewTest,\n    isMilestoneActive,\n    canUpdatedPlan,\n    ...sheetCallbacks\n  }) => {\n    return (\n      <FlexView\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n        $position=\"relative\"\n        $justifyContent=\"space-between\"\n      >\n        <Styled.TestSheetItemWrapper>\n          {sheets.map((sheet, idx) => {\n            const {\n              items,\n              node_id: nodeId,\n              sheet_time: sheetTime,\n              total_questions: totalQuestions,\n              worksheet_id: worksheetId,\n            } = sheet;\n            const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n            const testChapterName = getTopicNameFromItems(items);\n            const subHeader = `${\n              typeof totalQuestions === 'number'\n                ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, `\n                : ''\n            }${totalSheetTime} Mins`;\n\n            return (\n              <HomeworkCard\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                userType={userType}\n                header={testChapterName}\n                subHeader={subHeader}\n                nodeData={sheet}\n                renderAs=\"milestone\"\n                shouldOpenOnRight={(idx + 1) % 3 === 0}\n                {...sheetCallbacks}\n              />\n            );\n          })}\n        </Styled.TestSheetItemWrapper>\n\n        {userType === 'TEACHER' && canUpdatedPlan && (\n          <Styled.IconContainer\n            $flexDirection=\"row\"\n            $justifyContent=\"flex-end\"\n            $gapX={1}\n            $gutterX={1}\n          >\n            <Styled.IconButtonCover>\n              <IconButton\n                Icon={Plus2Icon}\n                renderAs=\"secondary\"\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                onClick={onCreateNewTest}\n                disabled={!isMilestoneActive}\n                analyticsProps={{\n                  milestone_id: milestoneId,\n                }}\n              />\n            </Styled.IconButtonCover>\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default TestSheetsList;\n"],"names":["getTopicNameFromItems","items","topics","item","TestSheetsList","memo","milestoneId","studentId","sheets","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","jsx","Styled.TestSheetItemWrapper","sheet","idx","nodeId","sheetTime","totalQuestions","worksheetId","totalSheetTime","testChapterName","subHeader","pluralize","HomeworkCard","Styled.IconContainer","Styled.IconButtonCover","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAACC,MAA0C;AACjE,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM,EAAE,KAAK,IAAI;AACrC,GAEME,IAAsCC;AAAA,EAC1C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MAGD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASC;AAAA,MACT,WAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACE,YAAO,IAAI,CAACC,GAAOC,MAAQ;AACpB,gBAAA;AAAA,YACJ,OAAAnB;AAAA,YACA,SAASoB;AAAA,YACT,YAAYC;AAAA,YACZ,iBAAiBC;AAAA,YACjB,cAAcC;AAAA,UACZ,IAAAL,GACEM,IAAiB,KAAK,MAAMH,KAAa,KAAK,EAAE,GAChDI,IAAkB1B,EAAsBC,CAAK,GAC7C0B,IAAY,GAChB,OAAOJ,KAAmB,WACtB,GAAGA,CAAc,IAAIK,EAAA,UAAUL,GAAgB,UAAU,CAAC,OAC1D,EACN,GAAGE,CAAc;AAGf,iBAAA,gBAAAR;AAAA,YAACY;AAAA,YAAA;AAAA,cAEC,UAAApB;AAAA,cACA,QAAQiB;AAAA,cACR,WAAAC;AAAA,cACA,UAAUR;AAAA,cACV,UAAS;AAAA,cACT,oBAAoBC,IAAM,KAAK,MAAM;AAAA,cACpC,GAAGP;AAAA,YAAA;AAAA,YAPC,GAAGW,CAAW,IAAIH,CAAM,IAAID,CAAG;AAAA,UAAA;AAAA,QAUzC,CAAA,GACH;AAAA,QAECX,MAAa,aAAaG,KACzB,gBAAAK;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YAEV,UAAA,gBAAAb,EAACc,GAAA,EACC,UAAA,gBAAAd;AAAA,cAACe;AAAA,cAAA;AAAA,gBACC,MAAMC;AAAA,gBACN,UAAS;AAAA,gBACT,gBAAgBC,EAAgC;AAAA,gBAChD,SAASxB;AAAA,gBACT,UAAU,CAACC;AAAA,gBACX,gBAAgB;AAAA,kBACd,cAAcL;AAAA,gBAChB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}
+{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import type { TNodeDataTestItemsDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestSheetsList } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport HomeworkCard from '../../../homework/homework-card';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport * as Styled from './test-list-view-styled';\n\nconst getTopicNameFromItems = (items?: TNodeDataTestItemsDataProps[]) => {\n  const topics = new Set<string>();\n\n  items?.forEach(item => {\n    topics.add(item.chapter_name);\n  });\n\n  return Array.from(topics).join(', ');\n};\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(\n  ({\n    milestoneId,\n    studentId,\n    sheets,\n    userType,\n    onCreateNewTest,\n    isMilestoneActive,\n    canUpdatedPlan,\n    ...sheetCallbacks\n  }) => {\n    return (\n      <FlexView\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n        $position=\"relative\"\n        $justifyContent=\"space-between\"\n      >\n        <Styled.TestSheetItemWrapper>\n          {sheets.map((sheet, idx) => {\n            const {\n              items,\n              node_id: nodeId,\n              sheet_time: sheetTime,\n              total_questions: totalQuestions,\n              worksheet_id: worksheetId,\n              is_timed: isTimed,\n            } = sheet;\n            const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n            const testChapterName = getTopicNameFromItems(items);\n            const sheetTimeText = isTimed ? `${totalSheetTime} Mins` : '';\n            const totalQuestionsText = totalQuestions\n              ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}`\n              : '';\n            const subHeader = `${totalQuestionsText} ${sheetTimeText}`;\n\n            return (\n              <HomeworkCard\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                userType={userType}\n                header={testChapterName}\n                subHeader={subHeader}\n                nodeData={sheet}\n                renderAs=\"milestone\"\n                shouldOpenOnRight={(idx + 1) % 3 === 0}\n                {...sheetCallbacks}\n              />\n            );\n          })}\n        </Styled.TestSheetItemWrapper>\n\n        {userType === 'TEACHER' && canUpdatedPlan && (\n          <Styled.IconContainer\n            $flexDirection=\"row\"\n            $justifyContent=\"flex-end\"\n            $gapX={1}\n            $gutterX={1}\n          >\n            <Styled.IconButtonCover>\n              <IconButton\n                Icon={Plus2Icon}\n                renderAs=\"secondary\"\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                onClick={onCreateNewTest}\n                disabled={!isMilestoneActive}\n                analyticsProps={{\n                  milestone_id: milestoneId,\n                }}\n              />\n            </Styled.IconButtonCover>\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default TestSheetsList;\n"],"names":["getTopicNameFromItems","items","topics","item","TestSheetsList","memo","milestoneId","studentId","sheets","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","jsx","Styled.TestSheetItemWrapper","sheet","idx","nodeId","sheetTime","totalQuestions","worksheetId","isTimed","totalSheetTime","testChapterName","sheetTimeText","subHeader","pluralize","HomeworkCard","Styled.IconContainer","Styled.IconButtonCover","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAACC,MAA0C;AACjE,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM,EAAE,KAAK,IAAI;AACrC,GAEME,IAAsCC;AAAA,EAC1C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MAGD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASC;AAAA,MACT,WAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACE,YAAO,IAAI,CAACC,GAAOC,MAAQ;AACpB,gBAAA;AAAA,YACJ,OAAAnB;AAAA,YACA,SAASoB;AAAA,YACT,YAAYC;AAAA,YACZ,iBAAiBC;AAAA,YACjB,cAAcC;AAAA,YACd,UAAUC;AAAA,UACR,IAAAN,GACEO,IAAiB,KAAK,MAAMJ,KAAa,KAAK,EAAE,GAChDK,IAAkB3B,EAAsBC,CAAK,GAC7C2B,IAAgBH,IAAU,GAAGC,CAAc,UAAU,IAIrDG,IAAY,GAHSN,IACvB,GAAGA,CAAc,IAAIO,EAAU,UAAAP,GAAgB,UAAU,CAAC,KAC1D,EACmC,IAAIK,CAAa;AAGtD,iBAAA,gBAAAX;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,UAAAtB;AAAA,cACA,QAAQkB;AAAA,cACR,WAAAE;AAAA,cACA,UAAUV;AAAA,cACV,UAAS;AAAA,cACT,oBAAoBC,IAAM,KAAK,MAAM;AAAA,cACpC,GAAGP;AAAA,YAAA;AAAA,YAPC,GAAGW,CAAW,IAAIH,CAAM,IAAID,CAAG;AAAA,UAAA;AAAA,QAUzC,CAAA,GACH;AAAA,QAECX,MAAa,aAAaG,KACzB,gBAAAK;AAAA,UAACe;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YAEV,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACC,MAAMC;AAAA,gBACN,UAAS;AAAA,gBACT,gBAAgBC,EAAgC;AAAA,gBAChD,SAAS1B;AAAA,gBACT,UAAU,CAACC;AAAA,gBACX,gBAAgB;AAAA,kBACd,cAAcL;AAAA,gBAChB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

package/dist/features/sheet-v2/resource-list/resource-list.js

@@ -1,51 +1,39 @@
-import { jsx as s } from "react/jsx-runtime";
-import { h as p } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as c } from "react";
-import u from "styled-components";
-import l from "../../homework/homework-card.js";
-import f from "../../ui/layout/flex-view.js";
-const h = u.div`
+import { jsx as t } from "react/jsx-runtime";
+import { h as f } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as $ } from "react";
+import x from "styled-components";
+import _ from "../../homework/homework-card.js";
+import g from "../../ui/layout/flex-view.js";
+const w = x.div`
   display: grid;
   grid-template-columns: repeat(3, 200px);
   grid-gap: 32px;
   justify-content: center;
   padding: 32px 0;
-`, E = (r) => {
+`, R = ({ sheets: r, userType: n, ...m }) => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(w, { children: r.map((o, s) => {
   const {
-    sheet_time: t,
-    node_type: o,
+    title: d,
+    node_id: a,
+    worksheet_id: p,
+    is_timed: l,
+    sheet_time: c,
     total_questions: e
-  } = r || {};
-  switch (o) {
-    case "ASSESSMENT":
-    case "MASTERY":
-    case "DYNAMIC":
-      return `${typeof e == "number" ? `${e} ${p.pluralize(e, "Question")}, ${t ? `${t / 60} min` : ""}` : ""}`;
-    case "PUZZLE_EASY":
-    case "PUZZLE_HARD":
-    case "PUZZLE_MEDIUM":
-    case "PUZZLE":
-      return "";
-    default:
-      return "";
-  }
-}, _ = ({ sheets: r, userType: t, ...o }) => /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(h, { children: r.map((e, n) => {
-  const { title: i, node_id: a, worksheet_id: d } = e, m = E(e);
-  return /* @__PURE__ */ s(
-    l,
+  } = o, u = Math.ceil((c || 0) / 60), i = e ? `${e} ${f.pluralize(e, "Question")}` : "", h = l ? `${i} ${u} Mins` : i;
+  return /* @__PURE__ */ t(
+    _,
     {
-      header: i,
-      subHeader: m,
-      userType: t,
-      nodeData: e,
+      header: d,
+      subHeader: h,
+      userType: n,
+      nodeData: o,
       renderAs: "milestone",
-      shouldOpenOnRight: (n + 1) % 3 === 0,
-      ...o
+      shouldOpenOnRight: (s + 1) % 3 === 0,
+      ...m
     },
-    `${d}_${a}_${n}`
+    `${p}_${a}_${s}`
   );
-}) }) }), y = c(_);
+}) }) }), j = $(R);
 export {
-  y as default
+  j as default
 };
 //# sourceMappingURL=resource-list.js.map

package/dist/features/sheet-v2/resource-list/resource-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-list.js","sources":["../../../../src/features/sheet-v2/resource-list/resource-list.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nconst getSubHeader = (sheet: INodeDataProps) => {\n  const {\n    sheet_time: sheetTime,\n    node_type: nodeType,\n    total_questions: totalQuestions,\n  } = sheet || {};\n\n  switch (nodeType) {\n    case 'ASSESSMENT':\n    case 'MASTERY':\n    case 'DYNAMIC':\n      return `${\n        typeof totalQuestions === 'number'\n          ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, ${\n              sheetTime ? `${sheetTime / 60} min` : ''\n            }`\n          : ''\n      }`;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_HARD':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE':\n      return '';\n    default:\n      return '';\n  }\n};\n\nconst ResourcesList: FC<IResourcesListProps> = ({ sheets, userType, ...sheetCallBacks }) => (\n  <FlexView>\n    <ResourceItemListWrapper>\n      {sheets.map((sheet, idx) => {\n        const { title, node_id: nodeId, worksheet_id: worksheetId } = sheet;\n        const subHeader = getSubHeader(sheet);\n\n        return (\n          <HomeworkCard\n            key={`${worksheetId}_${nodeId}_${idx}`}\n            header={title}\n            subHeader={subHeader}\n            userType={userType}\n            nodeData={sheet}\n            renderAs=\"milestone\"\n            shouldOpenOnRight={(idx + 1) % 3 === 0}\n            {...sheetCallBacks}\n          />\n        );\n      })}\n    </ResourceItemListWrapper>\n  </FlexView>\n);\n\nexport default memo(ResourcesList);\n"],"names":["ResourceItemListWrapper","styled","getSubHeader","sheet","sheetTime","nodeType","totalQuestions","pluralize","ResourcesList","sheets","userType","sheetCallBacks","jsx","FlexView","idx","title","nodeId","worksheetId","subHeader","HomeworkCard","ResourcesList$1","memo"],"mappings":";;;;;;AAWA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAe,CAACC,MAA0B;AACxC,QAAA;AAAA,IACJ,YAAYC;AAAA,IACZ,WAAWC;AAAA,IACX,iBAAiBC;AAAA,EAAA,IACfH,KAAS,CAAA;AAEb,UAAQE,GAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,GACL,OAAOC,KAAmB,WACtB,GAAGA,CAAc,IAAIC,YAAUD,GAAgB,UAAU,CAAC,KACxDF,IAAY,GAAGA,IAAY,EAAE,SAAS,EACxC,KACA,EACN;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMI,IAAyC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAe,MACnF,gBAAAC,EAAAC,GAAA,EACC,4BAACb,GACE,EAAA,UAAAS,EAAO,IAAI,CAACN,GAAOW,MAAQ;AAC1B,QAAM,EAAE,OAAAC,GAAO,SAASC,GAAQ,cAAcC,EAAgB,IAAAd,GACxDe,IAAYhB,EAAaC,CAAK;AAGlC,SAAA,gBAAAS;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,QAAQJ;AAAA,MACR,WAAAG;AAAA,MACA,UAAAR;AAAA,MACA,UAAUP;AAAA,MACV,UAAS;AAAA,MACT,oBAAoBW,IAAM,KAAK,MAAM;AAAA,MACpC,GAAGH;AAAA,IAAA;AAAA,IAPC,GAAGM,CAAW,IAAID,CAAM,IAAIF,CAAG;AAAA,EAAA;AAU1C,CAAC,GACH,EACF,CAAA,GAGaM,IAAAC,EAAKb,CAAa;"}
+{"version":3,"file":"resource-list.js","sources":["../../../../src/features/sheet-v2/resource-list/resource-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nconst ResourcesList: FC<IResourcesListProps> = ({ sheets, userType, ...sheetCallBacks }) => (\n  <FlexView>\n    <ResourceItemListWrapper>\n      {sheets.map((sheet, idx) => {\n        const {\n          title,\n          node_id: nodeId,\n          worksheet_id: worksheetId,\n          is_timed: isTimed,\n          sheet_time: sheetTime,\n          total_questions: totalQuestions,\n        } = sheet;\n        const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n        const totalQuestionsText = totalQuestions\n          ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}`\n          : '';\n        const subHeader = isTimed\n          ? `${totalQuestionsText} ${totalSheetTime} Mins`\n          : totalQuestionsText;\n\n        return (\n          <HomeworkCard\n            key={`${worksheetId}_${nodeId}_${idx}`}\n            header={title}\n            subHeader={subHeader}\n            userType={userType}\n            nodeData={sheet}\n            renderAs=\"milestone\"\n            shouldOpenOnRight={(idx + 1) % 3 === 0}\n            {...sheetCallBacks}\n          />\n        );\n      })}\n    </ResourceItemListWrapper>\n  </FlexView>\n);\n\nexport default memo(ResourcesList);\n"],"names":["ResourceItemListWrapper","styled","ResourcesList","sheets","userType","sheetCallBacks","jsx","FlexView","sheet","idx","title","nodeId","worksheetId","isTimed","sheetTime","totalQuestions","totalSheetTime","totalQuestionsText","pluralize","subHeader","HomeworkCard","ResourcesList$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAyC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAe,MACnF,gBAAAC,EAAAC,GAAA,EACC,4BAACP,GACE,EAAA,UAAAG,EAAO,IAAI,CAACK,GAAOC,MAAQ;AACpB,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,SAASC;AAAA,IACT,cAAcC;AAAA,IACd,UAAUC;AAAA,IACV,YAAYC;AAAA,IACZ,iBAAiBC;AAAA,EACf,IAAAP,GACEQ,IAAiB,KAAK,MAAMF,KAAa,KAAK,EAAE,GAChDG,IAAqBF,IACvB,GAAGA,CAAc,IAAIG,EAAU,UAAAH,GAAgB,UAAU,CAAC,KAC1D,IACEI,IAAYN,IACd,GAAGI,CAAkB,IAAID,CAAc,UACvCC;AAGF,SAAA,gBAAAX;AAAA,IAACc;AAAA,IAAA;AAAA,MAEC,QAAQV;AAAA,MACR,WAAAS;AAAA,MACA,UAAAf;AAAA,MACA,UAAUI;AAAA,MACV,UAAS;AAAA,MACT,oBAAoBC,IAAM,KAAK,MAAM;AAAA,MACpC,GAAGJ;AAAA,IAAA;AAAA,IAPC,GAAGO,CAAW,IAAID,CAAM,IAAIF,CAAG;AAAA,EAAA;AAU1C,CAAC,GACH,EACF,CAAA,GAGaY,IAAAC,EAAKpB,CAAa;"}

package/dist/index.d.ts

@@ -2184,6 +2184,8 @@ export declare interface INodeDataProps {
     unlocked_on_ts: number | null;
     items?: TNodeDataTestItemsDataProps[];
     user_milestone_id?: string;
+    user_attempt_id: string | null;
+    subtext: string | null;
 }
 
 declare interface INodePermissions {
@@ -2993,6 +2995,7 @@ declare interface ITestsListProps {
     isDraftMilestone?: boolean;
     isChaptersAvailable?: boolean;
     canUpdatePlan?: boolean;
+    onNodeReattempt?: (sheetData: INodeDataProps, milestoneId?: string) => void;
     onTestPreview?: (sheetData: INodeDataProps, milestoneId: string) => void;
     onTestStart?: (sheetData: INodeDataProps) => void;
     onTestReview?: (sheetData: INodeDataProps, milestoneId: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.61-as13",
+  "version": "2.8.61-as15",
   "type": "module",
   "files": [
     "dist"