@cuemath/leap 3.5.51-as8 → 3.5.51

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 (61) hide show
  1. package/dist/features/chapters-v2/comps/node-card/node-card-styled.js +24 -25
  2. package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map +1 -1
  3. package/dist/features/chapters-v2/comps/node-card/node-card-types.js +5 -0
  4. package/dist/features/chapters-v2/comps/node-card/node-card-types.js.map +1 -0
  5. package/dist/features/chapters-v2/utils/node-card-utils.js +61 -64
  6. package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
  7. package/dist/features/homework/homework-card-view.js +63 -63
  8. package/dist/features/homework/homework-card-view.js.map +1 -1
  9. package/dist/features/homework/homework-card.js +152 -151
  10. package/dist/features/homework/homework-card.js.map +1 -1
  11. package/dist/features/homework/hw-card-list/api/get-homeworks.js.map +1 -1
  12. package/dist/features/homework/hw-card-list/hw-card-list-types.js +2 -2
  13. package/dist/features/homework/hw-card-list/hw-card-list-types.js.map +1 -1
  14. package/dist/features/homework/hw-card-list/hw-card-list-view.js +20 -20
  15. package/dist/features/homework/hw-card-list/hw-card-list-view.js.map +1 -1
  16. package/dist/features/homework/hw-card-list/hw-card-list.js +2 -2
  17. package/dist/features/homework/hw-card-list/hw-card-list.js.map +1 -1
  18. package/dist/features/journey/hooks/use-home-page-journey/home-page-homeworks-mock.js +1 -1
  19. package/dist/features/journey/hooks/use-home-page-journey/home-page-homeworks-mock.js.map +1 -1
  20. package/dist/features/math-fit/math-fit/math-fit.js +25 -25
  21. package/dist/features/math-fit/math-fit/math-fit.js.map +1 -1
  22. package/dist/features/math-fit/math-fit-card/math-fit-card.js +60 -71
  23. package/dist/features/math-fit/math-fit-card/math-fit-card.js.map +1 -1
  24. package/dist/features/math-fit/math-fit-overview/math-fit-overview-helpers.js +26 -24
  25. package/dist/features/math-fit/math-fit-overview/math-fit-overview-helpers.js.map +1 -1
  26. package/dist/features/math-fit/math-fit-overview/math-fit-overview-types.js +4 -4
  27. package/dist/features/math-fit/math-fit-overview/math-fit-overview-types.js.map +1 -1
  28. package/dist/features/math-fit/math-fit-overview/math-fit-overview.js +40 -37
  29. package/dist/features/math-fit/math-fit-overview/math-fit-overview.js.map +1 -1
  30. package/dist/features/math-fit/math-fit-report/comps/score-section/score-section.js +20 -22
  31. package/dist/features/math-fit/math-fit-report/comps/score-section/score-section.js.map +1 -1
  32. package/dist/features/math-fit/math-fit-report/math-fit-report-helpers.js +5 -5
  33. package/dist/features/math-fit/math-fit-report/math-fit-report-helpers.js.map +1 -1
  34. package/dist/features/math-fit/math-fit-report/math-fit-report.js +1 -1
  35. package/dist/features/math-fit/math-fit-report/math-fit-report.js.map +1 -1
  36. package/dist/features/milestone/milestone-list-container/api/get-tests-list.js.map +1 -1
  37. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +6 -6
  38. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
  39. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +24 -24
  40. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
  41. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js +22 -22
  42. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map +1 -1
  43. package/dist/features/milestone/milestone-list-container/milestone-list-container.js +8 -8
  44. package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
  45. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js +2 -2
  46. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map +1 -1
  47. package/dist/features/sheet-v2/resource-list/resource-list.js +9 -10
  48. package/dist/features/sheet-v2/resource-list/resource-list.js.map +1 -1
  49. package/dist/features/sheets/constants/sheet.js +2 -1
  50. package/dist/features/sheets/constants/sheet.js.map +1 -1
  51. package/dist/features/timeline/daily-timeline/api/use-daily-timeline-get.js.map +1 -1
  52. package/dist/features/timeline/daily-timeline/comps/accordion-item/accordion-item.js +40 -38
  53. package/dist/features/timeline/daily-timeline/comps/accordion-item/accordion-item.js.map +1 -1
  54. package/dist/features/timeline/daily-timeline/daily-timeline-types.js +4 -4
  55. package/dist/features/timeline/daily-timeline/daily-timeline-types.js.map +1 -1
  56. package/dist/index.d.ts +31 -16
  57. package/dist/index.js +366 -364
  58. package/dist/index.js.map +1 -1
  59. package/dist/tsconfig.tsbuildinfo +1 -0
  60. package/dist/types/models/worksheet.js.map +1 -1
  61. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  import t from "styled-components";
2
- import d from "../../../../assets/line-icons/icons/important.js";
3
- import c from "../../../../assets/line-icons/icons/lock2.js";
2
+ import s from "../../../../assets/line-icons/icons/important.js";
3
+ import d from "../../../../assets/line-icons/icons/lock2.js";
4
4
  import e from "../../../ui/layout/flex-view.js";
5
5
  import l from "../../../ui/text/text.js";
