performanceresultscreens 0.0.26 → 0.0.30

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 (178) hide show
  1. package/dist/components/Atoms/AssistantImageModal/ImageModal.js +2 -1
  2. package/dist/components/Atoms/AssistantImageModal/ImageModal.js.map +1 -1
  3. package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.d.ts +3 -7
  4. package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js +37 -11
  5. package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js.map +1 -1
  6. package/dist/components/Atoms/PrivacyTouchPoint/PrivacyTouchPoint.js +2 -2
  7. package/dist/components/Atoms/PrivacyTouchPoint/PrivacyTouchPoint.js.map +1 -1
  8. package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js +3 -3
  9. package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js.map +1 -1
  10. package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.d.ts +1 -75
  11. package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js +122 -7
  12. package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js.map +1 -1
  13. package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js +9 -1
  14. package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js.map +1 -1
  15. package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.d.ts +1 -0
  16. package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js +49 -1
  17. package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js.map +1 -1
  18. package/dist/components/Molecules/AccordianPay4/Accordian.d.ts +2 -13
  19. package/dist/components/Molecules/AccordianPay4/Accordian.js +13 -14
  20. package/dist/components/Molecules/AccordianPay4/Accordian.js.map +1 -1
  21. package/dist/components/Molecules/AccordianPay4/Accordian.stories.js.map +1 -1
  22. package/dist/components/Molecules/ActivityBanner/ActivityBanner.js +12 -8
  23. package/dist/components/Molecules/ActivityBanner/ActivityBanner.js.map +1 -1
  24. package/dist/components/Molecules/DashPlayer/DashPlayer.stories.js +1 -1
  25. package/dist/components/Molecules/DashPlayer/DashPlayer.stories.js.map +1 -1
  26. package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js +15 -4
  27. package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js.map +1 -1
  28. package/dist/components/Molecules/FactualCard/FactualCard.d.ts +3 -1
  29. package/dist/components/Molecules/FactualCard/FactualCard.js +15 -9
  30. package/dist/components/Molecules/FactualCard/FactualCard.js.map +1 -1
  31. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.d.ts +1 -0
  32. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +53 -32
  33. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
  34. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.d.ts +12 -0
  35. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js +14 -5
  36. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
  37. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.d.ts +6 -0
  38. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js +12 -0
  39. package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js.map +1 -0
  40. package/dist/components/Molecules/PostCard/PostCard.js +4 -4
  41. package/dist/components/Molecules/PostCard/PostCard.js.map +1 -1
  42. package/dist/components/Molecules/RecapNode/ContentView.d.ts +2 -0
  43. package/dist/components/Molecules/RecapNode/ContentView.js +43 -0
  44. package/dist/components/Molecules/RecapNode/ContentView.js.map +1 -0
  45. package/dist/components/Molecules/RecapNode/FlashcardNode.d.ts +0 -0
  46. package/dist/components/Molecules/RecapNode/FlashcardNode.js +2 -0
  47. package/dist/components/Molecules/RecapNode/FlashcardNode.js.map +1 -0
  48. package/dist/components/Molecules/RecapNode/Node.d.ts +3 -0
  49. package/dist/components/Molecules/RecapNode/Node.js +60 -0
  50. package/dist/components/Molecules/RecapNode/Node.js.map +1 -0
  51. package/dist/components/Molecules/RecapNode/Node.stories.d.ts +10 -0
  52. package/dist/components/Molecules/RecapNode/Node.stories.js +117 -0
  53. package/dist/components/Molecules/RecapNode/Node.stories.js.map +1 -0
  54. package/dist/components/Molecules/RecapNode/Node.styles.d.ts +11 -0
  55. package/dist/components/Molecules/RecapNode/Node.styles.js +53 -0
  56. package/dist/components/Molecules/RecapNode/Node.styles.js.map +1 -0
  57. package/dist/components/Molecules/RecapNode/SectionView.d.ts +6 -0
  58. package/dist/components/Molecules/RecapNode/SectionView.js +150 -0
  59. package/dist/components/Molecules/RecapNode/SectionView.js.map +1 -0
  60. package/dist/components/Molecules/RecapNode/VideoView.d.ts +10 -0
  61. package/dist/components/Molecules/RecapNode/VideoView.js +64 -0
  62. package/dist/components/Molecules/RecapNode/VideoView.js.map +1 -0
  63. package/dist/components/Molecules/Revision/Revision.d.ts +2 -0
  64. package/dist/components/Molecules/Revision/Revision.js +201 -0
  65. package/dist/components/Molecules/Revision/Revision.js.map +1 -0
  66. package/dist/components/Molecules/SmartLearn/SmartLearn.js +14 -11
  67. package/dist/components/Molecules/SmartLearn/SmartLearn.js.map +1 -1
  68. package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js +13 -10
  69. package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js.map +1 -1
  70. package/dist/components/Molecules/SmartLearn/types.d.ts +18 -1
  71. package/dist/components/Molecules/Tutor/User/User.js +7 -3
  72. package/dist/components/Molecules/Tutor/User/User.js.map +1 -1
  73. package/dist/components/Molecules/VideoView/VideoModal.js +2 -2
  74. package/dist/components/Molecules/VideoView/VideoModal.js.map +1 -1
  75. package/dist/components/Molecules/comprehension/ComprehensionLayout.js +9 -5
  76. package/dist/components/Molecules/comprehension/ComprehensionLayout.js.map +1 -1
  77. package/dist/components/Molecules/comprehension/SubQuestionLayout.js +1 -1
  78. package/dist/components/Molecules/comprehension/SubQuestionLayout.js.map +1 -1
  79. package/dist/components/Molecules/optionLayouts/Scq.d.ts +2 -0
  80. package/dist/components/Molecules/optionLayouts/Scq.js +427 -0
  81. package/dist/components/Molecules/optionLayouts/Scq.js.map +1 -0
  82. package/dist/components/Molecules/optionLayouts/Scqnew.d.ts +2 -0
  83. package/dist/components/Molecules/optionLayouts/Scqnew.js +491 -0
  84. package/dist/components/Molecules/optionLayouts/Scqnew.js.map +1 -0
  85. package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.d.ts +1 -0
  86. package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js +61 -0
  87. package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js.map +1 -0
  88. package/dist/components/Molecules/questionLayouts/AnswerView.d.ts +1 -0
  89. package/dist/components/Molecules/questionLayouts/AnswerView.js +66 -0
  90. package/dist/components/Molecules/questionLayouts/AnswerView.js.map +1 -0
  91. package/dist/components/Molecules/questionLayouts/Question.styles.d.ts +115 -0
  92. package/dist/components/Molecules/questionLayouts/Question.styles.js +119 -0
  93. package/dist/components/Molecules/questionLayouts/Question.styles.js.map +1 -0
  94. package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.d.ts +2 -0
  95. package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js +285 -0
  96. package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js.map +1 -0
  97. package/dist/components/Molecules/questionLayouts/QuestionView.d.ts +2 -0
  98. package/dist/components/Molecules/questionLayouts/QuestionView.js +106 -0
  99. package/dist/components/Molecules/questionLayouts/QuestionView.js.map +1 -0
  100. package/dist/components/Molecules/questionLayouts/QuestionsLayout.js +5 -2
  101. package/dist/components/Molecules/questionLayouts/QuestionsLayout.js.map +1 -1
  102. package/dist/components/Organisms/D3Graphs/Reactflow.d.ts +1 -0
  103. package/dist/components/Organisms/D3Graphs/Reactflow.js +244 -0
  104. package/dist/components/Organisms/D3Graphs/Reactflow.js.map +1 -0
  105. package/dist/components/Organisms/FlashCardNode/AccordionChildItem.d.ts +1 -0
  106. package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js +37 -0
  107. package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js.map +1 -0
  108. package/dist/components/Organisms/FlashCardNode/FlashCardNode.d.ts +3 -0
  109. package/dist/components/Organisms/FlashCardNode/FlashCardNode.js +93 -0
  110. package/dist/components/Organisms/FlashCardNode/FlashCardNode.js.map +1 -0
  111. package/dist/components/Organisms/FlashCardNode/FlashcardContainer.d.ts +27 -0
  112. package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js +30 -0
  113. package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js.map +1 -0
  114. package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.d.ts +15 -0
  115. package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js +301 -0
  116. package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js.map +1 -0
  117. package/dist/components/Organisms/FlashCardNode/IconBar.d.ts +7 -0
  118. package/dist/components/Organisms/FlashCardNode/IconBar.js +22 -0
  119. package/dist/components/Organisms/FlashCardNode/IconBar.js.map +1 -0
  120. package/dist/components/Organisms/FlashCardNode/MobileAccordionView.d.ts +10 -0
  121. package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js +32 -0
  122. package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js.map +1 -0
  123. package/dist/components/Organisms/FlashCardNode/NodeHandles.d.ts +3 -0
  124. package/dist/components/Organisms/FlashCardNode/NodeHandles.js +22 -0
  125. package/dist/components/Organisms/FlashCardNode/NodeHandles.js.map +1 -0
  126. package/dist/components/Organisms/PostDetails/ImageGallery.js +7 -4
  127. package/dist/components/Organisms/PostDetails/ImageGallery.js.map +1 -1
  128. package/dist/components/Organisms/RecapGraph/Example.stories.d.ts +3 -0
  129. package/dist/components/Organisms/RecapGraph/Example.stories.js +50 -0
  130. package/dist/components/Organisms/RecapGraph/Example.stories.js.map +1 -0
  131. package/dist/components/Organisms/RecapGraph/FlashCardNode.d.ts +3 -0
  132. package/dist/components/Organisms/RecapGraph/FlashCardNode.js +48 -0
  133. package/dist/components/Organisms/RecapGraph/FlashCardNode.js.map +1 -0
  134. package/dist/components/Organisms/RecapGraph/IconBar.d.ts +5 -0
  135. package/dist/components/Organisms/RecapGraph/IconBar.js +19 -0
  136. package/dist/components/Organisms/RecapGraph/IconBar.js.map +1 -0
  137. package/dist/components/Organisms/RecapGraph/NodeHandles.d.ts +4 -0
  138. package/dist/components/Organisms/RecapGraph/NodeHandles.js +21 -0
  139. package/dist/components/Organisms/RecapGraph/NodeHandles.js.map +1 -0
  140. package/dist/components/Organisms/RecapGraph/Reactgraphflow.d.ts +11 -0
  141. package/dist/components/Organisms/RecapGraph/Reactgraphflow.js +101 -0
  142. package/dist/components/Organisms/RecapGraph/Reactgraphflow.js.map +1 -0
  143. package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.d.ts +29 -0
  144. package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js +357 -0
  145. package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js.map +1 -0
  146. package/dist/components/Organisms/ReviewComponent/ChatPresenter.js +2 -2
  147. package/dist/components/Organisms/ReviewComponent/ChatPresenter.js.map +1 -1
  148. package/dist/components/Organisms/ReviewComponent/Review.d.ts +2 -1
  149. package/dist/components/Organisms/ReviewComponent/Review.js +4 -4
  150. package/dist/components/Organisms/ReviewComponent/Review.js.map +1 -1
  151. package/dist/components/Organisms/ReviewComponent/ReviewPresenter.d.ts +3 -1
  152. package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js +4 -3
  153. package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js.map +1 -1
  154. package/dist/components/Organisms/StudentEditor/components/EditorComponent.d.ts +5 -0
  155. package/dist/components/Organisms/StudentEditor/components/EditorComponent.js +128 -0
  156. package/dist/components/Organisms/StudentEditor/components/EditorComponent.js.map +1 -0
  157. package/dist/components/Organisms/StudentEditor/components/MathModal.js +3 -0
  158. package/dist/components/Organisms/StudentEditor/components/MathModal.js.map +1 -1
  159. package/dist/components/Organisms/StudentEditor/components/TextEditor.js +24 -15
  160. package/dist/components/Organisms/StudentEditor/components/TextEditor.js.map +1 -1
  161. package/dist/index.d.ts +2 -0
  162. package/dist/index.js +5 -1
  163. package/dist/index.js.map +1 -1
  164. package/dist/utils/RecapData.d.ts +684 -0
  165. package/dist/utils/RecapData.js +2252 -0
  166. package/dist/utils/RecapData.js.map +1 -0
  167. package/dist/utils/accordionConstants.d.ts +15 -0
  168. package/dist/utils/accordionConstants.js +23 -0
  169. package/dist/utils/accordionConstants.js.map +1 -0
  170. package/dist/utils/common-utils.js +4 -0
  171. package/dist/utils/common-utils.js.map +1 -1
  172. package/dist/utils/contentUtils.d.ts +41 -0
  173. package/dist/utils/contentUtils.js +67 -0
  174. package/dist/utils/contentUtils.js.map +1 -0
  175. package/dist/utils/revision-utils.d.ts +13 -0
  176. package/dist/utils/revision-utils.js +90 -0
  177. package/dist/utils/revision-utils.js.map +1 -0
  178. package/package.json +5 -2
