npm - @cuemath/leap - Versions diffs - 4.1.1-beta.5 → 4.1.1-link.0 - Mend

@cuemath/leap 4.1.1-beta.5 → 4.1.1-link.0

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

Files changed (78) hide show

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

@@ -1,20 +1,20 @@
-import { jsxs as t, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { memo as X, useRef as j, useState as H, useMemo as F, useLayoutEffect as K } from "react";
-import V from "../../../../../assets/line-icons/icons/check2.js";
-import v from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import U from "../../../../ui/image/image.js";
+import { jsxs as t, jsx as e, Fragment as X } from "react/jsx-runtime";
+import { memo as j, useRef as H, useState as F, useMemo as K, useLayoutEffect as V } from "react";
+import v from "../../../../../assets/line-icons/icons/check2.js";
+import U from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import Y from "../../../../ui/image/image.js";
 import r from "../../../../ui/layout/flex-view.js";
-import Y from "../../../../ui/separator/separator.js";
+import q from "../../../../ui/separator/separator.js";
 import s from "../../../../ui/text/text.js";
-import q from "./goals/goal-action-ctas.js";
-import { GOAL_CATEGORY_BASED_IMAGES as z } from "./milestone-constants.js";
-import { getRemainingDaysToCompleteGoal as J, getGoalCategoryBasedColorTheme as Q, getMilestoneWidgetStatusInfo as Z } from "./milestone-utils.js";
-import { ChapterProgressSVG as ee, ChapterProgressSVGCircle as u, StyledCheckIconWrapper as te, MilestoneTitle as re } from "./milestone-widget-styled.js";
-import oe from "./outcome/outcome.js";
-const Te = X(function({
+import z from "./goals/goal-action-ctas.js";
+import { GOAL_CATEGORY_BASED_IMAGES as J } from "./milestone-constants.js";
+import { getRemainingDaysToCompleteGoal as Q, getGoalCategoryBasedColorTheme as Z, getMilestoneWidgetStatusInfo as ee } from "./milestone-utils.js";
+import { ChapterProgressSVG as te, ChapterProgressSVGCircle as u, StyledCheckIconWrapper as re, MilestoneTitle as oe } from "./milestone-widget-styled.js";
+import ne from "./outcome/outcome.js";
+const xe = j(function({
   isClassOngoing: C,
   isStudentPresent: T,
-  isExpanded: ie,
+  isExpanded: le,
   ...x
 }) {
   const {
@@ -29,17 +29,18 @@ const Te = X(function({
     isDraftModeEnabled: E,
     onEdit: G,
     onDraftPublish: b,
-    onAddOutcome: S
+    onAddOutcome: S,
+    editButtonRef: B
   } = x, {
     milestone_name: m,
     milestone_date_ts: k,
     milestone_state: o,
     goal_category: l,
     goal_code: p,
-    progress_stat: B
-  } = d, { completed: g = 0, total: h = 0 } = B || {}, $ = o === "OUTCOME_PENDING", a = g > 0 ? Math.floor((g / h || 1) * 100) : 0, n = j(null), [M, O] = H(!1), { textColor: N, borderColor: f } = Q(l), c = Z(o), R = ($ ? c == null ? void 0 : c.progressBackgroundColor : f) || "WHITE_5", W = F(() => typeof p == "string", [p]), L = J(k);
-  return K(() => {
-    n.current && n.current.scrollHeight > n.current.clientHeight && O(!0);
+    progress_stat: M
+  } = d, { completed: g = 0, total: h = 0 } = M || {}, $ = o === "OUTCOME_PENDING", a = g > 0 ? Math.floor((g / h || 1) * 100) : 0, n = H(null), [O, R] = F(!1), { textColor: N, borderColor: f } = Z(l), c = ee(o), W = ($ ? c == null ? void 0 : c.progressBackgroundColor : f) || "WHITE_5", L = K(() => typeof p == "string", [p]), P = Q(k);
+  return V(() => {
+    n.current && n.current.scrollHeight > n.current.clientHeight && R(!0);
   }, [n]), l ? /* @__PURE__ */ t(
     r,
     {
@@ -60,7 +61,7 @@ const Te = X(function({
               $alignItems: "center",
               $borderRadiusX: 2,
               children: [
-                /* @__PURE__ */ t(ee, { width: "64px", height: "64px", children: [
+                /* @__PURE__ */ t(te, { width: "64px", height: "64px", children: [
                   /* @__PURE__ */ e(u, { $progress: 0, r: "31", cx: "32", cy: "32" }),
                   /* @__PURE__ */ e(
                     u,
@@ -75,15 +76,15 @@ const Te = X(function({
                   )
                 ] }),
                 /* @__PURE__ */ e(r, { $widthX: 4, $heightX: 4, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
-                  U,
+                  Y,
                   {
-                    src: z[l],
+                    src: J[l],
                     withLoader: !0,
                     width: 40,
                     height: 40
                   }
                 ) }),
-                a === 100 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(V, { width: 20, height: 20 }) })
+                a === 100 && /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(v, { width: 20, height: 20 }) })
               ]
             }
           ),
@@ -98,7 +99,7 @@ const Te = X(function({
                     $gap: 4,
                     $gutter: 4,
                     $alignItems: "center",
-                    $background: R,
+                    $background: W,
                     children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
                   }
                 ),
@@ -115,17 +116,17 @@ const Te = X(function({
                 )
               ] }),
               /* @__PURE__ */ e(
-                v,
+                U,
                 {
                   renderAs: "primary",
                   position: "bottom",
                   tooltipItem: m,
-                  hidden: !M,
+                  hidden: !O,
                   children: /* @__PURE__ */ e(
-                    re,
+                    oe,
                     {
                       ref: n,
-                      $renderAs: W ? "ah4" : "ab1",
+                      $renderAs: L ? "ah4" : "ab1",
                       $color: "BLACK_1",
                       children: m
                     }
@@ -134,17 +135,17 @@ const Te = X(function({
               ),
               !!h && o !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub4", $color: "BLACK_T_60", children: [
                 `${a}% complete`,
-                o === "ACTIVE" && L
+                o === "ACTIVE" && P
               ] })
             ] }),
-            !!(i != null && i.length) && /* @__PURE__ */ t(P, { children: [
-              /* @__PURE__ */ e(Y, { width: 40, height: 1, background: "BLACK_T_15" }),
-              /* @__PURE__ */ e(oe, { outcomes: i })
+            !!(i != null && i.length) && /* @__PURE__ */ t(X, { children: [
+              /* @__PURE__ */ e(q, { width: 40, height: 1, background: "BLACK_T_15" }),
+              /* @__PURE__ */ e(ne, { outcomes: i })
             ] })
           ] })
         ] }),
         y === "TEACHER" && /* @__PURE__ */ e(
-          q,
+          z,
           {
             milestone: d,
             studentId: A,
@@ -157,7 +158,8 @@ const Te = X(function({
             onDraftPublish: b,
             onEdit: G,
             courseStream: D,
-            isDraftModeEnabled: E
+            isDraftModeEnabled: E,
+            editButtonRef: B
           }
         )
       ]
@@ -165,6 +167,6 @@ const Te = X(function({
   ) : null;
 });
 export {
-  Te as default
+  xe as default
 };
 //# sourceMappingURL=milestone-info.js.map

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, 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 isDraftModeEnabled,\n defaultVisibleTab,\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 onCardClick,\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 = useMemo(\n () => ({\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 onCardClick={onCardClick}\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 userMilestoneId,\n chapters,\n userType,\n isGoalCreation,\n onChapterClick,\n onAddChapter,\n milestoneState,\n canUpdatePlan,\n isMilestoneActive,\n isDraftMilestone,\n studentId,\n onCreateMilestoneTest,\n onNodeReattempt,\n onTestPreview,\n onTestStart,\n onTestReview,\n onNodeAssignAsHomework,\n onCardClick,\n onAssignResources,\n onNodeAttempt,\n onNodeView,\n onNodeReview,\n onNodeReset,\n onNodeUnassign,\n ],\n );\n\n // Determine which tabs to show based on defaultVisibleTab and permissions\n const filteredTabConfig = useMemo(() => {\n const allTabs = Object.entries(TAB_CONFIG);\n const hasVisibleTabsPermissions = (visibleTabs ?? []).length > 0;\n\n // If defaultVisibleTab is provided, validate and show only that tab\n if (defaultVisibleTab) {\n const isDefaultTabInPermissions = (visibleTabs ?? []).includes(\n defaultVisibleTab.toUpperCase(),\n );\n const isDefaultTabValid = isDefaultTabInPermissions \|\| !hasVisibleTabsPermissions;\n\n // Validation failed - render no tabs\n if (!isDefaultTabValid) {\n return [];\n }\n\n // Show only the defaultVisibleTab\n return allTabs.filter(([tabName]) => tabName === defaultVisibleTab);\n }\n\n // No defaultVisibleTab - use permissions or show all\n if (hasVisibleTabsPermissions) {\n return allTabs.filter(([tabName]) => (visibleTabs ?? []).includes(tabName.toUpperCase()));\n }\n\n return allTabs;\n }, [TAB_CONFIG, defaultVisibleTab, visibleTabs]);\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 // If no tabs to show due to validation failure, render nothing\n if (filteredTabConfig.length === 0) {\n return null;\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 ? 'ub4-bold' : 'ub4'}\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 $flexibleHeight={isDraftModeEnabled}>\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","isDraftModeEnabled","defaultVisibleTab","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onCardClick","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","useMemo","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","allTabs","hasVisibleTabsPermissions","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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"}
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, useEffect, useMemo, 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 isDraftModeEnabled,\n firstChapterRef,\n createTestButtonRef,\n assignResourceButtonRef,\n defaultVisibleTab,\n canStartJourney,\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 onCardClick,\n startJourney,\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 = useMemo(\n () => ({\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 firstChapterRef={firstChapterRef}\n canStartJourney={canStartJourney}\n startJourney={startJourney}\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 onCardClick={onCardClick}\n createTestButtonRef={createTestButtonRef}\n canStartJourney={canStartJourney}\n startJourney={startJourney}\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 assignResourceButtonRef={assignResourceButtonRef}\n canStartJourney={canStartJourney}\n startJourney={startJourney}\n />\n ),\n },\n }),\n [\n userMilestoneId,\n chapters,\n userType,\n isGoalCreation,\n onChapterClick,\n onAddChapter,\n milestoneState,\n canUpdatePlan,\n isMilestoneActive,\n firstChapterRef,\n canStartJourney,\n startJourney,\n isDraftMilestone,\n studentId,\n onCreateMilestoneTest,\n onNodeReattempt,\n onTestPreview,\n onTestStart,\n onTestReview,\n onNodeAssignAsHomework,\n onCardClick,\n createTestButtonRef,\n onAssignResources,\n onNodeAttempt,\n onNodeView,\n onNodeReview,\n onNodeReset,\n onNodeUnassign,\n assignResourceButtonRef,\n ],\n );\n\n // Determine which tabs to show based on defaultVisibleTab and permissions\n const filteredTabConfig = useMemo(() => {\n const allTabs = Object.entries(TAB_CONFIG);\n const hasVisibleTabsPermissions = (visibleTabs ?? []).length > 0;\n\n // If defaultVisibleTab is provided, validate and show only that tab\n if (defaultVisibleTab) {\n const isDefaultTabInPermissions = (visibleTabs ?? []).includes(\n defaultVisibleTab.toUpperCase(),\n );\n const isDefaultTabValid = isDefaultTabInPermissions \|\| !hasVisibleTabsPermissions;\n\n // Validation failed - render no tabs\n if (!isDefaultTabValid) {\n return [];\n }\n\n // Show only the defaultVisibleTab\n return allTabs.filter(([tabName]) => tabName === defaultVisibleTab);\n }\n\n // No defaultVisibleTab - use permissions or show all\n if (hasVisibleTabsPermissions) {\n return allTabs.filter(([tabName]) => (visibleTabs ?? []).includes(tabName.toUpperCase()));\n }\n\n return allTabs;\n }, [TAB_CONFIG, defaultVisibleTab, visibleTabs]);\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 // If no tabs to show due to validation failure, render nothing\n if (filteredTabConfig.length === 0) {\n return null;\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 ? 'ub4-bold' : 'ub4'}\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 $flexibleHeight={isDraftModeEnabled}>\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","isDraftModeEnabled","firstChapterRef","createTestButtonRef","assignResourceButtonRef","defaultVisibleTab","canStartJourney","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onCardClick","startJourney","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","useMemo","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","allTabs","hasVisibleTabsPermissions","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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"}