performanceresultscreens 0.0.27 → 0.0.31
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 +24 -38
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js +1 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
- 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 +92 -0
- package/dist/components/Molecules/RecapNode/SectionView.js.map +1 -0
- package/dist/components/Molecules/RecapNode/VideoView.d.ts +5 -0
- package/dist/components/Molecules/RecapNode/VideoView.js +23 -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 +26 -0
- package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js +50 -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 +5 -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 +9 -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 +38 -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 +10 -0
- package/dist/components/Organisms/RecapGraph/Reactgraphflow.js +60 -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 +354 -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 +6 -0
- package/dist/components/Organisms/StudentEditor/components/EditorComponent.js +154 -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 +113 -0
- package/dist/utils/RecapData.js +1093 -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 +60 -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,92 @@
|
|
|
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 relevantKeys = Object.keys(recap).filter((key) => contentUtils_1.RECAP_SECTION_ICON_MAP[key] === displayType);
|
|
52
|
+
const formatSectionName = (key) => {
|
|
53
|
+
const nameMap = {
|
|
54
|
+
summary: "Summary",
|
|
55
|
+
definitions: "Definitions",
|
|
56
|
+
laws: "Laws",
|
|
57
|
+
applications: "Applications",
|
|
58
|
+
properties: "Properties",
|
|
59
|
+
keyConcepts: "Key Concepts",
|
|
60
|
+
theorems: "Theorems",
|
|
61
|
+
processes: "Processes",
|
|
62
|
+
theme: "Theme",
|
|
63
|
+
centralIdea: "Central Idea",
|
|
64
|
+
poeticDevices: "Poetic Devices",
|
|
65
|
+
language: "Language",
|
|
66
|
+
vocabulary: "Vocabulary",
|
|
67
|
+
formulae: "Formulae",
|
|
68
|
+
equations: "Equations",
|
|
69
|
+
reactions: "Reactions",
|
|
70
|
+
};
|
|
71
|
+
return nameMap[key] ?? key.replace(/([A-Z])/g, " $1").trim();
|
|
72
|
+
};
|
|
73
|
+
const renderSection = (sectionKey, items) => {
|
|
74
|
+
if (!Array.isArray(items))
|
|
75
|
+
return null;
|
|
76
|
+
const validItems = items.filter((item) => (item.title && item.title.trim()) ||
|
|
77
|
+
(item.description && item.description.trim()));
|
|
78
|
+
if (validItems.length === 0)
|
|
79
|
+
return null;
|
|
80
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { mb: "8px", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "700", fontFamily: "poppins", fontSize: "14px", color: "#0f172a", mb: "4px", children: formatSectionName(sectionKey) }), (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))) })] }, sectionKey));
|
|
81
|
+
};
|
|
82
|
+
// Check if content height exceeds 200px to show button
|
|
83
|
+
(0, react_1.useEffect)(() => {
|
|
84
|
+
if (contentRef.current) {
|
|
85
|
+
setShowButton(contentRef.current.scrollHeight > 200);
|
|
86
|
+
}
|
|
87
|
+
}, [recap, relevantKeys]);
|
|
88
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { bg: bgcolor, p: "10px", borderRadius: "12px", boxShadow: "0px 2px 8px rgba(0,0,0,0.05)", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { ref: contentRef, maxH: expanded ? "200px" : "500px", overflow: expanded ? "hidden" : "auto", transition: "max-height 0.3s ease", children: [relevantKeys.map((key) => renderSection(key, recap[key])), !relevantKeys.some((key) => recap[key]?.some((item) => (item.title && item.title.trim()) ||
|
|
89
|
+
(item.description && item.description.trim()))) && ((0, jsx_runtime_1.jsx)(react_2.Text, { textAlign: "center", py: "40px", fontSize: "16px", color: "#94a3b8", children: "No content available for this section" }))] }), showButton && ((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 less" : "View more" }), !expanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { boxSize: "15px" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { boxSize: "15px" }))] }) }))] }));
|
|
90
|
+
};
|
|
91
|
+
exports.SectionView = SectionView;
|
|
92
|
+
//# 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,23 @@
|
|
|
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.VideoView = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const react_2 = require("@chakra-ui/react");
|
|
10
|
+
const icons_1 = require("@chakra-ui/icons");
|
|
11
|
+
const FactualCard_1 = __importDefault(require("../FactualCard/FactualCard"));
|
|
12
|
+
const VideoView = ({ videos, currentVideoIdx, setCurrentVideoIdx }) => {
|
|
13
|
+
const currentVideo = videos[currentVideoIdx];
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { position: "relative", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { h: "100%", w: "100%", borderRadius: "12px", position: "relative", display: "flex", alignItems: "center", justifyContent: "center", children: [(0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Prev", icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIcon, {}), paddingLeft: "4px", variant: "unstyled", border: "none", bg: "transparent", position: "absolute", left: "-18px", top: "50%", transform: "translateY(-50%)", fontSize: "24px", onClick: (e) => {
|
|
15
|
+
e.stopPropagation();
|
|
16
|
+
setCurrentVideoIdx((prev) => prev === 0 ? videos.length - 1 : prev - 1);
|
|
17
|
+
} }), (0, jsx_runtime_1.jsx)(react_2.Box, { h: "100%", w: "100%", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "12px", bg: "#FFf", overflow: "hidden", children: currentVideo && (0, jsx_runtime_1.jsx)(FactualCard_1.default, { url: currentVideo, isRecap: true }) }), (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Next", icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, {}), paddingRight: "4px", border: "none", bg: "transparent", variant: "unstyled", position: "absolute", right: "-18px", top: "50%", transform: "translateY(-50%)", fontSize: "24px", onClick: (e) => {
|
|
18
|
+
e.stopPropagation();
|
|
19
|
+
setCurrentVideoIdx((prev) => prev === videos.length - 1 ? 0 : prev + 1);
|
|
20
|
+
} })] }), (0, jsx_runtime_1.jsx)(react_2.Flex, { justify: "center", align: "center", mt: "12px", gap: "6px", children: 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))) })] }));
|
|
21
|
+
};
|
|
22
|
+
exports.VideoView = VideoView;
|
|
23
|
+
//# 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,201 @@
|
|
|
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.RevisionView = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("@chakra-ui/react");
|
|
9
|
+
const icons_1 = require("@chakra-ui/icons");
|
|
10
|
+
const react_2 = require("react");
|
|
11
|
+
const CustomButton_1 = __importDefault(require("../../Atoms/CustomButton/CustomButton"));
|
|
12
|
+
const ChatPresenter_1 = __importDefault(require("../../Organisms/ReviewComponent/ChatPresenter"));
|
|
13
|
+
const TextEditor_1 = __importDefault(require("../../Organisms/StudentEditor/components/TextEditor"));
|
|
14
|
+
const DescriptiveLabel_1 = __importDefault(require("../Descriptive/DescriptiveLabel"));
|
|
15
|
+
const presentationModes_1 = require("../../../utils/presentationModes");
|
|
16
|
+
const QuestionsLayout_1 = require("../questionLayouts/QuestionsLayout");
|
|
17
|
+
const style = {
|
|
18
|
+
showAnswerBtn: (isDisabled) => ({
|
|
19
|
+
bg: isDisabled ? "#F5F5F5" : "transparent",
|
|
20
|
+
border: isDisabled ? "1px solid #E0E0E0" : "1px solid #5F4DC7",
|
|
21
|
+
color: isDisabled ? "#BDBDBD" : "var(--Primary-Default, #5F4DC7)",
|
|
22
|
+
textAlign: "center",
|
|
23
|
+
fontFamily: "Poppins",
|
|
24
|
+
fontSize: "var(--Font-Size-button-sm, 14px)",
|
|
25
|
+
fontWeight: "500",
|
|
26
|
+
lineHeight: "var(--Line-Height-body-sm, 20px)",
|
|
27
|
+
borderRadius: "6px",
|
|
28
|
+
display: "flex",
|
|
29
|
+
alignItems: "center",
|
|
30
|
+
justifyContent: "center",
|
|
31
|
+
gap: "8px",
|
|
32
|
+
opacity: isDisabled ? 0.5 : 1,
|
|
33
|
+
cursor: isDisabled ? "not-allowed" : "pointer",
|
|
34
|
+
}),
|
|
35
|
+
};
|
|
36
|
+
// ============= UTILITY FUNCTIONS =============
|
|
37
|
+
const parsedUserAnswer = (userAnswer) => {
|
|
38
|
+
if (!userAnswer)
|
|
39
|
+
return null;
|
|
40
|
+
if (typeof userAnswer === "object") {
|
|
41
|
+
return userAnswer;
|
|
42
|
+
}
|
|
43
|
+
if (typeof userAnswer === "string") {
|
|
44
|
+
try {
|
|
45
|
+
return JSON.parse(userAnswer);
|
|
46
|
+
}
|
|
47
|
+
catch (error) {
|
|
48
|
+
console.error("Failed to parse userAnswer:", error);
|
|
49
|
+
return null;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return null;
|
|
53
|
+
};
|
|
54
|
+
const shouldShowEditorInRevision = (isRevision, parsedAnswer) => {
|
|
55
|
+
if (!isRevision)
|
|
56
|
+
return false;
|
|
57
|
+
const responseType = parsedAnswer?.response_type;
|
|
58
|
+
return (responseType !== presentationModes_1.RevisionEvaluationStates.Answered &&
|
|
59
|
+
responseType !== presentationModes_1.RevisionEvaluationStates.Viewed);
|
|
60
|
+
};
|
|
61
|
+
const hasUserAnsweredInRevision = (isRevision, presentationConfig) => {
|
|
62
|
+
return isRevision && presentationConfig?.UserAnswered;
|
|
63
|
+
};
|
|
64
|
+
const isAnswerViewedInRevision = (isRevision, presentationConfig) => {
|
|
65
|
+
return isRevision && presentationConfig?.IsViewed;
|
|
66
|
+
};
|
|
67
|
+
// ============= SUB COMPONENTS =============
|
|
68
|
+
/**
|
|
69
|
+
* RevisionEditorSection - Handles editor display for unanswered questions
|
|
70
|
+
*/
|
|
71
|
+
const RevisionEditorSection = ({ showEditor, editorData, setEditorData, isEditorDisabled, isOCREnabled, addImageRender, qindex, questionObject, isMobile, isRevision, commonProps, onAnswerSubmit, }) => {
|
|
72
|
+
if (!showEditor)
|
|
73
|
+
return null;
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Box, { position: "relative", opacity: isEditorDisabled ? 0.5 : 1, pointerEvents: isEditorDisabled ? "none" : "auto", mt: "20px", children: (0, jsx_runtime_1.jsx)(TextEditor_1.default, { data: editorData, handleChange: (data) => setEditorData(data), onSubmit: async (data, images) => {
|
|
75
|
+
if (onAnswerSubmit) {
|
|
76
|
+
await onAnswerSubmit(data, images);
|
|
77
|
+
setEditorData("");
|
|
78
|
+
}
|
|
79
|
+
}, icons: {
|
|
80
|
+
submit: commonProps?.icons?.SubmitImg,
|
|
81
|
+
formula: commonProps?.icons?.Formula,
|
|
82
|
+
shift: commonProps?.icons?.Shift,
|
|
83
|
+
}, addImageRender: isOCREnabled && addImageRender(qindex, questionObject), isDisabled: isEditorDisabled, height: "500px", isRevision: isRevision, isMobile: isMobile, disablePaste: true, tutorMode: true }) }));
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* RevisionAnsweredSection - Shows chat presenter for answered questions
|
|
87
|
+
*/
|
|
88
|
+
const RevisionAnsweredSection = ({ presentationConfig, currentQuestion, history, commonProps, isStudent, isEditorDisabled, isRevision, isRevisionBasedQuestion, }) => {
|
|
89
|
+
if (!hasUserAnsweredInRevision(isRevision, presentationConfig))
|
|
90
|
+
return null;
|
|
91
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Box, { mt: "20px", children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: true, isDescriptiveAnswer: true, question: currentQuestion, commonProps: commonProps, isStudent: isStudent, assistantInfo: history, tutor_mode: !isEditorDisabled, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion }) }));
|
|
92
|
+
};
|
|
93
|
+
/**
|
|
94
|
+
* RevisionViewedSection - Shows sample answer for viewed questions
|
|
95
|
+
*/
|
|
96
|
+
const RevisionViewedSection = ({ presentationConfig, currentQuestion, commonProps, history, isStudent, isEditorDisabled, isRevision, questionObject }) => {
|
|
97
|
+
if (!isAnswerViewedInRevision(isRevision, presentationConfig))
|
|
98
|
+
return null;
|
|
99
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Box, { mt: "20px", children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: true, isDescriptiveAnswer: true, question: questionObject, commonProps: commonProps, isStudent: isStudent, assistantInfo: history, tutor_mode: !isEditorDisabled, isRevision: isRevision, isViewed: true }) }));
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* RevisionAnswerToggleButton - Show/Hide answer button
|
|
103
|
+
*/
|
|
104
|
+
const RevisionAnswerToggleButton = ({ presentationConfig, currentQuestion, isRevision, showanswer, isEditorDisabled, handleToggleAnswer, }) => {
|
|
105
|
+
if (!presentationConfig?.ShowAnswerButton)
|
|
106
|
+
return null;
|
|
107
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", justify: "space-between", w: "100%", mt: "25px", gap: "12px", children: [(0, jsx_runtime_1.jsx)(DescriptiveLabel_1.default, { questionType: currentQuestion?.question_type, isRevision: isRevision }), (0, jsx_runtime_1.jsx)(react_1.Box, { flex: "1", borderBottom: "1px dashed gray" }), (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", gap: "8px", children: [showanswer ? "Hide Answer" : "Show Answer", showanswer ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, {})] }), customStyles: style?.showAnswerBtn(isEditorDisabled), handleClick: handleToggleAnswer })] }));
|
|
108
|
+
};
|
|
109
|
+
// ============= MAIN COMPONENT =============
|
|
110
|
+
/**
|
|
111
|
+
* RevisionView component - Main revision mode UI orchestrator
|
|
112
|
+
*/
|
|
113
|
+
const RevisionView = (props = {}) => {
|
|
114
|
+
const { isRevision, isRevisionBasedQuestion, onToggleAnswer, qindex, tutorMode, isOCREnabled, addImageRender, isMobile, questionObject, isStudent, commonProps, userAnswer, history, onAnswerSubmit, tutor_mode, presenterLogic, isReviewScreen } = props;
|
|
115
|
+
const [editorData, setEditorData] = (0, react_2.useState)("");
|
|
116
|
+
const parsedAnswer = parsedUserAnswer(userAnswer);
|
|
117
|
+
const [currentQuestion, setCurrentQuestion] = (0, react_2.useState)({});
|
|
118
|
+
const [showanswer, setShowAnswer] = (0, react_2.useState)(() => {
|
|
119
|
+
return parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed;
|
|
120
|
+
});
|
|
121
|
+
(0, react_2.useEffect)(() => {
|
|
122
|
+
let quesObj = questionObject;
|
|
123
|
+
setCurrentQuestion({
|
|
124
|
+
...quesObj,
|
|
125
|
+
history: history,
|
|
126
|
+
tutor_mode: tutor_mode,
|
|
127
|
+
});
|
|
128
|
+
}, [questionObject, history]);
|
|
129
|
+
const isEditorDisabled = false;
|
|
130
|
+
// Get revision mode
|
|
131
|
+
const revisionMode = (0, react_2.useMemo)(() => {
|
|
132
|
+
if (isRevision) {
|
|
133
|
+
return (0, presentationModes_1.getPresentationModeBasedOnTask)(presentationModes_1.presentationModes.Revision);
|
|
134
|
+
}
|
|
135
|
+
}, [isRevision]);
|
|
136
|
+
(0, react_2.useEffect)(() => {
|
|
137
|
+
if (parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed) {
|
|
138
|
+
setShowAnswer(true);
|
|
139
|
+
}
|
|
140
|
+
}, [parsedAnswer]);
|
|
141
|
+
// Get presentation configuration based on revision state
|
|
142
|
+
const presentationConfig = (0, react_2.useMemo)(() => {
|
|
143
|
+
if (!isRevision)
|
|
144
|
+
return null;
|
|
145
|
+
const responseType = parsedAnswer?.response_type;
|
|
146
|
+
const hasHistory = props?.history?.length > 0;
|
|
147
|
+
// Answered with history available
|
|
148
|
+
if (responseType === presentationModes_1.RevisionEvaluationStates.Answered) {
|
|
149
|
+
return revisionMode.Answered;
|
|
150
|
+
}
|
|
151
|
+
// User has viewed the answer - use Viewed config but make IsViewed toggleable
|
|
152
|
+
if (responseType === presentationModes_1.RevisionEvaluationStates.Viewed) {
|
|
153
|
+
return {
|
|
154
|
+
...revisionMode.Viewed,
|
|
155
|
+
IsViewed: showanswer,
|
|
156
|
+
UserAnswered: false,
|
|
157
|
+
ShowAnswerButton: true, // Always show toggle button
|
|
158
|
+
};
|
|
159
|
+
}
|
|
160
|
+
// Default: not answered yet - CAN show editor
|
|
161
|
+
return {
|
|
162
|
+
...revisionMode.NotAnswered,
|
|
163
|
+
ShowAnswerButton: true,
|
|
164
|
+
IsViewed: showanswer,
|
|
165
|
+
};
|
|
166
|
+
}, [isRevision, parsedAnswer, showanswer, props?.history, revisionMode]);
|
|
167
|
+
// Handle answer toggle with proper logic
|
|
168
|
+
const handleToggleAnswer = (0, react_2.useCallback)(async () => {
|
|
169
|
+
if (isEditorDisabled) {
|
|
170
|
+
return;
|
|
171
|
+
}
|
|
172
|
+
const hasViewedResponse = parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed;
|
|
173
|
+
if (hasViewedResponse) {
|
|
174
|
+
setShowAnswer(!showanswer);
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
try {
|
|
178
|
+
if (onToggleAnswer) {
|
|
179
|
+
const result = await onToggleAnswer(qindex);
|
|
180
|
+
if (result?.success) {
|
|
181
|
+
setShowAnswer(true);
|
|
182
|
+
}
|
|
183
|
+
else {
|
|
184
|
+
console.error("❌ Failed to toggle answer - API call failed");
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
catch (error) {
|
|
189
|
+
console.error("❌ Error toggling answer:", error);
|
|
190
|
+
// Don't show answer on error
|
|
191
|
+
}
|
|
192
|
+
}, [showanswer, parsedAnswer, onToggleAnswer]);
|
|
193
|
+
// Show editor only when appropriate
|
|
194
|
+
const showEditor = shouldShowEditorInRevision(isRevision, parsedAnswer);
|
|
195
|
+
if (!isRevision)
|
|
196
|
+
return null;
|
|
197
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(QuestionsLayout_1.QuestionsLayout, { questionIndex: qindex, presenterLogic: presenterLogic, isFromParentApp: false, tutor_mode: tutor_mode, isRevision: isRevision, onToggleAnswer: onToggleAnswer, qindex: qindex, isMobile: isMobile, isRevisionBasedQuestion: isRevisionBasedQuestion, tutorMode: tutorMode, questionObject: questionObject, isOCREnabled: isOCREnabled, addImageRender: addImageRender, userAnswer: userAnswer, history: history, onAnswerSubmit: onAnswerSubmit, commonProps: commonProps, isReviewScreen: isReviewScreen, showDiscussLabel: false, hideVin: true }), (0, jsx_runtime_1.jsx)(RevisionEditorSection, { showEditor: showEditor, editorData: editorData, setEditorData: setEditorData, isEditorDisabled: isEditorDisabled, isOCREnabled: isOCREnabled, addImageRender: addImageRender, qindex: qindex, questionObject: questionObject, isMobile: isMobile, commonProps: commonProps, onAnswerSubmit: onAnswerSubmit, isRevision: isRevision }), (0, jsx_runtime_1.jsx)(RevisionAnsweredSection, { presentationConfig: presentationConfig, currentQuestion: currentQuestion, history: history, commonProps: commonProps, isStudent: isStudent, isEditorDisabled: isEditorDisabled, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion }), (0, jsx_runtime_1.jsx)(RevisionViewedSection, { presentationConfig: presentationConfig, currentQuestion: currentQuestion, commonProps: commonProps, history: history, isStudent: isStudent, isEditorDisabled: isEditorDisabled, isRevision: isRevision, questionObject: questionObject }), (0, jsx_runtime_1.jsx)(RevisionAnswerToggleButton, { presentationConfig: presentationConfig, currentQuestion: currentQuestion, isRevision: isRevision, showanswer: showanswer, isEditorDisabled: isEditorDisabled, handleToggleAnswer: handleToggleAnswer })] }));
|
|
198
|
+
};
|
|
199
|
+
exports.RevisionView = RevisionView;
|
|
200
|
+
exports.default = exports.RevisionView;
|
|
201
|
+
//# sourceMappingURL=Revision.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Revision.js","sourceRoot":"","sources":["../../../../src/components/Molecules/Revision/Revision.jsx"],"names":[],"mappings":"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"}
|
|
@@ -6,8 +6,9 @@ const react_2 = require("@chakra-ui/react");
|
|
|
6
6
|
const icons_1 = require("@chakra-ui/icons");
|
|
7
7
|
const SmartLearn_styles_1 = require("./SmartLearn.styles");
|
|
8
8
|
const useCustomToast_1 = require("../../Atoms/useCustomToast");
|
|
9
|
+
const accordionConstants_1 = require("../../../utils/accordionConstants");
|
|
9
10
|
const LearningCreditsCard = ({ initialState = "limited", onStateChange = () => { }, onRequestCredits = () => { }, onLearnMoreClick = () => { }, countdown = 0, // countdown in seconds
|
|
10
|
-
isMobile, }) => {
|
|
11
|
+
isMobile, messagetext, isSchoolPayEnabled = false, }) => {
|
|
11
12
|
const [cardState, setCardState] = (0, react_1.useState)(initialState);
|
|
12
13
|
const showToast = (0, useCustomToast_1.useCustomToast)();
|
|
13
14
|
const handleStateChange = (newState) => {
|
|
@@ -18,10 +19,10 @@ isMobile, }) => {
|
|
|
18
19
|
const result = onRequestCredits();
|
|
19
20
|
if (result !== false) {
|
|
20
21
|
// Handle state transitions based on current card state
|
|
21
|
-
if (cardState ===
|
|
22
|
+
if (cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.limited) {
|
|
22
23
|
handleStateChange("requestSent");
|
|
23
24
|
}
|
|
24
|
-
else if (cardState ===
|
|
25
|
+
else if (cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCredits) {
|
|
25
26
|
handleStateChange("noCreditsRequestSent");
|
|
26
27
|
}
|
|
27
28
|
// Don't change state for "requestSent" or "noCreditsRequestSent"
|
|
@@ -38,20 +39,22 @@ isMobile, }) => {
|
|
|
38
39
|
? SmartLearn_styles_1.cardStyles.limitedusagemobile
|
|
39
40
|
: SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 0, sx: isMobile
|
|
40
41
|
? SmartLearn_styles_1.cardStyles.mobilewarningcontainer
|
|
41
|
-
: SmartLearn_styles_1.cardStyles.warningTextContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Currently you limited credits to explore all the features of the product." }), (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: [(0, jsx_runtime_1.jsx)("span", { style: SmartLearn_styles_1.cardStyles.bodyTextlern, children: "Ask your parent for more" }), " ", "Learning Credits to keep going without interruptions."] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.bulletPointContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyTextpoint, children: ["\u2022 Guided Practice sessions with Vin", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Personalised review in AP and many more."] }) })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "12px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isMobile
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
: SmartLearn_styles_1.cardStyles.warningTextContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Currently you limited credits to explore all the features of the product." }), (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: [(0, jsx_runtime_1.jsx)("span", { style: SmartLearn_styles_1.cardStyles.bodyTextlern, children: "Ask your parent for more" }), " ", "Learning Credits to keep going without interruptions."] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.bulletPointContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyTextpoint, children: ["\u2022 Guided Practice sessions with Vin", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Personalised review in AP and many more."] }) })] }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "12px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isMobile
|
|
43
|
+
? SmartLearn_styles_1.cardStyles.mobilebodytextw
|
|
44
|
+
: SmartLearn_styles_1.cardStyles.requestSentBodyText, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) }) })] }))] }) }));
|
|
44
45
|
const renderRequestSentCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSent, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlexRequestSent, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerText, children: "SmartLearn" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", sx: isMobile
|
|
45
46
|
? SmartLearn_styles_1.cardStyles.mobilelearnbutton
|
|
46
|
-
: SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreRequireText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSentTextContainer, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children:
|
|
47
|
+
: SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreRequireText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSentTextContainer, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: messagetext }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireText, children: "Request sent" }) }) }) })] }))] }) }));
|
|
47
48
|
const renderUnlockedCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.unlocked, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, children: "SmartLearn" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", sx: isMobile
|
|
48
49
|
? SmartLearn_styles_1.cardStyles.mobilelearnbutton
|
|
49
50
|
: SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreUnlockedText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronUnlockedIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.successMessageContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.successMessage, children: ["Going great! You've unlocked the full power of SchoolAi.", (0, jsx_runtime_1.jsx)("br", {}), "So go ahead and discover the joy of learning with SmartLearn!"] }) })] }) }));
|
|
50
|
-
const renderNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: ["You're ", (0, jsx_runtime_1.jsx)("b", { children: "missing out on your full learning potential" }), " without having access to SmartLearn."] }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Ask your parent for Learning Credits now to unlock all features and keep exploring!" })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.discoverfeatures, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.discoverText, children: "Discover all features" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) })] }) }));
|
|
51
|
-
const renderRequestsentNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: (0, jsx_runtime_1.
|
|
51
|
+
const renderNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: ["You're ", (0, jsx_runtime_1.jsx)("b", { children: "missing out on your full learning potential" }), " without having access to SmartLearn."] }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Ask your parent for Learning Credits now to unlock all features and keep exploring!" })] }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) })), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.discoverfeatures, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.discoverText, children: "Discover all features" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) })] }) }));
|
|
52
|
+
const renderRequestsentNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: messagetext && isSchoolPayEnabled ? (messagetext) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("b", { children: "We\u2019ve sent a note to your parent about learning credits." }), " ", "Once they add some, you\u2019ll unlock all SmartLearn features!"] })) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", onClick: onLearnMoreClick, sx: SmartLearn_styles_1.cardStyles.primaryButtonnocredit, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile
|
|
52
53
|
? SmartLearn_styles_1.cardStyles.buttonTextnocreditMobile
|
|
53
|
-
: SmartLearn_styles_1.cardStyles.buttonTextnocredit, children: "Discover all features for now" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "20px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButtonnocredit, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireTextnocredit, children: "Request sent" }) }) }) })] }) }));
|
|
54
|
-
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [cardState ===
|
|
54
|
+
: SmartLearn_styles_1.cardStyles.buttonTextnocredit, children: "Discover all features for now" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "20px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButtonnocredit, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireTextnocredit, children: "Request sent" }) }) }) }))] }) }));
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.limited && renderLimitedCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.requestSent &&
|
|
56
|
+
renderRequestSentCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.unlocked && renderUnlockedCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCredits && renderNoCreditsCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCreditsRequestSent &&
|
|
57
|
+
renderRequestsentNoCreditsCard()] }));
|
|
55
58
|
};
|
|
56
59
|
exports.default = LearningCreditsCard;
|
|
57
60
|
//# sourceMappingURL=SmartLearn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmartLearn.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SmartLearn/SmartLearn.tsx"],"names":[],"mappings":";;;AAAA,iCAAwC;AACxC,4CAAmE;AACnE,4CAAoD;AAEpD,2DAAiD;AACjD,+DAA4D;
|
|
1
|
+
{"version":3,"file":"SmartLearn.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SmartLearn/SmartLearn.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.noCreditsRequestSent = exports.NoCredits = exports.Unlocked = exports.RequestSent = exports.Limited = void 0;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const react_1 = require("@chakra-ui/react");
|
|
9
|
-
|
|
9
|
+
// import { action } from "@storybook/addon-actions";
|
|
10
10
|
const SmartLearn_1 = __importDefault(require("./SmartLearn"));
|
|
11
11
|
const meta = {
|
|
12
12
|
title: "Components/Molecules/LearningCreditsCard",
|
|
@@ -34,10 +34,10 @@ const meta = {
|
|
|
34
34
|
control: "text",
|
|
35
35
|
description: "Countdown text for the request sent state",
|
|
36
36
|
},
|
|
37
|
-
onStateChange: {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
},
|
|
37
|
+
// onStateChange: {
|
|
38
|
+
// action: "stateChanged",
|
|
39
|
+
// description: "Callback function called when state changes",
|
|
40
|
+
// },
|
|
41
41
|
isMobile: {
|
|
42
42
|
control: "boolean",
|
|
43
43
|
description: "Whether the card should render in mobile mode",
|
|
@@ -49,7 +49,7 @@ exports.Limited = {
|
|
|
49
49
|
args: {
|
|
50
50
|
initialState: "limited",
|
|
51
51
|
isMobile: true,
|
|
52
|
-
onStateChange:
|
|
52
|
+
// onStateChange: action("State changed"),
|
|
53
53
|
},
|
|
54
54
|
};
|
|
55
55
|
exports.RequestSent = {
|
|
@@ -57,28 +57,31 @@ exports.RequestSent = {
|
|
|
57
57
|
initialState: "requestSent",
|
|
58
58
|
countdown: 8000,
|
|
59
59
|
isMobile: false,
|
|
60
|
-
onStateChange:
|
|
60
|
+
// onStateChange: action("State changed"),
|
|
61
|
+
messagetext: "You’re close to running out of Learning Credits to unlock the full power of Vin.",
|
|
61
62
|
},
|
|
62
63
|
};
|
|
63
64
|
exports.Unlocked = {
|
|
64
65
|
args: {
|
|
65
66
|
initialState: "unlocked",
|
|
66
67
|
isMobile: false,
|
|
67
|
-
onStateChange:
|
|
68
|
+
// onStateChange: action("State changed"),
|
|
68
69
|
},
|
|
69
70
|
};
|
|
70
71
|
exports.NoCredits = {
|
|
71
72
|
args: {
|
|
72
73
|
initialState: "noCredits",
|
|
73
74
|
isMobile: false,
|
|
74
|
-
onStateChange:
|
|
75
|
+
// onStateChange: action("State changed"),
|
|
75
76
|
},
|
|
76
77
|
};
|
|
77
78
|
exports.noCreditsRequestSent = {
|
|
78
79
|
args: {
|
|
79
80
|
initialState: "noCreditsRequestSent",
|
|
80
81
|
isMobile: false,
|
|
81
|
-
onStateChange:
|
|
82
|
+
// onStateChange: action("State changed"),
|
|
83
|
+
messagetext: 'Hello',
|
|
84
|
+
isSchoolPayEnabled: true,
|
|
82
85
|
},
|
|
83
86
|
};
|
|
84
87
|
//# sourceMappingURL=SmartLearn.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmartLearn.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SmartLearn/SmartLearn.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,4CAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"SmartLearn.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SmartLearn/SmartLearn.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,4CAAkD;AAClD,qDAAqD;AACrD,8DAA+C;AAG/C,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,oBAAmB;IAC9B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,SAAS;oBACT,aAAa;oBACb,UAAU;oBACV,WAAW;iBACG;aACjB;YACD,WAAW,EAAE,+BAA+B;SAC7C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,mBAAmB;QACnB,4BAA4B;QAC5B,gEAAgE;QAChE,KAAK;QACL,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+CAA+C;SAC7D;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;QACvB,QAAQ,EAAE,IAAI;QACd,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa;QAC3B,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,KAAK;QACf,0CAA0C;QAC1C,WAAW,EACT,kFAAkF;KACrF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,KAAK;QACf,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,KAAK;QACf,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,YAAY,EAAE,sBAAsB;QACpC,QAAQ,EAAE,KAAK;QACf,0CAA0C;QAC1C,WAAW,EAAC,OAAO;QACnB,kBAAkB,EAAE,IAAI;KACzB;CACF,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type CardState = "limited" | "requestSent" | "unlocked" | "noCredits" | "noCreditsRequestSent";
|
|
2
3
|
export interface LearningCreditsCardProps {
|
|
3
4
|
initialState?: CardState;
|
|
4
5
|
onStateChange?: (state: CardState) => void;
|
|
@@ -6,4 +7,20 @@ export interface LearningCreditsCardProps {
|
|
|
6
7
|
onLearnMoreClick?: () => void;
|
|
7
8
|
onRequestCredits?: () => void | boolean;
|
|
8
9
|
isMobile: boolean;
|
|
10
|
+
messagetext: string;
|
|
11
|
+
isSchoolPayEnabled: boolean;
|
|
12
|
+
}
|
|
13
|
+
export type AccordionCardState = "noCredits" | "requestSent" | "doubt" | "doubtRequestSent" | "revision";
|
|
14
|
+
export interface AccordionCardProps {
|
|
15
|
+
initialState?: AccordionCardState;
|
|
16
|
+
userName: string;
|
|
17
|
+
timer?: number;
|
|
18
|
+
onBack: () => void;
|
|
19
|
+
onRequestCredits?: () => void | boolean;
|
|
20
|
+
onStateChange?: (state: AccordionCardState) => void;
|
|
21
|
+
showIcon?: boolean;
|
|
22
|
+
assistantIcon?: string | React.ReactNode;
|
|
23
|
+
features?: string[];
|
|
24
|
+
isSchoolPayEnabled?: boolean;
|
|
25
|
+
messageText?: string;
|
|
9
26
|
}
|