@cuemath/leap 2.8.61-as1 → 2.8.61-as11

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

@@ -5,7 +5,7 @@ import V from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
 import v from "../../../../ui/image/image.js";
 import r from "../../../../ui/layout/flex-view.js";
 import U from "../../../../ui/separator/separator.js";
-import s from "../../../../ui/text/text.js";
+import a from "../../../../ui/text/text.js";
 import Y from "./goals/goal-action-ctas.js";
 import { GOAL_CATEGORY_BASED_IMAGES as q } from "./milestone-constants.js";
 import { getRemainingDaysToCompleteGoal as z, getGoalCategoryBasedColorTheme as J, getMilestoneWidgetStatusInfo as Q } from "./milestone-utils.js";
@@ -32,7 +32,7 @@ const ue = X(
       goal_category: l,
       goal_code: g,
       progress_stat: S
-    } = d, { completed: p = 0, total: k = 0 } = S || {}, h = i === "OUTCOME_PENDING", a = p > 0 ? Math.floor((p / k || 1) * 100) : 0, o = j(null), [B, O] = H(!1), { textColor: N, borderColor: $ } = J(l), c = Q(i), R = (h ? c == null ? void 0 : c.progressBackgroundColor : $) || "WHITE_5", M = L(() => typeof g == "string", [g]), P = z(b);
+    } = d, { completed: p = 0, total: k = 0 } = S || {}, h = i === "OUTCOME_PENDING", s = p > 0 ? Math.floor((p / k || 1) * 100) : 0, o = j(null), [B, O] = H(!1), { textColor: N, borderColor: $ } = J(l), c = Q(i), R = (h ? c == null ? void 0 : c.progressBackgroundColor : $) || "WHITE_5", M = L(() => typeof g == "string", [g]), P = z(b);
     return F(() => {
       o.current && o.current.scrollHeight > o.current.clientHeight && O(!0);
     }, [o]), l ? /* @__PURE__ */ t(
@@ -40,7 +40,7 @@ const ue = X(
       {
         $flexDirection: "row",
         $justifyContent: "space-between",
-        $alignItems: "flex-start",
+        $alignItems: "center",
         $flexGapX: 1,
         children: [
           /* @__PURE__ */ t(r, { $flexDirection: "row", $flexGapX: 1.5, children: [
@@ -62,7 +62,7 @@ const ue = X(
                       {
                         $progressCircle: !0,
                         $progressBackground: "BLACK_1",
-                        $progress: a * 2,
+                        $progress: s * 2,
                         r: "31",
                         cx: "32",
                         cy: "32"
@@ -78,14 +78,14 @@ const ue = X(
                       height: 40
                     }
                   ) }),
-                  a === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { width: 20, height: 20 }) })
+                  s === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { width: 20, height: 20 }) })
                 ]
               }
             ),
             /* @__PURE__ */ t(r, { $flexGap: 16, children: [
               /* @__PURE__ */ t(r, { $flexGap: 4, children: [
                 /* @__PURE__ */ t(r, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: [
-                  /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: N, children: l.split("_").join(" ") }),
+                  /* @__PURE__ */ e(a, { $renderAs: "ac4-black", $color: N, children: l.split("_").join(" ") }),
                   h && /* @__PURE__ */ e(
                     r,
                     {
@@ -94,7 +94,7 @@ const ue = X(
                       $gutter: 4,
                       $alignItems: "center",
                       $background: R,
-                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
+                      children: /* @__PURE__ */ e(a, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
                     }
                   ),
                   i === "DRAFT" && /* @__PURE__ */ e(
@@ -105,7 +105,7 @@ const ue = X(
                       $gutter: 4,
                       $alignItems: "center",
                       $background: $,
-                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", children: "Draft" })
+                      children: /* @__PURE__ */ e(a, { $renderAs: "ac4", children: "Draft" })
                     }
                   )
                 ] }),
@@ -126,8 +126,8 @@ const ue = X(
                     )
                   }
                 ),
-                i !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
-                  a,
+                i !== "DRAFT" && s > 0 && /* @__PURE__ */ t(a, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+                  s,
                   "% complete",
                   P
                 ] })

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport {\n  getGoalCategoryBasedColorTheme,\n  getMilestoneWidgetStatusInfo,\n  getRemainingDaysToCompleteGoal,\n} from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const {\n      milestone,\n      studentId,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      outcomes,\n      onEdit,\n      onDraftPublish,\n      onAddOutcome,\n    } = restMilestoneInfoWrapperProps;\n\n    const {\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      milestone_state: milestoneState,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n      progress_stat: progressStat,\n    } = milestone;\n\n    const { completed = 0, total = 0 } = progressStat || {};\n    const isOutcomePending = milestoneState === 'OUTCOME_PENDING';\n    const progressCompletionPercentage =\n      completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n\n    const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n    const backgroundColor =\n      (isOutcomePending ? outcomeStatusInfo?.progressBackgroundColor : borderColor) || 'WHITE_5';\n\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n    const remainingDays = getRemainingDaysToCompleteGoal(dueDate);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    if (!goalCategory) return null;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"flex-start\"\n        $flexGapX={1}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n          <FlexView\n            $widthX={4}\n            $heightX={4}\n            $background=\"WHITE_T_38\"\n            $position=\"relative\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n            $borderRadiusX={2}\n          >\n            <Styled.ChapterProgressSVG width=\"64px\" height=\"64px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"31\" cx=\"32\" cy=\"32\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progressBackground=\"BLACK_1\"\n                $progress={progressCompletionPercentage * 2}\n                r=\"31\"\n                cx=\"32\"\n                cy=\"32\"\n              />\n            </Styled.ChapterProgressSVG>\n\n            <FlexView $widthX={4} $heightX={4} $justifyContent=\"center\" $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={40}\n                height={40}\n              />\n            </FlexView>\n\n            {progressCompletionPercentage === 100 && (\n              <Styled.StyledCheckIconWrapper>\n                <Check2Icon width={20} height={20} />\n              </Styled.StyledCheckIconWrapper>\n            )}\n          </FlexView>\n\n          <FlexView $flexGap={16}>\n            <FlexView $flexGap={4}>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n                <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                  {goalCategory.split('_').join(' ')}\n                </Text>\n\n                {isOutcomePending && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={backgroundColor}\n                  >\n                    <Text $renderAs=\"ac4\" $color=\"WHITE\">\n                      Outcome pending\n                    </Text>\n                  </FlexView>\n                )}\n\n                {milestoneState === 'DRAFT' && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={borderColor}\n                  >\n                    <Text $renderAs=\"ac4\">Draft</Text>\n                  </FlexView>\n                )}\n              </FlexView>\n\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                tooltipItem={milestoneName}\n                hidden={!showTitleTooltip}\n              >\n                <Styled.MilestoneTitle\n                  ref={titleTextRef}\n                  $renderAs={!isGoalCreation ? 'ah3' : 'ah4'}\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {milestoneState !== 'DRAFT' && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {progressCompletionPercentage}% complete{remainingDays}\n                </Text>\n              )}\n            </FlexView>\n\n            {outcomes?.length ? (\n              <>\n                <Separator width={40} height={1} background=\"BLACK_T_15\" />\n                <OutcomeWrapper outcomes={outcomes} />\n              </>\n            ) : undefined}\n          </FlexView>\n        </FlexView>\n\n        {userType === 'TEACHER' && (\n          <GoalActionCtas\n            milestone={milestone}\n            studentId={studentId}\n            studentName={studentName}\n            teacherName={teacherName ?? ''}\n            parentName={parentName ?? ''}\n            onAddOutcome={onAddOutcome}\n            isClassOngoing={Boolean(isClassOngoing)}\n            isStudentPresent={Boolean(isStudentPresent)}\n            onDraftPublish={onDraftPublish}\n            onEdit={onEdit}\n            courseStream={courseStream}\n          />\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","onEdit","onDraftPublish","onAddOutcome","milestoneName","dueDate","milestoneState","goalCategory","goalCode","progressStat","completed","total","isOutcomePending","progressCompletionPercentage","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","outcomeStatusInfo","getMilestoneWidgetStatusInfo","backgroundColor","isGoalCreation","useMemo","remainingDays","getRemainingDaysToCompleteGoal","useLayoutEffect","jsxs","FlexView","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":"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"}
+{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport {\n  getGoalCategoryBasedColorTheme,\n  getMilestoneWidgetStatusInfo,\n  getRemainingDaysToCompleteGoal,\n} from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const {\n      milestone,\n      studentId,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      outcomes,\n      onEdit,\n      onDraftPublish,\n      onAddOutcome,\n    } = restMilestoneInfoWrapperProps;\n\n    const {\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      milestone_state: milestoneState,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n      progress_stat: progressStat,\n    } = milestone;\n\n    const { completed = 0, total = 0 } = progressStat || {};\n    const isOutcomePending = milestoneState === 'OUTCOME_PENDING';\n    const progressCompletionPercentage =\n      completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n\n    const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n    const backgroundColor =\n      (isOutcomePending ? outcomeStatusInfo?.progressBackgroundColor : borderColor) || 'WHITE_5';\n\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n    const remainingDays = getRemainingDaysToCompleteGoal(dueDate);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    if (!goalCategory) return null;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n        $flexGapX={1}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n          <FlexView\n            $widthX={4}\n            $heightX={4}\n            $background=\"WHITE_T_38\"\n            $position=\"relative\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n            $borderRadiusX={2}\n          >\n            <Styled.ChapterProgressSVG width=\"64px\" height=\"64px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"31\" cx=\"32\" cy=\"32\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progressBackground=\"BLACK_1\"\n                $progress={progressCompletionPercentage * 2}\n                r=\"31\"\n                cx=\"32\"\n                cy=\"32\"\n              />\n            </Styled.ChapterProgressSVG>\n\n            <FlexView $widthX={4} $heightX={4} $justifyContent=\"center\" $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={40}\n                height={40}\n              />\n            </FlexView>\n\n            {progressCompletionPercentage === 100 && (\n              <Styled.StyledCheckIconWrapper>\n                <Check2Icon width={20} height={20} />\n              </Styled.StyledCheckIconWrapper>\n            )}\n          </FlexView>\n\n          <FlexView $flexGap={16}>\n            <FlexView $flexGap={4}>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n                <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                  {goalCategory.split('_').join(' ')}\n                </Text>\n\n                {isOutcomePending && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={backgroundColor}\n                  >\n                    <Text $renderAs=\"ac4\" $color=\"WHITE\">\n                      Outcome pending\n                    </Text>\n                  </FlexView>\n                )}\n\n                {milestoneState === 'DRAFT' && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={borderColor}\n                  >\n                    <Text $renderAs=\"ac4\">Draft</Text>\n                  </FlexView>\n                )}\n              </FlexView>\n\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                tooltipItem={milestoneName}\n                hidden={!showTitleTooltip}\n              >\n                <Styled.MilestoneTitle\n                  ref={titleTextRef}\n                  $renderAs={!isGoalCreation ? 'ah3' : 'ah4'}\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {milestoneState !== 'DRAFT' && progressCompletionPercentage > 0 && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {progressCompletionPercentage}% complete{remainingDays}\n                </Text>\n              )}\n            </FlexView>\n\n            {outcomes?.length ? (\n              <>\n                <Separator width={40} height={1} background=\"BLACK_T_15\" />\n                <OutcomeWrapper outcomes={outcomes} />\n              </>\n            ) : undefined}\n          </FlexView>\n        </FlexView>\n\n        {userType === 'TEACHER' && (\n          <GoalActionCtas\n            milestone={milestone}\n            studentId={studentId}\n            studentName={studentName}\n            teacherName={teacherName ?? ''}\n            parentName={parentName ?? ''}\n            onAddOutcome={onAddOutcome}\n            isClassOngoing={Boolean(isClassOngoing)}\n            isStudentPresent={Boolean(isStudentPresent)}\n            onDraftPublish={onDraftPublish}\n            onEdit={onEdit}\n            courseStream={courseStream}\n          />\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","onEdit","onDraftPublish","onAddOutcome","milestoneName","dueDate","milestoneState","goalCategory","goalCode","progressStat","completed","total","isOutcomePending","progressCompletionPercentage","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","outcomeStatusInfo","getMilestoneWidgetStatusInfo","backgroundColor","isGoalCreation","useMemo","remainingDays","getRemainingDaysToCompleteGoal","useLayoutEffect","jsxs","FlexView","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":"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"}

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

