@cuemath/leap 4.0.4 → 4.0.6

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 (33) hide show
  1. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +49 -47
  2. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
  3. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +160 -128
  4. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
  5. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js +89 -87
  6. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map +1 -1
  7. package/dist/features/milestone/milestone-list-container/milestone-list-container.js +104 -102
  8. package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
  9. package/dist/features/trial-session/comps/learning-plan/index.js +260 -222
  10. package/dist/features/trial-session/comps/learning-plan/index.js.map +1 -1
  11. package/dist/features/trial-session/comps/school-goals/school-goals.js +1 -1
  12. package/dist/features/trial-session/comps/school-goals/school-goals.js.map +1 -1
  13. package/dist/features/trial-session/comps/student-info/student-info.js +11 -11
  14. package/dist/features/trial-session/comps/student-info/student-info.js.map +1 -1
  15. package/dist/features/trial-session/helper.js +117 -104
  16. package/dist/features/trial-session/helper.js.map +1 -1
  17. package/dist/features/trial-session/hooks/use-trial-session-navigation.js +76 -76
  18. package/dist/features/trial-session/hooks/use-trial-session-navigation.js.map +1 -1
  19. package/dist/features/trial-session/right-panel/slide-components-map.js +40 -38
  20. package/dist/features/trial-session/right-panel/slide-components-map.js.map +1 -1
  21. package/dist/features/trial-session/trial-session-constants.js +28 -24
  22. package/dist/features/trial-session/trial-session-constants.js.map +1 -1
  23. package/dist/features/trial-session/trial-session-types.js.map +1 -1
  24. package/dist/features/trial-session/trial-session.js +62 -59
  25. package/dist/features/trial-session/trial-session.js.map +1 -1
  26. package/dist/features/utils/get-rgba-from-hex.js +18 -0
  27. package/dist/features/utils/get-rgba-from-hex.js.map +1 -0
  28. package/dist/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.js +43 -31
  29. package/dist/features/worksheet/worksheet/worksheet-question/question-backdrop/question-backdrop.js.map +1 -1
  30. package/dist/index.d.ts +38 -0
  31. package/dist/index.js +92 -90
  32. package/dist/index.js.map +1 -1
  33. package/package.json +1 -1
@@ -1,15 +1,15 @@
1
- import { jsxs as i, Fragment as ee, jsx as e } from "react/jsx-runtime";
2
- import { memo as te, useCallback as A, Fragment as oe } from "react";
3
- import ne from "../../../hooks/use-lazy-ref.js";
1
+ import { jsxs as r, Fragment as te, jsx as e } from "react/jsx-runtime";
2
+ import { memo as oe, useCallback as u, Fragment as ne } from "react";
3
+ import ie from "../../../hooks/use-lazy-ref.js";
4
4
  import re from "../../../ui/arrow-tooltip/arrow-tooltip.js";
5
- import u from "../../../ui/buttons/text-button/text-button.js";
5
+ import A from "../../../ui/buttons/text-button/text-button.js";
6
6
  import c from "../../../ui/layout/flex-view.js";
