questionlayoutrefactoring 0.0.77 → 0.0.79
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/Molecules/questionLayouts/Question.styles.d.ts +82 -37
- package/dist/components/Molecules/questionLayouts/Question.styles.js +98 -56
- package/dist/components/Molecules/questionLayouts/Question.styles.js.map +1 -1
- package/dist/components/Molecules/questionLayouts/QuestionView.js +16 -23
- package/dist/components/Molecules/questionLayouts/QuestionView.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,22 +1,46 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
|
-
readonly
|
|
3
|
-
readonly padding: "
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
2
|
+
readonly container: {
|
|
3
|
+
readonly padding: "20px";
|
|
4
|
+
readonly margin: "20px";
|
|
5
|
+
readonly display: "flex";
|
|
6
|
+
};
|
|
7
|
+
readonly optionsContainer: {
|
|
8
|
+
readonly display: "flex";
|
|
9
|
+
readonly fontFamily: "\"Poppins\", sans-serif";
|
|
10
|
+
readonly gap: "16px";
|
|
11
|
+
readonly alignItems: "flex-start";
|
|
12
|
+
readonly marginBottom: "12px";
|
|
13
|
+
readonly marginLeft: "44px";
|
|
14
|
+
readonly "@media (max-width: 768px)": {
|
|
6
15
|
readonly display: "flex";
|
|
16
|
+
readonly fontFamily: "\"Poppins\", sans-serif";
|
|
17
|
+
readonly gap: "16px";
|
|
18
|
+
readonly alignItems: "flex-start";
|
|
19
|
+
readonly justifyContent: "center";
|
|
20
|
+
readonly maxWidth: "90%";
|
|
21
|
+
readonly marginLeft: "8%";
|
|
7
22
|
readonly flexDirection: "column";
|
|
8
|
-
readonly alignItems: "flex-end";
|
|
9
|
-
readonly gap: "12px";
|
|
10
23
|
};
|
|
11
24
|
};
|
|
12
|
-
readonly
|
|
13
|
-
readonly
|
|
14
|
-
readonly
|
|
15
|
-
readonly
|
|
16
|
-
readonly
|
|
25
|
+
readonly comprehensionMainContainer: {
|
|
26
|
+
readonly padding: "24px 24px 24px 20px";
|
|
27
|
+
readonly backgroundColor: "#F5F3FB";
|
|
28
|
+
readonly display: "flex";
|
|
29
|
+
readonly flexDirection: "column";
|
|
30
|
+
};
|
|
31
|
+
readonly comprehensionQuestionContainer: {
|
|
32
|
+
readonly display: "flex";
|
|
33
|
+
};
|
|
34
|
+
readonly comprehensionSubQuestionAssistant: {
|
|
35
|
+
readonly marginLeft: "12px";
|
|
36
|
+
readonly maxWidth: "80%";
|
|
37
|
+
readonly marginBottom: "16px";
|
|
38
|
+
};
|
|
39
|
+
readonly comprehensionSubQuestionMainContainer: {
|
|
40
|
+
readonly display: "flex";
|
|
41
|
+
readonly flexDirection: "column";
|
|
17
42
|
};
|
|
18
43
|
readonly indexColumn: {
|
|
19
|
-
readonly gridColumn: "1 / 3";
|
|
20
44
|
readonly display: "flex";
|
|
21
45
|
readonly alignItems: "flex-start";
|
|
22
46
|
readonly justifyContent: "center";
|
|
@@ -34,37 +58,58 @@ export declare const styles: {
|
|
|
34
58
|
readonly color: "#130159";
|
|
35
59
|
readonly letterSpacing: "0";
|
|
36
60
|
};
|
|
37
|
-
readonly
|
|
38
|
-
readonly
|
|
61
|
+
readonly comprehensionOptionContainer: {
|
|
62
|
+
readonly marginLeft: "30px";
|
|
63
|
+
readonly "@media (max-width: 768px)": {
|
|
64
|
+
readonly marginLeft: "30px";
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
readonly optionsContainerForFIB: {
|
|
39
68
|
readonly display: "flex";
|
|
40
|
-
readonly
|
|
69
|
+
readonly fontFamily: "\"Poppins\", sans-serif";
|
|
41
70
|
readonly gap: "16px";
|
|
71
|
+
readonly alignItems: "flex-start";
|
|
72
|
+
readonly marginBottom: "12px";
|
|
73
|
+
readonly "@media (max-width: 768px)": {
|
|
74
|
+
readonly display: "flex";
|
|
75
|
+
readonly fontFamily: "\"Poppins\", sans-serif";
|
|
76
|
+
readonly gap: "16px";
|
|
77
|
+
readonly alignItems: "flex-start";
|
|
78
|
+
readonly marginBottom: "12px";
|
|
79
|
+
readonly flexDirection: "column";
|
|
80
|
+
};
|
|
42
81
|
};
|
|
43
|
-
readonly
|
|
44
|
-
readonly
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
readonly
|
|
82
|
+
readonly avatar: {
|
|
83
|
+
readonly marginRight: "24px";
|
|
84
|
+
};
|
|
85
|
+
readonly questionBox: {
|
|
86
|
+
readonly backgroundColor: "#D9D6ED";
|
|
87
|
+
readonly padding: "12px 24px";
|
|
48
88
|
readonly color: "#130159";
|
|
49
|
-
readonly
|
|
89
|
+
readonly borderRadius: "30px";
|
|
90
|
+
readonly borderTopLeftRadius: "0px";
|
|
91
|
+
readonly display: "inline-block";
|
|
50
92
|
};
|
|
51
|
-
readonly
|
|
52
|
-
readonly
|
|
93
|
+
readonly answerBox: {
|
|
94
|
+
readonly marginTop: "20px";
|
|
53
95
|
readonly display: "flex";
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
56
|
-
readonly
|
|
57
|
-
readonly
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
readonly color: "#A19BC0";
|
|
96
|
+
readonly zIndex: 1;
|
|
97
|
+
readonly justifyContent: "flex-end";
|
|
98
|
+
readonly width: "82%";
|
|
99
|
+
readonly "@media (max-width: 768px)": {
|
|
100
|
+
readonly display: "flex";
|
|
101
|
+
readonly justifyContent: "flex-end";
|
|
102
|
+
readonly width: "84%";
|
|
103
|
+
};
|
|
63
104
|
};
|
|
64
|
-
readonly
|
|
65
|
-
readonly
|
|
66
|
-
readonly
|
|
67
|
-
readonly
|
|
68
|
-
readonly
|
|
105
|
+
readonly submittedAnswerBox: {
|
|
106
|
+
readonly marginLeft: "48px";
|
|
107
|
+
readonly backgroundColor: "#FFBFB7";
|
|
108
|
+
readonly padding: "12px 24px";
|
|
109
|
+
readonly marginTop: "14px";
|
|
110
|
+
readonly color: "#130159";
|
|
111
|
+
readonly borderRadius: "30px";
|
|
112
|
+
readonly borderTopLeftRadius: "0px";
|
|
113
|
+
readonly display: "inline-block";
|
|
69
114
|
};
|
|
70
115
|
};
|
|
@@ -2,76 +2,118 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.styles = void 0;
|
|
4
4
|
exports.styles = {
|
|
5
|
-
|
|
6
|
-
padding:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
container: {
|
|
6
|
+
padding: "20px",
|
|
7
|
+
margin: "20px",
|
|
8
|
+
display: "flex",
|
|
9
|
+
},
|
|
10
|
+
optionsContainer: {
|
|
11
|
+
display: "flex",
|
|
12
|
+
fontFamily: '"Poppins", sans-serif',
|
|
13
|
+
gap: "16px",
|
|
14
|
+
alignItems: "flex-start",
|
|
15
|
+
marginBottom: "12px",
|
|
16
|
+
marginLeft: "44px",
|
|
17
|
+
"@media (max-width: 768px)": {
|
|
18
|
+
display: "flex",
|
|
19
|
+
fontFamily: '"Poppins", sans-serif',
|
|
20
|
+
gap: "16px",
|
|
21
|
+
alignItems: "flex-start",
|
|
22
|
+
justifyContent: "center",
|
|
23
|
+
maxWidth: "90%",
|
|
24
|
+
marginLeft: "8%",
|
|
25
|
+
flexDirection: "column",
|
|
13
26
|
},
|
|
14
27
|
},
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
28
|
+
comprehensionMainContainer: {
|
|
29
|
+
padding: "24px 24px 24px 20px",
|
|
30
|
+
backgroundColor: "#F5F3FB",
|
|
31
|
+
display: "flex",
|
|
32
|
+
flexDirection: "column",
|
|
33
|
+
},
|
|
34
|
+
comprehensionQuestionContainer: {
|
|
35
|
+
display: "flex",
|
|
36
|
+
},
|
|
37
|
+
comprehensionSubQuestionAssistant: {
|
|
38
|
+
marginLeft: "12px",
|
|
39
|
+
maxWidth: "80%",
|
|
40
|
+
marginBottom: "16px",
|
|
41
|
+
},
|
|
42
|
+
comprehensionSubQuestionMainContainer: {
|
|
43
|
+
display: "flex",
|
|
44
|
+
flexDirection: "column",
|
|
20
45
|
},
|
|
21
46
|
indexColumn: {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
borderRadius: '16px',
|
|
47
|
+
display: "flex",
|
|
48
|
+
alignItems: "flex-start",
|
|
49
|
+
justifyContent: "center",
|
|
50
|
+
padding: "4px 12px",
|
|
51
|
+
border: "1px solid #130159",
|
|
52
|
+
width: "32px",
|
|
53
|
+
height: "32px",
|
|
54
|
+
borderRadius: "16px",
|
|
31
55
|
},
|
|
32
56
|
index: {
|
|
33
57
|
fontFamily: '"Inter", sans-serif',
|
|
34
58
|
fontWeight: 600,
|
|
35
|
-
fontSize:
|
|
36
|
-
lineHeight:
|
|
37
|
-
color:
|
|
38
|
-
letterSpacing:
|
|
59
|
+
fontSize: "16px",
|
|
60
|
+
lineHeight: "24px",
|
|
61
|
+
color: "#130159",
|
|
62
|
+
letterSpacing: "0",
|
|
39
63
|
},
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
// backgroundColor: 'red', // commented out as in original
|
|
64
|
+
comprehensionOptionContainer: {
|
|
65
|
+
marginLeft: "30px",
|
|
66
|
+
"@media (max-width: 768px)": {
|
|
67
|
+
marginLeft: "30px",
|
|
68
|
+
},
|
|
46
69
|
},
|
|
47
|
-
|
|
70
|
+
optionsContainerForFIB: {
|
|
71
|
+
display: "flex",
|
|
48
72
|
fontFamily: '"Poppins", sans-serif',
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
73
|
+
gap: "16px",
|
|
74
|
+
alignItems: "flex-start",
|
|
75
|
+
marginBottom: "12px",
|
|
76
|
+
"@media (max-width: 768px)": {
|
|
77
|
+
display: "flex",
|
|
78
|
+
fontFamily: '"Poppins", sans-serif',
|
|
79
|
+
gap: "16px",
|
|
80
|
+
alignItems: "flex-start",
|
|
81
|
+
marginBottom: "12px",
|
|
82
|
+
flexDirection: "column",
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
avatar: {
|
|
86
|
+
marginRight: "24px",
|
|
54
87
|
},
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
// backgroundColor: 'green', // commented out as in original
|
|
88
|
+
questionBox: {
|
|
89
|
+
backgroundColor: "#D9D6ED",
|
|
90
|
+
padding: "12px 24px",
|
|
91
|
+
color: "#130159",
|
|
92
|
+
borderRadius: "30px",
|
|
93
|
+
borderTopLeftRadius: "0px",
|
|
94
|
+
display: "inline-block",
|
|
63
95
|
},
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
96
|
+
answerBox: {
|
|
97
|
+
marginTop: "20px",
|
|
98
|
+
display: "flex",
|
|
99
|
+
zIndex: 1,
|
|
100
|
+
justifyContent: "flex-end",
|
|
101
|
+
width: "82%",
|
|
102
|
+
"@media (max-width: 768px)": {
|
|
103
|
+
display: "flex",
|
|
104
|
+
justifyContent: "flex-end",
|
|
105
|
+
width: "84%",
|
|
106
|
+
},
|
|
69
107
|
},
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
108
|
+
submittedAnswerBox: {
|
|
109
|
+
marginLeft: "48px",
|
|
110
|
+
backgroundColor: "#FFBFB7",
|
|
111
|
+
padding: "12px 24px",
|
|
112
|
+
marginTop: "14px",
|
|
113
|
+
color: "#130159",
|
|
114
|
+
borderRadius: "30px",
|
|
115
|
+
borderTopLeftRadius: "0px",
|
|
116
|
+
display: "inline-block",
|
|
75
117
|
},
|
|
76
118
|
};
|
|
77
119
|
//# sourceMappingURL=Question.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Question.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/questionLayouts/Question.styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,
|
|
1
|
+
{"version":3,"file":"Question.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/questionLayouts/Question.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,6 @@ const react_2 = require("react");
|
|
|
10
10
|
const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
|
|
11
11
|
const AnswerView_1 = require("./AnswerView");
|
|
12
12
|
const Assistant_1 = __importDefault(require("../Tutor/Assistant/Assistant"));
|
|
13
|
-
const Helper_1 = require("../../../utils/Helper");
|
|
14
13
|
const common_utils_1 = require("../../../utils/common-utils");
|
|
15
14
|
const TutorConstants_1 = require("../../../utils/TutorConstants");
|
|
16
15
|
const useCustomToast_1 = require("../../Atoms/useCustomToast");
|
|
@@ -21,7 +20,6 @@ const answerLayoutContainerStyle = {
|
|
|
21
20
|
const QuestionsLayout = (props = {}) => {
|
|
22
21
|
const { questionObject, userAnswer, onAnswerChanged, isDontAllow, allowToCopy, taskType, isAnswerSubmitted, displayedQues, isComprehension, isOpen, isUser, questionLayoutStyles, commonProps, passphrase, isStudent, learningStepData, isReviewScreen, questionIndex, selectionStatus, presenterLogic, handleSelectionStatus, handleMoreQuestions, moreQuestionsAvailable, isFromParentApp, tutor_mode, isQuestionSelection = false, isRevision, qindex, isRevisionBasedQuestion, onCancelMoreQuestions, isReplaceClicked, setReplaceClickedState, } = props;
|
|
23
22
|
const showToast = (0, useCustomToast_1.useCustomToast)();
|
|
24
|
-
const styles = props?.commonProps?.questionLayoutStyle;
|
|
25
23
|
const [currentQuestion, setCurrentQuestion] = (0, react_2.useState)({});
|
|
26
24
|
const [layoutType, setLayoutType] = (0, react_2.useState)(null);
|
|
27
25
|
const hasNoOptions = () => {
|
|
@@ -64,12 +62,10 @@ const QuestionsLayout = (props = {}) => {
|
|
|
64
62
|
};
|
|
65
63
|
const optionContainerClass = (0, react_2.useMemo)(() => {
|
|
66
64
|
const baseClass = currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib
|
|
67
|
-
? Question_styles_1.styles?.optionsContainer
|
|
68
|
-
: Question_styles_1.styles?.optionsContainerForFIB
|
|
69
|
-
"optionsContainerForFIB";
|
|
65
|
+
? Question_styles_1.styles?.optionsContainer
|
|
66
|
+
: Question_styles_1.styles?.optionsContainerForFIB;
|
|
70
67
|
const compClass = isComprehension &&
|
|
71
|
-
(Question_styles_1.styles?.comprehensionOptionContainer
|
|
72
|
-
"comprehensionOptionContainer");
|
|
68
|
+
(Question_styles_1.styles?.comprehensionOptionContainer);
|
|
73
69
|
return `${baseClass} ${compClass || ""}`;
|
|
74
70
|
}, [currentQuestion, isComprehension]);
|
|
75
71
|
const onSend = (0, react_2.useCallback)((item) => {
|
|
@@ -82,10 +78,16 @@ const QuestionsLayout = (props = {}) => {
|
|
|
82
78
|
}
|
|
83
79
|
}
|
|
84
80
|
}, [isReviewScreen, isComprehension, props, onAnswerChanged, currentQuestion]);
|
|
85
|
-
let isStudentRole = presenterLogic?.isStudent ===
|
|
86
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Box, { children: (0, jsx_runtime_1.jsxs)(react_1.Box, { "data-testid": "question-content-container", children: [!props?.isFactual &&
|
|
87
|
-
learningStepData
|
|
88
|
-
|
|
81
|
+
let isStudentRole = presenterLogic?.isStudent === reviewUserRoles?.STUDENT;
|
|
82
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Box, { children: (0, jsx_runtime_1.jsxs)(react_1.Box, { "data-testid": "question-content-container", children: [!isReviewScreen && !props?.isFactual &&
|
|
83
|
+
learningStepData &&
|
|
84
|
+
learningStepData?.dialog_entry_script &&
|
|
85
|
+
learningStepData?.dialog_entry_script?.content &&
|
|
86
|
+
!props?.isComprehension((0, jsx_runtime_1.jsx)(Assistant_1.default, { "data-testid": "dialog-entry-assistant", text: "", assistantImg: commonProps?.icons?.AssistantImg, isCopy: false, isDialogScript: true, scriptData: learningStepData.dialog_entry_script.content })), props?.isReviewScreen && !props?.isFactual &&
|
|
87
|
+
props?.learningStepData?.dialog_entry_script?.content && ((0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, assistantImg: props?.commonProps?.icons?.AssistantImg, text: "", isCopy: false, isDialogScript: true, scriptData: props?.learningStepData?.dialog_entry_script?.content, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, commonProps: props.commonProps, isQuestionSelection: isQuestionSelection })), (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.question_type) &&
|
|
88
|
+
currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib && ((0, jsx_runtime_1.jsx)(react_1.Box, { marginBottom: (!isReviewScreen && hasNoOptions) ? "0px" : "20px", "data-testid": "question-display-container", children: isReviewScreen ? ((0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, isQuestion: true, text: currentQuestion?.question_layout
|
|
89
|
+
? currentQuestion?.question_layout
|
|
90
|
+
: "", assistantImg: props?.commonProps?.icons?.AssistantImg, imagesList: currentQuestion?.images_details, showDiscussLabel: props?.showDiscussLabel, questionType: currentQuestion?.question_type, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, discussIcon: props?.discussIcon, commonProps: props.commonProps, isFromParentApp: isFromParentApp, isComprehension: props?.isTeacher ? false : props?.isComprehension, isQuestionSelection: isQuestionSelection, isRevision: isRevision, qindex: qindex, isRevisionBasedQuestion: isRevisionBasedQuestion, onCancelMoreQuestions: onCancelMoreQuestions, isReplaceClicked: isReplaceClicked, setReplaceClickedState: setReplaceClickedState })) : ((0, jsx_runtime_1.jsx)(Assistant_1.default, { "data-testid": "question-assistant", text: currentQuestion?.question_layout || "", isUser: isUser, handleCopy: allowToCopy
|
|
89
91
|
? () => {
|
|
90
92
|
(0, TutorConstants_1.handleCopyClick)(questionObject?.uuid);
|
|
91
93
|
showToast({
|
|
@@ -93,18 +95,9 @@ const QuestionsLayout = (props = {}) => {
|
|
|
93
95
|
duration: 1000,
|
|
94
96
|
});
|
|
95
97
|
}
|
|
96
|
-
:
|
|
97
|
-
|
|
98
|
-
: isComprehension,
|
|
99
|
-
? `${styles[currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib
|
|
100
|
-
? "optionsContainer"
|
|
101
|
-
: "optionsContainerForFIB"]} ${isComprehension &&
|
|
102
|
-
styles["comprehensionOptionContainer"]}`
|
|
103
|
-
: optionContainerClass, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: !isComprehension &&
|
|
104
|
-
questionLayoutStyles &&
|
|
105
|
-
(isReviewScreen ? isStudentRole : answerLayoutContainerStyle), children: (!isComprehension || isOpen) && ((0, jsx_runtime_1.jsx)(AnswerView_1.AnswersLayout, { "data-testid": "answers-layout", displayedQues: isReviewScreen ? '' : displayedQues, userAnswer: userAnswer, question_type: currentQuestion?.question_type, question_id: (0, Helper_1.getQuestionID)(currentQuestion), options: currentQuestion?.options_layout, modifiedOptions: isReviewScreen
|
|
106
|
-
? ' '
|
|
107
|
-
: currentQuestion?.modified_options_layout, answers: resolvedAnswers(), question: currentQuestion?.question, option_image_details: currentQuestion?.option_image_details, commonProps: commonProps, isDisabled: false, images_details: currentQuestion?.images_details, onSend: onSend, onAnswerSubmitted: isAnswerSubmitted, isDontAllow: isDontAllow, allowToCopy: allowToCopy, currentQuestion: currentQuestion, taskType: taskType, isComprehension: isComprehension, isStudent: isReviewScreen ? isStudentRole : isStudent, isReviewScreen: isReviewScreen, passphrase: isReviewScreen ? ' ' : passphrase, setLayoutType: setLayoutType, presenterLogic: isReviewScreen ? presenterLogic : ' ' })) }) })] })] }) }));
|
|
98
|
+
: undefined, assistantStyle: commonProps?.assistantStyle, questionType: currentQuestion?.question_type, isQuestion: true, imagesList: currentQuestion?.images_details, hideVin: isComprehension, isComprehension: isComprehension, fromStudent: true, assistantImg: commonProps?.icons?.AssistantImg })) })), (0, jsx_runtime_1.jsx)(react_1.Box, { "data-testid": "options-container", className: optionContainerClass, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: !isComprehension &&
|
|
99
|
+
questionLayoutStyles && isStudentRole &&
|
|
100
|
+
answerLayoutContainerStyle, children: (!isComprehension || isOpen) && ((0, jsx_runtime_1.jsx)(AnswerView_1.AnswersLayout, { "data-testid": "answers-layout", displayedQues: isReviewScreen ? '' : displayedQues, userAnswer: userAnswer, question_type: currentQuestion?.question_type, options: currentQuestion?.options_layout, modifiedOptions: isReviewScreen ? '' : currentQuestion?.modified_options_layout, answers: resolvedAnswers(), question: currentQuestion?.question, option_image_details: currentQuestion?.option_image_details, commonProps: commonProps, isDisabled: false, images_details: currentQuestion?.images_details, onSend: onSend, onAnswerSubmitted: isAnswerSubmitted, isDontAllow: isDontAllow, allowToCopy: allowToCopy, currentQuestion: currentQuestion, taskType: taskType, isComprehension: isComprehension, isStudent: isReviewScreen ? isStudentRole : isStudent, isReviewScreen: isReviewScreen, passphrase: isReviewScreen ? '' : passphrase, setLayoutType: setLayoutType, presenterLogic: isReviewScreen ? presenterLogic : '' })) }) })] })] }) }));
|
|
108
101
|
};
|
|
109
102
|
exports.QuestionsLayout = QuestionsLayout;
|
|
110
103
|
exports.default = exports.QuestionsLayout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/questionLayouts/QuestionView.js"],"names":[],"mappings":";;;;;;;AAAA,4CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"QuestionView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/questionLayouts/QuestionView.js"],"names":[],"mappings":"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"}
|