@cuemath/leap 3.5.51-as12 → 3.5.51-as14

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 (45) 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 +22 -22
  6. package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
  7. package/dist/features/homework/homework-card-view.js +37 -37
  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-overview/math-fit-overview-types.js +4 -4
  23. package/dist/features/math-fit/math-fit-overview/math-fit-overview-types.js.map +1 -1
  24. package/dist/features/math-fit/math-fit-overview/math-fit-overview.js +5 -5
  25. package/dist/features/math-fit/math-fit-overview/math-fit-overview.js.map +1 -1
  26. package/dist/features/math-fit/math-fit-report/math-fit-report.js +1 -1
  27. package/dist/features/math-fit/math-fit-report/math-fit-report.js.map +1 -1
  28. package/dist/features/milestone/milestone-list-container/api/get-tests-list.js.map +1 -1
  29. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +6 -6
  30. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
  31. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js +24 -24
  32. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map +1 -1
  33. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js +22 -22
  34. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map +1 -1
  35. package/dist/features/milestone/milestone-list-container/milestone-list-container.js +8 -8
  36. package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
  37. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js +2 -2
  38. package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map +1 -1
  39. package/dist/features/sheet-v2/resource-list/resource-list.js +9 -10
  40. package/dist/features/sheet-v2/resource-list/resource-list.js.map +1 -1
  41. package/dist/index.d.ts +27 -14
  42. package/dist/index.js +366 -364
  43. package/dist/index.js.map +1 -1
  44. package/dist/types/models/worksheet.js.map +1 -1
  45. package/package.json +1 -1
package/dist/features/chapters-v2/comps/node-card/node-card-styled.js CHANGED
@@ -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
package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map CHANGED
@@ -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;"}
package/dist/features/chapters-v2/comps/node-card/node-card-types.js ADDED
@@ -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
package/dist/features/chapters-v2/comps/node-card/node-card-types.js.map ADDED
@@ -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;"}
package/dist/features/chapters-v2/utils/node-card-utils.js CHANGED
@@ -1,21 +1,21 @@
1
1
  import { jsx as r, jsxs as p } from "react/jsx-runtime";
2
2
  import N from "../../../assets/line-icons/icons/check2.js";
3
- import h from "../../../assets/line-icons/icons/exclamation.js";
4
- import C from "../../../assets/line-icons/icons/lock2.js";
3
+ import C from "../../../assets/line-icons/icons/exclamation.js";
4
+ import h from "../../../assets/line-icons/icons/lock2.js";
5
5
  import D from "../../../assets/line-icons/icons/status.js";
6
6
  import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
7
7
  import l 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 P } from "../comps/node-card/node-card-styled.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 L = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n) => {
12
+ const P = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n) => {
13
13
  if (!e || t && !n)
14
14
  return { isOverdue: !1, daysText: "", differenceInDays: 0, hoursLeft: 0, minutesLeft: 0 };
15
- const a = Math.floor(Date.now() / 1e3), c = e - a, s = Math.floor(c / g), T = Math.floor(c / $), i = Math.round(c / L), A = i < 0, E = i > 0 ? `${Math.abs(i)}D` : "", d = s > 0 ? Math.abs(s) : 0, I = T > 0 ? Math.abs(T) : 0;
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
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, m = (e, t, n = !1) => /* @__PURE__ */ p(
18
- P,
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,9 +23,9 @@ const L = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n)
23
23
  $borderRadius: 16,
24
24
  $paddingRight: n ? 0 : 6,
25
25
  $paddingLeft: e ? 6 : 0,
26
- $showWarningBg: t,
26
+ $background: t ? "RED" : "BLACK_1",
27
27
  children: [
28
- e && /* @__PURE__ */ r(u, { $renderAs: "ub3-bold", $color: "WHITE", children: e }),
28
+ e && /* @__PURE__ */ r(S, { $renderAs: "ub3-bold", $color: "WHITE", children: e }),
29
29
  n && /* @__PURE__ */ r(D, {})
30
30
  ]
31
31
  }
@@ -44,11 +44,11 @@ const L = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n)
44
44
  a,
45
45
  c,
46
46
  s
47
- ), I = !!(s && E <= 24 && E >= 0), f = b(E, d, i, I), _ = U(n, s);
47
+ ), I = !!(s && E <= 24 && E >= 0), f = b(E, d, i, I), m = U(n, s);
48
48
  if (!c && T && O.includes(e))
