@cuemath/leap 3.2.5 → 3.2.6
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.
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as I, jsx as r, Fragment as Ut } from "react/jsx-runtime";
|
|
2
|
-
import { memo as zt, useMemo as $, useState as
|
|
2
|
+
import { memo as zt, useMemo as $, useState as M, useRef as z, useCallback as Dt, useEffect as _, useLayoutEffect as Vt } from "react";
|
|
3
3
|
import { IMAGES as Xt } from "../../../../assets/images/images.js";
|
|
4
4
|
import Pt from "../../../cue-canvas/cue-canvas.js";
|
|
5
5
|
import jt from "../../../pointer-sync/pointer.js";
|
|
6
|
-
import
|
|
6
|
+
import wt from "../../../ui/layout/flex-view.js";
|
|
7
7
|
import Ft from "../../constants/events.js";
|
|
8
8
|
import { QUESTIONS_GAP as Gt } from "../constants.js";
|
|
9
|
-
import { getPaperColorByQuestion as Yt, isConceptIntroWidget as Zt, scrollToQuestion as
|
|
9
|
+
import { getPaperColorByQuestion as Yt, isConceptIntroWidget as Zt, scrollToQuestion as vt } from "../worksheet-helpers.js";
|
|
10
10
|
import Kt from "./header/header.js";
|
|
11
11
|
import Jt from "./learnosity-question.js";
|
|
12
12
|
import kt from "./question-backdrop/question-backdrop.js";
|
|
@@ -16,24 +16,24 @@ import ii from "./system-intros/basic-practice-intro.js";
|
|
|
16
16
|
import ri from "./system-intros/exit-ticket-intro.js";
|
|
17
17
|
import ei from "./system-intros/regular-practice-intro.js";
|
|
18
18
|
import { QuestionContainerWrapper as oi, StimulusReview as ni, QuestionContainer as ci, QuestionWrapper as ai, LessonOverviewBanner as mi, CueCanvasWrapper as li, Hint as si, Solution as ui } from "./worksheet-question-styled.js";
|
|
19
|
-
const
|
|
19
|
+
const Mi = zt(
|
|
20
20
|
({
|
|
21
21
|
userType: n,
|
|
22
|
-
signedRequest:
|
|
23
|
-
worksheetCompleted:
|
|
22
|
+
signedRequest: Ht,
|
|
23
|
+
worksheetCompleted: d,
|
|
24
24
|
question: c,
|
|
25
25
|
response: i,
|
|
26
|
-
nextQuestionId:
|
|
27
|
-
isActive:
|
|
28
|
-
isHidden:
|
|
26
|
+
nextQuestionId: w,
|
|
27
|
+
isActive: v,
|
|
28
|
+
isHidden: T,
|
|
29
29
|
canRender: D,
|
|
30
|
-
loggerRef:
|
|
30
|
+
loggerRef: A,
|
|
31
31
|
appended: a,
|
|
32
32
|
maxQuestionWidth: V,
|
|
33
33
|
behavior: X,
|
|
34
34
|
layout: P,
|
|
35
|
-
actionbarHeight:
|
|
36
|
-
learnosity:
|
|
35
|
+
actionbarHeight: St,
|
|
36
|
+
learnosity: S,
|
|
37
37
|
intersectionObserver: j,
|
|
38
38
|
background: F = "paper",
|
|
39
39
|
onMediaStateChange: Rt,
|
|
@@ -42,7 +42,7 @@ const Ti = zt(
|
|
|
42
42
|
onPublishStrokes: G,
|
|
43
43
|
onReceiveStrokes: Y,
|
|
44
44
|
isScribblingEnabled: Z,
|
|
45
|
-
initialStrokesData:
|
|
45
|
+
initialStrokesData: B,
|
|
46
46
|
isCanvasEnabled: K,
|
|
47
47
|
onPublishMouseMove: J,
|
|
48
48
|
onSubscribeMouseMove: k,
|
|
@@ -56,51 +56,51 @@ const Ti = zt(
|
|
|
56
56
|
const R = $(
|
|
57
57
|
() => F === "paper" ? Yt(c) : void 0,
|
|
58
58
|
[F, c]
|
|
59
|
-
), [W, It] =
|
|
59
|
+
), [W, It] = M(), [it, Mt] = M(), {
|
|
60
60
|
validation: rt,
|
|
61
|
-
review:
|
|
61
|
+
review: y,
|
|
62
62
|
maximumAttempts: et,
|
|
63
63
|
canExceedAttempts: ot,
|
|
64
64
|
teacherValidationEnabled: C,
|
|
65
65
|
solutionHidden: nt
|
|
66
|
-
} = X, { minQuestionHeight:
|
|
67
|
-
type:
|
|
66
|
+
} = X, { minQuestionHeight: Tt, topOffset: ct, questionsScrollable: p, renderQuestionHeader: At } = P, {
|
|
67
|
+
type: H,
|
|
68
68
|
response_id: e,
|
|
69
|
-
stimulus_review:
|
|
70
|
-
item_type:
|
|
69
|
+
stimulus_review: g,
|
|
70
|
+
item_type: u,
|
|
71
71
|
instructor_stimulus: at,
|
|
72
|
-
metadata: { hints:
|
|
72
|
+
metadata: { hints: h, solution: L, widget_reference: mt },
|
|
73
73
|
item_reference: lt,
|
|
74
74
|
question_number: st,
|
|
75
75
|
item_number: ut,
|
|
76
|
-
item_display_number:
|
|
77
|
-
} = c,
|
|
76
|
+
item_display_number: ht
|
|
77
|
+
} = c, Bt = !!g, b = u === "overview", l = Zt(at), f = at === "SystemIntro", ft = l || f, dt = i == null ? void 0 : i.responseEdited, yt = $(() => {
|
|
78
78
|
const t = [];
|
|
79
|
-
return dt && n === "TEACHER" && t.push("attempting"), a || t.push("hidden"),
|
|
79
|
+
return dt && n === "TEACHER" && t.push("attempting"), a || t.push("hidden"), H === "hotspot" && t.push("correct-answers-hidden"), a && C && H === "clozetext" && (!l || n === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), b && t.push("lesson-overview"), l && t.push("concept-intro"), f && t.push("system-intro"), t.join(" ");
|
|
80
80
|
}, [
|
|
81
81
|
a,
|
|
82
82
|
l,
|
|
83
83
|
b,
|
|
84
84
|
f,
|
|
85
|
-
|
|
85
|
+
H,
|
|
86
86
|
dt,
|
|
87
87
|
C,
|
|
88
88
|
n
|
|
89
|
-
]), O = z({}),
|
|
89
|
+
]), O = z({}), Q = (i == null ? void 0 : i.hintsUsed) ?? 0, [gt] = M((i == null ? void 0 : i.validatedByTeacher) ?? !1), x = z(null), N = z(null), U = $(() => h == null ? void 0 : h.slice(0, Q), [h, Q]), Et = $(() => n === "TEACHER" || d ? !0 : !i || !i.response || i.responseEdited ? !1 : rt, [i, n, rt, d]), $t = $(() => {
|
|
90
90
|
if (n === "TEACHER") return !0;
|
|
91
|
-
if (
|
|
91
|
+
if (y) {
|
|
92
92
|
const { attemptsHistory: t } = i ?? {};
|
|
93
93
|
return ((t == null ? void 0 : t.length) ?? 0) >= et && !ot;
|
|
94
94
|
}
|
|
95
95
|
return !1;
|
|
96
|
-
}, [ot, et, i,
|
|
97
|
-
() => L &&
|
|
98
|
-
[nt, L,
|
|
99
|
-
), [_t,
|
|
96
|
+
}, [ot, et, i, y, n]), Ot = $(
|
|
97
|
+
() => L && d && !nt,
|
|
98
|
+
[nt, L, d]
|
|
99
|
+
), [_t, Qt] = M({
|
|
100
100
|
width: 0,
|
|
101
101
|
height: 0
|
|
102
|
-
}),
|
|
103
|
-
|
|
102
|
+
}), Nt = Dt((t) => {
|
|
103
|
+
Mt(t);
|
|
104
104
|
}, []);
|
|
105
105
|
return _(() => {
|
|
106
106
|
x.current && j.observe(x.current);
|
|
@@ -110,37 +110,37 @@ const Ti = zt(
|
|
|
110
110
|
`.widget-${c.response_id} .lrn_draggable`
|
|
111
111
|
);
|
|
112
112
|
let o = 0, m = 0;
|
|
113
|
-
t.forEach((
|
|
114
|
-
o = Math.max(o,
|
|
115
|
-
}),
|
|
113
|
+
t.forEach((s) => {
|
|
114
|
+
o = Math.max(o, s.clientWidth + 33), m = Math.max(m, s.clientHeight + 1);
|
|
115
|
+
}), Qt({
|
|
116
116
|
width: c.type !== "association" ? o : 0,
|
|
117
117
|
height: m
|
|
118
118
|
});
|
|
119
119
|
}
|
|
120
120
|
}, [a, c.response_id, c.type]), _(() => {
|
|
121
121
|
if (a && Et) {
|
|
122
|
-
const t =
|
|
122
|
+
const t = S.question(e);
|
|
123
123
|
t && t.validate({
|
|
124
124
|
showCorrectAnswers: $t
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
|
-
}, [a,
|
|
128
|
-
const t =
|
|
129
|
-
if (a && t &&
|
|
127
|
+
}, [a, S, e, y, $t, n, Et]), _(() => {
|
|
128
|
+
const t = N.current;
|
|
129
|
+
if (a && t && A.current && O.current[e] === void 0 && !l && !f) {
|
|
130
130
|
const o = t.clientWidth, m = t.querySelectorAll("*");
|
|
131
|
-
for (let
|
|
132
|
-
const E = m[
|
|
131
|
+
for (let s = 0; s < m.length; s++) {
|
|
132
|
+
const E = m[s];
|
|
133
133
|
if (E != null && E.closest(".resize-sensor"))
|
|
134
134
|
continue;
|
|
135
135
|
if (((E == null ? void 0 : E.clientWidth) ?? 0) > o) {
|
|
136
|
-
O.current[e] = !0,
|
|
136
|
+
O.current[e] = !0, A.current(Ft.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
|
|
137
137
|
item_reference: lt,
|
|
138
138
|
widget_reference: mt,
|
|
139
|
-
question_type:
|
|
139
|
+
question_type: H,
|
|
140
140
|
question_number: st,
|
|
141
141
|
responseId: e,
|
|
142
142
|
item_number: ut,
|
|
143
|
-
item_display_number:
|
|
143
|
+
item_display_number: ht
|
|
144
144
|
});
|
|
145
145
|
break;
|
|
146
146
|
}
|
|
@@ -151,30 +151,35 @@ const Ti = zt(
|
|
|
151
151
|
a,
|
|
152
152
|
l,
|
|
153
153
|
f,
|
|
154
|
-
|
|
154
|
+
ht,
|
|
155
155
|
ut,
|
|
156
156
|
lt,
|
|
157
|
-
|
|
158
|
-
|
|
157
|
+
A,
|
|
158
|
+
H,
|
|
159
159
|
st,
|
|
160
160
|
e,
|
|
161
161
|
mt
|
|
162
162
|
]), _(() => {
|
|
163
163
|
const t = x.current, o = t == null ? void 0 : t.clientHeight;
|
|
164
|
-
a && o && o > 0 && It((m) =>
|
|
164
|
+
a && o && o > 0 && It((m) => {
|
|
165
|
+
if (!m)
|
|
166
|
+
return Math.ceil(o);
|
|
167
|
+
const s = Math.ceil(o);
|
|
168
|
+
return Math.abs(s - m) > 4 ? s : m;
|
|
169
|
+
}), (Q || Bt || L && d) && S.renderMath("mathjax");
|
|
165
170
|
}), Vt(() => {
|
|
166
|
-
!p && !
|
|
167
|
-
}, [
|
|
168
|
-
if (C &&
|
|
171
|
+
!p && !T && vt(e);
|
|
172
|
+
}, [T, p, e, ct]), _(() => {
|
|
173
|
+
if (C && w && !gt && (i != null && i.validatedByTeacher)) {
|
|
169
174
|
const t = setTimeout(() => {
|
|
170
|
-
p ?
|
|
175
|
+
p ? vt(w) : q(w);
|
|
171
176
|
}, 1e3);
|
|
172
177
|
return () => {
|
|
173
178
|
clearTimeout(t);
|
|
174
179
|
};
|
|
175
180
|
}
|
|
176
181
|
}, [
|
|
177
|
-
|
|
182
|
+
w,
|
|
178
183
|
C,
|
|
179
184
|
gt,
|
|
180
185
|
p,
|
|
@@ -187,33 +192,33 @@ const Ti = zt(
|
|
|
187
192
|
className: `widget-${e}`,
|
|
188
193
|
ref: x,
|
|
189
194
|
$topOffset: ct,
|
|
190
|
-
$flexDirection:
|
|
191
|
-
$alignItems:
|
|
192
|
-
$hidden:
|
|
195
|
+
$flexDirection: g ? "row" : "column",
|
|
196
|
+
$alignItems: g ? "flex-start" : "center",
|
|
197
|
+
$hidden: T,
|
|
193
198
|
$marginBottom: Gt,
|
|
194
199
|
children: [
|
|
195
|
-
|
|
200
|
+
g && /* @__PURE__ */ r(
|
|
196
201
|
ni,
|
|
197
202
|
{
|
|
198
203
|
dangerouslySetInnerHTML: {
|
|
199
|
-
__html:
|
|
204
|
+
__html: g
|
|
200
205
|
}
|
|
201
206
|
}
|
|
202
207
|
),
|
|
203
208
|
/* @__PURE__ */ I(
|
|
204
209
|
ci,
|
|
205
210
|
{
|
|
206
|
-
ref:
|
|
207
|
-
$width:
|
|
208
|
-
$minHeight: W ? Math.max(W - 72, it ?? 0) :
|
|
209
|
-
$isActive:
|
|
211
|
+
ref: N,
|
|
212
|
+
$width: g ? "50%" : `${V}px`,
|
|
213
|
+
$minHeight: W ? Math.max(W - 72, it ?? 0) : Tt,
|
|
214
|
+
$isActive: v,
|
|
210
215
|
$paperColor: R,
|
|
211
|
-
$opacity:
|
|
216
|
+
$opacity: v ? 1 : 0.2,
|
|
212
217
|
children: [
|
|
213
|
-
|
|
218
|
+
v && !!J && !!k && K && /* @__PURE__ */ r(
|
|
214
219
|
jt,
|
|
215
220
|
{
|
|
216
|
-
containerRef:
|
|
221
|
+
containerRef: N,
|
|
217
222
|
onPublish: J,
|
|
218
223
|
onSubscribe: k,
|
|
219
224
|
responseId: e
|
|
@@ -222,11 +227,11 @@ const Ti = zt(
|
|
|
222
227
|
/* @__PURE__ */ I(
|
|
223
228
|
ai,
|
|
224
229
|
{
|
|
225
|
-
className:
|
|
230
|
+
className: yt,
|
|
226
231
|
$dropzoneMinWidth: _t.width,
|
|
227
232
|
$dropzoneMinHeight: _t.height,
|
|
228
233
|
children: [
|
|
229
|
-
|
|
234
|
+
At && !(b || l || f) && /* @__PURE__ */ r(
|
|
230
235
|
Kt,
|
|
231
236
|
{
|
|
232
237
|
userType: n,
|
|
@@ -236,54 +241,54 @@ const Ti = zt(
|
|
|
236
241
|
layout: P,
|
|
237
242
|
paperColor: R,
|
|
238
243
|
onMarkForReview: Wt,
|
|
239
|
-
actionbarHeight:
|
|
244
|
+
actionbarHeight: St,
|
|
240
245
|
canResolveDoubt: pt,
|
|
241
246
|
onResolveDoubt: Lt,
|
|
242
|
-
worksheetCompleted:
|
|
247
|
+
worksheetCompleted: d
|
|
243
248
|
}
|
|
244
249
|
),
|
|
245
250
|
b && /* @__PURE__ */ r(mi, { src: Xt.LESSON_OVERVIEW_BANNER }),
|
|
246
251
|
l && R && /* @__PURE__ */ r(kt, { paperColor: R }),
|
|
247
252
|
f ? /* @__PURE__ */ I(Ut, { children: [
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
(
|
|
253
|
+
u === "practice-basic" && /* @__PURE__ */ r(ii, {}),
|
|
254
|
+
u === "practice-regular" && /* @__PURE__ */ r(ei, {}),
|
|
255
|
+
u === "exit-ticket" && /* @__PURE__ */ r(ri, {}),
|
|
256
|
+
(u == null ? void 0 : u.startsWith("advanced-")) && /* @__PURE__ */ r(ti, {})
|
|
252
257
|
] }) : void 0,
|
|
253
258
|
/* @__PURE__ */ r(
|
|
254
259
|
Jt,
|
|
255
260
|
{
|
|
256
|
-
signedRequest:
|
|
261
|
+
signedRequest: Ht,
|
|
257
262
|
appended: a,
|
|
258
263
|
question: c,
|
|
259
264
|
response: i == null ? void 0 : i.response,
|
|
260
|
-
canRender: D ||
|
|
261
|
-
learnosity:
|
|
265
|
+
canRender: D || v,
|
|
266
|
+
learnosity: S,
|
|
262
267
|
canForceAppend: n === "TEACHER",
|
|
263
268
|
isConceptIntro: l,
|
|
264
269
|
simState: i == null ? void 0 : i.simState,
|
|
265
270
|
onMediaStateChange: Rt
|
|
266
271
|
}
|
|
267
272
|
),
|
|
268
|
-
!
|
|
273
|
+
!ft && K && G && Y && W !== void 0 && /* @__PURE__ */ r(li, { $canScribble: Z, children: /* @__PURE__ */ r(
|
|
269
274
|
Pt,
|
|
270
275
|
{
|
|
271
276
|
canRender: D,
|
|
272
|
-
canScribble: Z &&
|
|
277
|
+
canScribble: Z && v,
|
|
273
278
|
appended: a,
|
|
274
279
|
canvasId: e,
|
|
275
280
|
width: V,
|
|
276
281
|
height: Math.max(W, it ?? 0),
|
|
277
|
-
onUpdateHeight:
|
|
282
|
+
onUpdateHeight: Nt,
|
|
278
283
|
onPublish: G,
|
|
279
284
|
onSubscribe: Y,
|
|
280
285
|
userId: Ct,
|
|
281
|
-
initialData:
|
|
286
|
+
initialData: B == null ? void 0 : B[e],
|
|
282
287
|
userType: n
|
|
283
288
|
}
|
|
284
289
|
) }),
|
|
285
|
-
!
|
|
286
|
-
|
|
290
|
+
!ft && U && U.length > 0 && /* @__PURE__ */ r(
|
|
291
|
+
wt,
|
|
287
292
|
{
|
|
288
293
|
$background: "BLUE_1",
|
|
289
294
|
$gutterX: 1,
|
|
@@ -294,7 +299,7 @@ const Ti = zt(
|
|
|
294
299
|
si,
|
|
295
300
|
{
|
|
296
301
|
dangerouslySetInnerHTML: {
|
|
297
|
-
__html: `<span style="color: #DA5107; font-weight: 600;">Hint${((
|
|
302
|
+
__html: `<span style="color: #DA5107; font-weight: 600;">Hint${((h == null ? void 0 : h.length) ?? 0) > 1 ? ` ${o + 1}` : ""}:</span> ${t}`
|
|
298
303
|
}
|
|
299
304
|
},
|
|
300
305
|
t
|
|
@@ -302,7 +307,7 @@ const Ti = zt(
|
|
|
302
307
|
}
|
|
303
308
|
),
|
|
304
309
|
Ot && /* @__PURE__ */ r(
|
|
305
|
-
|
|
310
|
+
wt,
|
|
306
311
|
{
|
|
307
312
|
$background: "YELLOW_1",
|
|
308
313
|
$gutterX: 1,
|
|
@@ -324,7 +329,7 @@ const Ti = zt(
|
|
|
324
329
|
{
|
|
325
330
|
responses: xt,
|
|
326
331
|
response: i,
|
|
327
|
-
nextQuestionId:
|
|
332
|
+
nextQuestionId: w,
|
|
328
333
|
responseId: e,
|
|
329
334
|
studentId: bt,
|
|
330
335
|
userType: n,
|
|
@@ -343,6 +348,6 @@ const Ti = zt(
|
|
|
343
348
|
}
|
|
344
349
|
);
|
|
345
350
|
export {
|
|
346
|
-
|
|
351
|
+
Mi as default
|
|
347
352
|
};
|
|
348
353
|
//# sourceMappingURL=worksheet-question.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n memo,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { QUESTIONS_GAP } from '../constants';\nimport {\n getPaperColorByQuestion,\n isConceptIntroWidget,\n scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n ({\n userType,\n signedRequest,\n worksheetCompleted,\n question,\n response,\n nextQuestionId,\n isActive,\n isHidden,\n canRender,\n loggerRef,\n appended,\n maxQuestionWidth,\n behavior,\n layout,\n actionbarHeight,\n learnosity,\n intersectionObserver,\n background = 'paper',\n onMediaStateChange,\n onMarkForReview,\n userId,\n onPublishStrokes,\n onReceiveStrokes,\n isScribblingEnabled,\n initialStrokesData,\n isCanvasEnabled,\n onPublishMouseMove,\n onSubscribeMouseMove,\n setActiveQuestionId,\n canResolveDoubt,\n onResolveDoubt,\n studentId,\n responses,\n subjectiveProps,\n }) => {\n const paperColor = useMemo(\n () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n [background, question],\n );\n const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n const {\n validation,\n review,\n maximumAttempts,\n canExceedAttempts,\n teacherValidationEnabled,\n solutionHidden,\n } = behavior;\n const { minQuestionHeight, topOffset, questionsScrollable, renderQuestionHeader } = layout;\n const {\n type: questionType,\n response_id: responseId,\n stimulus_review,\n item_type,\n instructor_stimulus,\n metadata: { hints: hintsAvailable, solution, widget_reference },\n item_reference,\n question_number,\n item_number,\n item_display_number,\n } = question;\n const hasStimulusReview = !!stimulus_review;\n const isLessonOverview = item_type === 'overview';\n const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n const isSystemIntro = instructor_stimulus === 'SystemIntro';\n const isIntro = isConceptIntro || isSystemIntro;\n const responseEdited = response?.responseEdited;\n const wrapperClasses = useMemo(() => {\n const classes = [];\n\n if (responseEdited && userType === 'TEACHER') {\n classes.push('attempting');\n }\n\n if (!appended) {\n classes.push('hidden');\n }\n\n if (questionType === 'hotspot') {\n classes.push('correct-answers-hidden');\n }\n\n if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n if (!isConceptIntro || userType === 'STUDENT') {\n classes.push('response-hidden');\n } else {\n classes.push('response-code-hidden');\n }\n }\n\n if (isLessonOverview) {\n classes.push('lesson-overview');\n }\n\n if (isConceptIntro) {\n classes.push('concept-intro');\n }\n\n if (isSystemIntro) {\n classes.push('system-intro');\n }\n\n return classes.join(' ');\n }, [\n appended,\n isConceptIntro,\n isLessonOverview,\n isSystemIntro,\n questionType,\n responseEdited,\n teacherValidationEnabled,\n userType,\n ]);\n const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n const hintsUsed = response?.hintsUsed ?? 0;\n const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n const questionRef = useRef<HTMLDivElement>(null);\n const pointerContainerRef = useRef<HTMLDivElement>(null);\n const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n const validateResponse = useMemo(() => {\n if (userType === 'TEACHER') return true;\n\n if (worksheetCompleted) return true;\n\n if (!response) return false;\n\n if (!response.response) return false;\n\n if (response.responseEdited) return false;\n\n return validation;\n }, [response, userType, validation, worksheetCompleted]);\n\n const showCorrectAnswers = useMemo(() => {\n if (userType === 'TEACHER') return true;\n\n if (review) {\n const { attemptsHistory } = response ?? {};\n const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n return maximumAttemptsReached && !canExceedAttempts;\n }\n\n return false;\n }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n const showSolution = useMemo(\n () => solution && worksheetCompleted && !solutionHidden,\n [solutionHidden, solution, worksheetCompleted],\n );\n\n const [dropZoneDimensions, setDropZoneDimensions] = useState({\n width: 0,\n height: 0,\n });\n\n const onUpdateHeight = useCallback((height: number) => {\n setCanvasHeight(height);\n }, []);\n\n useEffect(() => {\n if (questionRef.current) {\n intersectionObserver.observe(questionRef.current);\n }\n }, [intersectionObserver]);\n\n useEffect(() => {\n if (\n appended &&\n (question.type === 'clozeassociation' ||\n question.type === 'association' ||\n question.type === 'clozeformula')\n ) {\n const draggableElements = document.querySelectorAll(\n `.widget-${question.response_id} .lrn_draggable`,\n );\n\n let minWidth = 0;\n let minHeight = 0;\n\n draggableElements.forEach(draggableElement => {\n minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n });\n\n setDropZoneDimensions({\n width: question.type !== 'association' ? minWidth : 0,\n height: minHeight,\n });\n }\n }, [appended, question.response_id, question.type]);\n\n useEffect(() => {\n if (appended && validateResponse) {\n const learnosityQuestion = learnosity.question(responseId);\n\n if (learnosityQuestion) {\n learnosityQuestion.validate({\n showCorrectAnswers,\n });\n }\n }\n }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n useEffect(() => {\n const $questionEl = pointerContainerRef.current;\n\n if (\n appended &&\n $questionEl &&\n loggerRef.current &&\n overflowDetectedRef.current[responseId] === undefined &&\n !isConceptIntro &&\n !isSystemIntro\n ) {\n const parentWidth = $questionEl.clientWidth;\n const nestedElements = $questionEl.querySelectorAll('*');\n\n for (let i = 0; i < nestedElements.length; i++) {\n const element = nestedElements[i];\n\n if (element?.closest('.resize-sensor')) {\n continue;\n }\n\n const elementWidth = element?.clientWidth ?? 0;\n\n if (elementWidth > parentWidth) {\n overflowDetectedRef.current[responseId] = true;\n loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n item_reference,\n widget_reference,\n question_type: questionType,\n question_number,\n responseId,\n item_number,\n item_display_number,\n });\n break;\n }\n }\n\n overflowDetectedRef.current[responseId] = false;\n }\n }, [\n appended,\n isConceptIntro,\n isSystemIntro,\n item_display_number,\n item_number,\n item_reference,\n loggerRef,\n questionType,\n question_number,\n responseId,\n widget_reference,\n ]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => {\n const $questionEl = questionRef.current;\n const height = $questionEl?.clientHeight;\n\n if (appended && height && height > 0) {\n setQuestionHeight(qHeight => {\n if (qHeight && Math.abs(height - qHeight) > 4) {\n return height;\n }\n\n return qHeight;\n });\n }\n\n if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n learnosity.renderMath('mathjax');\n }\n });\n\n useLayoutEffect(() => {\n if (!questionsScrollable && !isHidden) {\n scrollToQuestion(responseId);\n }\n }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n useEffect(() => {\n if (\n teacherValidationEnabled &&\n nextQuestionId &&\n !validatedByTeacherOnMount &&\n response?.validatedByTeacher\n ) {\n const timer = setTimeout(() => {\n if (questionsScrollable) {\n scrollToQuestion(nextQuestionId);\n } else {\n setActiveQuestionId(nextQuestionId);\n }\n }, 1000);\n\n return () => {\n clearTimeout(timer);\n };\n }\n }, [\n nextQuestionId,\n teacherValidationEnabled,\n validatedByTeacherOnMount,\n questionsScrollable,\n setActiveQuestionId,\n response?.validatedByTeacher,\n ]);\n\n return (\n <Styled.QuestionContainerWrapper\n data-response-id={responseId}\n className={`widget-${responseId}`}\n ref={questionRef}\n $topOffset={topOffset}\n $flexDirection={stimulus_review ? 'row' : 'column'}\n $alignItems={stimulus_review ? 'flex-start' : 'center'}\n $hidden={isHidden}\n $marginBottom={QUESTIONS_GAP}\n >\n {stimulus_review && (\n <Styled.StimulusReview\n dangerouslySetInnerHTML={{\n __html: stimulus_review,\n }}\n />\n )}\n <Styled.QuestionContainer\n ref={pointerContainerRef}\n $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n $minHeight={\n questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n }\n $isActive={isActive}\n $paperColor={paperColor}\n $opacity={isActive ? 1 : 0.2}\n >\n {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n <Pointer\n containerRef={pointerContainerRef}\n onPublish={onPublishMouseMove}\n onSubscribe={onSubscribeMouseMove}\n responseId={responseId}\n />\n )}\n <Styled.QuestionWrapper\n className={wrapperClasses}\n $dropzoneMinWidth={dropZoneDimensions.width}\n $dropzoneMinHeight={dropZoneDimensions.height}\n >\n {renderQuestionHeader && !(isLessonOverview || isConceptIntro || isSystemIntro) && (\n <QuestionHeader\n userType={userType}\n question={question}\n response={response}\n behavior={behavior}\n layout={layout}\n paperColor={paperColor}\n onMarkForReview={onMarkForReview}\n actionbarHeight={actionbarHeight}\n canResolveDoubt={canResolveDoubt}\n onResolveDoubt={onResolveDoubt}\n worksheetCompleted={worksheetCompleted}\n />\n )}\n {isLessonOverview && (\n <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n )}\n {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n {isSystemIntro ? (\n <>\n {item_type === 'practice-basic' && <BasicPracticeIntro />}\n {item_type === 'practice-regular' && <RegularPracticeIntro />}\n {item_type === 'exit-ticket' && <ExitTicketIntro />}\n {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n </>\n ) : undefined}\n <LearnosityQuestion\n signedRequest={signedRequest}\n appended={appended}\n question={question}\n response={response?.response}\n canRender={canRender || isActive}\n learnosity={learnosity}\n canForceAppend={userType === 'TEACHER'}\n isConceptIntro={isConceptIntro}\n simState={response?.simState}\n onMediaStateChange={onMediaStateChange}\n />\n\n {!isIntro &&\n isCanvasEnabled &&\n onPublishStrokes &&\n onReceiveStrokes &&\n questionHeight !== undefined && (\n <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n <CueCanvas\n canRender={canRender}\n canScribble={isScribblingEnabled && isActive}\n appended={appended}\n canvasId={responseId}\n width={maxQuestionWidth}\n height={Math.max(questionHeight, canvasHeight ?? 0)}\n onUpdateHeight={onUpdateHeight}\n onPublish={onPublishStrokes}\n onSubscribe={onReceiveStrokes}\n userId={userId}\n initialData={initialStrokesData?.[responseId]}\n userType={userType}\n />\n </Styled.CueCanvasWrapper>\n )}\n {!isIntro && hints && hints.length > 0 && (\n <FlexView\n $background=\"BLUE_1\"\n $gutterX={1}\n $gapX={0.5}\n $borderRadiusX={0}\n $borderColor=\"BLUE_2\"\n >\n {hints.map((hint, index) => (\n <Styled.Hint\n key={hint}\n dangerouslySetInnerHTML={{\n __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n }:</span> ${hint}`,\n }}\n />\n ))}\n </FlexView>\n )}\n {showSolution && (\n <FlexView\n $background=\"YELLOW_1\"\n $gutterX={1}\n $gapX={0.875}\n $borderRadiusX={0}\n $borderColor=\"YELLOW_2\"\n >\n <Styled.Solution\n dangerouslySetInnerHTML={{\n __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n }}\n />\n </FlexView>\n )}\n {!!subjectiveProps && (\n <SubjectiveQuestionReview\n responses={responses}\n response={response}\n nextQuestionId={nextQuestionId}\n responseId={responseId}\n studentId={studentId}\n userType={userType}\n {...subjectiveProps}\n />\n )}\n </Styled.QuestionWrapper>\n </Styled.QuestionContainer>\n </Styled.QuestionContainerWrapper>\n );\n },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMediaStateChange","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","renderQuestionHeader","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","qHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n memo,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { QUESTIONS_GAP } from '../constants';\nimport {\n getPaperColorByQuestion,\n isConceptIntroWidget,\n scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n ({\n userType,\n signedRequest,\n worksheetCompleted,\n question,\n response,\n nextQuestionId,\n isActive,\n isHidden,\n canRender,\n loggerRef,\n appended,\n maxQuestionWidth,\n behavior,\n layout,\n actionbarHeight,\n learnosity,\n intersectionObserver,\n background = 'paper',\n onMediaStateChange,\n onMarkForReview,\n userId,\n onPublishStrokes,\n onReceiveStrokes,\n isScribblingEnabled,\n initialStrokesData,\n isCanvasEnabled,\n onPublishMouseMove,\n onSubscribeMouseMove,\n setActiveQuestionId,\n canResolveDoubt,\n onResolveDoubt,\n studentId,\n responses,\n subjectiveProps,\n }) => {\n const paperColor = useMemo(\n () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n [background, question],\n );\n const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n const {\n validation,\n review,\n maximumAttempts,\n canExceedAttempts,\n teacherValidationEnabled,\n solutionHidden,\n } = behavior;\n const { minQuestionHeight, topOffset, questionsScrollable, renderQuestionHeader } = layout;\n const {\n type: questionType,\n response_id: responseId,\n stimulus_review,\n item_type,\n instructor_stimulus,\n metadata: { hints: hintsAvailable, solution, widget_reference },\n item_reference,\n question_number,\n item_number,\n item_display_number,\n } = question;\n const hasStimulusReview = !!stimulus_review;\n const isLessonOverview = item_type === 'overview';\n const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n const isSystemIntro = instructor_stimulus === 'SystemIntro';\n const isIntro = isConceptIntro || isSystemIntro;\n const responseEdited = response?.responseEdited;\n const wrapperClasses = useMemo(() => {\n const classes = [];\n\n if (responseEdited && userType === 'TEACHER') {\n classes.push('attempting');\n }\n\n if (!appended) {\n classes.push('hidden');\n }\n\n if (questionType === 'hotspot') {\n classes.push('correct-answers-hidden');\n }\n\n if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n if (!isConceptIntro || userType === 'STUDENT') {\n classes.push('response-hidden');\n } else {\n classes.push('response-code-hidden');\n }\n }\n\n if (isLessonOverview) {\n classes.push('lesson-overview');\n }\n\n if (isConceptIntro) {\n classes.push('concept-intro');\n }\n\n if (isSystemIntro) {\n classes.push('system-intro');\n }\n\n return classes.join(' ');\n }, [\n appended,\n isConceptIntro,\n isLessonOverview,\n isSystemIntro,\n questionType,\n responseEdited,\n teacherValidationEnabled,\n userType,\n ]);\n const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n const hintsUsed = response?.hintsUsed ?? 0;\n const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n const questionRef = useRef<HTMLDivElement>(null);\n const pointerContainerRef = useRef<HTMLDivElement>(null);\n const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n const validateResponse = useMemo(() => {\n if (userType === 'TEACHER') return true;\n\n if (worksheetCompleted) return true;\n\n if (!response) return false;\n\n if (!response.response) return false;\n\n if (response.responseEdited) return false;\n\n return validation;\n }, [response, userType, validation, worksheetCompleted]);\n\n const showCorrectAnswers = useMemo(() => {\n if (userType === 'TEACHER') return true;\n\n if (review) {\n const { attemptsHistory } = response ?? {};\n const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n return maximumAttemptsReached && !canExceedAttempts;\n }\n\n return false;\n }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n const showSolution = useMemo(\n () => solution && worksheetCompleted && !solutionHidden,\n [solutionHidden, solution, worksheetCompleted],\n );\n\n const [dropZoneDimensions, setDropZoneDimensions] = useState({\n width: 0,\n height: 0,\n });\n\n const onUpdateHeight = useCallback((height: number) => {\n setCanvasHeight(height);\n }, []);\n\n useEffect(() => {\n if (questionRef.current) {\n intersectionObserver.observe(questionRef.current);\n }\n }, [intersectionObserver]);\n\n useEffect(() => {\n if (\n appended &&\n (question.type === 'clozeassociation' ||\n question.type === 'association' ||\n question.type === 'clozeformula')\n ) {\n const draggableElements = document.querySelectorAll(\n `.widget-${question.response_id} .lrn_draggable`,\n );\n\n let minWidth = 0;\n let minHeight = 0;\n\n draggableElements.forEach(draggableElement => {\n minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n });\n\n setDropZoneDimensions({\n width: question.type !== 'association' ? minWidth : 0,\n height: minHeight,\n });\n }\n }, [appended, question.response_id, question.type]);\n\n useEffect(() => {\n if (appended && validateResponse) {\n const learnosityQuestion = learnosity.question(responseId);\n\n if (learnosityQuestion) {\n learnosityQuestion.validate({\n showCorrectAnswers,\n });\n }\n }\n }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n useEffect(() => {\n const $questionEl = pointerContainerRef.current;\n\n if (\n appended &&\n $questionEl &&\n loggerRef.current &&\n overflowDetectedRef.current[responseId] === undefined &&\n !isConceptIntro &&\n !isSystemIntro\n ) {\n const parentWidth = $questionEl.clientWidth;\n const nestedElements = $questionEl.querySelectorAll('*');\n\n for (let i = 0; i < nestedElements.length; i++) {\n const element = nestedElements[i];\n\n if (element?.closest('.resize-sensor')) {\n continue;\n }\n\n const elementWidth = element?.clientWidth ?? 0;\n\n if (elementWidth > parentWidth) {\n overflowDetectedRef.current[responseId] = true;\n loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n item_reference,\n widget_reference,\n question_type: questionType,\n question_number,\n responseId,\n item_number,\n item_display_number,\n });\n break;\n }\n }\n\n overflowDetectedRef.current[responseId] = false;\n }\n }, [\n appended,\n isConceptIntro,\n isSystemIntro,\n item_display_number,\n item_number,\n item_reference,\n loggerRef,\n questionType,\n question_number,\n responseId,\n widget_reference,\n ]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => {\n const $questionEl = questionRef.current;\n const height = $questionEl?.clientHeight;\n\n if (appended && height && height > 0) {\n setQuestionHeight(qHeight => {\n if (!qHeight) {\n return Math.ceil(height);\n }\n\n const newQuestionHeight = Math.ceil(height);\n\n if (Math.abs(newQuestionHeight - qHeight) > 4) {\n return newQuestionHeight;\n }\n\n return qHeight;\n });\n }\n\n if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n learnosity.renderMath('mathjax');\n }\n });\n\n useLayoutEffect(() => {\n if (!questionsScrollable && !isHidden) {\n scrollToQuestion(responseId);\n }\n }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n useEffect(() => {\n if (\n teacherValidationEnabled &&\n nextQuestionId &&\n !validatedByTeacherOnMount &&\n response?.validatedByTeacher\n ) {\n const timer = setTimeout(() => {\n if (questionsScrollable) {\n scrollToQuestion(nextQuestionId);\n } else {\n setActiveQuestionId(nextQuestionId);\n }\n }, 1000);\n\n return () => {\n clearTimeout(timer);\n };\n }\n }, [\n nextQuestionId,\n teacherValidationEnabled,\n validatedByTeacherOnMount,\n questionsScrollable,\n setActiveQuestionId,\n response?.validatedByTeacher,\n ]);\n\n return (\n <Styled.QuestionContainerWrapper\n data-response-id={responseId}\n className={`widget-${responseId}`}\n ref={questionRef}\n $topOffset={topOffset}\n $flexDirection={stimulus_review ? 'row' : 'column'}\n $alignItems={stimulus_review ? 'flex-start' : 'center'}\n $hidden={isHidden}\n $marginBottom={QUESTIONS_GAP}\n >\n {stimulus_review && (\n <Styled.StimulusReview\n dangerouslySetInnerHTML={{\n __html: stimulus_review,\n }}\n />\n )}\n <Styled.QuestionContainer\n ref={pointerContainerRef}\n $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n $minHeight={\n questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n }\n $isActive={isActive}\n $paperColor={paperColor}\n $opacity={isActive ? 1 : 0.2}\n >\n {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n <Pointer\n containerRef={pointerContainerRef}\n onPublish={onPublishMouseMove}\n onSubscribe={onSubscribeMouseMove}\n responseId={responseId}\n />\n )}\n <Styled.QuestionWrapper\n className={wrapperClasses}\n $dropzoneMinWidth={dropZoneDimensions.width}\n $dropzoneMinHeight={dropZoneDimensions.height}\n >\n {renderQuestionHeader && !(isLessonOverview || isConceptIntro || isSystemIntro) && (\n <QuestionHeader\n userType={userType}\n question={question}\n response={response}\n behavior={behavior}\n layout={layout}\n paperColor={paperColor}\n onMarkForReview={onMarkForReview}\n actionbarHeight={actionbarHeight}\n canResolveDoubt={canResolveDoubt}\n onResolveDoubt={onResolveDoubt}\n worksheetCompleted={worksheetCompleted}\n />\n )}\n {isLessonOverview && (\n <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n )}\n {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n {isSystemIntro ? (\n <>\n {item_type === 'practice-basic' && <BasicPracticeIntro />}\n {item_type === 'practice-regular' && <RegularPracticeIntro />}\n {item_type === 'exit-ticket' && <ExitTicketIntro />}\n {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n </>\n ) : undefined}\n <LearnosityQuestion\n signedRequest={signedRequest}\n appended={appended}\n question={question}\n response={response?.response}\n canRender={canRender || isActive}\n learnosity={learnosity}\n canForceAppend={userType === 'TEACHER'}\n isConceptIntro={isConceptIntro}\n simState={response?.simState}\n onMediaStateChange={onMediaStateChange}\n />\n\n {!isIntro &&\n isCanvasEnabled &&\n onPublishStrokes &&\n onReceiveStrokes &&\n questionHeight !== undefined && (\n <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n <CueCanvas\n canRender={canRender}\n canScribble={isScribblingEnabled && isActive}\n appended={appended}\n canvasId={responseId}\n width={maxQuestionWidth}\n height={Math.max(questionHeight, canvasHeight ?? 0)}\n onUpdateHeight={onUpdateHeight}\n onPublish={onPublishStrokes}\n onSubscribe={onReceiveStrokes}\n userId={userId}\n initialData={initialStrokesData?.[responseId]}\n userType={userType}\n />\n </Styled.CueCanvasWrapper>\n )}\n {!isIntro && hints && hints.length > 0 && (\n <FlexView\n $background=\"BLUE_1\"\n $gutterX={1}\n $gapX={0.5}\n $borderRadiusX={0}\n $borderColor=\"BLUE_2\"\n >\n {hints.map((hint, index) => (\n <Styled.Hint\n key={hint}\n dangerouslySetInnerHTML={{\n __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n }:</span> ${hint}`,\n }}\n />\n ))}\n </FlexView>\n )}\n {showSolution && (\n <FlexView\n $background=\"YELLOW_1\"\n $gutterX={1}\n $gapX={0.875}\n $borderRadiusX={0}\n $borderColor=\"YELLOW_2\"\n >\n <Styled.Solution\n dangerouslySetInnerHTML={{\n __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n }}\n />\n </FlexView>\n )}\n {!!subjectiveProps && (\n <SubjectiveQuestionReview\n responses={responses}\n response={response}\n nextQuestionId={nextQuestionId}\n responseId={responseId}\n studentId={studentId}\n userType={userType}\n {...subjectiveProps}\n />\n )}\n </Styled.QuestionWrapper>\n </Styled.QuestionContainer>\n </Styled.QuestionContainerWrapper>\n );\n },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMediaStateChange","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","renderQuestionHeader","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","qHeight","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}
|