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.
- package/dist/components/Atoms/AssistantImageModal/ImageModal.js +2 -1
- package/dist/components/Atoms/AssistantImageModal/ImageModal.js.map +1 -1
- package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.d.ts +3 -7
- package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js +37 -11
- package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js.map +1 -1
- package/dist/components/Atoms/PrivacyTouchPoint/PrivacyTouchPoint.js +2 -2
- package/dist/components/Atoms/PrivacyTouchPoint/PrivacyTouchPoint.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js +3 -3
- package/dist/components/Atoms/TranscriptionImagePreview/ImageAnnotation.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.d.ts +1 -75
- package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js +122 -7
- package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js +9 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js.map +1 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.d.ts +1 -0
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js +49 -1
- package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js.map +1 -1
- package/dist/components/Molecules/AccordianPay4/Accordian.d.ts +2 -13
- package/dist/components/Molecules/AccordianPay4/Accordian.js +13 -14
- package/dist/components/Molecules/AccordianPay4/Accordian.js.map +1 -1
- package/dist/components/Molecules/AccordianPay4/Accordian.stories.js.map +1 -1
- package/dist/components/Molecules/ActivityBanner/ActivityBanner.js +12 -8
- package/dist/components/Molecules/ActivityBanner/ActivityBanner.js.map +1 -1
- package/dist/components/Molecules/DashPlayer/DashPlayer.stories.js +1 -1
- package/dist/components/Molecules/DashPlayer/DashPlayer.stories.js.map +1 -1
- package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js +15 -4
- package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js.map +1 -1
- package/dist/components/Molecules/FactualCard/FactualCard.d.ts +3 -1
- package/dist/components/Molecules/FactualCard/FactualCard.js +15 -9
- package/dist/components/Molecules/FactualCard/FactualCard.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.d.ts +1 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +53 -32
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.d.ts +12 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js +14 -5
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.d.ts +6 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js +12 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js.map +1 -0
- package/dist/components/Molecules/PostCard/PostCard.js +4 -4
- package/dist/components/Molecules/PostCard/PostCard.js.map +1 -1
- package/dist/components/Molecules/RecapNode/ContentView.d.ts +2 -0
- package/dist/components/Molecules/RecapNode/ContentView.js +43 -0
- package/dist/components/Molecules/RecapNode/ContentView.js.map +1 -0
- package/dist/components/Molecules/RecapNode/FlashcardNode.d.ts +0 -0
- package/dist/components/Molecules/RecapNode/FlashcardNode.js +2 -0
- package/dist/components/Molecules/RecapNode/FlashcardNode.js.map +1 -0
- package/dist/components/Molecules/RecapNode/Node.d.ts +3 -0
- package/dist/components/Molecules/RecapNode/Node.js +60 -0
- package/dist/components/Molecules/RecapNode/Node.js.map +1 -0
- package/dist/components/Molecules/RecapNode/Node.stories.d.ts +10 -0
- package/dist/components/Molecules/RecapNode/Node.stories.js +117 -0
- package/dist/components/Molecules/RecapNode/Node.stories.js.map +1 -0
- package/dist/components/Molecules/RecapNode/Node.styles.d.ts +11 -0
- package/dist/components/Molecules/RecapNode/Node.styles.js +53 -0
- package/dist/components/Molecules/RecapNode/Node.styles.js.map +1 -0
- package/dist/components/Molecules/RecapNode/SectionView.d.ts +6 -0
- package/dist/components/Molecules/RecapNode/SectionView.js +150 -0
- package/dist/components/Molecules/RecapNode/SectionView.js.map +1 -0
- package/dist/components/Molecules/RecapNode/VideoView.d.ts +10 -0
- package/dist/components/Molecules/RecapNode/VideoView.js +64 -0
- package/dist/components/Molecules/RecapNode/VideoView.js.map +1 -0
- package/dist/components/Molecules/Revision/Revision.d.ts +2 -0
- package/dist/components/Molecules/Revision/Revision.js +201 -0
- package/dist/components/Molecules/Revision/Revision.js.map +1 -0
- package/dist/components/Molecules/SmartLearn/SmartLearn.js +14 -11
- package/dist/components/Molecules/SmartLearn/SmartLearn.js.map +1 -1
- package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js +13 -10
- package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js.map +1 -1
- package/dist/components/Molecules/SmartLearn/types.d.ts +18 -1
- package/dist/components/Molecules/Tutor/User/User.js +7 -3
- package/dist/components/Molecules/Tutor/User/User.js.map +1 -1
- package/dist/components/Molecules/VideoView/VideoModal.js +2 -2
- package/dist/components/Molecules/VideoView/VideoModal.js.map +1 -1
- package/dist/components/Molecules/comprehension/ComprehensionLayout.js +9 -5
- package/dist/components/Molecules/comprehension/ComprehensionLayout.js.map +1 -1
- package/dist/components/Molecules/comprehension/SubQuestionLayout.js +1 -1
- package/dist/components/Molecules/comprehension/SubQuestionLayout.js.map +1 -1
- package/dist/components/Molecules/optionLayouts/Scq.d.ts +2 -0
- package/dist/components/Molecules/optionLayouts/Scq.js +427 -0
- package/dist/components/Molecules/optionLayouts/Scq.js.map +1 -0
- package/dist/components/Molecules/optionLayouts/Scqnew.d.ts +2 -0
- package/dist/components/Molecules/optionLayouts/Scqnew.js +491 -0
- package/dist/components/Molecules/optionLayouts/Scqnew.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.d.ts +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js +61 -0
- package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerView.d.ts +1 -0
- package/dist/components/Molecules/questionLayouts/AnswerView.js +66 -0
- package/dist/components/Molecules/questionLayouts/AnswerView.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/Question.styles.d.ts +115 -0
- package/dist/components/Molecules/questionLayouts/Question.styles.js +119 -0
- package/dist/components/Molecules/questionLayouts/Question.styles.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.d.ts +2 -0
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js +285 -0
- package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/QuestionView.d.ts +2 -0
- package/dist/components/Molecules/questionLayouts/QuestionView.js +106 -0
- package/dist/components/Molecules/questionLayouts/QuestionView.js.map +1 -0
- package/dist/components/Molecules/questionLayouts/QuestionsLayout.js +5 -2
- package/dist/components/Molecules/questionLayouts/QuestionsLayout.js.map +1 -1
- package/dist/components/Organisms/D3Graphs/Reactflow.d.ts +1 -0
- package/dist/components/Organisms/D3Graphs/Reactflow.js +244 -0
- package/dist/components/Organisms/D3Graphs/Reactflow.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.d.ts +1 -0
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js +37 -0
- package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.d.ts +3 -0
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.js +93 -0
- package/dist/components/Organisms/FlashCardNode/FlashCardNode.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.d.ts +27 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js +30 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.d.ts +15 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js +301 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/IconBar.d.ts +7 -0
- package/dist/components/Organisms/FlashCardNode/IconBar.js +22 -0
- package/dist/components/Organisms/FlashCardNode/IconBar.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/MobileAccordionView.d.ts +10 -0
- package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js +32 -0
- package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js.map +1 -0
- package/dist/components/Organisms/FlashCardNode/NodeHandles.d.ts +3 -0
- package/dist/components/Organisms/FlashCardNode/NodeHandles.js +22 -0
- package/dist/components/Organisms/FlashCardNode/NodeHandles.js.map +1 -0
- package/dist/components/Organisms/PostDetails/ImageGallery.js +7 -4
- package/dist/components/Organisms/PostDetails/ImageGallery.js.map +1 -1
- package/dist/components/Organisms/RecapGraph/Example.stories.d.ts +3 -0
- package/dist/components/Organisms/RecapGraph/Example.stories.js +50 -0
- package/dist/components/Organisms/RecapGraph/Example.stories.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/FlashCardNode.d.ts +3 -0
- package/dist/components/Organisms/RecapGraph/FlashCardNode.js +48 -0
- package/dist/components/Organisms/RecapGraph/FlashCardNode.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/IconBar.d.ts +5 -0
- package/dist/components/Organisms/RecapGraph/IconBar.js +19 -0
- package/dist/components/Organisms/RecapGraph/IconBar.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/NodeHandles.d.ts +4 -0
- package/dist/components/Organisms/RecapGraph/NodeHandles.js +21 -0
- package/dist/components/Organisms/RecapGraph/NodeHandles.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/Reactgraphflow.d.ts +11 -0
- package/dist/components/Organisms/RecapGraph/Reactgraphflow.js +101 -0
- package/dist/components/Organisms/RecapGraph/Reactgraphflow.js.map +1 -0
- package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.d.ts +29 -0
- package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js +357 -0
- package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js.map +1 -0
- package/dist/components/Organisms/ReviewComponent/ChatPresenter.js +2 -2
- package/dist/components/Organisms/ReviewComponent/ChatPresenter.js.map +1 -1
- package/dist/components/Organisms/ReviewComponent/Review.d.ts +2 -1
- package/dist/components/Organisms/ReviewComponent/Review.js +4 -4
- package/dist/components/Organisms/ReviewComponent/Review.js.map +1 -1
- package/dist/components/Organisms/ReviewComponent/ReviewPresenter.d.ts +3 -1
- package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js +4 -3
- package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js.map +1 -1
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.d.ts +5 -0
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js +128 -0
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js.map +1 -0
- package/dist/components/Organisms/StudentEditor/components/MathModal.js +3 -0
- package/dist/components/Organisms/StudentEditor/components/MathModal.js.map +1 -1
- package/dist/components/Organisms/StudentEditor/components/TextEditor.js +24 -15
- package/dist/components/Organisms/StudentEditor/components/TextEditor.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/utils/RecapData.d.ts +684 -0
- package/dist/utils/RecapData.js +2252 -0
- package/dist/utils/RecapData.js.map +1 -0
- package/dist/utils/accordionConstants.d.ts +15 -0
- package/dist/utils/accordionConstants.js +23 -0
- package/dist/utils/accordionConstants.js.map +1 -0
- package/dist/utils/common-utils.js +4 -0
- package/dist/utils/common-utils.js.map +1 -1
- package/dist/utils/contentUtils.d.ts +41 -0
- package/dist/utils/contentUtils.js +67 -0
- package/dist/utils/contentUtils.js.map +1 -0
- package/dist/utils/revision-utils.d.ts +13 -0
- package/dist/utils/revision-utils.js +90 -0
- package/dist/utils/revision-utils.js.map +1 -0
- 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,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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"}
|