49
49
  return {
50
50
  icon: /* @__PURE__ */ r(
51
- S,
51
+ u,
52
52
  {
53
53
  renderAs: "primary",
54
54
  position: "bottom",
@@ -56,7 +56,7 @@ const L = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n)
56
56
  zIndex: 10,
57
57
  hidden: !t,
58
58
  parentWidth: "fit-content",
59
- children: /* @__PURE__ */ r(l, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ r(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" }) })
60
60
  }
61
61
  ),
62
62
  top: -10,
@@ -66,14 +66,14 @@ const L = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n)
66
66
  case "NOT_STARTED":
67
67
  return {
68
68
  icon: /* @__PURE__ */ r(
69
- S,
69
+ u,
70
70
  {
71
71
  renderAs: "primary",
72
72
  position: "bottom",
73
73
  tooltipItem: A > 1 ? `${A} days left` : "Complete it today",
74
74
  zIndex: 10,
75
75
  hidden: !t,
76
- children: m(f, I)
76
+ children: _(f, I)
77
77
  }
78
78
  ),
79
79
  top: 0,
@@ -81,30 +81,30 @@ const L = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n)
81
81
  };
82
82
  case "LOCKED":
83
83
  return {
84
- icon: /* @__PURE__ */ r(C, { width: 32, height: 32 }),
84
+ icon: /* @__PURE__ */ r(h, { width: 32, height: 32 }),
85
85
  top: -16,
86
86
  right: -16
87
87
  };
88
88
  case "IN_PROGRESS":
89
89
  return {
90
- icon: m(f, I, !0)
90
+ icon: _(f, I, !0)
91
91
  };
92
92
  case "COMPLETED":
93
93
  return {
94
- icon: /* @__PURE__ */ r(R, { Icon: N, label: _ }),
94
+ icon: /* @__PURE__ */ r(R, { Icon: N, label: m }),
95
95
  top: -10,
96
96
  right: -10
97
97
  };
98
98
  case "WAIT_FOR_REVIEW":
99
99
  return {
100
100
  icon: /* @__PURE__ */ r(
101
- S,
101
+ u,
102
102
  {
103
103
  renderAs: "primary",
104
104
  position: "bottom",
105
105
  tooltipItem: t ? "Waiting for teacher to review" : "Needs your review",
106
106
  zIndex: 10,
107
- children: /* @__PURE__ */ r(R, { Icon: h })
107
+ children: /* @__PURE__ */ r(R, { Icon: C })
108
108
  }
109
109
  ),
110
110
  top: -10,
@@ -112,7 +112,7 @@ const L = 60 * 60 * 24, g = 60 * 60, $ = 60, O = ["NOT_STARTED"], M = (e, t, n)
112
112
  };
113
113
  case "EXPIRED":
