@cuemath/leap 3.5.48-gg1 → 3.5.48-j2

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n  milestones,\n  studentId,\n  milestoneType,\n  ...restMilestoneListProps\n}) {\n  const {\n    canCreatePlan,\n    isClassOngoing,\n    isFiltersAdded,\n    isStudentPresent,\n    onAddChapter,\n    onAddOutcome,\n    onChapterClick,\n    onCreatePlan,\n    onDelete,\n    onDraftPublish,\n    onEdit,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onAssignResources,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    activeMilestoneId,\n    activeTabId,\n    onWidgetTabSelection,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    isTrialSession,\n    onNodeAssignAsHomework,\n  } = restMilestoneListProps;\n\n  const isMilestoneActive = milestoneType === 'ACTIVE';\n  const isDraftMilestone = milestoneType === 'DRAFT';\n  const temporaryMilestoneId = useLazyRef(uuidv4);\n\n  const handleCreatePlan = useCallback(() => {\n    onCreatePlan?.(temporaryMilestoneId);\n  }, [onCreatePlan, temporaryMilestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.();\n  }, [onAddOutcome]);\n\n  if (!milestones) return null;\n\n  const activeMilestonePresent = milestones.some(\n    milestone => milestone.milestone_state === 'ACTIVE',\n  );\n  const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n  return (\n    <>\n      {isMilestoneActive && !activeMilestonePresent && (\n        <FlexView $marginBottom={40}>\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        </FlexView>\n      )}\n\n      {isMilestoneActive && (\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n          <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n          {userType === 'TEACHER' && (\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                tooltipItem=\"Goals can only be added for students who have joined the class\"\n                hidden={canCreatePlan}\n                position=\"bottom\"\n              >\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              </ArrowTooltip>\n              <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n            </FlexView>\n          )}\n        </FlexView>\n      )}\n\n      {milestones.map((milestone, idx) => {\n        const { id: milestoneId } = milestone;\n\n        return (\n          <Fragment key={`milestone=${milestoneId}`}>\n            <MilestoneWidget\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              parentName={parentName}\n              teacherName={teacherName}\n              userType={userType}\n              onAddOutcome={onAddOutcome}\n              onChapterClick={onChapterClick}\n              isMilestoneActive={isMilestoneActive || isDraftMilestone}\n              milestoneType={milestoneType}\n              onEdit={onEdit}\n              onCreateMilestoneTest={onCreateMilestoneTest}\n              onAddChapter={onAddChapter}\n              onDelete={onDelete}\n              onDraftPublish={onDraftPublish}\n              isClassOngoing={isClassOngoing}\n              isStudentPresent={isStudentPresent}\n              onAssignResources={onAssignResources}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onTestPreview={onTestPreview}\n              onTestReview={onTestReview}\n              onTestStart={onTestStart}\n              courseStream={courseStream}\n              activeMilestoneId={activeMilestoneId}\n              activeTabId={activeTabId}\n              onWidgetTabSelection={onWidgetTabSelection}\n              isTrialSession={isTrialSession}\n            />\n            {idx !== milestones.length - 1 && <Separator heightX={2} />}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isTrialSession","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import { memo, useCallback, Fragment, type FC } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IMilestoneListProps } from './milestone-list-types';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: FC<IMilestoneListProps> = memo(function MilestoneList({\n  milestones,\n  studentId,\n  milestoneType,\n  milestoneState,\n  onMilestoneStateChange,\n  ...restMilestoneListProps\n}) {\n  const {\n    canCreatePlan,\n    isClassOngoing,\n    isFiltersAdded,\n    isStudentPresent,\n    onAddChapter,\n    onAddOutcome,\n    onChapterClick,\n    onCreatePlan,\n    onDelete,\n    onDraftPublish,\n    onEdit,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onAssignResources,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    activeMilestoneId,\n    activeTabId,\n    onWidgetTabSelection,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    isTrialSession,\n    onNodeAssignAsHomework,\n  } = restMilestoneListProps;\n\n  const isMilestoneActive = milestoneType === 'ACTIVE';\n  const isDraftMilestone = milestoneType === 'DRAFT';\n  const temporaryMilestoneId = useLazyRef(uuidv4);\n\n  const handleCreatePlan = useCallback(() => {\n    onCreatePlan?.(temporaryMilestoneId);\n  }, [onCreatePlan, temporaryMilestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.();\n  }, [onAddOutcome]);\n\n  if (!milestones) return null;\n\n  const activeMilestonePresent = milestones.some(\n    milestone => milestone.milestone_state === 'ACTIVE',\n  );\n  const draftMilestonePresent = milestones.some(milestone => milestone.milestone_state === 'DRAFT');\n\n  return (\n    <>\n      {isMilestoneActive && !activeMilestonePresent && (\n        <FlexView $marginBottom={40}>\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        </FlexView>\n      )}\n\n      {isMilestoneActive && (\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n          <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n          {userType === 'TEACHER' && (\n            <FlexView $flexDirection=\"row\" $flexGapX={1}>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                tooltipItem=\"Goals can only be added for students who have joined the class\"\n                hidden={canCreatePlan}\n                position=\"bottom\"\n              >\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n              </ArrowTooltip>\n              <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n            </FlexView>\n          )}\n        </FlexView>\n      )}\n\n      {milestones.map((milestone, idx) => {\n        const { id: milestoneId } = milestone;\n\n        return (\n          <Fragment key={`milestone=${milestoneId}`}>\n            <MilestoneWidget\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              parentName={parentName}\n              teacherName={teacherName}\n              userType={userType}\n              onAddOutcome={onAddOutcome}\n              onChapterClick={onChapterClick}\n              isMilestoneActive={isMilestoneActive || isDraftMilestone}\n              milestoneType={milestoneType}\n              onEdit={onEdit}\n              onCreateMilestoneTest={onCreateMilestoneTest}\n              onAddChapter={onAddChapter}\n              onDelete={onDelete}\n              onDraftPublish={onDraftPublish}\n              isClassOngoing={isClassOngoing}\n              isStudentPresent={isStudentPresent}\n              onAssignResources={onAssignResources}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              onNodeAssignAsHomework={onNodeAssignAsHomework}\n              onTestPreview={onTestPreview}\n              onTestReview={onTestReview}\n              onTestStart={onTestStart}\n              courseStream={courseStream}\n              activeMilestoneId={activeMilestoneId}\n              activeTabId={activeTabId}\n              onWidgetTabSelection={onWidgetTabSelection}\n              isTrialSession={isTrialSession}\n              milestoneState={milestoneState?.[milestoneId]}\n              onMilestoneStateChange={onMilestoneStateChange}\n            />\n            {idx !== milestones.length - 1 && <Separator heightX={2} />}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","milestoneState","onMilestoneStateChange","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isTrialSession","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js

@@ -36,7 +36,7 @@ const ce = R(function(w) {
     can_delete: _,
     can_update_date: E,
     can_update_plan: d
-  } = O, { onEvent: C } = H(), [A, D] = V(""), S = a === "OUTCOME_PENDING", X = r && a === "DRAFT", o = k ? !1 : !x || P, M = m(
+  } = O, { onEvent: C } = H(), [A, D] = V(""), S = a === "OUTCOME_PENDING", X = r && a === "DRAFT", o = !x || P, M = m(
     (l, F) => {
       const { id: L } = F || {};
       l ? D(l) : (e && Q({
@@ -102,7 +102,7 @@ const ce = R(function(w) {
               onClick: z
             }
           ),
-          X && /* @__PURE__ */ t(
+          X && !k && /* @__PURE__ */ t(
             y,
             {
               position: "bottom",

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\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 { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    courseStream,\n    isTrialSession,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = isTrialSession ? false : !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            course_stream: courseStream,\n            student_id: studentId,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $flexGap={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $width=\"fit-content\"\n        onClick={e => e.stopPropagation()}\n      >\n        {canAddOutcome && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Add outcome\"\n            shape=\"square\"\n            widthX={10}\n            onClick={handleOnAddOutcome}\n          />\n        )}\n\n        {isDraftMilestone && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={10}\n              label=\"Publish\"\n              size=\"small\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n\n        {canUpdatePlan && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              size=\"xsmall\"\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      {error && (\n        <Text $widthX={12.5} $renderAs=\"ub3-bold\" $color=\"RED\" $align=\"center\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isTrialSession","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}
+{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\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 { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    courseStream,\n    isTrialSession,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            course_stream: courseStream,\n            student_id: studentId,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $flexGap={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $width=\"fit-content\"\n        onClick={e => e.stopPropagation()}\n      >\n        {canAddOutcome && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Add outcome\"\n            shape=\"square\"\n            widthX={10}\n            onClick={handleOnAddOutcome}\n          />\n        )}\n\n        {isDraftMilestone && !isTrialSession && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={10}\n              label=\"Publish\"\n              size=\"small\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n\n        {canUpdatePlan && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              size=\"xsmall\"\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      {error && (\n        <Text $widthX={12.5} $renderAs=\"ub3-bold\" $color=\"RED\" $align=\"center\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isTrialSession","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/test-list-v2/test-list-container';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\nimport type { IMilestoneTabConfig, IMilestoneTabsProps } from './milestone-tabs-types';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(function MilestoneTabs(props) {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    milestoneState,\n    milestonePermissions,\n    activeMilestoneId,\n    activeTabId,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeAssignAsHomework,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onWidgetTabSelection,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone);\n\n  const TAB_CONFIG: IMilestoneTabConfig = {\n    chapters: {\n      label: 'Chapters',\n      component: (\n        <ChaptersList\n          milestoneId={userMilestoneId}\n          chapters={chapters}\n          userType={userType}\n          isGoalCreation={isGoalCreation}\n          onChapterClick={onChapterClick}\n          onAddChapter={onAddChapter}\n          canUpdatePlan={Boolean(milestoneState !== 'DRAFT' && canUpdatePlan)}\n          isMilestoneActive={isMilestoneActive}\n        />\n      ),\n    },\n    tests: {\n      label: 'Tests',\n      component: (\n        <MilestoneTestsList\n          isDraftMilestone={isDraftMilestone}\n          isChaptersAvailable={chapters.length > 0}\n          isMilestoneActive={isMilestoneActive}\n          studentId={studentId}\n          userMilestoneId={userMilestoneId}\n          userType={userType}\n          canUpdatePlan={canUpdatePlan}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onNodeReattempt={onNodeReattempt}\n          onTestPreview={onTestPreview}\n          onTestStart={onTestStart}\n          onTestReview={onTestReview}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n        />\n      ),\n    },\n    resources: {\n      label: 'Resources',\n      component: (\n        <MilestoneWidgetResources\n          isDraftMilestone={isDraftMilestone}\n          isMilestoneActive={isMilestoneActive}\n          userMilestoneId={userMilestoneId}\n          canUpdatePlan={canUpdatePlan}\n          studentId={studentId}\n          userType={userType}\n          onAssignResources={onAssignResources}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n        />\n      ),\n    },\n  };\n\n  const filteredTabConfig =\n    (visibleTabs ?? []).length === 0\n      ? Object.entries(TAB_CONFIG)\n      : Object.entries(TAB_CONFIG).filter(([tabName]) =>\n          (visibleTabs ?? []).includes(tabName.toUpperCase()),\n        );\n  const [selectedTabName, setSelectedTabName] = useState(\n    userMilestoneId === activeMilestoneId ? activeTabId : filteredTabConfig?.[0]?.[0] || 'chapters',\n  );\n\n  const handleTabChange = useCallback(\n    (tabName: keyof IMilestoneTabConfig, ctaLabel: string) => {\n      if (activeMilestoneId === userMilestoneId && tabName === selectedTabName) return null;\n\n      setSelectedTabName(tabName);\n\n      onWidgetTabSelection?.(userMilestoneId, tabName);\n\n      trackEvent('clicked', {\n        cta: ctaLabel,\n        milestone_id: userMilestoneId,\n      });\n    },\n    [activeMilestoneId, userMilestoneId, selectedTabName, onWidgetTabSelection, trackEvent],\n  );\n\n  if (isDraftMilestone && chapters.length === 0) {\n    return (\n      <Styled.NoPlanCardWrapper $gutterX={2} $background=\"WHITE_3\">\n        <Text $renderAs=\"ab2\" $color=\"RED\">\n          No chapter has been assigned\n        </Text>\n      </Styled.NoPlanCardWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.TabsWrapper $backgroundColor={backgroundColor} $frames={filteredTabConfig.length}>\n        {filteredTabConfig.map(tabConfig => {\n          const [tabName, tabInfo] = tabConfig;\n          const { label } = tabInfo;\n          const isSelected = tabName === selectedTabName;\n\n          return (\n            <Styled.TabsText\n              $renderAs={isSelected ? 'ub3-bold' : 'ub3'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as keyof IMilestoneTabConfig, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      <Styled.TabComponentWrapper>\n        {TAB_CONFIG[selectedTabName as keyof typeof TAB_CONFIG].component}\n      </Styled.TabComponentWrapper>\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","milestoneState","milestonePermissions","activeMilestoneId","activeTabId","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","tabName","selectedTabName","setSelectedTabName","useState","_a","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText","Styled.TabComponentWrapper"],"mappings":"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"}
+{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, useState, type FC } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/test-list-v2/test-list-container';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\nimport type {\n  IMilestoneTabConfig,\n  IMilestoneTabsProps,\n  TMilestoneTabName,\n} from './milestone-tabs-types';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(function MilestoneTabs(props) {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    milestoneState,\n    milestonePermissions,\n    activeMilestoneId,\n    activeTabId,\n    selectedTabName: controlledSelectedTabName,\n    isTrialSession,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeAssignAsHomework,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onWidgetTabSelection,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone);\n\n  const TAB_CONFIG: IMilestoneTabConfig = {\n    chapters: {\n      label: 'Chapters',\n      component: (\n        <ChaptersList\n          milestoneId={userMilestoneId}\n          chapters={chapters}\n          userType={userType}\n          isGoalCreation={isGoalCreation}\n          onChapterClick={onChapterClick}\n          onAddChapter={onAddChapter}\n          canUpdatePlan={Boolean(milestoneState !== 'DRAFT' && canUpdatePlan)}\n          isMilestoneActive={isMilestoneActive}\n        />\n      ),\n    },\n    tests: {\n      label: 'Tests',\n      component: (\n        <MilestoneTestsList\n          isDraftMilestone={isDraftMilestone}\n          isChaptersAvailable={chapters.length > 0}\n          isMilestoneActive={isMilestoneActive}\n          studentId={studentId}\n          userMilestoneId={userMilestoneId}\n          userType={userType}\n          canUpdatePlan={canUpdatePlan}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onNodeReattempt={onNodeReattempt}\n          onTestPreview={onTestPreview}\n          onTestStart={onTestStart}\n          onTestReview={onTestReview}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n          isTrialSession={isTrialSession}\n        />\n      ),\n    },\n    resources: {\n      label: 'Resources',\n      component: (\n        <MilestoneWidgetResources\n          isDraftMilestone={isDraftMilestone}\n          isMilestoneActive={isMilestoneActive}\n          userMilestoneId={userMilestoneId}\n          canUpdatePlan={canUpdatePlan}\n          studentId={studentId}\n          userType={userType}\n          onAssignResources={onAssignResources}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n          isTrialSession={isTrialSession}\n        />\n      ),\n    },\n  };\n\n  const filteredTabConfig =\n    (visibleTabs ?? []).length === 0 || isTrialSession\n      ? Object.entries(TAB_CONFIG)\n      : Object.entries(TAB_CONFIG).filter(([tabName]) =>\n          (visibleTabs ?? []).includes(tabName.toUpperCase()),\n        );\n\n  const defaultTabName =\n    userMilestoneId === activeMilestoneId ? activeTabId : filteredTabConfig?.[0]?.[0] || 'chapters';\n\n  const [selectedTabName, setSelectedTabName] = useState<TMilestoneTabName>(\n    (controlledSelectedTabName ?? defaultTabName) as TMilestoneTabName,\n  );\n\n  const prevControlledTabNameRef = useRef(controlledSelectedTabName);\n\n  useEffect(() => {\n    if (!controlledSelectedTabName) return;\n\n    if (controlledSelectedTabName === prevControlledTabNameRef.current) return;\n\n    prevControlledTabNameRef.current = controlledSelectedTabName;\n    setSelectedTabName(controlledSelectedTabName);\n  }, [controlledSelectedTabName]);\n\n  const handleTabChange = useCallback(\n    (tabName: TMilestoneTabName, ctaLabel: string) => {\n      if (activeMilestoneId === userMilestoneId && tabName === selectedTabName) return null;\n\n      setSelectedTabName(tabName);\n\n      onWidgetTabSelection?.(userMilestoneId, tabName);\n\n      trackEvent('clicked', {\n        cta: ctaLabel,\n        milestone_id: userMilestoneId,\n      });\n    },\n    [activeMilestoneId, userMilestoneId, selectedTabName, onWidgetTabSelection, trackEvent],\n  );\n\n  if (isDraftMilestone && chapters.length === 0) {\n    return (\n      <Styled.NoPlanCardWrapper $gutterX={2} $background=\"WHITE_3\">\n        <Text $renderAs=\"ab2\" $color=\"RED\">\n          No chapter has been assigned\n        </Text>\n      </Styled.NoPlanCardWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.TabsWrapper $backgroundColor={backgroundColor} $frames={filteredTabConfig.length}>\n        {filteredTabConfig.map(tabConfig => {\n          const [tabName, tabInfo] = tabConfig;\n          const { label } = tabInfo;\n          const isSelected = tabName === selectedTabName;\n\n          return (\n            <Styled.TabsText\n              $renderAs={isSelected ? 'ub3-bold' : 'ub3'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as TMilestoneTabName, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      <Styled.TabComponentWrapper>\n        {TAB_CONFIG[selectedTabName as keyof typeof TAB_CONFIG].component}\n      </Styled.TabComponentWrapper>\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","milestoneState","milestonePermissions","activeMilestoneId","activeTabId","controlledSelectedTabName","isTrialSession","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","tabName","defaultTabName","_a","selectedTabName","setSelectedTabName","useState","prevControlledTabNameRef","useRef","useEffect","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText","Styled.TabComponentWrapper"],"mappings":"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"}