@cuemath/leap 2.8.48-rj-13 → 2.8.48

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import type {\n  IMilestoneVariantConfig,\n  IMilestoneWidgetProps,\n  TMilestoneWidgetVariant,\n} from './milestone-widget-types';\n\nimport { differenceInCalendarDays } from 'date-fns';\nimport React, { memo, useCallback, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport TimeLeftTimeline from '../../../../ui/time-left-timeline/time-left-timeline';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport MilestoneInfoWrapper from './milestone-info';\nimport MilestoneTabs from './milestone-tabs/milestone-tabs';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport MilestoneWidgetStatus from './milestone-widget-status';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst VARIANT_CONFIG: Record<TMilestoneWidgetVariant, IMilestoneVariantConfig> = {\n  primary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'BLACK_T_87',\n  },\n  secondary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'WHITE_5',\n  },\n};\n\nconst MilestoneWidget: React.FC<IMilestoneWidgetProps> = memo(props => {\n  const { milestone, studentId, isMilestoneActive, ...restMilestoneWidgetProps } = props;\n  const {\n    isStudentPresent,\n    isClassOngoing,\n    userType,\n    studentName,\n    parentName,\n    teacherName,\n    courseStream,\n    onAddOutcome,\n    onChapterClick,\n    onEdit,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onDraftPublish,\n    onAddChapter,\n    onAssignResources,\n    onUnAssignSheet,\n    onDelete,\n    //* Test sheet callbacks\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    milestoneType,\n  } = restMilestoneWidgetProps;\n\n  const {\n    id: milestoneId,\n    created_on_ts: createdOn,\n    milestone_date_ts: dueDate,\n    user_milestone_plan: userMileStonePlan,\n    outcome_data: outcomeData,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_code: goalCode,\n    goal_category: goalCategory,\n  } = milestone;\n\n  const [widgetExpanded, setWidgetExpanded] = useState(\n    (isMilestoneActive && milestoneState === 'ACTIVE') || milestoneType === 'DRAFT',\n  );\n\n  const theme = useTheme();\n  const { layout } = theme;\n  const { gutter } = layout;\n\n  const isPlanAvailable = Boolean(userMileStonePlan);\n\n  const { can_update_plan: canUpdatePlan } = milestonePermissions;\n  const { outcomes } = outcomeData || {};\n\n  const { user_chapters: chaptersData = [] } = userMileStonePlan || {};\n\n  const toggleExpand = useCallback(() => {\n    setWidgetExpanded(prev => !prev);\n  }, []);\n\n  const isDraftMilestone = milestoneState === 'DRAFT';\n  const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n  const isDueDatePassed = Date.now() > dueDate * 1000;\n  const { progressBarColor } =\n    VARIANT_CONFIG[milestoneState === 'ACTIVE' ? 'primary' : 'secondary'];\n  const { backgroundColor: goalBackgroundColor, borderColor: goalBorderColor } =\n    getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone, isOutcomeAdded);\n\n  const totalDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, createdOn * 1000),\n    [createdOn, dueDate],\n  );\n  const remainingDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, Date.now()),\n    [dueDate],\n  );\n\n  const handleOnWidgetExpand = useCallback(() => {\n    setWidgetExpanded(true);\n  }, [setWidgetExpanded]);\n\n  const handleGoalDelete = useCallback(() => {\n    onDelete?.({ milestoneId, isGoalCreation: typeof goalCode === 'string', milestoneState });\n  }, [onDelete, goalCode, milestoneId, milestoneState]);\n\n  return (\n    <Styled.MainContainer id={`milestone-${milestoneId}`}>\n      <FlexView $marginBottom={-gutter * 0.875}>\n        {milestoneState !== 'DRAFT' && !isDueDatePassed ? (\n          <TimeLeftTimeline\n            unitsLeft={remainingDays}\n            totalUnits={totalDays}\n            unit=\"day\"\n            backgroundColor={progressBarColor}\n            barBackgroundColor={goalBorderColor}\n            showRemainingTime={true}\n          />\n        ) : (\n          <MilestoneWidgetStatus\n            goalCategory={goalCategory}\n            goalCode={goalCode}\n            milestoneState={milestoneState}\n            userType={userType}\n            milestoneId={milestoneId}\n            isStudentPresent={isStudentPresent}\n            onDraftPublish={onDraftPublish}\n            onAddOutcome={onAddOutcome}\n          />\n        )}\n      </FlexView>\n\n      <Styled.Wrapper\n        onClick={handleOnWidgetExpand}\n        $background={goalBackgroundColor}\n        $gapX={1.5}\n        $borderColor=\"GREY_2\"\n      >\n        <FlexView $flexGapX={goalCode ? 1.5 : 1}>\n          <MilestoneInfoWrapper\n            milestone={milestone}\n            onEdit={onEdit}\n            onDelete={onDelete}\n            isExpanded={widgetExpanded}\n            toggleExpand={toggleExpand}\n            userType={userType}\n            isClassOngoing={isClassOngoing}\n            isStudentPresent={isStudentPresent}\n            onAddOutcome={onAddOutcome}\n          />\n\n          {userType === 'TEACHER' && milestoneType !== 'DRAFT' && (\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              onDelete={handleGoalDelete}\n              courseStream={courseStream}\n            />\n          )}\n\n          {outcomes?.length ? <OutcomeWrapper outcomes={outcomes} /> : undefined}\n        </FlexView>\n      </Styled.Wrapper>\n\n      <Styled.ContentWrapper $expanded={widgetExpanded}>\n        <Styled.Content>\n          <MilestoneTabs\n            goalCategory={goalCategory}\n            isGoalCreation={!!goalCode}\n            isDraftMilestone={isDraftMilestone}\n            isOutcomeAdded={isOutcomeAdded}\n            isMilestoneActive={isMilestoneActive}\n            isPlanAvailable={isPlanAvailable}\n            userMilestoneId={milestoneId}\n            chapters={chaptersData}\n            userType={userType}\n            canUpdatePlan={canUpdatePlan}\n            milestoneState={milestoneState}\n            studentId={studentId}\n            onAddChapter={onAddChapter}\n            onAssignResources={onAssignResources}\n            onChapterClick={onChapterClick}\n            onCreateMilestoneTest={onCreateMilestoneTest}\n            onPreview={onPreview}\n            onReattempt={onReattempt}\n            onReset={onReset}\n            onResume={onResume}\n            onReview={onReview}\n            onStart={onStart}\n            onTestPreview={onTestPreview}\n            onTestReview={onTestReview}\n            onTestStart={onTestStart}\n            onUnAssignSheet={onUnAssignSheet}\n            milestonePermissions={milestonePermissions}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["VARIANT_CONFIG","MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onAssignResources","onUnAssignSheet","onDelete","onTestPreview","onTestReview","onTestStart","milestoneType","milestoneId","createdOn","dueDate","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","widgetExpanded","setWidgetExpanded","useState","theme","useTheme","layout","gutter","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","isDueDatePassed","progressBarColor","goalBackgroundColor","goalBorderColor","getGoalCategoryBasedColorTheme","totalDays","useMemo","differenceInCalendarDays","remainingDays","handleOnWidgetExpand","handleGoalDelete","Styled.MainContainer","jsx","FlexView","TimeLeftTimeline","MilestoneWidgetStatus","Styled.Wrapper","jsxs","MilestoneInfoWrapper","GoalActionCtas","OutcomeWrapper","Styled.ContentWrapper","Styled.Content","MilestoneTabs"],"mappings":"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"}
+{"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import type {\n  IMilestoneVariantConfig,\n  IMilestoneWidgetProps,\n  TMilestoneWidgetVariant,\n} from './milestone-widget-types';\n\nimport { differenceInCalendarDays } from 'date-fns';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport TimeLeftTimeline from '../../../../ui/time-left-timeline/time-left-timeline';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport MilestoneInfoWrapper from './milestone-info';\nimport MilestoneTabs from './milestone-tabs/milestone-tabs';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport MilestoneWidgetStatus from './milestone-widget-status';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst VARIANT_CONFIG: Record<TMilestoneWidgetVariant, IMilestoneVariantConfig> = {\n  primary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'BLACK_T_87',\n  },\n  secondary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'WHITE_5',\n  },\n};\n\nconst MilestoneWidget: React.FC<IMilestoneWidgetProps> = memo(props => {\n  const { milestone, studentId, isMilestoneActive, ...restMilestoneWidgetProps } = props;\n  const {\n    isStudentPresent,\n    isClassOngoing,\n    userType,\n    studentName,\n    parentName,\n    teacherName,\n    courseStream,\n    activeMilestoneId,\n    activeTabId,\n    onAddOutcome,\n    onChapterClick,\n    onEdit,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onDraftPublish,\n    onAddChapter,\n    onAssignResources,\n    onUnAssignSheet,\n    onDelete,\n    onWidgetTabSelection,\n    //* Test sheet callbacks\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    milestoneType,\n  } = restMilestoneWidgetProps;\n\n  const {\n    id: milestoneId,\n    created_on_ts: createdOn,\n    milestone_date_ts: dueDate,\n    user_milestone_plan: userMileStonePlan,\n    outcome_data: outcomeData,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_code: goalCode,\n    goal_category: goalCategory,\n  } = milestone;\n\n  const [widgetExpanded, setWidgetExpanded] = useState(\n    (isMilestoneActive && milestoneState === 'ACTIVE') || milestoneType === 'DRAFT',\n  );\n\n  const theme = useTheme();\n  const { layout } = theme;\n  const { gutter } = layout;\n\n  const isPlanAvailable = Boolean(userMileStonePlan);\n\n  const { can_update_plan: canUpdatePlan } = milestonePermissions;\n  const { outcomes } = outcomeData || {};\n\n  const { user_chapters: chaptersData = [] } = userMileStonePlan || {};\n\n  const toggleExpand = useCallback(() => {\n    setWidgetExpanded(prev => !prev);\n  }, []);\n\n  const isDraftMilestone = milestoneState === 'DRAFT';\n  const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n  const isDueDatePassed = Date.now() > dueDate * 1000;\n  const { progressBarColor } =\n    VARIANT_CONFIG[milestoneState === 'ACTIVE' ? 'primary' : 'secondary'];\n  const { backgroundColor: goalBackgroundColor, borderColor: goalBorderColor } =\n    getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone, isOutcomeAdded);\n\n  const totalDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, createdOn * 1000),\n    [createdOn, dueDate],\n  );\n\n  const remainingDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, Date.now()),\n    [dueDate],\n  );\n\n  const handleOnWidgetExpand = useCallback(() => {\n    setWidgetExpanded(true);\n  }, [setWidgetExpanded]);\n\n  const handleGoalDelete = useCallback(() => {\n    onDelete?.({ milestoneId, isGoalCreation: typeof goalCode === 'string', milestoneState });\n  }, [onDelete, goalCode, milestoneId, milestoneState]);\n\n  useEffect(() => {\n    const $element = document.getElementById(`milestone-${activeMilestoneId}`);\n\n    if ($element) {\n      $element.scrollIntoView();\n    }\n    //* Disabling the exhaustive-deps rule as we want to run this effect only once\n    //* We don't want this to run when activeMilestoneId changes, as it will cause component to scroll into the view every time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Styled.MainContainer id={`milestone-${milestoneId}`}>\n      <FlexView $marginBottom={-gutter * 0.875}>\n        {milestoneState !== 'DRAFT' && !isDueDatePassed ? (\n          <TimeLeftTimeline\n            unitsLeft={remainingDays}\n            totalUnits={totalDays}\n            unit=\"day\"\n            backgroundColor={progressBarColor}\n            barBackgroundColor={goalBorderColor}\n            showRemainingTime={true}\n          />\n        ) : (\n          <MilestoneWidgetStatus\n            goalCategory={goalCategory}\n            goalCode={goalCode}\n            milestoneState={milestoneState}\n            userType={userType}\n            milestoneId={milestoneId}\n            isStudentPresent={isStudentPresent}\n            onDraftPublish={onDraftPublish}\n            onAddOutcome={onAddOutcome}\n          />\n        )}\n      </FlexView>\n\n      <Styled.Wrapper\n        onClick={handleOnWidgetExpand}\n        $background={goalBackgroundColor}\n        $gapX={1.5}\n        $borderColor=\"GREY_2\"\n      >\n        <FlexView $flexGapX={goalCode ? 1.5 : 1}>\n          <MilestoneInfoWrapper\n            milestone={milestone}\n            onEdit={onEdit}\n            onDelete={onDelete}\n            isExpanded={widgetExpanded}\n            toggleExpand={toggleExpand}\n            userType={userType}\n            isClassOngoing={isClassOngoing}\n            isStudentPresent={isStudentPresent}\n            onAddOutcome={onAddOutcome}\n          />\n\n          {userType === 'TEACHER' && milestoneType !== 'DRAFT' && (\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              onDelete={handleGoalDelete}\n              courseStream={courseStream}\n            />\n          )}\n\n          {outcomes?.length ? <OutcomeWrapper outcomes={outcomes} /> : undefined}\n        </FlexView>\n      </Styled.Wrapper>\n\n      <Styled.ContentWrapper $expanded={widgetExpanded}>\n        <Styled.Content>\n          <MilestoneTabs\n            goalCategory={goalCategory}\n            isGoalCreation={!!goalCode}\n            isDraftMilestone={isDraftMilestone}\n            isOutcomeAdded={isOutcomeAdded}\n            isMilestoneActive={isMilestoneActive}\n            isPlanAvailable={isPlanAvailable}\n            userMilestoneId={milestoneId}\n            chapters={chaptersData}\n            userType={userType}\n            canUpdatePlan={canUpdatePlan}\n            milestoneState={milestoneState}\n            studentId={studentId}\n            onAddChapter={onAddChapter}\n            onAssignResources={onAssignResources}\n            onChapterClick={onChapterClick}\n            onCreateMilestoneTest={onCreateMilestoneTest}\n            onPreview={onPreview}\n            onReattempt={onReattempt}\n            onReset={onReset}\n            onResume={onResume}\n            onReview={onReview}\n            onStart={onStart}\n            onTestPreview={onTestPreview}\n            onTestReview={onTestReview}\n            onTestStart={onTestStart}\n            onUnAssignSheet={onUnAssignSheet}\n            milestonePermissions={milestonePermissions}\n            activeMilestoneId={activeMilestoneId}\n            activeTabId={activeTabId}\n            onWidgetTabSelection={onWidgetTabSelection}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["VARIANT_CONFIG","MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","activeMilestoneId","activeTabId","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onAssignResources","onUnAssignSheet","onDelete","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","milestoneType","milestoneId","createdOn","dueDate","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","widgetExpanded","setWidgetExpanded","useState","theme","useTheme","layout","gutter","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","isDueDatePassed","progressBarColor","goalBackgroundColor","goalBorderColor","getGoalCategoryBasedColorTheme","totalDays","useMemo","differenceInCalendarDays","remainingDays","handleOnWidgetExpand","handleGoalDelete","useEffect","$element","Styled.MainContainer","jsx","FlexView","TimeLeftTimeline","MilestoneWidgetStatus","Styled.Wrapper","jsxs","MilestoneInfoWrapper","GoalActionCtas","OutcomeWrapper","Styled.ContentWrapper","Styled.Content","MilestoneTabs"],"mappings":"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"}

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

@@ -1,51 +1,54 @@
-import { jsx as E, jsxs as R, Fragment as ne } from "react/jsx-runtime";
-import { h as re } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as ie, useMemo as ae, useState as p, useCallback as Ee, useEffect as f } from "react";
-import { ILLUSTRATIONS as le } from "../../../assets/illustrations/illustrations.js";
+import { jsx as E, jsxs as R, Fragment as ae } from "react/jsx-runtime";
+import { h as Ee } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as le, useMemo as Se, useState as p, useCallback as me, useEffect as f } from "react";
+import { ILLUSTRATIONS as ce } from "../../../assets/illustrations/illustrations.js";
 import { EVENTS as e } from "../../communication/pub-sub/constants.js";
-import { useInClassActionListener as Se } from "../../communication/pub-sub/hooks.js";
-import me from "../../ui/separator/separator.js";
-import { invalidateMilestoneResources as ce } from "./api/get-milestone-resources.js";
-import { useGetAllMilestonesdata as Te, invalidateMilestonesData as de } from "./api/get-milestones.js";
-import { invalidateTestHelpData as _e } from "./api/get-tests-list.js";
-import Ae from "./filter-milestones.js";
-import De from "./milestone-list/milestone-list.js";
-import Ne from "./milestone-list/milestone-loader/milestone-loader.js";
-import { ContentWrapper as Ie, LoaderWrapper as Me } from "./styled.js";
-const ue = (T) => {
-  de(T);
-}, Le = ie(
+import { useInClassActionListener as Te } from "../../communication/pub-sub/hooks.js";
+import de from "../../ui/separator/separator.js";
+import { invalidateMilestoneResources as _e } from "./api/get-milestone-resources.js";
+import { useGetAllMilestonesdata as Ae, invalidateMilestonesData as De } from "./api/get-milestones.js";
+import { invalidateTestHelpData as Ie } from "./api/get-tests-list.js";
+import Me from "./filter-milestones.js";
+import Ne from "./milestone-list/milestone-list.js";
+import ue from "./milestone-list/milestone-loader/milestone-loader.js";
+import { ContentWrapper as Le, LoaderWrapper as Ce } from "./styled.js";
+const Oe = (T) => {
+  De(T);
+}, Re = le(
   ({ studentName: T, studentId: d, studentClassroomId: h, ...P }) => {
     const {
       milestoneType: o,
-      isStudentPresent: N,
+      isStudentPresent: I,
       isClassOngoing: _,
       userType: A,
-      canCreatePlan: G,
-      teacherName: U,
-      parentName: v,
+      canCreatePlan: v,
+      teacherName: G,
+      parentName: U,
       courseStream: D,
-      onExpandPastMilestones: g,
-      onAddOutcome: F,
-      onChapterClick: w,
-      onEdit: x,
-      onCreateMilestoneTest: V,
-      onPreview: y,
-      onReattempt: b,
-      onReset: H,
-      onResume: k,
-      onReview: K,
-      onStart: j,
-      onDraftPublish: W,
-      onAddChapter: X,
-      onCreatePlan: $,
-      onDelete: q,
-      onAssignResources: z,
-      onUnAssignSheet: B,
-      onTestPreview: J,
-      onTestReview: Q,
-      onTestStart: Y
-    } = P, n = ae(
+      activeMilestoneId: g,
+      activeTabId: F,
+      onExpandPastMilestones: w,
+      onAddOutcome: x,
+      onChapterClick: V,
+      onEdit: b,
+      onCreateMilestoneTest: y,
+      onPreview: H,
+      onReattempt: k,
+      onReset: K,
+      onResume: W,
+      onReview: j,
+      onStart: X,
+      onDraftPublish: $,
+      onAddChapter: q,
+      onCreatePlan: z,
+      onDelete: B,
+      onAssignResources: J,
+      onUnAssignSheet: Q,
+      onTestPreview: Y,
+      onTestReview: Z,
+      onTestStart: ee,
+      onWidgetTabSelection: te
+    } = P, n = Se(
       () => ({
         milestone_state_group: o === "ACTIVE" ? A === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : o,
         with_plan: !0,
@@ -57,23 +60,23 @@ const ue = (T) => {
     ), {
       data: t,
       getAll: S,
-      isStale: I,
+      isStale: M,
       isProcessing: l
-    } = Te(n), [M, u] = p(), [L, C] = p(!1), Z = Ee(
+    } = Ae(n), [N, u] = p(), [L, C] = p(!1), se = me(
       (m) => {
-        const { searchText: r, selectedBoard: i, selectedGrade: a } = m || {};
-        (r || i || a) && C(!0);
+        const { searchText: i, selectedBoard: r, selectedGrade: a } = m || {};
+        (i || r || a) && C(!0);
         const c = t == null ? void 0 : t.filter((s) => {
-          const { milestone_name: te, board: se, grade: oe } = s || {};
-          return (r ? te.toLowerCase().includes(r.toLowerCase()) : !0) && (i ? se === i : !0) && (a ? oe === a : !0);
+          const { milestone_name: ne, board: ie, grade: re } = s || {};
+          return (i ? ne.toLowerCase().includes(i.toLowerCase()) : !0) && (r ? ie === r : !0) && (a ? re === a : !0);
         });
         u(c);
       },
       [t]
-    ), ee = () => {
+    ), oe = () => {
       C(!1), u(void 0);
     };
-    if (Se(
+    if (Te(
       {
         studentClassroomId: h,
         actions: [
@@ -100,86 +103,89 @@ const ue = (T) => {
         ],
         callback: (m) => {
           var a, c;
-          const r = (a = m.find(
+          const i = (a = m.find(
             (s) => s.eventName === e.MILESTONE_RESOURCE_ASSIGNED || e.MILESTONE_RESOURCE_UNASSIGNED
-          )) == null ? void 0 : a.eventPayload, i = (c = m.find(
+          )) == null ? void 0 : a.eventPayload, r = (c = m.find(
             (s) => s.eventName === e.MILESTONE_TEST_ASSIGNED
           )) == null ? void 0 : c.eventPayload;
-          if (r) {
-            const { milestoneId: s } = r || {};
-            ce(s);
-          }
           if (i) {
-            const { milestoneId: s } = i;
+            const { milestoneId: s } = i || {};
             _e(s);
           }
-          ue(n);
+          if (r) {
+            const { milestoneId: s } = r;
+            Ie(s);
+          }
+          Oe(n);
         }
       },
-      (o === "ACTIVE" || o === "INACTIVE") && N
+      (o === "ACTIVE" || o === "INACTIVE") && I
     ), f(() => {
       S(n);
     }, [S, n]), f(() => {
-      !l && I && S(n);
-    }, [S, n, I, l]), l && !t)
-      return /* @__PURE__ */ E(Ne, { numMilestones: 2 });
+      !l && M && S(n);
+    }, [S, n, M, l]), l && !t)
+      return /* @__PURE__ */ E(ue, { numMilestones: 2 });
     const O = o === "ACTIVE" && t && t.length > 6;
-    return /* @__PURE__ */ R(Ie, { $disablePointerEvents: l, children: [
-      l && /* @__PURE__ */ E(Me, { children: /* @__PURE__ */ E("img", { src: le.LOADER_1, alt: "loading" }) }),
-      O && /* @__PURE__ */ R(ne, { children: [
+    return /* @__PURE__ */ R(Le, { $disablePointerEvents: l, children: [
+      l && /* @__PURE__ */ E(Ce, { children: /* @__PURE__ */ E("img", { src: ce.LOADER_1, alt: "loading" }) }),
+      O && /* @__PURE__ */ R(ae, { children: [
         /* @__PURE__ */ E(
-          Ae,
+          Me,
           {
-            filteredMilestones: M,
+            filteredMilestones: N,
             milestones: t,
-            handleFilterMilestones: Z,
-            handleClearFilter: ee
+            handleFilterMilestones: se,
+            handleClearFilter: oe
           }
         ),
-        /* @__PURE__ */ E(me, { heightX: 1.5 })
+        /* @__PURE__ */ E(de, { heightX: 1.5 })
       ] }),
       /* @__PURE__ */ E(
-        De,
+        Ne,
         {
           showFilters: !!O,
-          canCreatePlan: G,
+          canCreatePlan: v,
           isClassOngoing: _,
           isFiltersAdded: L,
-          isStudentPresent: N,
+          isStudentPresent: I,
           milestoneType: o,
-          milestones: L ? M : t,
-          onAddChapter: X,
-          onAddOutcome: F,
-          onChapterClick: w,
-          onCreatePlan: $,
-          onDelete: q,
-          onDraftPublish: W,
-          onEdit: x,
-          onExpandPastMilestones: g,
-          onCreateMilestoneTest: V,
-          onPreview: y,
-          onReattempt: b,
-          onReset: H,
-          onResume: k,
-          onReview: K,
-          onStart: j,
-          onAssignResources: z,
-          onUnAssignSheet: B,
-          onTestPreview: J,
-          onTestReview: Q,
-          onTestStart: Y,
+          milestones: L ? N : t,
+          onAddChapter: q,
+          onAddOutcome: x,
+          onChapterClick: V,
+          onCreatePlan: z,
+          onDelete: B,
+          onDraftPublish: $,
+          onEdit: b,
+          onExpandPastMilestones: w,
+          onCreateMilestoneTest: y,
+          onPreview: H,
+          onReattempt: k,
+          onReset: K,
+          onResume: W,
+          onReview: j,
+          onStart: X,
+          onAssignResources: J,
+          onUnAssignSheet: Q,
+          onTestPreview: Y,
+          onTestReview: Z,
+          onTestStart: ee,
+          activeMilestoneId: g,
+          activeTabId: F,
+          onWidgetTabSelection: te,
           studentId: d,
-          studentName: re.titleCase(T),
-          teacherName: U,
-          parentName: v,
+          studentName: Ee.titleCase(T),
+          teacherName: G,
+          parentName: U,
           userType: A,
           courseStream: D
         }
       )
     ] });
   }
-), He = Le;
+), We = Re;
 export {
-  He as default
+  We as default
 };
 //# sourceMappingURL=milestone-list-container.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          with_plan: true,\n          course_stream: courseStream,\n          student_id: studentId,\n          in_class: isClassOngoing,\n        }) as const,\n      [isClassOngoing, milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onReset={onReset}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}
+{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      activeMilestoneId,\n      activeTabId,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          with_plan: true,\n          course_stream: courseStream,\n          student_id: studentId,\n          in_class: isClassOngoing,\n        }) as const,\n      [isClassOngoing, milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onReset={onReset}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          activeMilestoneId={activeMilestoneId}\n          activeTabId={activeTabId}\n          onWidgetTabSelection={onWidgetTabSelection}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}

package/dist/features/milestone/milestone-resources/resources-list/resources-list.js

@@ -83,6 +83,7 @@ const de = q((x) => {
       {
         sheets: c,
         userType: p,
+        userMilestoneId: r,
         isMilestoneWidget: !0,
         onStart: j,
         onResume: O,

package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources-list.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list.tsx"],"sourcesContent":["import type { ISheetItemCallbackProps } from '../../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IMilestoneWidgetResourcesProps } from './resources-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport SearchIcon from '../../../../assets/line-icons/icons/search';\nimport ResourcesList from '../../../sheets/resources-list/resources-list';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetMilestoneResources } from '../../milestone-list-container/api/get-milestone-resources';\nimport * as Styled from './resources-list-styled';\n\nconst MilestoneWidgetResources: FC<IMilestoneWidgetResourcesProps> = memo(props => {\n  const {\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n    onAssignResources,\n    onStart,\n    onUnAssignSheet,\n    onReset,\n    onPreview,\n    onReview,\n    onResume,\n    onReattempt,\n  } = props;\n\n  const isTeacher = userType === 'TEACHER';\n  const isEPSheetCreationDisabled =\n    !canUpdatePlan || !isMilestoneActive || (isMilestoneActive && isDraftMilestone);\n\n  const {\n    get: getMilestoneResources,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n    data: sheets,\n  } = useGetMilestoneResources();\n\n  const fetchMilestoneResources = useCallback(() => {\n    if (userMilestoneId) {\n      getMilestoneResources(userMilestoneId, undefined, {\n        studentId,\n      });\n    }\n  }, [studentId, userMilestoneId, getMilestoneResources]);\n\n  const handleOnTryAgain = useCallback(() => {\n    fetchMilestoneResources();\n  }, [fetchMilestoneResources]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnAssignResources = useCallback(() => {\n    if (typeof onAssignResources !== 'function')\n      throw new Error('onAssignResources must be a function');\n\n    if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n    onAssignResources(userMilestoneId);\n  }, [onAssignResources, userMilestoneId]);\n\n  const handleOnUnAssignResources = useCallback<\n    NonNullable<ISheetItemCallbackProps['onUnAssignSheet']>\n  >(\n    sheet => {\n      if (typeof onUnAssignSheet !== 'function')\n        throw new Error('onUnAssignSheet must be a function');\n\n      if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n      onUnAssignSheet(sheet, userMilestoneId);\n    },\n    [onUnAssignSheet, userMilestoneId],\n  );\n\n  const handleOnReset = useCallback<NonNullable<ISheetItemCallbackProps['onReset']>>(\n    sheetData => {\n      onReset?.(sheetData, userMilestoneId);\n    },\n    [onReset, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            onClick={handleOnTryAgain}\n          />\n        </FlexView>\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $justifyContent=\"space-between\">\n        {sheets && sheets.length > 0 ? (\n          <>\n            <ResourcesList\n              sheets={sheets}\n              userType={userType}\n              isMilestoneWidget\n              onStart={onStart}\n              onResume={onResume}\n              onReattempt={onReattempt}\n              onUnAssignSheet={handleOnUnAssignResources}\n              onReset={handleOnReset}\n              onPreview={onPreview}\n              onReview={onReview}\n            />\n\n            {isTeacher && canUpdatePlan && (\n              <Styled.SearchButtonWrapper\n                $flexDirection=\"row\"\n                $justifyContent=\"flex-end\"\n                $gapX={1}\n                $gutterX={1}\n              >\n                <Styled.SearchButtonCover>\n                  <IconButton\n                    Icon={SearchIcon}\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    analyticsLabel=\"Milestone Resource Search\"\n                    onClick={handleOnAssignResources}\n                    disabled={!isMilestoneActive}\n                  />\n                </Styled.SearchButtonCover>\n              </Styled.SearchButtonWrapper>\n            )}\n          </>\n        ) : (\n          <FlexView $width=\"100%\" $alignItems=\"center\" $justifyContent=\"flex-start\">\n            <Styled.DefaultWrapper $isImageWrapper>\n              <img src={IMAGES.BG_EMPTY_RESOURCES} alt=\"Empty resources\" width={420} height={420} />\n            </Styled.DefaultWrapper>\n\n            <Styled.DefaultWrapper>\n              {isTeacher ? (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  position=\"bottom\"\n                  hidden={!isEPSheetCreationDisabled}\n                  tooltipItem={\n                    isDraftMilestone ? 'Allowed after plan is published' : 'Plan is completed'\n                  }\n                >\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Assign Resource\"\n                    Icon={PlusIcon}\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleOnAssignResources}\n                    disabled={isEPSheetCreationDisabled}\n                  />\n                </ArrowTooltip>\n              ) : (\n                <Text $renderAs=\"ab2-bold\">Wait for the teacher to assign a resource</Text>\n              )}\n            </Styled.DefaultWrapper>\n          </FlexView>\n        )}\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  return (\n    <Styled.MilestoneResourcesWrapper $justifyContent=\"center\">\n      <AppLoader height=\"100%\" />\n    </Styled.MilestoneResourcesWrapper>\n  );\n});\n\nexport default MilestoneWidgetResources;\n"],"names":["MilestoneWidgetResources","memo","props","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onAssignResources","onStart","onUnAssignSheet","onReset","onPreview","onReview","onResume","onReattempt","isTeacher","isEPSheetCreationDisabled","getMilestoneResources","isProcessed","isProcessing","isProcessingFailed","isStale","sheets","useGetMilestoneResources","fetchMilestoneResources","useCallback","handleOnTryAgain","useEffect","handleOnAssignResources","handleOnUnAssignResources","sheet","handleOnReset","sheetData","jsx","Styled.MilestoneResourcesWrapper","jsxs","FlexView","Text","Button","Fragment","ResourcesList","Styled.SearchButtonWrapper","Styled.SearchButtonCover","IconButton","SearchIcon","Styled.DefaultWrapper","IMAGES","ArrowTooltip","PlusIcon","AppLoader"],"mappings":";;;;;;;;;;;;;;AAmBM,MAAAA,KAA+DC,EAAK,CAASC,MAAA;AAC3E,QAAA;AAAA,IACJ,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAd,GAEEe,IAAYZ,MAAa,WACzBa,IACJ,CAACV,KAAiB,CAACJ,KAAsBA,KAAqBD,GAE1D;AAAA,IACJ,KAAKgB;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAMC;AAAA,MACJC,EAAyB,GAEvBC,IAA0BC,EAAY,MAAM;AAChD,IAAIpB,KACFY,EAAsBZ,GAAiB,QAAW;AAAA,MAChD,WAAAD;AAAA,IAAA,CACD;AAAA,EAEF,GAAA,CAACA,GAAWC,GAAiBY,CAAqB,CAAC,GAEhDS,IAAmBD,EAAY,MAAM;AACjB,IAAAD;EAAA,GACvB,CAACA,CAAuB,CAAC;AAE5B,EAAAG,EAAU,MAAM;AACd,IAAI,CAACR,MAAkB,CAACD,KAAe,CAACE,KAAuBC,MAC5CK;EACnB,GACC,CAACA,GAAkBR,GAAaC,GAAcC,GAAoBC,CAAO,CAAC;AAEvE,QAAAO,IAA0BH,EAAY,MAAM;AAChD,QAAI,OAAOlB,KAAsB;AACzB,YAAA,IAAI,MAAM,sCAAsC;AAExD,QAAI,CAACF,EAAuB,OAAA,IAAI,MAAM,6BAA6B;AAEnE,IAAAE,EAAkBF,CAAe;AAAA,EAAA,GAChC,CAACE,GAAmBF,CAAe,CAAC,GAEjCwB,IAA4BJ;AAAA,IAGhC,CAASK,MAAA;AACP,UAAI,OAAOrB,KAAoB;AACvB,cAAA,IAAI,MAAM,oCAAoC;AAEtD,UAAI,CAACJ,EAAuB,OAAA,IAAI,MAAM,6BAA6B;AAEnE,MAAAI,EAAgBqB,GAAOzB,CAAe;AAAA,IACxC;AAAA,IACA,CAACI,GAAiBJ,CAAe;AAAA,EAAA,GAG7B0B,IAAgBN;AAAA,IACpB,CAAaO,MAAA;AACX,MAAAtB,KAAA,QAAAA,EAAUsB,GAAW3B;AAAA,IACvB;AAAA,IACA,CAACK,GAASL,CAAe;AAAA,EAAA;AAG3B,SAAIe,IAEC,gBAAAa,EAAAC,GAAA,EAAiC,aAAY,UAAS,iBAAgB,UACrE,UAAA,gBAAAC,EAACC,KAAS,WAAW,KAAK,aAAY,UAAS,iBAAgB,UAC7D,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASZ;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,EACF,CAAA,EACF,CAAA,IAIAR,IAEA,gBAAAe,EAACC,GAAA,EAAiC,iBAAgB,iBAC/C,UAAUZ,KAAAA,EAAO,SAAS,IAEvB,gBAAAa,EAAAI,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAAlB;AAAA,QACA,UAAAnB;AAAA,QACA,mBAAiB;AAAA,QACjB,SAAAK;AAAA,QACA,UAAAK;AAAA,QACA,aAAAC;AAAA,QACA,iBAAiBe;AAAA,QACjB,SAASE;AAAA,QACT,WAAApB;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAECG,KAAaT,KACZ,gBAAA2B;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA,gBAAAR,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,UAAS;AAAA,YACT,MAAK;AAAA,YACL,gBAAe;AAAA,YACf,SAAShB;AAAA,YACT,UAAU,CAAC1B;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA,sBAECkC,GAAS,EAAA,QAAO,QAAO,aAAY,UAAS,iBAAgB,cAC3D,UAAA;AAAA,IAAA,gBAAAH,EAACY,GAAA,EAAsB,iBAAe,IACpC,4BAAC,OAAI,EAAA,KAAKC,EAAO,oBAAoB,KAAI,mBAAkB,OAAO,KAAK,QAAQ,IAAK,CAAA,GACtF;AAAA,IAEC,gBAAAb,EAAAY,GAAA,EACE,UACC9B,IAAA,gBAAAkB;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,QAAQ,CAAC/B;AAAA,QACT,aACEf,IAAmB,oCAAoC;AAAA,QAGzD,UAAA,gBAAAgC;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,MAAMU;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,SAASpB;AAAA,YACT,UAAUZ;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA,IAGD,gBAAAiB,EAAAI,GAAA,EAAK,WAAU,YAAW,sDAAyC,CAAA,GAExE;AAAA,EAAA,EACF,CAAA,EAEJ,CAAA,IAKF,gBAAAJ,EAACC,GAAA,EAAiC,iBAAgB,UAChD,UAAC,gBAAAD,EAAAgB,GAAA,EAAU,QAAO,OAAO,CAAA,EAC3B,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"resources-list.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list.tsx"],"sourcesContent":["import type { ISheetItemCallbackProps } from '../../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IMilestoneWidgetResourcesProps } from './resources-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport SearchIcon from '../../../../assets/line-icons/icons/search';\nimport ResourcesList from '../../../sheets/resources-list/resources-list';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetMilestoneResources } from '../../milestone-list-container/api/get-milestone-resources';\nimport * as Styled from './resources-list-styled';\n\nconst MilestoneWidgetResources: FC<IMilestoneWidgetResourcesProps> = memo(props => {\n  const {\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n    onAssignResources,\n    onStart,\n    onUnAssignSheet,\n    onReset,\n    onPreview,\n    onReview,\n    onResume,\n    onReattempt,\n  } = props;\n\n  const isTeacher = userType === 'TEACHER';\n  const isEPSheetCreationDisabled =\n    !canUpdatePlan || !isMilestoneActive || (isMilestoneActive && isDraftMilestone);\n\n  const {\n    get: getMilestoneResources,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n    data: sheets,\n  } = useGetMilestoneResources();\n\n  const fetchMilestoneResources = useCallback(() => {\n    if (userMilestoneId) {\n      getMilestoneResources(userMilestoneId, undefined, {\n        studentId,\n      });\n    }\n  }, [studentId, userMilestoneId, getMilestoneResources]);\n\n  const handleOnTryAgain = useCallback(() => {\n    fetchMilestoneResources();\n  }, [fetchMilestoneResources]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnAssignResources = useCallback(() => {\n    if (typeof onAssignResources !== 'function')\n      throw new Error('onAssignResources must be a function');\n\n    if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n    onAssignResources(userMilestoneId);\n  }, [onAssignResources, userMilestoneId]);\n\n  const handleOnUnAssignResources = useCallback<\n    NonNullable<ISheetItemCallbackProps['onUnAssignSheet']>\n  >(\n    sheet => {\n      if (typeof onUnAssignSheet !== 'function')\n        throw new Error('onUnAssignSheet must be a function');\n\n      if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n      onUnAssignSheet(sheet, userMilestoneId);\n    },\n    [onUnAssignSheet, userMilestoneId],\n  );\n\n  const handleOnReset = useCallback<NonNullable<ISheetItemCallbackProps['onReset']>>(\n    sheetData => {\n      onReset?.(sheetData, userMilestoneId);\n    },\n    [onReset, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            onClick={handleOnTryAgain}\n          />\n        </FlexView>\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $justifyContent=\"space-between\">\n        {sheets && sheets.length > 0 ? (\n          <>\n            <ResourcesList\n              sheets={sheets}\n              userType={userType}\n              userMilestoneId={userMilestoneId}\n              isMilestoneWidget\n              onStart={onStart}\n              onResume={onResume}\n              onReattempt={onReattempt}\n              onUnAssignSheet={handleOnUnAssignResources}\n              onReset={handleOnReset}\n              onPreview={onPreview}\n              onReview={onReview}\n            />\n\n            {isTeacher && canUpdatePlan && (\n              <Styled.SearchButtonWrapper\n                $flexDirection=\"row\"\n                $justifyContent=\"flex-end\"\n                $gapX={1}\n                $gutterX={1}\n              >\n                <Styled.SearchButtonCover>\n                  <IconButton\n                    Icon={SearchIcon}\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    analyticsLabel=\"Milestone Resource Search\"\n                    onClick={handleOnAssignResources}\n                    disabled={!isMilestoneActive}\n                  />\n                </Styled.SearchButtonCover>\n              </Styled.SearchButtonWrapper>\n            )}\n          </>\n        ) : (\n          <FlexView $width=\"100%\" $alignItems=\"center\" $justifyContent=\"flex-start\">\n            <Styled.DefaultWrapper $isImageWrapper>\n              <img src={IMAGES.BG_EMPTY_RESOURCES} alt=\"Empty resources\" width={420} height={420} />\n            </Styled.DefaultWrapper>\n\n            <Styled.DefaultWrapper>\n              {isTeacher ? (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  position=\"bottom\"\n                  hidden={!isEPSheetCreationDisabled}\n                  tooltipItem={\n                    isDraftMilestone ? 'Allowed after plan is published' : 'Plan is completed'\n                  }\n                >\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Assign Resource\"\n                    Icon={PlusIcon}\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleOnAssignResources}\n                    disabled={isEPSheetCreationDisabled}\n                  />\n                </ArrowTooltip>\n              ) : (\n                <Text $renderAs=\"ab2-bold\">Wait for the teacher to assign a resource</Text>\n              )}\n            </Styled.DefaultWrapper>\n          </FlexView>\n        )}\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  return (\n    <Styled.MilestoneResourcesWrapper $justifyContent=\"center\">\n      <AppLoader height=\"100%\" />\n    </Styled.MilestoneResourcesWrapper>\n  );\n});\n\nexport default MilestoneWidgetResources;\n"],"names":["MilestoneWidgetResources","memo","props","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onAssignResources","onStart","onUnAssignSheet","onReset","onPreview","onReview","onResume","onReattempt","isTeacher","isEPSheetCreationDisabled","getMilestoneResources","isProcessed","isProcessing","isProcessingFailed","isStale","sheets","useGetMilestoneResources","fetchMilestoneResources","useCallback","handleOnTryAgain","useEffect","handleOnAssignResources","handleOnUnAssignResources","sheet","handleOnReset","sheetData","jsx","Styled.MilestoneResourcesWrapper","jsxs","FlexView","Text","Button","Fragment","ResourcesList","Styled.SearchButtonWrapper","Styled.SearchButtonCover","IconButton","SearchIcon","Styled.DefaultWrapper","IMAGES","ArrowTooltip","PlusIcon","AppLoader"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { IS_CHAPTER_COMPLETED_STATES as $ } from "../../../../create/milestone-c
 import { TESTS_CREATION_ANALYTICS_EVENTS as g } from "../../../tests-creation/tests-creation-analytics-events.js";
 import { getTestCtaInfo as H } from "./test-sheet-item-utils.js";
 const { COMPLETED: U } = k, J = M((d) => {
-  const { milestoneId: s, studentId: m, userType: T, sheet: n, onTestStart: r, onTestReview: i, onTestPreview: a } = d, e = _(() => T === "STUDENT", [T]), { permissions: f, state: c, accuracy: l, user_node_id: u } = n, {
+  const { milestoneId: n, studentId: m, userType: T, sheet: s, onTestStart: r, onTestReview: i, onTestPreview: a } = d, e = _(() => T === "STUDENT", [T]), { permissions: f, state: c, accuracy: l, user_node_id: u } = s, {
     can_start: t,
     can_resume: o,
     can_review: S,
@@ -15,18 +15,18 @@ const { COMPLETED: U } = k, J = M((d) => {
   } = f, p = e ? S : w, h = _(
     () => ({
       user_node_id: u,
-      milestone_id: s,
+      milestone_id: n,
       student_id: m,
       ...e ? {
         can_start: t,
         can_resume: o
       } : {}
     }),
-    [s, m, o, t, e, u]
+    [n, m, o, t, e, u]
   ), C = N(() => {
     if (e && (t || o)) {
       if (typeof r == "function") {
-        r(n);
+        r(s);
         return;
       }
       throw new Error("No callback is available");
@@ -34,18 +34,18 @@ const { COMPLETED: U } = k, J = M((d) => {
     if (p) {
       if (typeof i != "function")
         throw new Error("onTestReview must be a function");
-      i(n);
+      i(s, n);
       return;
     }
     if (typeof a != "function")
       throw new Error("onTestPreview must be a function");
-    a(s, n);
+    a(n, s);
   }, [
     e,
     p,
     a,
-    s,
     n,
+    s,
     t,
     o,
     r,

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

@@ -1 +1 @@
-{"version":3,"file":"test-sheet-item-cta.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.tsx"],"sourcesContent":["import type { ITestSheetItemProps } from './test-sheet-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useMemo, memo } from 'react';\n\nimport SheetButton from '../../../../../sheets/comps/sheet-button';\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../../tests-creation/tests-creation-analytics-events';\nimport { getTestCtaInfo } from './test-sheet-item-utils';\n\nconst { COMPLETED } = SHEET_STATE;\n\nconst TestSheetItemCta: FC<Omit<ITestSheetItemProps, 'sequenceNo'>> = memo(props => {\n  const { milestoneId, studentId, userType, sheet, onTestStart, onTestReview, onTestPreview } =\n    props;\n  const isStudent = useMemo(() => userType === 'STUDENT', [userType]);\n  const { permissions, state: sheetState, accuracy, user_node_id } = sheet;\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_teacher_review: canTeacherReview,\n  } = permissions;\n  const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n  const analyticsProps = useMemo(\n    () => ({\n      user_node_id,\n      milestone_id: milestoneId,\n      student_id: studentId,\n      ...(isStudent\n        ? {\n            can_start: canStart,\n            can_resume: canResume,\n          }\n        : {}),\n    }),\n    [milestoneId, studentId, canResume, canStart, isStudent, user_node_id],\n  );\n\n  const handleOnClick = useCallback(() => {\n    if (isStudent) {\n      if (canStart || canResume) {\n        if (typeof onTestStart === 'function') {\n          onTestStart(sheet);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n    }\n\n    if (canReviewSheet) {\n      if (typeof onTestReview !== 'function') {\n        throw new Error('onTestReview must be a function');\n      }\n\n      onTestReview(sheet);\n\n      return;\n    }\n\n    if (typeof onTestPreview !== 'function') {\n      throw new Error('onTestPreview must be a function');\n    }\n\n    onTestPreview(milestoneId, sheet);\n\n    return;\n  }, [\n    isStudent,\n    canReviewSheet,\n    onTestPreview,\n    milestoneId,\n    sheet,\n    canStart,\n    canResume,\n    onTestStart,\n    onTestReview,\n  ]);\n\n  const testCtaInfo = getTestCtaInfo(sheetState, permissions, isStudent);\n  const { state: testCtaState, renderAs = 'primary', label } = testCtaInfo || {};\n\n  const isSheetCompleted =\n    sheetState === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(state => state === sheetState);\n  const sheetPermissionDisability = !isSheetCompleted && !(canStart || canResume || canReview);\n  const disableCta = isStudent && sheetPermissionDisability;\n  const sheetAccuracy = typeof accuracy === 'number' ? `${accuracy}%` : undefined;\n\n  const analyticsLabel =\n    isStudent && (canStart || canResume)\n      ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n      : '';\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n      <SheetButton\n        renderAs={renderAs}\n        label={label}\n        onClick={handleOnClick}\n        disabled={disableCta}\n        state={testCtaState}\n        accuracy={sheetAccuracy}\n        analyticsLabel={analyticsLabel}\n        analyticsProps={analyticsProps}\n      />\n    </FlexView>\n  );\n});\n\nexport default TestSheetItemCta;\n"],"names":["COMPLETED","SHEET_STATE","TestSheetItemCta","memo","props","milestoneId","studentId","userType","sheet","onTestStart","onTestReview","onTestPreview","isStudent","useMemo","permissions","sheetState","accuracy","user_node_id","canStart","canResume","canReview","canTeacherReview","canReviewSheet","analyticsProps","handleOnClick","useCallback","testCtaInfo","getTestCtaInfo","testCtaState","renderAs","label","sheetPermissionDisability","IS_CHAPTER_COMPLETED_STATES","state","disableCta","sheetAccuracy","analyticsLabel","TESTS_CREATION_ANALYTICS_EVENTS","FlexView","jsx","SheetButton"],"mappings":";;;;;;;;AAYA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAEhBC,IAAgEC,EAAK,CAASC,MAAA;AAC5E,QAAA,EAAE,aAAAC,GAAa,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,aAAAC,GAAa,cAAAC,GAAc,eAAAC,EAC1E,IAAAP,GACIQ,IAAYC,EAAQ,MAAMN,MAAa,WAAW,CAACA,CAAQ,CAAC,GAC5D,EAAE,aAAAO,GAAa,OAAOC,GAAY,UAAAC,GAAU,cAAAC,EAAiB,IAAAT,GAC7D;AAAA,IACJ,WAAWU;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,IACZ,oBAAoBC;AAAA,EAClB,IAAAP,GACEQ,IAAiBV,IAAYQ,IAAYC,GAEzCE,IAAiBV;AAAA,IACrB,OAAO;AAAA,MACL,cAAAI;AAAA,MACA,cAAcZ;AAAA,MACd,YAAYC;AAAA,MACZ,GAAIM,IACA;AAAA,QACE,WAAWM;AAAA,QACX,YAAYC;AAAA,MAAA,IAEd,CAAC;AAAA,IAAA;AAAA,IAEP,CAACd,GAAaC,GAAWa,GAAWD,GAAUN,GAAWK,CAAY;AAAA,EAAA,GAGjEO,IAAgBC,EAAY,MAAM;AACtC,QAAIb,MACEM,KAAYC,IAAW;AACrB,UAAA,OAAOV,KAAgB,YAAY;AACrC,QAAAA,EAAYD,CAAK;AAEjB;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,0BAA0B;AAAA,IAC5C;AAGF,QAAIc,GAAgB;AACd,UAAA,OAAOZ,KAAiB;AACpB,cAAA,IAAI,MAAM,iCAAiC;AAGnD,MAAAA,EAAaF,CAAK;AAElB;AAAA,IACF;AAEI,QAAA,OAAOG,KAAkB;AACrB,YAAA,IAAI,MAAM,kCAAkC;AAGpD,IAAAA,EAAcN,GAAaG,CAAK;AAAA,EAEhC,GACC;AAAA,IACDI;AAAA,IACAU;AAAA,IACAX;AAAA,IACAN;AAAA,IACAG;AAAA,IACAU;AAAA,IACAC;AAAA,IACAV;AAAA,IACAC;AAAA,EAAA,CACD,GAEKgB,IAAcC,EAAeZ,GAAYD,GAAaF,CAAS,GAC/D,EAAE,OAAOgB,GAAc,UAAAC,IAAW,WAAW,OAAAC,EAAM,IAAIJ,KAAe,IAItEK,IAA4B,EADhChB,MAAef,KAAagC,EAA4B,KAAK,CAAAC,MAASA,MAAUlB,CAAU,MACrC,EAAEG,KAAYC,KAAaC,IAC5Ec,IAAatB,KAAamB,GAC1BI,IAAgB,OAAOnB,KAAa,WAAW,GAAGA,CAAQ,MAAM,QAEhEoB,IACJxB,MAAcM,KAAYC,KACtBkB,EAAgC,wBAChC;AAEN,2BACGC,GAAS,EAAA,gBAAe,OAAM,WAAW,GAAG,aAAY,UACvD,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAAX;AAAA,MACA,OAAAC;AAAA,MACA,SAASN;AAAA,MACT,UAAUU;AAAA,MACV,OAAON;AAAA,MACP,UAAUO;AAAA,MACV,gBAAAC;AAAA,MACA,gBAAAb;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"test-sheet-item-cta.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.tsx"],"sourcesContent":["import type { ITestSheetItemProps } from './test-sheet-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useMemo, memo } from 'react';\n\nimport SheetButton from '../../../../../sheets/comps/sheet-button';\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../../tests-creation/tests-creation-analytics-events';\nimport { getTestCtaInfo } from './test-sheet-item-utils';\n\nconst { COMPLETED } = SHEET_STATE;\n\nconst TestSheetItemCta: FC<Omit<ITestSheetItemProps, 'sequenceNo'>> = memo(props => {\n  const { milestoneId, studentId, userType, sheet, onTestStart, onTestReview, onTestPreview } =\n    props;\n  const isStudent = useMemo(() => userType === 'STUDENT', [userType]);\n  const { permissions, state: sheetState, accuracy, user_node_id } = sheet;\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_teacher_review: canTeacherReview,\n  } = permissions;\n  const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n  const analyticsProps = useMemo(\n    () => ({\n      user_node_id,\n      milestone_id: milestoneId,\n      student_id: studentId,\n      ...(isStudent\n        ? {\n            can_start: canStart,\n            can_resume: canResume,\n          }\n        : {}),\n    }),\n    [milestoneId, studentId, canResume, canStart, isStudent, user_node_id],\n  );\n\n  const handleOnClick = useCallback(() => {\n    if (isStudent) {\n      if (canStart || canResume) {\n        if (typeof onTestStart === 'function') {\n          onTestStart(sheet);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n    }\n\n    if (canReviewSheet) {\n      if (typeof onTestReview !== 'function') {\n        throw new Error('onTestReview must be a function');\n      }\n\n      onTestReview(sheet, milestoneId);\n\n      return;\n    }\n\n    if (typeof onTestPreview !== 'function') {\n      throw new Error('onTestPreview must be a function');\n    }\n\n    onTestPreview(milestoneId, sheet);\n\n    return;\n  }, [\n    isStudent,\n    canReviewSheet,\n    onTestPreview,\n    milestoneId,\n    sheet,\n    canStart,\n    canResume,\n    onTestStart,\n    onTestReview,\n  ]);\n\n  const testCtaInfo = getTestCtaInfo(sheetState, permissions, isStudent);\n  const { state: testCtaState, renderAs = 'primary', label } = testCtaInfo || {};\n\n  const isSheetCompleted =\n    sheetState === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(state => state === sheetState);\n  const sheetPermissionDisability = !isSheetCompleted && !(canStart || canResume || canReview);\n  const disableCta = isStudent && sheetPermissionDisability;\n  const sheetAccuracy = typeof accuracy === 'number' ? `${accuracy}%` : undefined;\n\n  const analyticsLabel =\n    isStudent && (canStart || canResume)\n      ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n      : '';\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n      <SheetButton\n        renderAs={renderAs}\n        label={label}\n        onClick={handleOnClick}\n        disabled={disableCta}\n        state={testCtaState}\n        accuracy={sheetAccuracy}\n        analyticsLabel={analyticsLabel}\n        analyticsProps={analyticsProps}\n      />\n    </FlexView>\n  );\n});\n\nexport default TestSheetItemCta;\n"],"names":["COMPLETED","SHEET_STATE","TestSheetItemCta","memo","props","milestoneId","studentId","userType","sheet","onTestStart","onTestReview","onTestPreview","isStudent","useMemo","permissions","sheetState","accuracy","user_node_id","canStart","canResume","canReview","canTeacherReview","canReviewSheet","analyticsProps","handleOnClick","useCallback","testCtaInfo","getTestCtaInfo","testCtaState","renderAs","label","sheetPermissionDisability","IS_CHAPTER_COMPLETED_STATES","state","disableCta","sheetAccuracy","analyticsLabel","TESTS_CREATION_ANALYTICS_EVENTS","FlexView","jsx","SheetButton"],"mappings":";;;;;;;;AAYA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAEhBC,IAAgEC,EAAK,CAASC,MAAA;AAC5E,QAAA,EAAE,aAAAC,GAAa,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,aAAAC,GAAa,cAAAC,GAAc,eAAAC,EAC1E,IAAAP,GACIQ,IAAYC,EAAQ,MAAMN,MAAa,WAAW,CAACA,CAAQ,CAAC,GAC5D,EAAE,aAAAO,GAAa,OAAOC,GAAY,UAAAC,GAAU,cAAAC,EAAiB,IAAAT,GAC7D;AAAA,IACJ,WAAWU;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,IACZ,oBAAoBC;AAAA,EAClB,IAAAP,GACEQ,IAAiBV,IAAYQ,IAAYC,GAEzCE,IAAiBV;AAAA,IACrB,OAAO;AAAA,MACL,cAAAI;AAAA,MACA,cAAcZ;AAAA,MACd,YAAYC;AAAA,MACZ,GAAIM,IACA;AAAA,QACE,WAAWM;AAAA,QACX,YAAYC;AAAA,MAAA,IAEd,CAAC;AAAA,IAAA;AAAA,IAEP,CAACd,GAAaC,GAAWa,GAAWD,GAAUN,GAAWK,CAAY;AAAA,EAAA,GAGjEO,IAAgBC,EAAY,MAAM;AACtC,QAAIb,MACEM,KAAYC,IAAW;AACrB,UAAA,OAAOV,KAAgB,YAAY;AACrC,QAAAA,EAAYD,CAAK;AAEjB;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,0BAA0B;AAAA,IAC5C;AAGF,QAAIc,GAAgB;AACd,UAAA,OAAOZ,KAAiB;AACpB,cAAA,IAAI,MAAM,iCAAiC;AAGnD,MAAAA,EAAaF,GAAOH,CAAW;AAE/B;AAAA,IACF;AAEI,QAAA,OAAOM,KAAkB;AACrB,YAAA,IAAI,MAAM,kCAAkC;AAGpD,IAAAA,EAAcN,GAAaG,CAAK;AAAA,EAEhC,GACC;AAAA,IACDI;AAAA,IACAU;AAAA,IACAX;AAAA,IACAN;AAAA,IACAG;AAAA,IACAU;AAAA,IACAC;AAAA,IACAV;AAAA,IACAC;AAAA,EAAA,CACD,GAEKgB,IAAcC,EAAeZ,GAAYD,GAAaF,CAAS,GAC/D,EAAE,OAAOgB,GAAc,UAAAC,IAAW,WAAW,OAAAC,EAAM,IAAIJ,KAAe,IAItEK,IAA4B,EADhChB,MAAef,KAAagC,EAA4B,KAAK,CAAAC,MAASA,MAAUlB,CAAU,MACrC,EAAEG,KAAYC,KAAaC,IAC5Ec,IAAatB,KAAamB,GAC1BI,IAAgB,OAAOnB,KAAa,WAAW,GAAGA,CAAQ,MAAM,QAEhEoB,IACJxB,MAAcM,KAAYC,KACtBkB,EAAgC,wBAChC;AAEN,2BACGC,GAAS,EAAA,gBAAe,OAAM,WAAW,GAAG,aAAY,UACvD,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAAX;AAAA,MACA,OAAAC;AAAA,MACA,SAASN;AAAA,MACT,UAAUU;AAAA,MACV,OAAON;AAAA,MACP,UAAUO;AAAA,MACV,gBAAAC;AAAA,MACA,gBAAAb;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}