114
114
  return {
115
- icon: /* @__PURE__ */ r(l, { $background: "WHITE_5", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ r(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" }) }),
116
116
  top: -10,
117
117
  right: -10
118
118
  };
package/dist/features/chapters-v2/utils/node-card-utils.js.map CHANGED
@@ -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 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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"}
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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"}
package/dist/features/homework/homework-card-view.js CHANGED
@@ -1,30 +1,30 @@
1
1
  import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
2
  import { memo as M, useMemo as U, useState as F, useRef as b, useCallback as w, useLayoutEffect as G } from "react";
3
3
  import j from "../../assets/line-icons/icons/closed-eye.js";
4
- import A from "../chapters-v2/comps/node-card/node-card-tags.js";
4
+ import y from "../chapters-v2/comps/node-card/node-card-tags.js";
5
5
  import { getNodeTypeBasedBgImage as K } from "../chapters-v2/utils/index.js";
6
6
  import { getNodeCardBasedIcon as V } from "../chapters-v2/utils/node-card-utils.js";
7
- import Y from "../math-fit/math-fit-card/math-fit-card.js";
8
- import Z from "../puzzles/comps/puzzle-card.js";
7
+ import Z from "../math-fit/math-fit-card/math-fit-card.js";
8
+ import Y from "../puzzles/comps/puzzle-card.js";
9
9
  import u from "../ui/arrow-tooltip/arrow-tooltip.js";
10
10
  import c from "../ui/layout/flex-view.js";
11
11
  import q from "../ui/lottie-animation/lottie-animation.js";
12
12
  import J from "./card-title.js";
13
- import { HW_CARD_LIST_ENTITY_TYPE as Q } from "./hw-card-list/hw-card-list-types.js";
14
- import k from "./node-progress.js";
13
+ import { EHWCardListEntityType as Q } from "./hw-card-list/hw-card-list-types.js";
14
+ import A from "./node-progress.js";
15
15
  import { PuzzleCardWrapper as ee, CardWrapper as re, IconWrapper as te, BannerImageWrapper as oe, BannerImage as ie, HeaderText as ne, SubHeaderText as de } from "./styles.js";
16
16
  const ae = { renderer: "canvas", autoplay: !1 }, le = ({
17
- header: _,
18
- isInQueue: x,
17
+ header: E,
18
+ isInQueue: k,
19
19
  nodeData: i,
20
20
  studentContainerRef: h,
21
- subHeader: E,
21
+ subHeader: C,
22
22
  userType: n,
23
23
  isMilestone: d = !1,
24
- puzzleHWCardRef: y,
24
+ puzzleHWCardRef: x,
25
25
  entityType: N,
26
26
  state: r,
27
- score: D
27
+ score: O
28
28
  }) => {
29
29
  const {
30
30
  node_type: t,
@@ -32,11 +32,11 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
32
32
  due_date_ts: o,
33
33
  image_url: g,
34
34
  image_hue: a,
35
- card_header: O = "",
35
+ card_header: z = "",
36
36
  unlocked_on_ts: m,
37
- course_type: S,
38
- title: z
39
- } = i, H = t === "PUZZLE_CARD", f = N === Q.MATHFIT_TEST, $ = n === "STUDENT" && r === "LOCKED", C = r === "LOCKED" || n === "TEACHER" && r !== "COMPLETED" && r !== "EXPIRED", L = U(() => r === "LOCKED" ? f ? "Take test after class" : "Not available to student" : "Sheet is not completed yet", [r, f]), [v, R] = F(!1), p = b(null), X = K(t), T = b(null), { lottie: P } = V(t), B = w(() => {
37
+ course_type: D,
38
+ title: H
39
+ } = i, L = t === "PUZZLE_CARD", f = N === Q.MATHFIT_TEST, $ = n === "STUDENT" && r === "LOCKED", _ = r === "LOCKED" || n === "TEACHER" && r !== "COMPLETED" && r !== "EXPIRED", S = U(() => r === "LOCKED" ? f ? "Take test after class" : "Not available to student" : "Sheet is not completed yet", [r, f]), [v, X] = F(!1), p = b(null), R = K(t), T = b(null), { lottie: B } = V(t), P = w(() => {
40
40
  var l;
41
41
  (l = T.current) == null || l.play();
42
42
  }, []), W = w(() => {
@@ -44,15 +44,15 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
44
44
  (l = T.current) == null || l.stop();
45
45
  }, []);
46
46
  return G(() => {
47
- p.current && p.current.scrollHeight > p.current.clientHeight && R(!0);
48
- }, []), H ? /* @__PURE__ */ e(
47
+ p.current && p.current.scrollHeight > p.current.clientHeight && X(!0);
48
+ }, []), L ? /* @__PURE__ */ e(
49
49
  u,
50
50
  {
51
51
  renderAs: "primary",
52
52
  tooltipItem: "Solve puzzle after class",
53
53
  position: "bottom",
54
54
  hidden: !$,
55
- children: /* @__PURE__ */ e("div", { ref: y, children: /* @__PURE__ */ s(
55
+ children: /* @__PURE__ */ e("div", { ref: x, children: /* @__PURE__ */ s(
56
56
  ee,
57
57
  {
58
58
  ref: h,
@@ -61,18 +61,18 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
61
61
  $disabled: $,
62
62
  children: [
63
63
  /* @__PURE__ */ e(
64
- Z,
64
+ Y,
65
65
  {
66
66
  imageHue: a,
67
67
  imageUrl: g ?? "",
68
- title: z,
68
+ title: H,
69
69
  width: 126,
70
70
  height: 159,
71
71
  disabled: $
72
72
  }
73
73
  ),
74
74
  /* @__PURE__ */ e(
75
- A,
75
+ y,
76
76
  {
77
77
  nodeType: t,
78
78
  state: r,
@@ -83,7 +83,7 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
83
83
  }
84
84
  ),
85
85
  !d && o && m && /* @__PURE__ */ e(
86
- k,
86
+ A,
87
87
  {
88
88
  dueDate: o * 1e3,
89
89
  unlockedOn: m * 1e3,
@@ -98,20 +98,20 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
98
98
  u,
99
99
  {
100
100
  renderAs: "primary",
101
- tooltipItem: L,
101
+ tooltipItem: S,
102
102
  position: "bottom",
103
- hidden: !C,
103
+ hidden: !_,
104
104
  children: /* @__PURE__ */ e(
105
- Y,
105
+ Z,
106
106
  {
107
- score: D,
107
+ score: O,
108
108
  dueDateTs: i.due_date_ts,
109
109
  nodeType: "DYNAMIC",
110
110
  state: r,
111
- subHeader: E,
111
+ subHeader: C,
112
112
  unlockedOnTs: i == null ? void 0 : i.unlocked_on_ts,
113
113
  userType: n,
114
- isMathFitDisabled: C,
114
+ isMathFitDisabled: _,
115
115
  isMilestone: d,
116
116
  studentContainerRef: h
117
117
  }
@@ -124,7 +124,7 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
124
124
  $widthX: 12.38,
125
125
  $position: "relative",
126
126
  $background: `${a || "ORANGE"}_2`,
127
- onMouseEnter: B,
127
+ onMouseEnter: P,
128
128
  onMouseLeave: W,
129
129
  children: [
130
130
  /* @__PURE__ */ s(
@@ -134,7 +134,7 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
134
134
  $alignItems: "center",
135
135
  $width: "100%",
136
136
  $heightX: 3.5,
137
- $bgImage: X,
137
+ $bgImage: R,
138
138
  $gutterX: 0.78125,
139
139
  $flexGap: 8.5,
140
140
  $position: "relative",
@@ -149,11 +149,11 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
149
149
  $position: "relative",
150
150
  $alignItems: "center",
151
151
  $justifyContent: "center",
152
- children: /* @__PURE__ */ e(q, { src: P, ref: T, settings: ae })
152
+ children: /* @__PURE__ */ e(q, { src: B, ref: T, settings: ae })
153
153
  }
154
154
  ),
155
- /* @__PURE__ */ e(J, { cardHeader: O, nodeType: t, courseType: S }),
156
- x && /* @__PURE__ */ e(
155
+ /* @__PURE__ */ e(J, { cardHeader: z, nodeType: t, courseType: D }),
156
+ k && /* @__PURE__ */ e(
157
157
  u,
158
158
  {
159
159
  renderAs: "primary",
@@ -168,7 +168,7 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
168
168
  }
169
169
  ),
170
170
  /* @__PURE__ */ e(
171
- A,
171
+ y,
172
172
  {
173
173
  nodeType: t,
174
174
  state: r,
@@ -179,7 +179,7 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
179
179
  }
180
180
  ),
181
181
  !d && o && m && /* @__PURE__ */ e(
182
- k,
182
+ A,
183
183
  {
184
184
  dueDate: o * 1e3,
185
185
  unlockedOn: m * 1e3,
@@ -192,12 +192,12 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
192
192
  {
193
193
  renderAs: "primary",
194
194
  position: "bottom",
195
- tooltipItem: _,
195
+ tooltipItem: E,
196
196
  width: 300,
197
197
  hidden: !v,
198
198
  parentWidth: "auto",
199
199
  zIndex: 6,
200
- children: /* @__PURE__ */ e(c, { $heightX: 2.5, children: /* @__PURE__ */ e(ne, { ref: p, $renderAs: "ab3", children: _ }) })
200
+ children: /* @__PURE__ */ e(c, { $heightX: 2.5, children: /* @__PURE__ */ e(ne, { ref: p, $renderAs: "ab3", children: E }) })
201
201
  }
202
202
  ),
203
203
  /* @__PURE__ */ s(
@@ -208,7 +208,7 @@ const ae = { renderer: "canvas", autoplay: !1 }, le = ({
208
208
  $alignItems: "center",
209
209
  $justifyContent: "space-between",
210
210
  children: [
211
- /* @__PURE__ */ e(de, { $renderAs: "ub3", $color: "BLACK_T_60", children: E }),
211
+ /* @__PURE__ */ e(de, { $renderAs: "ub3", $color: "BLACK_T_60", children: C }),
212
212
  /* @__PURE__ */ e(c, { $width: 32 })
213
213
  ]
214
214
  }