6
6
  const m = t(e)(({
@@ -8,12 +8,12 @@ const m = t(e)(({
8
8
  $disabled: r,
9
9
  $minWidth: n
10
10
  }) => {
11
- const { BLACK: p, BLACK_T_15: i, WHITE_5: a } = o.colors;
11
+ const { BLACK: i, BLACK_T_15: p, WHITE_5: a } = o.colors;
12
12
  return `
13
13
  ${n ? `min-width: ${n}px;` : ""}
14
14
  cursor: ${r ? "not-allowed" : "pointer"};
15
15
  position: relative;
16
- border-image: linear-gradient(to right, ${i} 0%, ${i} 100%);
16
+ border-image: linear-gradient(to right, ${p} 0%, ${p} 100%);
17
17
  outline: 1px solid ${a};
18
18
 
19
19
  .node-card-border {
@@ -29,11 +29,11 @@ const m = t(e)(({
29
29
 
30
30
  &:hover {
31
31
  ${!r && `
32
- outline: 1px solid ${p};
32
+ outline: 1px solid ${i};
33
33
  `}
34
34
  }
35
35
  `;
36
- }), f = t(d)(({ theme: o }) => {
36
+ }), b = t(s)(({ theme: o }) => {
37
37
  const { layout: r } = o;
38
38
  return `
39
39
  width: ${r.gutter * 0.75}px;
@@ -42,30 +42,30 @@ const m = t(e)(({
42
42
  top: -2.5px;
43
43
  right: -2.5px;
44
44
  `;
45
- }), $ = t(e)(({ $bgImage: o }) => `
45
+ }), f = t(e)(({ $bgImage: o }) => `
46
46
  background-image: url(${o});
47
47
 
48
48
  & .context-menu {
49
49
  justify-self: flex-end;
50
50
  margin-left: auto;
51
51
  }
52
- `), I = t(e)`
52
+ `), $ = t(e)`
53
53
  border-radius: 50%;
54
- `, w = t(e)(() => `
54
+ `, I = t(e)(() => `
55
55
  position: relative;
56
56
  padding: 12px 8px 12px 12px;
57
- `), W = t(e)(({ $top: o, $right: r }) => `
57
+ `), w = t(e)(({ $top: o, $right: r }) => `
58
58
  position: absolute;
59
59
  top: ${o ?? 0}px;
60
60
  right: ${r ?? 0}px;
61
61
  z-index: 3;
62
62
  `);
63
- t(c)`
63
+ t(d)`
64
64
  width: 28px;
65
65
  height: 28px;
66
66
  `;
67
- const k = t(e)(({ theme: o, $paddingRight: r, $paddingLeft: n, $showWarningBg: p }) => {
68
- const { RED: i, BLACK_1: a, WHITE_1: s } = o.colors;
67
+ const W = t(e)(({ theme: o, $paddingRight: r, $paddingLeft: n }) => {
68
+ const { WHITE_1: i } = o.colors;
69
69
  return `
70
70
  position: absolute;
71
71
  top: -10px;
@@ -73,13 +73,12 @@ const k = t(e)(({ theme: o, $paddingRight: r, $paddingLeft: n, $showWarningBg: p
73
73
  padding: 0px;
74
74
  padding-left: ${n}px;
75
75
  padding-right: ${r}px;
76
- background: ${p ? i : a};
77
76
 
78
77
  path {
79
- fill: ${s};
78
+ fill: ${i};
80
79
  }
81
80
  `;
82
- }), C = t(l)(() => `
81
+ }), k = t(l)(() => `
83
82
  display: -webkit-box;
84
83
  -webkit-box-orient: vertical;
85
84
  -webkit-line-clamp: 2;
@@ -93,7 +92,7 @@ const k = t(e)(({ theme: o, $paddingRight: r, $paddingLeft: n, $showWarningBg: p
93
92
  border-radius: 50%;
94
93
  background: ${o.colors.WHITE_5};
95
94
  }
96
- `), T = t(e)(({ theme: o, $visible: r }) => `
95
+ `), C = t(e)(({ theme: o, $visible: r }) => `
97
96
  cursor: pointer;
98
97
 
99
98
  position: absolute;
@@ -112,15 +111,15 @@ const k = t(e)(({ theme: o, $paddingRight: r, $paddingLeft: n, $showWarningBg: p
112
111
  }
113
112
  `);
114
113
  export {
115
- I as IconWrapper,
116
- k as InProgressIconWrapper,
114
+ $ as IconWrapper,
115
+ W as InProgressIconWrapper,
117
116
  m as NodeCardContainer,
118
- w as NodeCardContentWrapper,
119
- $ as NodeCardInfoWrapper,
120
- C as NodeCardTitle,
117
+ I as NodeCardContentWrapper,
118
+ f as NodeCardInfoWrapper,
119
+ k as NodeCardTitle,
121
120
  v as NodeKebabMenuWrapper,
122
- T as NodeMenuOptionsWrapper,
123
- W as SheetTagWrapper,
124
- f as StyledImportantIcon
121
+ C as NodeMenuOptionsWrapper,
122
+ w as SheetTagWrapper,
123
+ b as StyledImportantIcon
125
124
  };
126
125
  //# sourceMappingURL=node-card-styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n $disabled: boolean;\n $isSheetLocked?: boolean;\n $minWidth?: number;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({\n theme,\n $disabled,\n $minWidth,\n}) => {\n const { BLACK, BLACK_T_15, WHITE_5 } = theme.colors;\n\n return `\n ${$minWidth ? `min-width: ${$minWidth}px;` : ''}\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n position: relative;\n border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n outline: 1px solid ${WHITE_5};\n\n .node-card-border {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background: transparent;\n }\n\n &:hover {\n ${\n !$disabled &&\n `\n outline: 1px solid ${BLACK};\n `\n } \n }\n `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n const { layout } = theme;\n\n return `\n width: ${layout.gutter * 0.75}px;\n height: ${layout.gutter * 0.75}px;\n position: absolute;\n top: -2.5px;\n right: -2.5px;\n `;\n});\n\ninterface INodeCardInfoWrapper {\n $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n return `\n background-image: url(${$bgImage});\n\n & .context-menu {\n justify-self: flex-end;\n margin-left: auto;\n }\n `;\n});\n\nconst IconWrapper = styled(FlexView)`\n border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n return `\n position: relative;\n padding: 12px 8px 12px 12px;\n `;\n});\n\ninterface ISheetTagWrapper {\n $top?: number;\n $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n return `\n position: absolute;\n top: ${$top ?? 0}px;\n right: ${$right ?? 0}px;\n z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)`\n width: 28px;\n height: 28px;\n`;\n\nconst InProgressIconWrapper = styled(FlexView)<{\n $paddingRight: number;\n $paddingLeft: number;\n $showWarningBg: boolean;\n}>(({ theme, $paddingRight, $paddingLeft, $showWarningBg }) => {\n const { RED, BLACK_1, WHITE_1 } = theme.colors;\n\n return `\n position: absolute;\n top: -10px;\n right: -10px;\n padding: 0px;\n padding-left: ${$paddingLeft}px;\n padding-right: ${$paddingRight}px;\n background: ${$showWarningBg ? RED : BLACK_1};\n\n path {\n fill: ${WHITE_1};\n }\n `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n return `\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n padding: 4px;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\ninterface INodeOptionsMenuWrapper {\n $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n return `\n cursor: pointer;\n\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n left: 0;\n\n transform-origin: top;\n transform: scaleY(${$visible ? 1 : 0});\n opacity: ${$visible ? 1 : 0};\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport {\n NodeCardContainer,\n StyledImportantIcon,\n NodeCardInfoWrapper,\n IconWrapper,\n NodeCardContentWrapper,\n SheetTagWrapper,\n StyledLockIcon,\n InProgressIconWrapper,\n NodeCardTitle,\n NodeKebabMenuWrapper,\n NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","$minWidth","BLACK","BLACK_T_15","WHITE_5","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","$showWarningBg","RED","BLACK_1","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAaA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYL,EAAM;AAEtC,SAAA;AAAA,MACHE,IAAY,cAAcA,CAAS,QAAQ,EAAE;AAAA,cACrCD,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELG,CAAU,QAAQA,CAAU;AAAA,yBACjDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAexB,CAACJ,KACD;AAAA,+BACuBE,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKG,IAAsBR,EAAOS,CAAa,EAAE,CAAC,EAAE,OAAAP,QAAY;AACzD,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA,aACIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBX,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAW,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcb,EAAOC,CAAQ;AAAA;AAAA,GAI7Ba,IAAyBd,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKc,IAAkBf,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAe,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBjB,EAAOkB,CAAS;AAAA;AAAA;AAAA;AAKjC,MAAAC,IAAwBnB,EAAOC,CAAQ,EAI1C,CAAC,EAAE,OAAAC,GAAO,eAAAkB,GAAe,cAAAC,GAAc,gBAAAC,QAAqB;AAC7D,QAAM,EAAE,KAAAC,GAAK,SAAAC,GAAS,SAAAC,EAAA,IAAYvB,EAAM;AAEjC,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWmB,CAAY;AAAA,qBACXD,CAAa;AAAA,kBAChBE,IAAiBC,IAAMC,CAAO;AAAA;AAAA;AAAA,cAGlCC,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgB1B,EAAO2B,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuB5B,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMK2B,IAAyB7B,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAA4B,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKX5B,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}
1
+ {"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n $disabled: boolean;\n $isSheetLocked?: boolean;\n $minWidth?: number;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({\n theme,\n $disabled,\n $minWidth,\n}) => {\n const { BLACK, BLACK_T_15, WHITE_5 } = theme.colors;\n\n return `\n ${$minWidth ? `min-width: ${$minWidth}px;` : ''}\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n position: relative;\n border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n outline: 1px solid ${WHITE_5};\n\n .node-card-border {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background: transparent;\n }\n\n &:hover {\n ${\n !$disabled &&\n `\n outline: 1px solid ${BLACK};\n `\n } \n }\n `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n const { layout } = theme;\n\n return `\n width: ${layout.gutter * 0.75}px;\n height: ${layout.gutter * 0.75}px;\n position: absolute;\n top: -2.5px;\n right: -2.5px;\n `;\n});\n\ninterface INodeCardInfoWrapper {\n $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n return `\n background-image: url(${$bgImage});\n\n & .context-menu {\n justify-self: flex-end;\n margin-left: auto;\n }\n `;\n});\n\nconst IconWrapper = styled(FlexView)`\n border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n return `\n position: relative;\n padding: 12px 8px 12px 12px;\n `;\n});\n\ninterface ISheetTagWrapper {\n $top?: number;\n $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n return `\n position: absolute;\n top: ${$top ?? 0}px;\n right: ${$right ?? 0}px;\n z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)`\n width: 28px;\n height: 28px;\n`;\n\nconst InProgressIconWrapper = styled(FlexView)<{\n $paddingRight: number;\n $paddingLeft: number;\n}>(({ theme, $paddingRight, $paddingLeft }) => {\n const { WHITE_1 } = theme.colors;\n\n return `\n position: absolute;\n top: -10px;\n right: -10px;\n padding: 0px;\n padding-left: ${$paddingLeft}px;\n padding-right: ${$paddingRight}px;\n\n path {\n fill: ${WHITE_1};\n }\n `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n return `\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n return `\n cursor: pointer;\n padding: 4px;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\ninterface INodeOptionsMenuWrapper {\n $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n return `\n cursor: pointer;\n\n position: absolute;\n z-index: 6;\n top: calc(100% + 4px);\n left: 0;\n\n transform-origin: top;\n transform: scaleY(${$visible ? 1 : 0});\n opacity: ${$visible ? 1 : 0};\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n \n &:hover {\n border-radius: 50%;\n background: ${theme.colors.WHITE_5}; \n }\n `;\n});\n\nexport {\n NodeCardContainer,\n StyledImportantIcon,\n NodeCardInfoWrapper,\n IconWrapper,\n NodeCardContentWrapper,\n SheetTagWrapper,\n StyledLockIcon,\n InProgressIconWrapper,\n NodeCardTitle,\n NodeKebabMenuWrapper,\n NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","$minWidth","BLACK","BLACK_T_15","WHITE_5","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAaA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYL,EAAM;AAEtC,SAAA;AAAA,MACHE,IAAY,cAAcA,CAAS,QAAQ,EAAE;AAAA,cACrCD,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELG,CAAU,QAAQA,CAAU;AAAA,yBACjDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAexB,CAACJ,KACD;AAAA,+BACuBE,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKG,IAAsBR,EAAOS,CAAa,EAAE,CAAC,EAAE,OAAAP,QAAY;AACzD,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA,aACIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBX,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAW,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcb,EAAOC,CAAQ;AAAA;AAAA,GAI7Ba,IAAyBd,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKc,IAAkBf,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAe,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBjB,EAAOkB,CAAS;AAAA;AAAA;AAAA;AAKjC,MAAAC,IAAwBnB,EAAOC,CAAQ,EAG1C,CAAC,EAAE,OAAAC,GAAO,eAAAkB,GAAe,cAAAC,QAAmB;AACvC,QAAA,EAAE,SAAAC,EAAQ,IAAIpB,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWmB,CAAY;AAAA,qBACXD,CAAa;AAAA;AAAA;AAAA,cAGpBE,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBvB,EAAOwB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBzB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKwB,IAAyB1B,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAAyB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXzB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}
@@ -0,0 +1,5 @@
1
+ var T = /* @__PURE__ */ ((r) => (r.MATHFIT = "MATHFIT", r))(T || {});
2
+ export {
3
+ T as ECardType
4
+ };
5
+ //# sourceMappingURL=node-card-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"node-card-types.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-types.ts"],"sourcesContent":["import type { EWorksheetActivity, IWorksheetModel } from '../../../../types/models/worksheet';\nimport type {\n NODE_TYPE,\n PYTHON_NODE_TYPES,\n SAT_NODE_TYPE,\n SHEET_ATTEMPT_LOCATION,\n} from '../../../sheets/constants/sheet';\nimport type { THueNames, TUserTypes } from '../../../ui/types';\nimport type { BLOCK_TYPE } from '../../constants/block-constants';\nimport type { NODE_CARD_COURSE_TYPES, NODE_CARD_STATES } from '../../constants/node-constants';\n\ntype TSheetAttemptLocation = keyof typeof SHEET_ATTEMPT_LOCATION;\n\ntype TSheetStates = keyof typeof NODE_CARD_STATES;\nexport type TNodeTypes =\n | keyof typeof NODE_TYPE\n | keyof typeof PYTHON_NODE_TYPES\n | keyof typeof SAT_NODE_TYPE;\nexport type TCourseType = keyof typeof NODE_CARD_COURSE_TYPES;\n\nexport enum ECardType {\n MATHFIT = 'MATHFIT',\n}\n\ninterface INodePermissions {\n can_change_attempt_location: boolean;\n can_mark_familiar: boolean;\n can_reattempt: boolean;\n can_reset: boolean;\n can_resume: boolean;\n can_review: boolean;\n can_assign_as_homework: boolean;\n can_start: boolean;\n can_teacher_review: boolean;\n can_unassign: boolean;\n can_unlock: boolean;\n can_un_skip: boolean;\n can_skip: boolean;\n}\n\nexport interface TNodeDataTestItemsDataProps {\n chapter_name: string;\n goal_name: string;\n ref: string;\n}\n\ninterface INodeDataProps {\n accuracy: number | null;\n attempt_location: TSheetAttemptLocation;\n block_id: string;\n card_header: string;\n chapter_id: string | null;\n chapter_name?: string;\n complete_status: boolean;\n course_type: TCourseType;\n desmos_calculator_enabled: boolean;\n due_date_ts: number | null;\n id: string;\n image_hue: THueNames;\n image_url: string | null;\n activity_type: EWorksheetActivity | null;\n is_optional: boolean;\n is_timed: boolean;\n is_worksheet_v3: boolean | null;\n items?: TNodeDataTestItemsDataProps[];\n learnosity_activity_ref: string;\n marked_as_completed: boolean;\n node_id: string;\n node_type: TNodeTypes;\n permissions: INodePermissions;\n sheet_statement: string;\n sheet_time: number | null;\n state: TSheetStates;\n subtext: string | null;\n title: string;\n total_questions: number | null;\n unlocked_on_ts: number | null;\n user_attempt_id: string | null;\n user_chapter_id: string | null;\n user_block_id: string | null;\n user_milestone_id?: string;\n user_node_id: string | null;\n worksheet_id: string;\n is_turing: boolean;\n student_instructions_ref: string | null;\n instructions_ref: string | null;\n worksheet?: IWorksheetModel | null;\n}\n\ninterface INodeCardTagsProps {\n state: TSheetStates;\n accuracy?: number | null;\n nodeType: TNodeTypes;\n dueDateTs?: number | null;\n isStudent?: boolean;\n isMilestone?: boolean;\n isMathFitCard?: boolean;\n}\n\ninterface INodeCardCallbacks {\n onNodeAttempt?: (\n nodeData: INodeDataProps,\n milestoneId?: string,\n homeworkId?: string,\n isSatMockTestBlock?: boolean,\n ) => void;\n onNodeView?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n onNodeReview?: (\n nodeData: INodeDataProps,\n milestoneId?: string,\n homeworkId?: string,\n isSatMockTestBlock?: boolean,\n ) => void;\n onNodeReattempt?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n onNodeAssignAsHomework?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n onNodeMarkAsDone?: (nodeData: INodeDataProps) => void;\n onNodeReset?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n onNodeUnassign?: (nodeData: INodeDataProps, milestoneId?: string, homeworkId?: string) => void;\n onNodeUnlock?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n onNodeSkipUnSkip?: (nodeData: INodeDataProps, milestoneId?: string) => void;\n onCardClick?: ({ entityId, type }: { entityId: string; type: ECardType }) => void;\n}\n\ninterface INodeCardProps extends INodeCardCallbacks {\n userType: TUserTypes;\n nodeData: INodeDataProps;\n imageHue: THueNames;\n blockType?: keyof typeof BLOCK_TYPE;\n isSkipped?: boolean;\n isStudent?: boolean;\n}\n\nexport type {\n TSheetStates,\n INodeDataProps,\n INodePermissions,\n INodeCardProps,\n INodeCardCallbacks,\n INodeCardTagsProps,\n};\n"],"names":["ECardType"],"mappings":"AAoBY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WADAA,IAAAA,KAAA,CAAA,CAAA;"}
@@ -1,21 +1,21 @@
1
- import { jsx as t, jsxs as _ } from "react/jsx-runtime";
2
- import p from "../../../assets/line-icons/icons/check2.js";
3
- import h from "../../../assets/line-icons/icons/exclamation.js";
4
- import N from "../../../assets/line-icons/icons/lock2.js";
5
- import C from "../../../assets/line-icons/icons/status.js";
6
- import { LOTTIE as r } from "../../../assets/lottie/lottie.js";
7
- import f from "../../ui/layout/flex-view.js";
8
- import S from "../../ui/arrow-tooltip/arrow-tooltip.js";
9
- import u from "../../ui/text/text.js";
10
- import { InProgressIconWrapper as D } from "../comps/node-card/node-card-styled.js";
1
+ import { jsx as r, jsxs as p } from "react/jsx-runtime";
2
+ import N from "../../../assets/line-icons/icons/check2.js";
3
+ import C from "../../../assets/line-icons/icons/exclamation.js";
4
+ import h from "../../../assets/line-icons/icons/lock2.js";
5
+ import D from "../../../assets/line-icons/icons/status.js";
6
+ import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
7
+ import l from "../../ui/layout/flex-view.js";
8
+ import u from "../../ui/arrow-tooltip/arrow-tooltip.js";
9
+ import S from "../../ui/text/text.js";
10
+ import { InProgressIconWrapper as L } from "../comps/node-card/node-card-styled.js";
11
11
  import R from "../comps/tag/tag.js";
12
- const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n) => {
13
- if (!e || o && !n)
12
+ const P = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n) => {
13
+ if (!e || t && !n)
14
14
  return { isOverdue: !1, daysText: "", differenceInDays: 0, hoursLeft: 0, minutesLeft: 0 };
15
- const i = Math.floor(Date.now() / 1e3), c = e - i, a = Math.floor(c / L), T = Math.floor(c / g), s = Math.round(c / P), d = s < 0, E = s > 0 ? `${Math.abs(s)}D` : "", A = a > 0 ? Math.abs(a) : 0, I = T > 0 ? Math.abs(T) : 0;
16
- return { isOverdue: d, daysText: E, differenceInDays: s, hoursLeft: A, minutesLeft: I };
17
- }, M = (e, o, n, i) => i ? e < 1 && o > 0 ? `${o}m` : `${e}h` : n, m = (e, o, n = !1) => /* @__PURE__ */ _(
18
- D,
15
+ const a = Math.floor(Date.now() / 1e3), c = e - a, s = Math.floor(c / g), T = Math.floor(c / $), i = Math.round(c / P), A = i < 0, E = i > 0 ? `${Math.abs(i)}D` : "", d = s > 0 ? Math.abs(s) : 0, I = T > 0 ? Math.abs(T) : 0;
16
+ return { isOverdue: A, daysText: E, differenceInDays: i, hoursLeft: d, minutesLeft: I };
17
+ }, b = (e, t, n, a) => a ? e < 1 && t > 0 ? `${t}m` : `${e}h` : n, _ = (e, t, n = !1) => /* @__PURE__ */ p(
18
+ L,
19
19
  {
20
20
  $flexDirection: "row",
21
21
  $alignItems: "center",
@@ -23,37 +23,40 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
23
23
  $borderRadius: 16,
24
24
  $paddingRight: n ? 0 : 6,
25
25
  $paddingLeft: e ? 6 : 0,
26
- $showWarningBg: o,
26
+ $background: t ? "RED" : "BLACK_1",
27
27
  children: [
28
- e && /* @__PURE__ */ t(u, { $renderAs: "ub3-bold", $color: "WHITE", children: e }),
29
- n && /* @__PURE__ */ t(C, {})
28
+ e && /* @__PURE__ */ r(S, { $renderAs: "ub3-bold", $color: "WHITE", children: e }),
29
+ n && /* @__PURE__ */ r(D, {})
30
30
  ]
31
31
  }
32
- ), v = ({
32
+ ), U = (e, t) => {
33
+ if (typeof e == "number")
34
+ return t ? `${e}` : `${e}%`;
35
+ }, Y = ({
33
36
  state: e,
34
- isStudent: o,
37
+ isStudent: t,
35
38
  accuracy: n,
36
- dueDateTs: i,
39
+ dueDateTs: a,
37
40
  isMilestone: c,
38
- isMathFitCard: a
41
+ isMathFitCard: s
39
42
  }) => {
40
- const { isOverdue: T, daysText: s, differenceInDays: d, hoursLeft: E, minutesLeft: A } = $(
41
- i,
43
+ const { isOverdue: T, daysText: i, differenceInDays: A, hoursLeft: E, minutesLeft: d } = M(
44
+ a,
42
45
  c,
43
- a
44
- ), I = !!(a && E <= 24 && E > 0), l = M(E, A, s, I);
46
+ s
47
+ ), I = !!(s && E <= 24 && E >= 0), f = b(E, d, i, I), m = U(n, s);
45
48
  if (!c && T && O.includes(e))
46
49
  return {
47
- icon: /* @__PURE__ */ t(
48
- S,
50
+ icon: /* @__PURE__ */ r(
51
+ u,
49
52
  {
50
53
  renderAs: "primary",
51
54
  position: "bottom",
52
55
  tooltipItem: "Complete now",
53
56
  zIndex: 10,
54
- hidden: !o,
57
+ hidden: !t,
55
58
  parentWidth: "fit-content",
56
- children: /* @__PURE__ */ t(f, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ t(u, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
59
+ children: /* @__PURE__ */ r(l, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ r(S, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
57
60
  }
58
61
  ),
59
62
  top: -10,
@@ -62,15 +65,15 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
62
65
  switch (e) {
63
66
  case "NOT_STARTED":
64
67
  return {
65
- icon: /* @__PURE__ */ t(
66
- S,
68
+ icon: /* @__PURE__ */ r(
69
+ u,
67
70
  {
68
71
  renderAs: "primary",
69
72
  position: "bottom",
70
- tooltipItem: d > 1 ? `${d} days left` : "Complete it today",
73
+ tooltipItem: A > 1 ? `${A} days left` : "Complete it today",
71
74
  zIndex: 10,
72
- hidden: !o,
73
- children: m(l, I)
75
+ hidden: !t,
76
+ children: _(f, I)
74
77
  }
75
78
  ),
76
79
  top: 0,
@@ -78,36 +81,30 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
78
81
  };
79
82
  case "LOCKED":
80
83
  return {
81
- icon: /* @__PURE__ */ t(N, { width: 32, height: 32 }),
84
+ icon: /* @__PURE__ */ r(h, { width: 32, height: 32 }),
82
85
  top: -16,
83
86
  right: -16
84
87
  };
85
88
  case "IN_PROGRESS":
86
89
  return {
87
- icon: m(l, I, !0)
90
+ icon: _(f, I, !0)
88
91
  };
89
92
  case "COMPLETED":
90
93
  return {
91
- icon: /* @__PURE__ */ t(
92
- R,
93
- {
94
- Icon: p,
95
- label: typeof n == "number" ? `${n}%` : void 0
96
- }
97
- ),
94
+ icon: /* @__PURE__ */ r(R, { Icon: N, label: m }),
98
95
  top: -10,
99
96
  right: -10
100
97
  };
101
98
  case "WAIT_FOR_REVIEW":
102
99
  return {
103
- icon: /* @__PURE__ */ t(
104
- S,
100
+ icon: /* @__PURE__ */ r(
101
+ u,
105
102
  {
106
103
  renderAs: "primary",
107
104
  position: "bottom",
108
- tooltipItem: o ? "Waiting for teacher to review" : "Needs your review",
105
+ tooltipItem: t ? "Waiting for teacher to review" : "Needs your review",
109
106
  zIndex: 10,
110
- children: /* @__PURE__ */ t(R, { Icon: h })
107
+ children: /* @__PURE__ */ r(R, { Icon: C })
111
108
  }
112
109
  ),
113
110
  top: -10,
@@ -115,7 +112,7 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
115
112
  };
116
113
  case "EXPIRED":
117
114
  return {
118
- icon: /* @__PURE__ */ t(f, { $background: "WHITE_5", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ t(u, { $renderAs: "ub3", $color: "BLACK_1", children: "EXPIRED" }) }),
115
+ icon: /* @__PURE__ */ r(l, { $background: "WHITE_5", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ r(S, { $renderAs: "ub3", $color: "BLACK_1", children: "EXPIRED" }) }),
119
116
  top: -10,
120
117
  right: -10
121
118
  };
@@ -124,19 +121,19 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
124
121
  icon: void 0
125
122
  };
126
123
  }
127
- }, X = (e) => {
124
+ }, k = (e) => {
128
125
  switch (e) {
129
126
  case "LEVEL2":
130
127
  case "LEVEL3":
131
128
  case "HIDDEN_BASIC":
132
129
  return {
133
- lottie: r.COMPETITIVE_ARENA
130
+ lottie: o.COMPETITIVE_ARENA
134
131
  };
135
132
  case "LEARNING":
136
133
  case "SAT_MATH_LEARNING":
137
134
  case "SAT_ENGLISH_LEARNING":
138
135
  return {
139
- lottie: r.LEARN
136
+ lottie: o.LEARN
140
137
  };
141
138
  case "RECAP":
142
139
  case "REMEDIAL":
@@ -145,7 +142,7 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
145
142
  case "SAT_MATH_RECAP":
146
143
  case "SAT_ENGLISH_RECAP":
147
144
  return {
148
- lottie: r.RECAP
145
+ lottie: o.RECAP
149
146
  };
150
147
  case "DYNAMIC":
151
148
  case "ASSESSMENT":
@@ -153,7 +150,7 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
153
150
  case "DIAGNOSTIC":
154
151
  case "TURING_ASSESSMENT":
155
152
  return {
156
- lottie: r.TEST
153
+ lottie: o.TEST
157
154
  };
158
155
  case "PRACTICE":
159
156
  case "EXTRA_PRACTICE":
@@ -163,41 +160,41 @@ const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n)
163
160
  case "SAT_MATH_ASSESSMENT":
164
161
  case "SAT_ENGLISH_ASSESSMENT":
165
162
  return {
166
- lottie: r.PRACTICE
163
+ lottie: o.PRACTICE
167
164
  };
168
165
  case "PUZZLE":
169
166
  case "PUZZLE_EASY":
170
167
  case "PUZZLE_MEDIUM":
171
168
  case "PUZZLE_HARD":
172
169
  return {
173
- lottie: r.PUZZLE
170
+ lottie: o.PUZZLE
174
171
  };
175
172
  case "TURING_SUBJECTIVE":
176
173
  return {
177
- lottie: r.SUBJECTIVE
174
+ lottie: o.SUBJECTIVE
178
175
  };
179
176
  case "TURING_BASIC":
180
177
  case "PYTHON_BASIC":
181
178
  case "PYTHON_VISUAL":
182
179
  return {
183
- lottie: r.ACTIVITY
180
+ lottie: o.ACTIVITY
184
181
  };
185
182
  case "VIDEO":
186
183
  return {
187
- lottie: r.VIDEO
184
+ lottie: o.VIDEO
188
185
  };
189
186
  case "PDF":
190
187
  return {
191
- lottie: r.DOWNLOAD
188
+ lottie: o.DOWNLOAD
192
189
  };
193
190
  default:
194
191
  return {
195
- lottie: r.PROJECT
192
+ lottie: o.PROJECT
196
193
  };
197
194
  }
198
195
  };
199
196
  export {
200
- X as getNodeCardBasedIcon,
201
- v as getNodeStateBasedTagInfo
197
+ k as getNodeCardBasedIcon,
198
+ Y as getNodeStateBasedTagInfo
202
199
  };
203
200
  //# sourceMappingURL=node-card-utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport type { INodeCardTagsProps, INodeDataProps } from '../comps/node-card/node-card-types';\nimport Tag from '../comps/tag/tag';\n\ninterface IDueDateInfo {\n isOverdue: boolean;\n daysText: string;\n differenceInDays: number;\n hoursLeft: number;\n minutesLeft: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst SECONDS_PER_HOUR = 60 * 60;\nconst SECONDS_PER_MINUTE = 60;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED'];\n\nconst calculateDueDateInfo = (\n dueDateTs?: number | null,\n isMilestone?: boolean,\n isMathFitCard?: boolean,\n): IDueDateInfo => {\n if (!dueDateTs || (isMilestone && !isMathFitCard)) {\n return { isOverdue: false, daysText: '', differenceInDays: 0, hoursLeft: 0, minutesLeft: 0 };\n }\n\n const currentTimestamp = Math.floor(Date.now() / 1000);\n const differenceInSeconds = dueDateTs - currentTimestamp;\n const differenceInHours = Math.floor(differenceInSeconds / SECONDS_PER_HOUR);\n const differenceInMinutes = Math.floor(differenceInSeconds / SECONDS_PER_MINUTE);\n const differenceInDays = Math.round(differenceInSeconds / SECONDS_PER_DAY);\n\n const isOverdue = differenceInDays < 0;\n\n const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n const hoursLeft = differenceInHours > 0 ? Math.abs(differenceInHours) : 0;\n const minutesLeft = differenceInMinutes > 0 ? Math.abs(differenceInMinutes) : 0;\n\n return { isOverdue, daysText, differenceInDays, hoursLeft, minutesLeft };\n};\n\nconst getTimeDisplayText = (\n hoursLeft: number,\n minutesLeft: number,\n daysText: string,\n showWarning: boolean,\n): string => {\n if (showWarning) {\n return hoursLeft < 1 && minutesLeft > 0 ? `${minutesLeft}m` : `${hoursLeft}h`;\n }\n\n return daysText;\n};\n\nconst renderTimeDisplayIcon = (\n timeDisplayText: string,\n showWarning: boolean,\n includeStatusIcon = false,\n) => {\n return (\n <InProgressIconWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadius={16}\n $paddingRight={includeStatusIcon ? 0 : 6}\n $paddingLeft={timeDisplayText ? 6 : 0}\n $showWarningBg={showWarning}\n >\n {timeDisplayText && (\n <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n {timeDisplayText}\n </Text>\n )}\n {includeStatusIcon && <StatusIcon />}\n </InProgressIconWrapper>\n );\n};\n\nconst getNodeStateBasedTagInfo = ({\n state: nodeState,\n isStudent,\n accuracy,\n dueDateTs,\n isMilestone,\n isMathFitCard,\n}: INodeCardTagsProps) => {\n const { isOverdue, daysText, differenceInDays, hoursLeft, minutesLeft } = calculateDueDateInfo(\n dueDateTs,\n isMilestone,\n isMathFitCard,\n );\n\n const showWarning = !!(isMathFitCard && hoursLeft <= 24 && hoursLeft > 0);\n const timeDisplayText = getTimeDisplayText(hoursLeft, minutesLeft, daysText, showWarning);\n\n if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem=\"Complete now\"\n zIndex={10}\n hidden={!isStudent}\n parentWidth=\"fit-content\"\n >\n <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n OVERDUE\n </Text>\n </FlexView>\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n }\n\n switch (nodeState) {\n case 'NOT_STARTED':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={\n differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n }\n zIndex={10}\n hidden={!isStudent}\n >\n {renderTimeDisplayIcon(timeDisplayText, showWarning)}\n </ArrowTooltip>\n ),\n top: 0,\n right: 0,\n };\n case 'LOCKED':\n return {\n icon: <Lock2Icon width={32} height={32} />,\n top: -16,\n right: -16,\n };\n case 'IN_PROGRESS':\n return {\n icon: renderTimeDisplayIcon(timeDisplayText, showWarning, true),\n };\n case 'COMPLETED':\n return {\n icon: (\n <Tag\n Icon={Check2Icon}\n label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n />\n ),\n top: -10,\n right: -10,\n };\n case 'WAIT_FOR_REVIEW':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n zIndex={10}\n >\n <Tag Icon={ExclamationIcon} />\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n\n case 'EXPIRED':\n return {\n icon: (\n <FlexView $background=\"WHITE_5\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n EXPIRED\n </Text>\n </FlexView>\n ),\n top: -10,\n right: -10,\n };\n\n default:\n return {\n icon: undefined,\n };\n }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n switch (nodeType) {\n case 'LEVEL2':\n case 'LEVEL3':\n case 'HIDDEN_BASIC':\n return {\n lottie: LOTTIE.COMPETITIVE_ARENA,\n };\n case 'LEARNING':\n case 'SAT_MATH_LEARNING':\n case 'SAT_ENGLISH_LEARNING':\n return {\n lottie: LOTTIE.LEARN,\n };\n case 'RECAP':\n case 'REMEDIAL':\n case 'REVISION':\n case 'PPT_BASIC':\n case 'SAT_MATH_RECAP':\n case 'SAT_ENGLISH_RECAP':\n return {\n lottie: LOTTIE.RECAP,\n };\n case 'DYNAMIC':\n case 'ASSESSMENT':\n case 'CHAPTER_ASSESSMENT':\n case 'DIAGNOSTIC':\n case 'TURING_ASSESSMENT':\n return {\n lottie: LOTTIE.TEST,\n };\n case 'PRACTICE':\n case 'EXTRA_PRACTICE':\n case 'TARGET_PRACTICE':\n case 'MASTERY':\n case 'TURING_PRACTICE':\n case 'SAT_MATH_ASSESSMENT':\n case 'SAT_ENGLISH_ASSESSMENT':\n return {\n lottie: LOTTIE.PRACTICE,\n };\n case 'PUZZLE':\n case 'PUZZLE_EASY':\n case 'PUZZLE_MEDIUM':\n case 'PUZZLE_HARD':\n return {\n lottie: LOTTIE.PUZZLE,\n };\n case 'TURING_SUBJECTIVE':\n return {\n lottie: LOTTIE.SUBJECTIVE,\n };\n case 'TURING_BASIC':\n case 'PYTHON_BASIC':\n case 'PYTHON_VISUAL':\n return {\n lottie: LOTTIE.ACTIVITY,\n };\n case 'VIDEO':\n return {\n lottie: LOTTIE.VIDEO,\n };\n case 'PDF':\n return {\n lottie: LOTTIE.DOWNLOAD,\n };\n default:\n return {\n lottie: LOTTIE.PROJECT,\n };\n }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","SECONDS_PER_HOUR","SECONDS_PER_MINUTE","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","isMathFitCard","currentTimestamp","differenceInSeconds","differenceInHours","differenceInMinutes","differenceInDays","isOverdue","daysText","hoursLeft","minutesLeft","getTimeDisplayText","showWarning","renderTimeDisplayIcon","timeDisplayText","includeStatusIcon","jsxs","InProgressIconWrapper","Text","StatusIcon","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Lock2Icon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}
1
+ {"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport type { INodeCardTagsProps, INodeDataProps } from '../comps/node-card/node-card-types';\nimport Tag from '../comps/tag/tag';\n\ninterface IDueDateInfo {\n isOverdue: boolean;\n daysText: string;\n differenceInDays: number;\n hoursLeft: number;\n minutesLeft: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst SECONDS_PER_HOUR = 60 * 60;\nconst SECONDS_PER_MINUTE = 60;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED'];\n\nconst calculateDueDateInfo = (\n dueDateTs?: number | null,\n isMilestone?: boolean,\n isMathFitCard?: boolean,\n): IDueDateInfo => {\n if (!dueDateTs || (isMilestone && !isMathFitCard)) {\n return { isOverdue: false, daysText: '', differenceInDays: 0, hoursLeft: 0, minutesLeft: 0 };\n }\n\n const currentTimestamp = Math.floor(Date.now() / 1000);\n const differenceInSeconds = dueDateTs - currentTimestamp;\n const differenceInHours = Math.floor(differenceInSeconds / SECONDS_PER_HOUR);\n const differenceInMinutes = Math.floor(differenceInSeconds / SECONDS_PER_MINUTE);\n const differenceInDays = Math.round(differenceInSeconds / SECONDS_PER_DAY);\n\n const isOverdue = differenceInDays < 0;\n\n const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n const hoursLeft = differenceInHours > 0 ? Math.abs(differenceInHours) : 0;\n const minutesLeft = differenceInMinutes > 0 ? Math.abs(differenceInMinutes) : 0;\n\n return { isOverdue, daysText, differenceInDays, hoursLeft, minutesLeft };\n};\n\nconst getTimeDisplayText = (\n hoursLeft: number,\n minutesLeft: number,\n daysText: string,\n showWarning: boolean,\n): string => {\n if (showWarning) {\n return hoursLeft < 1 && minutesLeft > 0 ? `${minutesLeft}m` : `${hoursLeft}h`;\n }\n\n return daysText;\n};\n\nconst renderTimeDisplayIcon = (\n timeDisplayText: string,\n showWarning: boolean,\n includeStatusIcon = false,\n) => {\n return (\n <InProgressIconWrapper\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $borderRadius={16}\n $paddingRight={includeStatusIcon ? 0 : 6}\n $paddingLeft={timeDisplayText ? 6 : 0}\n $background={showWarning ? 'RED' : 'BLACK_1'}\n >\n {timeDisplayText && (\n <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n {timeDisplayText}\n </Text>\n )}\n {includeStatusIcon && <StatusIcon />}\n </InProgressIconWrapper>\n );\n};\n\nconst getAccuracyText = (accuracy?: number | null, isMathFitCard?: boolean): string | undefined => {\n if (typeof accuracy !== 'number') return undefined;\n\n return isMathFitCard ? `${accuracy}` : `${accuracy}%`;\n};\n\nconst getNodeStateBasedTagInfo = ({\n state: nodeState,\n isStudent,\n accuracy,\n dueDateTs,\n isMilestone,\n isMathFitCard,\n}: INodeCardTagsProps) => {\n const { isOverdue, daysText, differenceInDays, hoursLeft, minutesLeft } = calculateDueDateInfo(\n dueDateTs,\n isMilestone,\n isMathFitCard,\n );\n const showWarning = !!(isMathFitCard && hoursLeft <= 24 && hoursLeft >= 0);\n const timeDisplayText = getTimeDisplayText(hoursLeft, minutesLeft, daysText, showWarning);\n const accuracyText = getAccuracyText(accuracy, isMathFitCard);\n\n if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem=\"Complete now\"\n zIndex={10}\n hidden={!isStudent}\n parentWidth=\"fit-content\"\n >\n <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n OVERDUE\n </Text>\n </FlexView>\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n }\n\n switch (nodeState) {\n case 'NOT_STARTED':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={\n differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n }\n zIndex={10}\n hidden={!isStudent}\n >\n {renderTimeDisplayIcon(timeDisplayText, showWarning)}\n </ArrowTooltip>\n ),\n top: 0,\n right: 0,\n };\n case 'LOCKED':\n return {\n icon: <Lock2Icon width={32} height={32} />,\n top: -16,\n right: -16,\n };\n case 'IN_PROGRESS':\n return {\n icon: renderTimeDisplayIcon(timeDisplayText, showWarning, true),\n };\n case 'COMPLETED':\n return {\n icon: <Tag Icon={Check2Icon} label={accuracyText} />,\n top: -10,\n right: -10,\n };\n case 'WAIT_FOR_REVIEW':\n return {\n icon: (\n <ArrowTooltip\n renderAs=\"primary\"\n position=\"bottom\"\n tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n zIndex={10}\n >\n <Tag Icon={ExclamationIcon} />\n </ArrowTooltip>\n ),\n top: -10,\n right: -10,\n };\n\n case 'EXPIRED':\n return {\n icon: (\n <FlexView $background=\"WHITE_5\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n EXPIRED\n </Text>\n </FlexView>\n ),\n top: -10,\n right: -10,\n };\n\n default:\n return {\n icon: undefined,\n };\n }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n switch (nodeType) {\n case 'LEVEL2':\n case 'LEVEL3':\n case 'HIDDEN_BASIC':\n return {\n lottie: LOTTIE.COMPETITIVE_ARENA,\n };\n case 'LEARNING':\n case 'SAT_MATH_LEARNING':\n case 'SAT_ENGLISH_LEARNING':\n return {\n lottie: LOTTIE.LEARN,\n };\n case 'RECAP':\n case 'REMEDIAL':\n case 'REVISION':\n case 'PPT_BASIC':\n case 'SAT_MATH_RECAP':\n case 'SAT_ENGLISH_RECAP':\n return {\n lottie: LOTTIE.RECAP,\n };\n case 'DYNAMIC':\n case 'ASSESSMENT':\n case 'CHAPTER_ASSESSMENT':\n case 'DIAGNOSTIC':\n case 'TURING_ASSESSMENT':\n return {\n lottie: LOTTIE.TEST,\n };\n case 'PRACTICE':\n case 'EXTRA_PRACTICE':\n case 'TARGET_PRACTICE':\n case 'MASTERY':\n case 'TURING_PRACTICE':\n case 'SAT_MATH_ASSESSMENT':\n case 'SAT_ENGLISH_ASSESSMENT':\n return {\n lottie: LOTTIE.PRACTICE,\n };\n case 'PUZZLE':\n case 'PUZZLE_EASY':\n case 'PUZZLE_MEDIUM':\n case 'PUZZLE_HARD':\n return {\n lottie: LOTTIE.PUZZLE,\n };\n case 'TURING_SUBJECTIVE':\n return {\n lottie: LOTTIE.SUBJECTIVE,\n };\n case 'TURING_BASIC':\n case 'PYTHON_BASIC':\n case 'PYTHON_VISUAL':\n return {\n lottie: LOTTIE.ACTIVITY,\n };\n case 'VIDEO':\n return {\n lottie: LOTTIE.VIDEO,\n };\n case 'PDF':\n return {\n lottie: LOTTIE.DOWNLOAD,\n };\n default:\n return {\n lottie: LOTTIE.PROJECT,\n };\n }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","SECONDS_PER_HOUR","SECONDS_PER_MINUTE","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","isMathFitCard","currentTimestamp","differenceInSeconds","differenceInHours","differenceInMinutes","differenceInDays","isOverdue","daysText","hoursLeft","minutesLeft","getTimeDisplayText","showWarning","renderTimeDisplayIcon","timeDisplayText","includeStatusIcon","jsxs","InProgressIconWrapper","Text","StatusIcon","getAccuracyText","accuracy","getNodeStateBasedTagInfo","nodeState","isStudent","accuracyText","jsx","ArrowTooltip","FlexView","Lock2Icon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}