@@ -0,0 +1,117 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.NoContentNode = exports.Level2MultipleChildren = exports.Level2SingleChild = exports.Level1 = exports.RootNode = void 0;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const Node_1 = __importDefault(require("./Node"));
9
+ const reactflow_1 = require("reactflow");
10
+ const defination_svg_1 = __importDefault(require("../../../assests/revision/defination.svg"));
11
+ const formula_svg_1 = __importDefault(require("../../../assests/revision/formula.svg"));
12
+ const videoplay_svg_1 = __importDefault(require("../../../assests/revision/videoplay.svg"));
13
+ const equations_svg_1 = __importDefault(require("../../../assests/revision/equations.svg"));
14
+ exports.default = {
15
+ title: "CustomNodes/FlashcardNode",
16
+ component: Node_1.default,
17
+ decorators: [
18
+ (Story) => ((0, jsx_runtime_1.jsx)(reactflow_1.ReactFlowProvider, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
19
+ ],
20
+ };
21
+ // ----------------------------------------------------
22
+ // MOCK NODE DATA
23
+ // ----------------------------------------------------
24
+ const sampleContent = {
25
+ videos: [`https://youtu.be/EvgdirLeYaQ?si=ioDQvR2qrWHmDBkO`, "Deep Dive Explained"],
26
+ sections: {
27
+ overview: [
28
+ { title: "Definition", description: "Explains the concept briefly." },
29
+ { title: "Importance", description: "Why this topic matters." },
30
+ ],
31
+ details: [
32
+ {
33
+ title: "Working",
34
+ description: "Step-by-step workflow explained clearly.",
35
+ },
36
+ {
37
+ title: "Use Cases",
38
+ description: "Real-life examples of usage.",
39
+ },
40
+ ],
41
+ },
42
+ };
43
+ // ----------------------------------------------------
44
+ // STORIES
45
+ // ----------------------------------------------------
46
+ // ⭐ Root node
47
+ exports.RootNode = {
48
+ args: {
49
+ data: {
50
+ label: "Root Flashcard akmfakmflakdmglkagm",
51
+ color: "#FFBAB3",
52
+ content: sampleContent,
53
+ hasContent: true,
54
+ hasMultipleChildren: false,
55
+ level: 0,
56
+ icons: [
57
+ { src: equations_svg_1.default, type: "equations" },
58
+ { src: videoplay_svg_1.default, type: "videos" },
59
+ { src: formula_svg_1.default, type: "formula" },
60
+ { src: defination_svg_1.default, type: "definitions" }
61
+ ]
62
+ },
63
+ },
64
+ };
65
+ // ⭐ Level 1 Node
66
+ exports.Level1 = {
67
+ args: {
68
+ data: {
69
+ label: "Level 1 Flashcard",
70
+ color: "#F97316",
71
+ content: sampleContent,
72
+ hasContent: true,
73
+ hasMultipleChildren: false,
74
+ level: 1,
75
+ },
76
+ },
77
+ };
78
+ // ⭐ Level 2 Node with Single Child
79
+ exports.Level2SingleChild = {
80
+ args: {
81
+ data: {
82
+ label: "Level 2 - Single Child",
83
+ color: "#16A34A",
84
+ content: sampleContent,
85
+ hasContent: true,
86
+ hasMultipleChildren: false,
87
+ level: 2,
88
+ },
89
+ },
90
+ };
91
+ // ⭐ Level 2 Node with Multiple Children → Uses LEFT + RIGHT handles
92
+ exports.Level2MultipleChildren = {
93
+ args: {
94
+ data: {
95
+ label: "Level 2 - Multiple Children",
96
+ color: "#0EA5E9",
97
+ content: sampleContent,
98
+ hasContent: true,
99
+ hasMultipleChildren: true,
100
+ level: 2,
101
+ },
102
+ },
103
+ };
104
+ // ⭐ Node WITH NO CONTENT
105
+ exports.NoContentNode = {
106
+ args: {
107
+ data: {
108
+ label: "No Content Available",
109
+ color: "#6B7280",
110
+ content: {},
111
+ hasContent: false,
112
+ hasMultipleChildren: false,
113
+ level: 1,
114
+ },
115
+ },
116
+ };
117
+ //# sourceMappingURL=Node.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Node.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/Node.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,kDAAmC;AACnC,yCAA8C;AAC9C,8FAAsE;AACtE,wFAA+D;AAC/D,4FAAmE;AACnE,4FAAkE;AAGlE,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAa;IACxB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,6BAAiB,cAEd,uBAAC,KAAK,KAAG,GAEO,CACrB;KACF;CAC4B,CAAC;AAKhC,uDAAuD;AACvD,iBAAiB;AACjB,uDAAuD;AACvD,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,CAAC,kDAAkD,EAAE,qBAAqB,CAAC;IACnF,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,+BAA+B,EAAE;YACrE,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,yBAAyB,EAAE;SAChE;QACD,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,0CAA0C;aACxD;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,8BAA8B;aAC5C;SACF;KACF;CACF,CAAC;AAGF,uDAAuD;AACvD,UAAU;AACV,uDAAuD;AAEvD,cAAc;AACD,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,oCAAoC;YAC3C,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,CAAC;YACT,KAAK,EAAE;gBACV,EAAE,GAAG,EAAE,uBAAY,EAAE,IAAI,EAAE,WAAW,EAAE;gBACxC,EAAE,GAAG,EAAE,uBAAa,EAAE,IAAI,EAAE,QAAQ,EAAE;gBACtC,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,SAAS,EAAE;gBACrC,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,aAAa,EAAE;aAC7C;SAEI;KACF;CACF,CAAC;AAEF,iBAAiB;AACJ,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC;AAEF,mCAAmC;AACtB,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC;AAEF,oEAAoE;AACvD,QAAA,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,6BAA6B;YACpC,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,IAAI;YACzB,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC;AAEF,yBAAyB;AACZ,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,KAAK;YACjB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { SystemStyleObject } from '@chakra-ui/react';
2
+ export declare const container: SystemStyleObject;
3
+ export declare const card: SystemStyleObject;
4
+ export declare const header: SystemStyleObject;
5
+ export declare const content: SystemStyleObject;
6
+ export declare const section: SystemStyleObject;
7
+ export declare const sectionTitle: SystemStyleObject;
8
+ export declare const listItem: SystemStyleObject;
9
+ export declare const buttonViewLess: SystemStyleObject;
10
+ export declare const navigation: SystemStyleObject;
11
+ export declare const dot: SystemStyleObject;
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.dot = exports.navigation = exports.buttonViewLess = exports.listItem = exports.sectionTitle = exports.section = exports.content = exports.header = exports.card = exports.container = void 0;
4
+ exports.container = {
5
+ maxW: '400px',
6
+ mx: 'auto',
7
+ mt: '10',
8
+ fontFamily: "'Segoe UI', Roboto, sans-serif",
9
+ };
10
+ exports.card = {
11
+ padding: '2px',
12
+ background: '#FFFFFF'
13
+ };
14
+ exports.header = {
15
+ px: '12px', py: '8px',
16
+ fontSize: '12px',
17
+ align: 'center',
18
+ justify: 'space-between',
19
+ cursor: 'pointer',
20
+ };
21
+ exports.content = {
22
+ px: 6,
23
+ py: 4,
24
+ transition: 'all 0.3s',
25
+ };
26
+ exports.section = {
27
+ mb: 6,
28
+ };
29
+ exports.sectionTitle = {
30
+ size: 'md',
31
+ mb: 3,
32
+ };
33
+ exports.listItem = {
34
+ mb: 2,
35
+ };
36
+ exports.buttonViewLess = {
37
+ variant: 'ghost',
38
+ width: 'full',
39
+ mt: 2,
40
+ _hover: { bg: 'blackAlpha.50' },
41
+ };
42
+ exports.navigation = {
43
+ borderRadius: '16px',
44
+ p: 5,
45
+ align: 'center',
46
+ justify: 'space-between',
47
+ mb: 4,
48
+ };
49
+ exports.dot = {
50
+ h: '2',
51
+ transition: 'all 0.3s',
52
+ };
53
+ //# sourceMappingURL=Node.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Node.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/Node.styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAsB;IAC1C,IAAI,EAAE,OAAO;IACb,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,IAAI;IACR,UAAU,EAAE,gCAAgC;CAC7C,CAAC;AAEW,QAAA,IAAI,GAAsB;IACtC,OAAO,EAAC,KAAK;IACb,UAAU,EAAC,SAAS;CACpB,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,EAAE,EAAC,MAAM,EAAG,EAAE,EAAC,KAAK;IACpB,QAAQ,EAAC,MAAM;IACf,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,OAAO,GAAsB;IACxC,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,UAAU,EAAE,UAAU;CACvB,CAAC;AAEW,QAAA,OAAO,GAAsB;IACxC,EAAE,EAAE,CAAC;CACN,CAAC;AAEW,QAAA,YAAY,GAAsB;IAC7C,IAAI,EAAE,IAAI;IACV,EAAE,EAAE,CAAC;CACN,CAAC;AAEW,QAAA,QAAQ,GAAsB;IACzC,EAAE,EAAE,CAAC;CACN,CAAC;AAEW,QAAA,cAAc,GAAsB;IAC/C,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,MAAM;IACb,EAAE,EAAE,CAAC;IACL,MAAM,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE;CAChC,CAAC;AAEW,QAAA,UAAU,GAAsB;IAC3C,YAAY,EAAE,MAAM;IACpB,CAAC,EAAE,CAAC;IACJ,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,eAAe;IACxB,EAAE,EAAE,CAAC;CACN,CAAC;AAEW,QAAA,GAAG,GAAsB;IACpC,CAAC,EAAE,GAAG;IACN,UAAU,EAAE,UAAU;CACvB,CAAC"}
@@ -0,0 +1,6 @@
1
+ export function SectionView({ recap, displayType, colorKey, isMobile }: {
2
+ recap: any;
3
+ displayType: any;
4
+ colorKey: any;
5
+ isMobile: any;
6
+ }): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,150 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.SectionView = void 0;
27
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
+ const react_1 = __importStar(require("react"));
29
+ const react_2 = require("@chakra-ui/react");
30
+ const icons_1 = require("@chakra-ui/icons");
31
+ const tutor_utils_1 = require("../../../utils/tutor-utils");
32
+ const contentUtils_1 = require("../../../utils/contentUtils");
33
+ const SectionView = ({ recap, displayType, colorKey, isMobile }) => {
34
+ const [expanded, setExpanded] = (0, react_1.useState)(false);
35
+ const [showButton, setShowButton] = (0, react_1.useState)(false);
36
+ const contentRef = (0, react_1.useRef)(null);
37
+ const LIGHT_COLOR_MAP = {
38
+ root: "#FFF3C9",
39
+ 0: "#FFEBD2",
40
+ 1: "#EBE8FF",
41
+ 2: "#E6FBF3",
42
+ 3: "#CCE5FF",
43
+ 4: "#FFE0DD",
44
+ 5: "#E9D8FF",
45
+ 6: "#FFC9E5",
46
+ 7: "#D6F9F9",
47
+ };
48
+ const bgcolor = LIGHT_COLOR_MAP[colorKey];
49
+ if (!recap)
50
+ return null;
51
+ const formatSectionName = (key) => {
52
+ const nameMap = {
53
+ summary: "Summary",
54
+ definitions: "Definitions",
55
+ laws: "Laws",
56
+ applications: "Applications",
57
+ properties: "Properties",
58
+ keyConcepts: "Key Concepts",
59
+ theorems: "Theorems",
60
+ processes: "Processes",
61
+ theme: "Theme",
62
+ centralIdea: "Central Idea",
63
+ poeticDevices: "Poetic Devices",
64
+ language: "Language",
65
+ vocabulary: "Vocabulary",
66
+ formulae: "Formulae",
67
+ equations: "Equations",
68
+ reactions: "Reactions",
69
+ };
70
+ return nameMap[key] ?? key.replace(/([A-Z])/g, " $1").trim();
71
+ };
72
+ // Get relevant keys for the display type
73
+ const relevantKeys = Object.keys(recap).filter((key) => contentUtils_1.RECAP_SECTION_ICON_MAP[key] === displayType);
74
+ // Keep sections separate but in order (laws then applications, equations then reactions)
75
+ const orderedKeys = [];
76
+ const keyOrder = ["laws", "applications", "equations", "reactions"];
77
+ keyOrder.forEach((key) => {
78
+ if (relevantKeys.includes(key)) {
79
+ orderedKeys.push(key);
80
+ }
81
+ });
82
+ // Add any remaining keys not in the predefined order
83
+ relevantKeys.forEach((key) => {
84
+ if (!orderedKeys.includes(key)) {
85
+ orderedKeys.push(key);
86
+ }
87
+ });
88
+ const renderSection = (sectionName, items) => {
89
+ if (!Array.isArray(items))
90
+ return null;
91
+ const validItems = items.filter((item) => (item.title && item.title.trim()) ||
92
+ (item.description && item.description.trim()));
93
+ if (validItems.length === 0)
94
+ return null;
95
+ return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "700", fontFamily: "poppins", fontSize: "18px", color: "#0f172a", margin: "0px", children: sectionName }), (0, jsx_runtime_1.jsx)(react_2.UnorderedList, { pl: "20px", m: "0", children: validItems.map((item, idx) => ((0, jsx_runtime_1.jsxs)(react_2.ListItem, { mb: "10px", color: "black", children: [item.title?.trim() && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "600", fontFamily: "poppins", fontSize: "14px", color: "black", mb: "4px", children: (0, tutor_utils_1.renderContent)(item.title) })), item.description?.trim() && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontFamily: "poppins", children: (0, tutor_utils_1.renderContent)(item.description, true) }))] }, idx))) })] }, sectionName));
96
+ };
97
+ // Build section data with proper ordering
98
+ const allSectionEntries = orderedKeys.map((key) => [
99
+ formatSectionName(key),
100
+ recap[key],
101
+ ]);
102
+ // Collect all valid items to determine if we need a view more button
103
+ const totalValidItems = allSectionEntries.reduce((total, [_, items]) => {
104
+ if (!Array.isArray(items))
105
+ return total;
106
+ const validItems = items.filter((item) => (item.title && item.title.trim()) ||
107
+ (item.description && item.description.trim()));
108
+ return total + validItems.length;
109
+ }, 0);
110
+ // Show view more button if more than 2 items exist
111
+ const hasMoreContent = totalValidItems > 2;
112
+ // Get items to display (first 2 items when collapsed)
113
+ const getItemsToDisplay = () => {
114
+ if (expanded) {
115
+ return allSectionEntries;
116
+ }
117
+ // Collapsed: show only first 2 items across all sections
118
+ let itemCount = 0;
119
+ const displayEntries = [];
120
+ for (const [sectionName, items] of allSectionEntries) {
121
+ if (!Array.isArray(items))
122
+ continue;
123
+ const validItems = items.filter((item) => (item.title && item.title.trim()) ||
124
+ (item.description && item.description.trim()));
125
+ if (validItems.length === 0)
126
+ continue;
127
+ const itemsToAdd = [];
128
+ for (const item of validItems) {
129
+ if (itemCount < 2) {
130
+ itemsToAdd.push(item);
131
+ itemCount++;
132
+ }
133
+ else {
134
+ break;
135
+ }
136
+ }
137
+ if (itemsToAdd.length > 0) {
138
+ displayEntries.push([sectionName, itemsToAdd]);
139
+ }
140
+ if (itemCount >= 2)
141
+ break;
142
+ }
143
+ return displayEntries;
144
+ };
145
+ return ((0, jsx_runtime_1.jsxs)(react_2.Box, { bg: bgcolor, p: "15px",
146
+ // borderRadius="12px"
147
+ boxShadow: "0px 2px 8px rgba(0,0,0,0.05)", maxH: !isMobile ? "480px" : "", overflowY: !isMobile ? "auto" : "", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { ref: contentRef, children: getItemsToDisplay().length > 0 ? (getItemsToDisplay().map(([sectionName, items]) => renderSection(sectionName, items))) : ((0, jsx_runtime_1.jsx)(react_2.Text, { textAlign: "center", py: "40px", fontSize: "16px", color: "#94a3b8", children: "No content available for this section" })) }), hasMoreContent && ((0, jsx_runtime_1.jsx)(react_2.Flex, { justify: "flex-end", mt: "8px", children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", gap: "4px", fontSize: "14px", fontWeight: "600", cursor: "pointer", onClick: () => setExpanded(!expanded), children: [(0, jsx_runtime_1.jsx)(react_2.Text, { m: "0", lineHeight: "1", fontFamily: "poppins", children: !expanded ? "View more" : "View less" }), !expanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { boxSize: "15px" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { boxSize: "15px" }))] }) }))] }));
148
+ };
149
+ exports.SectionView = SectionView;
150
+ //# sourceMappingURL=SectionView.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SectionView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/SectionView.jsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ export function VideoView({ videos, thumbnails, currentVideoIdx, setCurrentVideoIdx, playicon, authToken, saveEvent, learningStepData, }: {
2
+ videos: any;
3
+ thumbnails?: any[] | undefined;
4
+ currentVideoIdx: any;
5
+ setCurrentVideoIdx: any;
6
+ playicon: any;
7
+ authToken: any;
8
+ saveEvent?: (() => void) | undefined;
9
+ learningStepData: any;
10
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.VideoView = void 0;
30
+ const jsx_runtime_1 = require("react/jsx-runtime");
31
+ const react_1 = __importStar(require("react"));
32
+ const react_2 = require("@chakra-ui/react");
33
+ const icons_1 = require("@chakra-ui/icons");
34
+ const MediaModal_1 = __importDefault(require("../MediaModal/MediaModal"));
35
+ const VideoView = ({ videos, thumbnails = [], currentVideoIdx, setCurrentVideoIdx, playicon, authToken, saveEvent = () => { }, learningStepData, }) => {
36
+ const [isMediaModalOpen, setIsMediaModalOpen] = (0, react_1.useState)(false);
37
+ const currentVideo = videos[currentVideoIdx];
38
+ const currentThumbnail = thumbnails[currentVideoIdx];
39
+ // Handle click on thumbnail/play icon
40
+ const handleThumbnailClick = () => {
41
+ const currentTime = new Date().toISOString();
42
+ if (saveEvent) {
43
+ saveEvent({
44
+ event_time: currentTime,
45
+ event_name: "video_clicked",
46
+ video_id: currentVideo,
47
+ }, {});
48
+ }
49
+ setIsMediaModalOpen(true);
50
+ };
51
+ return ((0, jsx_runtime_1.jsxs)(react_2.Box, { position: "relative", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { w: "100%", h: "250px", borderRadius: "12px", position: "relative", display: "flex", alignItems: "center", justifyContent: "center", children: [videos.length > 1 && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Prev", icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIcon, {}), paddingLeft: "8px", variant: "unstyled", border: "none", bg: "transparent", position: "absolute", left: "-18px", top: "50%", transform: "translateY(-50%)", fontSize: "30px", onClick: (e) => {
52
+ e.stopPropagation();
53
+ setCurrentVideoIdx((prev) => prev === 0 ? videos.length - 1 : prev - 1);
54
+ } })), (0, jsx_runtime_1.jsxs)(react_2.Box, { h: "100%", w: "100%", paddingLeft: "24px", paddingRight: "24px", borderRadius: "12px", overflow: "hidden", position: "relative", cursor: "pointer", onClick: handleThumbnailClick, children: [(0, jsx_runtime_1.jsx)("img", { src: currentThumbnail, alt: "video thumbnail", style: { width: "100%", height: "100%", objectFit: "contain" } }), playicon && ((0, jsx_runtime_1.jsx)(react_2.Box, { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", zIndex: 2, children: (0, jsx_runtime_1.jsx)("img", { src: playicon, alt: "Play", style: { width: "48px", height: "48px" } }) }))] }), videos.length > 1 && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Next", icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, {}), paddingRight: "8px", border: "none", bg: "transparent", variant: "unstyled", position: "absolute", right: "-18px", top: "50%", transform: "translateY(-50%)", fontSize: "30px", onClick: (e) => {
55
+ e.stopPropagation();
56
+ setCurrentVideoIdx((prev) => prev === videos.length - 1 ? 0 : prev + 1);
57
+ } }))] }), (0, jsx_runtime_1.jsx)(react_2.Flex, { justify: "center", align: "center", mt: "12px", gap: "6px", children: videos.length > 1 &&
58
+ videos.map((_, idx) => ((0, jsx_runtime_1.jsx)(react_2.Box, { w: "30px", h: "8px", borderRadius: "12px", bg: currentVideoIdx === idx ? "#6D4AFF" : "#CBD5E1", transition: "all 0.3s", cursor: "pointer", onClick: () => setCurrentVideoIdx(idx) }, idx))) }), (0, jsx_runtime_1.jsx)(MediaModal_1.default, { authToken: authToken, openMedia: isMediaModalOpen, handleClose: () => setIsMediaModalOpen(false), selectedMedia: {
59
+ video_url: currentVideo,
60
+ media_type: "video",
61
+ }, updateVideoEvents: saveEvent, learningStepData: learningStepData })] }));
62
+ };
63
+ exports.VideoView = VideoView;
64
+ //# sourceMappingURL=VideoView.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VideoView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/VideoView.jsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export function RevisionView(props?: {}): import("react/jsx-runtime").JSX.Element | null;
2
+ export default RevisionView;