7
- import ie from "../../../ui/separator/separator.js";
8
- import se from "../../../ui/text/text.js";
9
- import ae from "./milestone-widget/milestone-widget.js";
10
- import le from "./no-active-milestone/no-active-milestone.js";
11
- import de from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
12
- const ve = te(function({
7
+ import se from "../../../ui/separator/separator.js";
8
+ import ae from "../../../ui/text/text.js";
9
+ import le from "./milestone-widget/milestone-widget.js";
10
+ import de from "./no-active-milestone/no-active-milestone.js";
11
+ import me from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
12
+ const Ne = oe(function({
13
13
  milestones: t,
14
14
  studentId: C,
15
15
  milestoneType: s,
@@ -19,13 +19,13 @@ const ve = te(function({
19
19
  }) {
20
20
  const {
21
21
  canCreatePlan: l,
22
- isClassOngoing: g,
23
- isFiltersAdded: b,
22
+ isClassOngoing: b,
23
+ isFiltersAdded: g,
24
24
  isStudentPresent: v,
25
25
  onAddChapter: N,
26
26
  onAddOutcome: n,
27
27
  onChapterClick: x,
28
- onCreatePlan: r,
28
+ onCreatePlan: i,
29
29
  onDelete: D,
30
30
  onDraftPublish: R,
31
31
  onEdit: $,
@@ -35,10 +35,10 @@ const ve = te(function({
35
35
  onNodeReview: P,
36
36
  onNodeReattempt: k,
37
37
  onNodeReset: E,
38
- onNodeUnassign: j,
39
- onAssignResources: y,
40
- onTestPreview: G,
41
- onTestReview: V,
38
+ onNodeUnassign: V,
39
+ onAssignResources: j,
40
+ onTestPreview: y,
41
+ onTestReview: G,
42
42
  onTestStart: z,
43
43
  activeMilestoneId: B,
44
44
  activeTabId: L,
@@ -50,35 +50,36 @@ const ve = te(function({
50
50
  courseStream: W,
51
51
  isDraftModeEnabled: X,
52
52
  onNodeAssignAsHomework: _,
53
- onCardClick: U
54
- } = T, m = s === "ACTIVE", q = s === "DRAFT", p = ne(de), J = A(() => {
55
- r == null || r(p);
56
- }, [r, p]), K = A(() => {
53
+ onCardClick: U,
54
+ defaultVisibleTab: q
55
+ } = T, m = s === "ACTIVE", J = s === "DRAFT", p = ie(me), K = u(() => {
56
+ i == null || i(p);
57
+ }, [i, p]), Q = u(() => {
57
58
  n == null || n();
58
59
  }, [n]);
59
60
  if (!t) return null;
60
- const Q = t.some(
61
+ const Y = t.some(
61
62
  (o) => o.milestone_state === "ACTIVE"
62
- ), Y = t.some((o) => o.milestone_state === "DRAFT");
63
- return /* @__PURE__ */ i(ee, { children: [
64
- m && !Q && /* @__PURE__ */ e(c, { $marginBottom: 40, children: /* @__PURE__ */ e(
65
- le,
63
+ ), Z = t.some((o) => o.milestone_state === "DRAFT");
64
+ return /* @__PURE__ */ r(te, { children: [
65
+ m && !Y && /* @__PURE__ */ e(c, { $marginBottom: 40, children: /* @__PURE__ */ e(
66
+ de,
66
67
  {
67
68
  canCreatePlan: l,
68
- isDraftMilestonePresent: Y,
69
- isFiltersAdded: b,
70
- onCreatePlan: r,
69
+ isDraftMilestonePresent: Z,
70
+ isFiltersAdded: g,
71
+ onCreatePlan: i,
71
72
  studentName: f,
72
73
  userType: d
73
74
  }
74
75
  ) }),
75
- m && /* @__PURE__ */ i(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
76
- /* @__PURE__ */ i(se, { $renderAs: "ac4", children: [
76
+ m && /* @__PURE__ */ r(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
77
+ /* @__PURE__ */ r(ae, { $renderAs: "ac4", children: [
77
78
  "Goals (",
78
79
  t.length,
79
80
  ")"
80
81
  ] }),
81
- d === "TEACHER" && /* @__PURE__ */ i(c, { $flexDirection: "row", $flexGapX: 1, children: [
82
+ d === "TEACHER" && /* @__PURE__ */ r(c, { $flexDirection: "row", $flexGapX: 1, children: [
82
83
  /* @__PURE__ */ e(
83
84
  re,
84
85
  {
@@ -87,24 +88,24 @@ const ve = te(function({
87
88
  hidden: l,
88
89
  position: "bottom",
89
90
  children: /* @__PURE__ */ e(
90
- u,
91
+ A,
91
92
  {
92
93
  label: "Create Goal",
93
94
  size: "small",
94
- onClick: J,
95
+ onClick: K,
95
96
  disabled: !l
96
97
  }
97
98
  )
98
99
  }
99
100
  ),
100
- /* @__PURE__ */ e(u, { label: "Add Milestone", size: "small", onClick: K })
101
+ /* @__PURE__ */ e(A, { label: "Add Milestone", size: "small", onClick: Q })
101
102
  ] })
102
103
  ] }),
103
- t.map((o, Z) => {
104
+ t.map((o, ee) => {
104
105
  const { id: h } = o;
105
- return /* @__PURE__ */ i(oe, { children: [
106
+ return /* @__PURE__ */ r(ne, { children: [
106
107
  /* @__PURE__ */ e(
107
- ae,
108
+ le,
108
109
  {
109
110
  milestone: o,
110
111
  studentId: C,
@@ -114,25 +115,25 @@ const ve = te(function({
114
115
  userType: d,
115
116
  onAddOutcome: n,
116
117
  onChapterClick: x,
117
- isMilestoneActive: m || q,
118
+ isMilestoneActive: m || J,
118
119
  milestoneType: s,
119
120
  onEdit: $,
120
121
  onCreateMilestoneTest: w,
121
122
  onAddChapter: N,
122
123
  onDelete: D,
123
124
  onDraftPublish: R,
124
- isClassOngoing: g,
125
+ isClassOngoing: b,
125
126
  isStudentPresent: v,
126
- onAssignResources: y,
127
+ onAssignResources: j,
127
128
  onNodeAttempt: F,
128
129
  onNodeView: I,
129
130
  onNodeReview: P,
130
131
  onNodeReattempt: k,
131
132
  onNodeReset: E,
132
- onNodeUnassign: j,
133
+ onNodeUnassign: V,
133
134
  onNodeAssignAsHomework: _,
134
- onTestPreview: G,
135
- onTestReview: V,
135
+ onTestPreview: y,
136
+ onTestReview: G,
136
137
  onTestStart: z,
137
138
  courseStream: W,
138
139
  activeMilestoneId: B,
@@ -141,15 +142,16 @@ const ve = te(function({
141
142
  onCardClick: U,
142
143
  isDraftModeEnabled: X,
143
144
  widgetState: a == null ? void 0 : a[h],
144
- onWidgetStateChange: M
145
+ onWidgetStateChange: M,
146
+ defaultVisibleTab: q
145
147
  }
146
148
  ),
147
- Z !== t.length - 1 && /* @__PURE__ */ e(ie, { heightX: 2 })
149
+ ee !== t.length - 1 && /* @__PURE__ */ e(se, { heightX: 2 })
148
150
  ] }, `milestone=${h}`);
149
151
  })
150
152
  ] });
151
153
  });
152
154
  export {
153
- ve as default
155
+ Ne as default
154
156
  };
155
157
  //# sourceMappingURL=milestone-list.js.map
@@ -1 +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 widgetState,\n onWidgetStateChange,\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 isDraftModeEnabled,\n onNodeAssignAsHomework,\n onCardClick,\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 onCardClick={onCardClick}\n isDraftModeEnabled={isDraftModeEnabled}\n widgetState={widgetState?.[milestoneId]}\n onWidgetStateChange={onWidgetStateChange}\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","widgetState","onWidgetStateChange","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","isDraftModeEnabled","onNodeAssignAsHomework","onCardClick","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","ArrowTooltip","TextButton","idx","milestoneId","MilestoneWidget","Separator"],"mappings":";;;;;;;;;;;AAaM,MAAAA,KAAyCC,GAAK,SAAuB;AAAA,EACzE,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACK,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAjC,GAEEkC,IAAoBrC,MAAkB,UACtCsC,IAAmBtC,MAAkB,SACrCuC,IAAuBC,GAAWC,EAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,IAAAhC,KAAA,QAAAA,EAAe4B;AAAA,EAAoB,GAClC,CAAC5B,GAAc4B,CAAoB,CAAC,GAEjCK,IAAqBD,EAAY,MAAM;AAC5B,IAAAlC,KAAA,QAAAA;AAAA,EAAA,GACd,CAACA,CAAY,CAAC;AAEb,MAAA,CAACX,EAAmB,QAAA;AAExB,QAAM+C,IAAyB/C,EAAW;AAAA,IACxC,CAAAgD,MAAaA,EAAU,oBAAoB;AAAA,EAAA,GAEvCC,IAAwBjD,EAAW,KAAK,CAAagD,MAAAA,EAAU,oBAAoB,OAAO;AAEhG,SAEK,gBAAAE,EAAAC,IAAA,EAAA,UAAA;AAAA,IAAAZ,KAAqB,CAACQ,KACpB,gBAAAK,EAAAC,GAAA,EAAS,eAAe,IACvB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,eAAAhD;AAAA,QACA,yBAAyB2C;AAAA,QACzB,gBAAAzC;AAAA,QACA,cAAAK;AAAA,QACA,aAAAkB;AAAA,QACA,UAAAG;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IAGDK,uBACEc,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,eAAe,IAC5E,UAAA;AAAA,MAAC,gBAAAH,EAAAK,IAAA,EAAK,WAAU,OAAM,UAAA;AAAA,QAAA;AAAA,QAAQvD,EAAW;AAAA,QAAO;AAAA,MAAA,GAAC;AAAA,MAEhDkC,MAAa,aACZ,gBAAAgB,EAACG,KAAS,gBAAe,OAAM,WAAW,GACxC,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,aAAY;AAAA,YACZ,QAAQlD;AAAA,YACR,UAAS;AAAA,YAET,UAAA,gBAAA8C;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAASb;AAAA,gBACT,UAAU,CAACtC;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QACF;AAAA,0BACCmD,GAAW,EAAA,OAAM,iBAAgB,MAAK,SAAQ,SAASX,GAAoB;AAAA,MAAA,GAC9E;AAAA,IAAA,GAEJ;AAAA,IAGD9C,EAAW,IAAI,CAACgD,GAAWU,MAAQ;AAC5B,YAAA,EAAE,IAAIC,EAAgB,IAAAX;AAG1B,aAAA,gBAAAE,EAACC,IAAA,EACC,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,WAAAZ;AAAA,YACA,WAAA/C;AAAA,YACA,aAAA8B;AAAA,YACA,YAAAE;AAAA,YACA,aAAAD;AAAA,YACA,UAAAE;AAAA,YACA,cAAAvB;AAAA,YACA,gBAAAC;AAAA,YACA,mBAAmB2B,KAAqBC;AAAA,YACxC,eAAAtC;AAAA,YACA,QAAAc;AAAA,YACA,uBAAAC;AAAA,YACA,cAAAP;AAAA,YACA,UAAAI;AAAA,YACA,gBAAAC;AAAA,YACA,gBAAAR;AAAA,YACA,kBAAAE;AAAA,YACA,mBAAAe;AAAA,YACA,eAAAN;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,aAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,wBAAAc;AAAA,YACA,eAAAZ;AAAA,YACA,cAAAC;AAAA,YACA,aAAAC;AAAA,YACA,cAAAQ;AAAA,YACA,mBAAAP;AAAA,YACA,aAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,aAAAQ;AAAA,YACA,oBAAAF;AAAA,YACA,aAAajC,KAAA,gBAAAA,EAAcwD;AAAA,YAC3B,qBAAAvD;AAAA,UAAA;AAAA,QACF;AAAA,QACCsD,MAAQ1D,EAAW,SAAS,KAAM,gBAAAoD,EAAAS,IAAA,EAAU,SAAS,GAAG;AAAA,MAvC5C,EAAA,GAAA,aAAaF,CAAW,EAwCvC;AAAA,IAAA,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}
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 widgetState,\n onWidgetStateChange,\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 isDraftModeEnabled,\n onNodeAssignAsHomework,\n onCardClick,\n defaultVisibleTab,\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 onCardClick={onCardClick}\n isDraftModeEnabled={isDraftModeEnabled}\n widgetState={widgetState?.[milestoneId]}\n onWidgetStateChange={onWidgetStateChange}\n defaultVisibleTab={defaultVisibleTab}\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","widgetState","onWidgetStateChange","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","isDraftModeEnabled","onNodeAssignAsHomework","onCardClick","defaultVisibleTab","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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"}
@@ -1,145 +1,177 @@
1
- import { jsx as t, jsxs as J, Fragment as K } from "react/jsx-runtime";
2
- import { memo as Q, useState as Y, useRef as Z, useEffect as ee, useCallback as te } from "react";
3
- import oe from "../../../../../chapters/chapters-list/chapters-list.js";
4
- import { useUIContext as ne } from "../../../../../ui/context/context.js";
5
- import se from "../../../../../ui/text/text.js";
6
- import re from "../../../../milestone-resources/resources-list/resources-list.js";
7
- import ae from "../../../../milestone-tests/test-list-v2/test-list-container.js";
8
- import { getGoalCategoryBasedColorTheme as le } from "../milestone-utils.js";
9
- import { NoPlanCardWrapper as ie, TabsWrapper as ce, TabsText as de, TabComponentWrapper as me } from "./milestone-tabs-styled.js";
10
- const Ae = Q(function(T) {
11
- var R;
1
+ import { jsx as o, jsxs as Q, Fragment as Y } from "react/jsx-runtime";
2
+ import { memo as Z, useMemo as H, useState as ee, useRef as te, useEffect as se, useCallback as oe } from "react";
3
+ import ne from "../../../../../chapters/chapters-list/chapters-list.js";
4
+ import { useUIContext as re } from "../../../../../ui/context/context.js";
5
+ import ae from "../../../../../ui/text/text.js";
6
+ import ie from "../../../../milestone-resources/resources-list/resources-list.js";
7
+ import le from "../../../../milestone-tests/test-list-v2/test-list-container.js";
8
+ import { getGoalCategoryBasedColorTheme as ce } from "../milestone-utils.js";
9
+ import { NoPlanCardWrapper as de, TabsWrapper as me, TabsText as ue, TabComponentWrapper as be } from "./milestone-tabs-styled.js";
10
+ const Me = Z(function(I) {
11
+ var G;
12
12
  const {
13
- goalCategory: $,
13
+ goalCategory: L,
14
14
  isDraftMilestone: a,
15
- isGoalCreation: I,
16
- isMilestoneActive: c,
15
+ isGoalCreation: M,
16
+ isMilestoneActive: i,
17
17
  userMilestoneId: e,
18
- chapters: d,
19
- userType: m,
20
- canUpdatePlan: p,
21
- studentId: f,
22
- milestoneState: x,
23
- milestonePermissions: E,
24
- activeMilestoneId: b,
25
- activeTabId: w,
26
- selectedTabName: o,
27
- isDraftModeEnabled: P
28
- } = T, {
29
- onAddChapter: S,
30
- onAssignResources: U,
31
- onChapterClick: j,
32
- onCreateMilestoneTest: D,
33
- onNodeAttempt: W,
34
- onNodeView: _,
35
- onNodeReview: y,
36
- onNodeReattempt: h,
37
- onNodeReset: B,
38
- onNodeUnassign: F,
39
- onNodeAssignAsHomework: C,
40
- onTestPreview: G,
41
- onTestReview: H,
42
- onTestStart: O,
43
- onWidgetTabSelection: l,
44
- onCardClick: L
45
- } = T, { visible_tabs: g } = E, { onEvent: N } = ne(), { backgroundColor: V } = le($, a), u = {
46
- chapters: {
47
- label: "Chapters",
48
- component: /* @__PURE__ */ t(
49
- oe,
50
- {
51
- milestoneId: e,
52
- chapters: d,
53
- userType: m,
54
- isGoalCreation: I,
55
- onChapterClick: j,
56
- onAddChapter: S,
57
- canUpdatePlan: !!(x !== "DRAFT" && p),
58
- isMilestoneActive: c
59
- }
60
- )
61
- },
62
- tests: {
63
- label: "Tests",
64
- component: /* @__PURE__ */ t(
65
- ae,
66
- {
67
- isDraftMilestone: a,
68
- isChaptersAvailable: d.length > 0,
69
- isMilestoneActive: c,
70
- studentId: f,
71
- userMilestoneId: e,
72
- userType: m,
73
- canUpdatePlan: p,
74
- onCreateMilestoneTest: D,
75
- onNodeReattempt: h,
76
- onTestPreview: G,
77
- onTestStart: O,
78
- onTestReview: H,
79
- onNodeAssignAsHomework: C,
80
- onCardClick: L
81
- }
82
- )
83
- },
84
- resources: {
85
- label: "Resources",
86
- component: /* @__PURE__ */ t(
87
- re,
88
- {
89
- isDraftMilestone: a,
90
- isMilestoneActive: c,
91
- userMilestoneId: e,
92
- canUpdatePlan: p,
93
- studentId: f,
94
- userType: m,
95
- onAssignResources: U,
96
- onNodeAttempt: W,
97
- onNodeView: _,
98
- onNodeReview: y,
99
- onNodeReattempt: h,
100
- onNodeReset: B,
101
- onNodeUnassign: F,
102
- onNodeAssignAsHomework: C
103
- }
104
- )
105
- }
106
- }, s = (g ?? []).length === 0 ? Object.entries(u) : Object.entries(u).filter(
107
- ([n]) => (g ?? []).includes(n.toUpperCase())
108
- ), X = e === b ? w : ((R = s == null ? void 0 : s[0]) == null ? void 0 : R[0]) || "chapters", [i, v] = Y(
109
- o ?? X
110
- ), A = Z(o);
111
- ee(() => {
112
- o && o !== A.current && (A.current = o, v(o));
113
- }, [o]);
114
- const q = te(
115
- (n, r) => {
116
- if (b === e && n === i) return null;
117
- v(n), l == null || l(e, n), N("clicked", {
118
- cta: r,
18
+ chapters: l,
19
+ userType: c,
20
+ canUpdatePlan: d,
21
+ studentId: h,
22
+ milestoneState: R,
23
+ milestonePermissions: O,
24
+ activeMilestoneId: C,
25
+ activeTabId: X,
26
+ selectedTabName: n,
27
+ isDraftModeEnabled: q,
28
+ defaultVisibleTab: m
29
+ } = I, {
30
+ onAddChapter: k,
31
+ onAssignResources: $,
32
+ onChapterClick: D,
33
+ onCreateMilestoneTest: P,
34
+ onNodeAttempt: x,
35
+ onNodeView: E,
36
+ onNodeReview: U,
37
+ onNodeReattempt: g,
38
+ onNodeReset: w,
39
+ onNodeUnassign: S,
40
+ onNodeAssignAsHomework: N,
41
+ onTestPreview: V,
42
+ onTestReview: W,
43
+ onTestStart: _,
44
+ onWidgetTabSelection: u,
45
+ onCardClick: j
46
+ } = I, { visible_tabs: b } = O, { onEvent: y } = re(), { backgroundColor: z } = ce(L, a), v = H(
47
+ () => ({
48
+ chapters: {
49
+ label: "Chapters",
50
+ component: /* @__PURE__ */ o(
51
+ ne,
52
+ {
53
+ milestoneId: e,
54
+ chapters: l,
55
+ userType: c,
56
+ isGoalCreation: M,
57
+ onChapterClick: D,
58
+ onAddChapter: k,
59
+ canUpdatePlan: !!(R !== "DRAFT" && d),
60
+ isMilestoneActive: i
61
+ }
62
+ )
63
+ },
64
+ tests: {
65
+ label: "Tests",
66
+ component: /* @__PURE__ */ o(
67
+ le,
68
+ {
69
+ isDraftMilestone: a,
70
+ isChaptersAvailable: l.length > 0,
71
+ isMilestoneActive: i,
72
+ studentId: h,
73
+ userMilestoneId: e,
74
+ userType: c,
75
+ canUpdatePlan: d,
76
+ onCreateMilestoneTest: P,
77
+ onNodeReattempt: g,
78
+ onTestPreview: V,
79
+ onTestStart: _,
80
+ onTestReview: W,
81
+ onNodeAssignAsHomework: N,
82
+ onCardClick: j
83
+ }
84
+ )
85
+ },
86
+ resources: {
87
+ label: "Resources",
88
+ component: /* @__PURE__ */ o(
89
+ ie,
90
+ {
91
+ isDraftMilestone: a,
92
+ isMilestoneActive: i,
93
+ userMilestoneId: e,
94
+ canUpdatePlan: d,
95
+ studentId: h,
96
+ userType: c,
97
+ onAssignResources: $,
98
+ onNodeAttempt: x,
99
+ onNodeView: E,
100
+ onNodeReview: U,
101
+ onNodeReattempt: g,
102
+ onNodeReset: w,
103
+ onNodeUnassign: S,
104
+ onNodeAssignAsHomework: N
105
+ }
106
+ )
107
+ }
108
+ }),
109
+ [
110
+ e,
111
+ l,
112
+ c,
113
+ M,
114
+ D,
115
+ k,
116
+ R,
117
+ d,
118
+ i,
119
+ a,
120
+ h,
121
+ P,
122
+ g,
123
+ V,
124
+ _,
125
+ W,
126
+ N,
127
+ j,
128
+ $,
129
+ x,
130
+ E,
131
+ U,
132
+ w,
133
+ S
134
+ ]
135
+ ), r = H(() => {
136
+ const t = Object.entries(v), s = (b ?? []).length > 0;
137
+ return m ? (b ?? []).includes(
138
+ m.toUpperCase()
139
+ ) || !s ? t.filter(([T]) => T === m) : [] : s ? t.filter(([f]) => (b ?? []).includes(f.toUpperCase())) : t;
140
+ }, [v, m, b]), J = e === C ? X : ((G = r == null ? void 0 : r[0]) == null ? void 0 : G[0]) || "chapters", [p, B] = ee(
141
+ n ?? J
142
+ ), F = te(n);
143
+ se(() => {
144
+ n && n !== F.current && (F.current = n, B(n));
145
+ }, [n]);
146
+ const K = oe(
147
+ (t, s) => {
148
+ if (C === e && t === p) return null;
149
+ B(t), u == null || u(e, t), y("clicked", {
150
+ cta: s,
119
151
  milestone_id: e
120
152
  });
121
153
  },
122
- [b, e, i, l, N]
154
+ [C, e, p, u, y]
123
155
  );
124
- return a && d.length === 0 ? /* @__PURE__ */ t(ie, { $gutterX: 2, $background: "WHITE_3", children: /* @__PURE__ */ t(se, { $renderAs: "ab2", $color: "RED", children: "No chapter has been assigned" }) }) : /* @__PURE__ */ J(K, { children: [
125
- /* @__PURE__ */ t(ce, { $backgroundColor: V, $frames: s.length, children: s.map((n) => {
126
- const [r, z] = n, { label: k } = z, M = r === i;
127
- return /* @__PURE__ */ t(
128
- de,
156
+ 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: [
157
+ /* @__PURE__ */ o(me, { $backgroundColor: z, $frames: r.length, children: r.map((t) => {
158
+ const [s, f] = t, { label: A } = f, T = s === p;
159
+ return /* @__PURE__ */ o(
160
+ ue,
129
161
  {
130
- $renderAs: M ? "ub4-bold" : "ub4",
162
+ $renderAs: T ? "ub4-bold" : "ub4",
131
163
  $align: "center",
132
- $selected: M,
133
- onClick: () => q(r, k),
134
- children: k
164
+ $selected: T,
165
+ onClick: () => K(s, A),
166
+ children: A
135
167
  },
136
- r
168
+ s
137
169
  );
138
170
  }) }),
139
- /* @__PURE__ */ t(me, { $flexibleHeight: P, children: u[i].component })
171
+ /* @__PURE__ */ o(be, { $flexibleHeight: q, children: v[p].component })
140
172
  ] });
141
173
  });
142
174
  export {
143
- Ae as default
175
+ Me as default
144
176
  };
145
177
  //# sourceMappingURL=milestone-tabs.js.map
@@ -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, 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 } = 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 = {\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 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\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 ? '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","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onNodeAssignAsHomework","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onCardClick","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":";;;;;;;;;AAeA,MAAMA,KAAyCC,EAAK,SAAuBC,GAAO;;AAC1E,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAiBC;AAAA,IACjB,oBAAAC;AAAA,EACE,IAAAf,GACE;AAAA,IACJ,cAAAgB;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAA/B,GACE,EAAE,cAAcgC,EAAgB,IAAArB,GAChC,EAAE,SAASsB,EAAW,IAAIC,GAAa,GAEvC,EAAE,iBAAAC,EAAoB,IAAAC,GAA+BnC,GAAcC,CAAgB,GAEnFmC,IAAkC;AAAA,IACtC,UAAU;AAAA,MACR,OAAO;AAAA,MACP,WACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAalC;AAAA,UACb,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,gBAAAJ;AAAA,UACA,gBAAAe;AAAA,UACA,cAAAF;AAAA,UACA,eAAe,GAAQN,MAAmB,WAAWF;AAAA,UACrD,mBAAAJ;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,WACE,gBAAAkC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,kBAAAtC;AAAA,UACA,qBAAqBI,EAAS,SAAS;AAAA,UACvC,mBAAAF;AAAA,UACA,WAAAK;AAAA,UACA,iBAAAJ;AAAA,UACA,UAAAE;AAAA,UACA,eAAAC;AAAA,UACA,uBAAAW;AAAA,UACA,iBAAAI;AAAA,UACA,eAAAI;AAAA,UACA,aAAAE;AAAA,UACA,cAAAD;AAAA,UACA,wBAAAF;AAAA,UACA,aAAAK;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,WACE,gBAAAO;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAAvC;AAAA,UACA,mBAAAE;AAAA,UACA,iBAAAC;AAAA,UACA,eAAAG;AAAA,UACA,WAAAC;AAAA,UACA,UAAAF;AAAA,UACA,mBAAAU;AAAA,UACA,eAAAG;AAAA,UACA,YAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,aAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,wBAAAC;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EAAA,GAGIgB,KACHV,KAAe,CAAA,GAAI,WAAW,IAC3B,OAAO,QAAQK,CAAU,IACzB,OAAO,QAAQA,CAAU,EAAE;AAAA,IAAO,CAAC,CAACM,CAAO,OACxCX,KAAe,CAAI,GAAA,SAASW,EAAQ,aAAa;AAAA,EAAA,GAGpDC,IACJvC,MAAoBO,IAAoBC,MAAcgC,IAAAH,KAAA,gBAAAA,EAAoB,OAApB,gBAAAG,EAAyB,OAAM,YAEjF,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC3ClC,KAA6B8B;AAAA,EAAA,GAG1BK,IAA2BC,EAAOpC,CAAyB;AAEjE,EAAAqC,GAAU,MAAM;AACd,IAAKrC,KAEDA,MAA8BmC,EAAyB,YAE3DA,EAAyB,UAAUnC,GACnCiC,EAAmBjC,CAAyB;AAAA,EAAA,GAC3C,CAACA,CAAyB,CAAC;AAE9B,QAAMsC,IAAkBC;AAAA,IACtB,CAACV,GAA4BW,MAAqB;AAChD,UAAI1C,MAAsBP,KAAmBsC,MAAYG,EAAwB,QAAA;AAEjF,MAAAC,EAAmBJ,CAAO,GAE1Bb,KAAA,QAAAA,EAAuBzB,GAAiBsC,IAExCV,EAAW,WAAW;AAAA,QACpB,KAAKqB;AAAA,QACL,cAAcjD;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAACO,GAAmBP,GAAiByC,GAAiBhB,GAAsBG,CAAU;AAAA,EAAA;AAGpF,SAAA/B,KAAoBI,EAAS,WAAW,IAEvC,gBAAAgC,EAAAiB,IAAA,EAAyB,UAAU,GAAG,aAAY,WACjD,UAAA,gBAAAjB,EAACkB,MAAK,WAAU,OAAM,QAAO,OAAM,0CAEnC,EACF,CAAA,IAMA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAApB,EAAAqB,IAAA,EAAmB,kBAAkBxB,GAAiB,SAASO,EAAkB,QAC/E,UAAkBA,EAAA,IAAI,CAAakB,MAAA;AAC5B,YAAA,CAACjB,GAASkB,CAAO,IAAID,GACrB,EAAE,OAAAE,EAAU,IAAAD,GACZE,IAAapB,MAAYG;AAG7B,aAAA,gBAAAR;AAAA,QAAC0B;AAAAA,QAAA;AAAA,UACC,WAAWD,IAAa,aAAa;AAAA,UACrC,QAAO;AAAA,UAEP,WAAWA;AAAA,UACX,SAAS,MAAMX,EAAgBT,GAA8BmB,CAAK;AAAA,UAEjE,UAAAA;AAAA,QAAA;AAAA,QAJInB;AAAA,MAAA;AAAA,IAOV,CAAA,GACH;AAAA,IAEA,gBAAAL,EAAC2B,IAAA,EAA2B,iBAAiBlD,GAC1C,UAAAsB,EAAWS,CAA0C,EAAE,WAC1D;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
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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"}