@@ -7,8 +7,8 @@ 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 b, IconContainer as j, IconButtonCover as H } from "./test-list-view-styled.js";
-const M = (e) => {
+import { TestSheetItemWrapper as O, IconContainer as b, IconButtonCover as g } from "./test-list-view-styled.js";
+const j = (e) => {
   const o = /* @__PURE__ */ new Set();
   return e == null || e.forEach((r) => {
     o.add(r.chapter_name);
@@ -19,10 +19,10 @@ const M = (e) => {
     studentId: o,
     sheets: r,
     userType: i,
-    onCreateNewTest: a,
-    isMilestoneActive: m,
-    canUpdatedPlan: c,
-    ...d
+    onCreateNewTest: m,
+    isMilestoneActive: c,
+    canUpdatedPlan: d,
+    ...p
   }) => /* @__PURE__ */ E(
     w,
     {
@@ -30,14 +30,14 @@ const M = (e) => {
       $position: "relative",
       $justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ t(b, { children: r.map((s, p) => {
+        /* @__PURE__ */ t(O, { children: r.map((s, a) => {
           const {
             items: l,
             node_id: h,
             sheet_time: T,
             total_questions: n,
             worksheet_id: f
-          } = s, u = Math.ceil((T || 0) / 60), I = M(l), _ = `${typeof n == "number" ? `${n} ${$.pluralize(n, "Question")}, ` : ""}${u} Mins`;
+          } = s, u = Math.ceil((T || 0) / 60), I = j(l), _ = `${typeof n == "number" ? `${n} ${$.pluralize(n, "Question")}, ` : ""}${u} Mins`;
           return /* @__PURE__ */ t(
             A,
             {
@@ -45,26 +45,28 @@ const M = (e) => {
               header: I,
               subHeader: _,
               nodeData: s,
-              ...d
+              renderAs: "milestone",
+              shouldOpenOnRight: (a + 1) % 3 === 0,
+              ...p
             },
-            `${f}_${h}_${p}`
+            `${f}_${h}_${a}`
           );
         }) }),
-        i === "TEACHER" && c && /* @__PURE__ */ t(
-          j,
+        i === "TEACHER" && d && /* @__PURE__ */ t(
+          b,
           {
             $flexDirection: "row",
             $justifyContent: "flex-end",
             $gapX: 1,
             $gutterX: 1,
-            children: /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
               N,
               {
                 Icon: S,
                 renderAs: "secondary",
                 analyticsLabel: y.CUSTOM_TEST_CREATION_STARTED,
-                onClick: a,
-                disabled: !m,
+                onClick: m,
+                disabled: !c,
                 analyticsProps: {
                   milestone_id: e
                 }

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                {...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,cACT,GAAGN;AAAA,YAAA;AAAA,YALC,GAAGW,CAAW,IAAIH,CAAM,IAAID,CAAG;AAAA,UAAA;AAAA,QAQzC,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            } = 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;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js

@@ -0,0 +1,10 @@
+const a = (r) => {
+  const o = /* @__PURE__ */ new Set();
+  return r == null || r.forEach((c) => {
+    o.add(c.chapter_name);
+  }), Array.from(o);
+};
+export {
+  a as getTopicsFromItems
+};
+//# sourceMappingURL=test-sheet-item-utils.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheet-item-utils.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.ts"],"sourcesContent":["import type {\n  TSheetButtonState,\n  TSheetButtonVariant,\n} from '../../../../../sheets/comps/sheet-button/types';\nimport type {\n  ISheetDataProps,\n  TTestHelpItemsDataProps,\n} from '../../../../../sheets/sheets-list/sheet-item/sheet-item-types';\n\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\n\nconst { COMPLETED } = SHEET_STATE;\n\ninterface IGetTestSheetCtaInfo {\n  (\n    state: ISheetDataProps['state'],\n    permissions: ISheetDataProps['permissions'],\n    isStudent: boolean,\n  ): {\n    state: TSheetButtonState | undefined;\n    renderAs: TSheetButtonVariant;\n    label: 'Start' | 'Resume' | 'View' | 'Review';\n  };\n}\n\nconst getTestCtaInfo: IGetTestSheetCtaInfo = (sheetState, permissions, isStudent) => {\n  const { can_start: canStart, can_resume: canResume } = permissions;\n\n  const isSheetCompleted =\n    sheetState === COMPLETED ||\n    IS_CHAPTER_COMPLETED_STATES.some(completedState => completedState === sheetState);\n\n  if (isStudent) {\n    if (canResume) {\n      return {\n        state: 'in_progress',\n        renderAs: 'primary',\n        label: 'Resume',\n      };\n    }\n\n    if (canStart) {\n      return {\n        state: undefined,\n        renderAs: 'primary',\n        label: 'Start',\n      };\n    }\n  }\n\n  if (isSheetCompleted) {\n    return {\n      state: 'completed',\n      renderAs: 'secondary_black',\n      label: 'Review',\n    };\n  }\n\n  return {\n    state: canResume ? 'in_progress' : undefined,\n    renderAs: 'primary',\n    label: 'View',\n  };\n};\n\nconst getTopicsFromItems = (items?: TTestHelpItemsDataProps[]) => {\n  const topics = new Set<string>();\n\n  items?.forEach(item => {\n    topics.add(item.chapter_name);\n  });\n\n  return Array.from(topics);\n};\n\nexport { getTopicsFromItems, getTestCtaInfo };\n"],"names":["getTopicsFromItems","items","topics","item"],"mappings":"AAkEM,MAAAA,IAAqB,CAACC,MAAsC;AAC1D,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM;AAC1B;"}

package/dist/features/recent-chapters/recent-chapters.js

@@ -1,40 +1,34 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { useCallback as f, useEffect as h } from "react";
-import C from "../chapters/chapters-list/chapter-item/chapter-item.js";
-import d from "../ui/layout/flex-view.js";
-import u from "../ui/text/text.js";
-import { useGetRecentChapters as x } from "./api/get-recent-chapters.js";
-import { ChaptersWrapper as g } from "./recent-chapters-styled.js";
-const R = ({
-  studentId: r,
-  courseStream: t,
-  userType: p,
-  onChapterClick: a
-}) => {
-  const { get: o, data: e, isProcessingFailed: m } = x(), i = f(() => {
+import { useCallback as c, useEffect as f } from "react";
+import h from "../chapters/chapters-list/chapter-item/chapter-item.js";
+import C from "../ui/layout/flex-view.js";
+import d from "../ui/text/text.js";
+import { useGetRecentChapters as u } from "./api/get-recent-chapters.js";
+import { ChaptersWrapper as x } from "./recent-chapters-styled.js";
+const g = ({ studentId: r, courseStream: t, onChapterClick: p }) => {
+  const { get: o, data: e, isProcessingFailed: a } = u(), i = c(() => {
     o(r, void 0, { courseStream: t });
   }, [t, o, r]);
-  return h(() => {
+  return f(() => {
     i();
-  }, [i]), m ? null : e && e.length > 0 ? /* @__PURE__ */ s(d, { $flexRowGapX: 1, children: [
-    /* @__PURE__ */ s(u, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+  }, [i]), a ? null : e && e.length > 0 ? /* @__PURE__ */ s(C, { $flexRowGapX: 1, children: [
+    /* @__PURE__ */ s(d, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Recent Chapters (",
       e == null ? void 0 : e.length,
       ")"
     ] }),
-    /* @__PURE__ */ l(g, { children: e.map((n, c) => /* @__PURE__ */ l(
-      C,
+    /* @__PURE__ */ l(x, { children: e.map((n, m) => /* @__PURE__ */ l(
+      h,
       {
-        userType: p,
         chapter: n,
-        onChapterClick: a,
-        itemIndex: c
+        onChapterClick: p,
+        itemIndex: m
       },
       n.id
     )) })
   ] }) : null;
-}, G = R;
+}, F = g;
 export {
-  G as default
+  F as default
 };
 //# sourceMappingURL=recent-chapters.js.map

package/dist/features/recent-chapters/recent-chapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({\n  studentId,\n  courseStream,\n  userType,\n  onChapterClick,\n}) => {\n  const { get: getChapters, data: chapterData, isProcessingFailed } = useGetRecentChapters();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters ({chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData.map((chapter, idx) => (\n            <ChapterItem\n              key={chapter.id}\n              userType={userType as 'TEACHER' | 'STUDENT'}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n            />\n          ))}\n        </Styled.ChaptersWrapper>\n      </FlexView>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","userType","onChapterClick","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","Text","jsx","Styled.ChaptersWrapper","chapter","idx","ChapterItem","RecentChapters$1"],"mappings":";;;;;;;AAoBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,KAAKC,GAAa,MAAMC,GAAa,oBAAAC,EAAA,IAAuBC,KAE9DC,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYJ,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcG,GAAaJ,CAAS,CAAC;AAMzC,SAJAU,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAEpBF,IACK,OAGLD,KAAeA,EAAY,SAAS,IAEpC,gBAAAM,EAACC,GAAS,EAAA,cAAc,GACtB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC5BR,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAS,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,UAAAhB;AAAA,QACA,SAAAc;AAAA,QACA,gBAAAb;AAAA,QACA,WAAWc;AAAA,MAAA;AAAA,MAJND,EAAQ;AAAA,IAMhB,CAAA,GACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAG,IAAepB;"}
+{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({ studentId, courseStream, onChapterClick }) => {\n  const { get: getChapters, data: chapterData, isProcessingFailed } = useGetRecentChapters();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters ({chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData.map((chapter, idx) => (\n            <ChapterItem\n              key={chapter.id}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n            />\n          ))}\n        </Styled.ChaptersWrapper>\n      </FlexView>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","onChapterClick","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","Text","jsx","Styled.ChaptersWrapper","chapter","idx","ChapterItem","RecentChapters$1"],"mappings":";;;;;;;AAoBA,MAAMA,IAA0C,CAAC,EAAE,WAAAC,GAAW,cAAAC,GAAc,gBAAAC,QAAqB;AAC/F,QAAM,EAAE,KAAKC,GAAa,MAAMC,GAAa,oBAAAC,EAAA,IAAuBC,KAE9DC,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYH,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcE,GAAaH,CAAS,CAAC;AAMzC,SAJAS,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAEpBF,IACK,OAGLD,KAAeA,EAAY,SAAS,IAEpC,gBAAAM,EAACC,GAAS,EAAA,cAAc,GACtB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC5BR,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAS,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,gBAAAb;AAAA,QACA,WAAWc;AAAA,MAAA;AAAA,MAHND,EAAQ;AAAA,IAKhB,CAAA,GACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAG,IAAenB;"}

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

@@ -1,16 +1,16 @@
 import { jsx as s } from "react/jsx-runtime";
-import { h as c } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as p } from "react";
+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 E = u.div`
+const h = u.div`
   display: grid;
   grid-template-columns: repeat(3, 200px);
   grid-gap: 32px;
   justify-content: center;
   padding: 32px 0;
-`, _ = (r) => {
+`, E = (r) => {
   const {
     sheet_time: t,
     node_type: o,
@@ -20,7 +20,7 @@ const E = u.div`
     case "ASSESSMENT":
     case "MASTERY":
     case "DYNAMIC":
-      return `${typeof e == "number" ? `${e} ${c.pluralize(e, "Question")}, ${t ? `${t / 60} min` : ""}` : ""}`;
+      return `${typeof e == "number" ? `${e} ${p.pluralize(e, "Question")}, ${t ? `${t / 60} min` : ""}` : ""}`;
     case "PUZZLE_EASY":
     case "PUZZLE_HARD":
     case "PUZZLE_MEDIUM":
@@ -29,20 +29,22 @@ const E = u.div`
     default:
       return "";
   }
-}, $ = ({ sheets: r, userType: t, ...o }) => /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(E, { children: r.map((e, i) => {
-  const { title: n, node_id: a, worksheet_id: d } = e, m = _(e);
+}, _ = ({ 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,
     {
-      header: n,
+      header: i,
       subHeader: m,
       userType: t,
       nodeData: e,
+      renderAs: "milestone",
+      shouldOpenOnRight: (n + 1) % 3 === 0,
       ...o
     },
-    `${d}_${a}_${i}`
+    `${d}_${a}_${n}`
   );
-}) }) }), y = p($);
+}) }) }), y = c(_);
 export {
   y as default
 };

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            {...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,MACT,GAAGQ;AAAA,IAAA;AAAA,IALC,GAAGM,CAAW,IAAID,CAAM,IAAIF,CAAG;AAAA,EAAA;AAQ1C,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 { 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;"}

package/dist/index.d.ts

@@ -94,22 +94,7 @@ declare const BLOCK_STATUS: {
     readonly LOCKED: "LOCKED";
 };
 
-declare const BLOCK_TYPE: {
-    readonly DEFAULT: "DEFAULT";
-    readonly PREREQ: "PREREQ";
-    readonly RECAP: "RECAP";
-    readonly GOAL: "GOAL";
-    readonly TESTS: "TESTS";
-    readonly PLAYLIST: "PLAYLIST";
-    readonly SOLUTIONS: "SOLUTIONS";
-    readonly NOTES: "NOTES";
-    readonly FLASHCARDS: "FLASHCARDS";
-    readonly SUBJECTIVES: "SUBJECTIVES";
-    readonly PUZZLE_CARDS: "PUZZLE_CARDS";
-    readonly SAT_MOCK_TEST: "SAT_MOCK_TEST";
-};
-
-declare enum BLOCK_TYPE_2 {
+declare enum BLOCK_TYPE {
     DEFAULT = "DEFAULT",
     PREREQ = "PREREQ",
     RECAP = "RECAP",
@@ -124,6 +109,21 @@ declare enum BLOCK_TYPE_2 {
     SAT_MOCK_TEST = "SAT_MOCK_TEST"
 }
 
+declare const BLOCK_TYPE_2: {
+    readonly DEFAULT: "DEFAULT";
+    readonly PREREQ: "PREREQ";
+    readonly RECAP: "RECAP";
+    readonly GOAL: "GOAL";
+    readonly TESTS: "TESTS";
+    readonly PLAYLIST: "PLAYLIST";
+    readonly SOLUTIONS: "SOLUTIONS";
+    readonly NOTES: "NOTES";
+    readonly FLASHCARDS: "FLASHCARDS";
+    readonly SUBJECTIVES: "SUBJECTIVES";
+    readonly PUZZLE_CARDS: "PUZZLE_CARDS";
+    readonly SAT_MOCK_TEST: "SAT_MOCK_TEST";
+};
+
 export declare const Book2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const BookClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -352,6 +352,7 @@ declare interface ErrorProps {
 }
 
 export declare const EVENTS: {
+    HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN";
     GOAL_CREATED: "GOAL_CREATED";
     GOAL_EDITED: "GOAL_EDITED";
     GOAL_DELETED: "GOAL_DELETED";
@@ -492,8 +493,19 @@ export declare const HighlighterIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const HomeIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
+export declare const HomeworkCardList: React_2.FC<HWCardListProps>;
+
 declare const hues: readonly ["YELLOW", "ORANGE", "PURPLE", "GREEN", "BLUE"];
 
+declare interface HWCardListProps extends INodeCardCallbacks {
+    userType: TUserTypes;
+    studentId: string;
+    stream: string;
+    onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;
+    onTestStart?: (sheetData: INodeDataProps) => void;
+    onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;
+}
+
 declare interface IAccordionSectionProps {
     headerElement: React.ReactElement;
     bodyElement: React.ReactElement;
@@ -725,12 +737,11 @@ declare interface ICascadingSelectInputProps {
 
 declare interface IChapter extends IChapterState, Pick<IChapterModel, 'code' | 'id' | 'chapter_code' | 'image_url' | 'name' | 'chapter_tags' | 'state' | 'recommended' | 'is_puzzle_chapter' | 'program_id'> {
     search_and_added?: boolean;
-    total_supplementary_sheets: number;
     learning_sheet_data: ILearningSheetData[];
 }
 
 export declare interface IChapterBlockData {
-    block_type: keyof typeof BLOCK_TYPE_2;
+    block_type: keyof typeof BLOCK_TYPE;
     chapter_code: string;
     code: string;
     block_id: string;
@@ -777,12 +788,17 @@ export declare interface IChapterDataProps {
     user_chapter_progress: IUserChapterProgressProps;
     state: TUserChapterStates | null;
     program_id: string;
-    progress_stat: IMilestoneData['progress_stat'];
+    progress_stat: {
+        classwork: IMilestoneData['progress_stat'];
+        mandatory: IMilestoneData['progress_stat'];
+        optional: IMilestoneData['progress_stat'];
+    };
     sheets_data: {
         lessons: ILessonsListProps['lessons'];
         supplementary_sheets_group_sort_order: string[];
         supplementary_sheets_grouped: Record<string, ISheetsListProps['sheets']>;
     };
+    blocks: IUserChapterData['blocks'];
 }
 
 declare interface IChapterDetails extends IBlockSectionsCallbacks {
@@ -814,6 +830,7 @@ declare interface IChapterModel {
     mastery_time: number;
     chapter_time_unit: TTimeUnit;
     is_puzzle_chapter?: boolean;
+    blocks: IUserChapterData['blocks'];
 }
 
 declare interface IChapterProgressInfo {
@@ -1302,6 +1319,11 @@ declare interface IGradeSelectorProps {
     layoutAlignment?: 'center' | 'auto';
 }
 
+export declare interface IHomeworkData extends INodeDataProps {
+    homework_id: string;
+    chapter_name: string;
+}
+
 declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel' | 'renderAs'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
@@ -1458,8 +1480,7 @@ declare interface ILeaderboardProps {
 }
 
 declare interface ILearningSheetData {
-    title: string;
-    learnosityRef: string;
+    name: string;
 }
 
 declare interface ILearnosity {
@@ -2125,11 +2146,11 @@ declare interface INodeCardCallbacks {
     onNodeAttempt?: (nodeData: INodeDataProps) => void;
     onNodeView?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeReview?: (nodeData: INodeDataProps, milestoneId?: string) => void;
-    onNodeReattempt?: (nodeData: INodeDataProps) => void;
+    onNodeReattempt?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeAttemptLocationChange?: (nodeData: INodeDataProps) => void;
     onNodeMarkAsDone?: (nodeData: INodeDataProps) => void;
     onNodeReset?: (nodeData: INodeDataProps, milestoneId?: string) => void;
-    onNodeUnassign?: (nodeData: INodeDataProps, milestoneId?: string) => void;
+    onNodeUnassign?: (nodeData: INodeDataProps | IHomeworkData, milestoneId?: string) => void;
 }
 
 export declare interface INodeDataProps {
@@ -2160,7 +2181,9 @@ export declare interface INodeDataProps {
     image_url: string;
     image_hue: THueNames;
     total_questions: number | null;
+    unlocked_on_ts: number | null;
     items?: TNodeDataTestItemsDataProps[];
+    user_milestone_id?: string;
 }
 
 declare interface INodePermissions {
@@ -2185,6 +2208,8 @@ export declare interface INudgeProps {
 
 export declare const invalidateGetChapterDetails: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
+export declare const invalidateHomeworks: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
+
 export declare const invalidateMilestoneResources: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
 export declare const invalidateMilestonesData: (query?: TQuery | undefined) => void;
@@ -4230,7 +4255,7 @@ declare type TBlockStatsData = {
 
 declare type TBlockStatus = keyof typeof BLOCK_STATUS;
 
-declare type TBlockType = keyof typeof BLOCK_TYPE;
+declare type TBlockType = keyof typeof BLOCK_TYPE_2;
 
 export declare type TButtonSizes = 'xsmall' | 'small' | 'regular' | 'medium' | 'large';
 
@@ -4474,6 +4499,11 @@ export declare type TInclassMessage = {
     eventPayload: {
         worksheetId: string;
     };
+} | {
+    eventName: typeof EVENTS.HOMEWORK_UNASSIGN;
+    eventPayload: {
+        studentId: string;
+    };
 } | {
     eventName: typeof EVENTS.CHAPTER_UPDATED;
     eventPayload: {