@cuemath/leap 2.8.29-as1 → 2.8.30-as1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +74 -74
  2. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
  3. package/package.json +1 -1
package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsxs as I, jsx as r, Fragment as Dt } from "react/jsx-runtime";
2
- import { memo as Ut, useMemo as _, useState as A, useRef as z, useCallback as zt, useEffect as g, useLayoutEffect as Kt } from "react";
1
+ import { jsxs as I, jsx as r, Fragment as zt } from "react/jsx-runtime";
2
+ import { memo as Dt, useMemo as R, useState as A, useRef as U, useCallback as Ut, useEffect as E, useLayoutEffect as Kt } from "react";
3
3
  import { IMAGES as Vt } from "../../../../assets/images/images.js";
4
4
  import Xt from "../../../cue-canvas/cue-canvas.js";
5
5
  import Pt from "../../../pointer-sync/pointer.js";
@@ -16,15 +16,15 @@ import re from "./system-intros/basic-practice-intro.js";
16
16
  import oe from "./system-intros/exit-ticket-intro.js";
17
17
  import ie from "./system-intros/regular-practice-intro.js";
18
18
  import { QuestionContainerWrapper as ne, StimulusReview as ce, QuestionContainer as ae, QuestionWrapper as se, LessonOverviewBanner as le, CueCanvasWrapper as me, Hint as ue, Solution as fe } from "./worksheet-question-styled.js";
19
- const Le = Ut(
19
+ const Le = Dt(
20
20
  ({
21
21
  userType: c,
22
22
  signedRequest: bt,
23
- worksheetCompleted: u,
23
+ worksheetCompleted: f,
24
24
  question: n,
25
25
  response: e,
26
- nextQuestionId: R,
27
- isActive: v,
26
+ nextQuestionId: v,
27
+ isActive: w,
28
28
  isHidden: M,
29
29
  canRender: K,
30
30
  loggerRef: O,
@@ -33,7 +33,7 @@ const Le = Ut(
33
33
  behavior: X,
34
34
  layout: P,
35
35
  actionbarHeight: Ct,
36
- learnosity: w,
36
+ learnosity: H,
37
37
  intersectionObserver: j,
38
38
  background: G = "paper",
39
39
  onMarkForReview: Bt,
@@ -52,7 +52,7 @@ const Le = Ut(
52
52
  responses: Tt,
53
53
  subjectiveProps: rt
54
54
  }) => {
55
- const C = _(
55
+ const C = R(
56
56
  () => G === "paper" ? Yt(n) : void 0,
57
57
  [G, n]
58
58
  ), [B, It] = A(), [ot, At] = A(), {
@@ -60,48 +60,48 @@ const Le = Ut(
60
60
  review: Q,
61
61
  maximumAttempts: nt,
62
62
  canExceedAttempts: ct,
63
- teacherValidationEnabled: H,
63
+ teacherValidationEnabled: S,
64
64
  solutionHidden: at
65
65
  } = X, { minQuestionHeight: Mt, topOffset: st, questionsScrollable: W } = P, {
66
- type: E,
66
+ type: $,
67
67
  response_id: o,
68
- stimulus_review: $,
69
- item_type: f,
68
+ stimulus_review: p,
69
+ item_type: h,
70
70
  instructor_stimulus: lt,
71
- metadata: { hints: h, solution: S, widget_reference: mt },
71
+ metadata: { hints: d, solution: b, widget_reference: mt },
72
72
  item_reference: ut,
73
73
  question_number: ft
74
- } = n, ht = !!$, y = f === "overview", m = Zt(lt), d = lt === "SystemIntro", dt = m || d, gt = e == null ? void 0 : e.responseEdited, Ot = _(() => {
74
+ } = n, ht = !!p, y = h === "overview", m = Zt(lt), g = lt === "SystemIntro", dt = m || g, gt = e == null ? void 0 : e.responseEdited, Ot = R(() => {
75
75
  const t = [];
76
- return gt && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), E === "hotspot" && t.push("correct-answers-hidden"), a && H && E === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), y && t.push("lesson-overview"), m && t.push("concept-intro"), d && t.push("system-intro"), t.join(" ");
76
+ return gt && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), $ === "hotspot" && t.push("correct-answers-hidden"), a && S && $ === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), y && t.push("lesson-overview"), m && t.push("concept-intro"), g && t.push("system-intro"), t.join(" ");
77
77
  }, [
78
78
  a,
79
79
  m,
80
80
  y,
81
- d,
82
- E,
81
+ g,
82
+ $,
83
83
  gt,
84
- H,
84
+ S,
85
85
  c
86
- ]), F = z({}), x = (e == null ? void 0 : e.hintsUsed) ?? 0, [Et] = A((e == null ? void 0 : e.validatedByTeacher) ?? !1), L = z(null), D = z(null), U = _(() => h == null ? void 0 : h.slice(0, x), [h, x]), $t = _(() => c === "TEACHER" || u ? !0 : !e || !e.response || e.responseEdited ? !1 : it, [e, c, it, u]), pt = _(() => {
86
+ ]), F = U({}), x = (e == null ? void 0 : e.hintsUsed) ?? 0, [Et] = A((e == null ? void 0 : e.validatedByTeacher) ?? !1), L = U(null), z = U(null), D = R(() => d == null ? void 0 : d.slice(0, x), [d, x]), $t = R(() => c === "TEACHER" || f ? !0 : !e || !e.response || e.responseEdited ? !1 : it, [e, c, it, f]), pt = R(() => {
87
87
  if (c === "TEACHER") return !0;
88
88
  if (Q) {
89
89
  const { attemptsHistory: t } = e ?? {};
90
90
  return ((t == null ? void 0 : t.length) ?? 0) >= nt && !ct;
91
91
  }
92
92
  return !1;
93
- }, [ct, nt, e, Q, c]), Nt = _(
94
- () => S && u && !at,
95
- [at, S, u]
93
+ }, [ct, nt, e, Q, c]), Nt = R(
94
+ () => b && f && !at,
95
+ [at, b, f]
96
96
  ), [_t, Qt] = A({
97
97
  width: 0,
98
98
  height: 0
99
- }), Ft = zt((t) => {
99
+ }), Ft = Ut((t) => {
100
100
  At(t);
101
101
  }, []);
102
- return g(() => {
102
+ return E(() => {
103
103
  L.current && j.observe(L.current);
104
- }, [j]), g(() => {
104
+ }, [j]), E(() => {
105
105
  if (a && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
106
106
  const t = document.querySelectorAll(
107
107
  `.widget-${n.response_id} .lrn_draggable`
@@ -114,24 +114,24 @@ const Le = Ut(
114
114
  height: i
115
115
  });
116
116
  }
117
- }, [a, n.response_id, n.type]), g(() => {
117
+ }, [a, n.response_id, n.type]), E(() => {
118
118
  if (a && $t) {
119
- const t = w.question(o);
119
+ const t = H.question(o);
120
120
  t && t.validate({
121
121
  showCorrectAnswers: pt
122
122
  });
123
123
  }
124
- }, [a, w, o, Q, pt, c, $t]), g(() => {
125
- const t = D.current;
126
- if (a && t && O.current && F.current[o] === void 0 && !m && !d) {
124
+ }, [a, H, o, Q, pt, c, $t]), E(() => {
125
+ const t = z.current;
126
+ if (a && t && O.current && F.current[o] === void 0 && !m && !g) {
127
127
  const s = t.clientWidth, i = t.querySelectorAll("*");
128
128
  for (let l = 0; l < i.length; l++) {
129
- const b = i[l];
130
- if (b && b.clientWidth > s) {
129
+ const u = i[l];
130
+ if (!(u != null && u.closest(".resize-sensor")) && u && u.clientWidth > s) {
131
131
  F.current[o] = !0, O.current(jt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
132
132
  item_reference: ut,
133
133
  widget_reference: mt,
134
- question_type: E,
134
+ question_type: $,
135
135
  question_number: ft,
136
136
  responseId: o
137
137
  });
@@ -143,51 +143,51 @@ const Le = Ut(
143
143
  }, [
144
144
  a,
145
145
  m,
146
- d,
146
+ g,
147
147
  ut,
148
148
  O,
149
- E,
149
+ $,
150
150
  ft,
151
151
  o,
152
152
  mt
153
- ]), g(() => {
153
+ ]), E(() => {
154
154
  const t = L.current, s = (i) => {
155
155
  const l = i.querySelector(".lrn_response_wrapper");
156
156
  if (!l)
157
157
  return 0;
158
- const b = i.getBoundingClientRect().bottom, T = l.getBoundingClientRect().bottom, p = Math.abs(b - T);
159
- return p < Ht ? Ht - p : 0;
158
+ const u = i.getBoundingClientRect().bottom, T = l.getBoundingClientRect().bottom, _ = Math.abs(u - T);
159
+ return _ < Ht ? Ht - _ : 0;
160
160
  };
161
161
  a && t && It((i) => {
162
162
  var vt;
163
- const T = ((vt = n.ui_style) == null ? void 0 : vt.type) === "floating-keyboard" && !(H && E === "clozetext"), p = t.clientHeight;
164
- if (p === 0)
163
+ const T = ((vt = n.ui_style) == null ? void 0 : vt.type) === "floating-keyboard" && !(S && $ === "clozetext"), _ = t.clientHeight;
164
+ if (_ === 0)
165
165
  return i;
166
166
  if (!i)
167
167
  return Math.ceil(
168
- p + (T ? s(t) : 0)
168
+ _ + (T ? s(t) : 0)
169
169
  );
170
170
  const Rt = Math.ceil(
171
- p + (T ? s(t) : 0)
171
+ _ + (T ? s(t) : 0)
172
172
  );
173
173
  return Math.abs(Rt - i) > 4 ? Rt : i;
174
174
  });
175
175
  }), Kt(() => {
176
176
  !W && !M && St(o);
177
- }, [M, W, o, st]), g(() => {
178
- (x || ht || S && u) && w.renderMath("mathjax");
179
- }, [ht, x, w, S, u]), g(() => {
180
- if (H && R && !Et && (e != null && e.validatedByTeacher)) {
177
+ }, [M, W, o, st]), E(() => {
178
+ (x || ht || b && f) && H.renderMath("mathjax");
179
+ }, [ht, x, H, b, f]), E(() => {
180
+ if (S && v && !Et && (e != null && e.validatedByTeacher)) {
181
181
  const t = setTimeout(() => {
182
- W ? St(R) : et(R);
182
+ W ? St(v) : et(v);
183
183
  }, 1e3);
184
184
  return () => {
185
185
  clearTimeout(t);
186
186
  };
187
187
  }
188
188
  }, [
189
- R,
190
- H,
189
+ v,
190
+ S,
191
191
  Et,
192
192
  W,
193
193
  et,
@@ -199,33 +199,33 @@ const Le = Ut(
199
199
  className: `widget-${o}`,
200
200
  ref: L,
201
201
  $topOffset: st,
202
- $flexDirection: $ ? "row" : "column",
203
- $alignItems: $ ? "flex-start" : "center",
202
+ $flexDirection: p ? "row" : "column",
203
+ $alignItems: p ? "flex-start" : "center",
204
204
  $hidden: M,
205
205
  $marginBottom: Gt,
206
206
  children: [
207
- $ && /* @__PURE__ */ r(
207
+ p && /* @__PURE__ */ r(
208
208
  ce,
209
209
  {
210
210
  dangerouslySetInnerHTML: {
211
- __html: $
211
+ __html: p
212
212
  }
213
213
  }
214
214
  ),
215
215
  /* @__PURE__ */ I(
216
216
  ae,
217
217
  {
218
- ref: D,
219
- $width: $ ? "50%" : `${V}px`,
218
+ ref: z,
219
+ $width: p ? "50%" : `${V}px`,
220
220
  $minHeight: B ? Math.max(B - 72, ot ?? 0) : Mt,
221
- $isActive: v,
221
+ $isActive: w,
222
222
  $paperColor: C,
223
- $opacity: v ? 1 : 0.2,
223
+ $opacity: w ? 1 : 0.2,
224
224
  children: [
225
- v && !!k && !!tt && q && /* @__PURE__ */ r(
225
+ w && !!k && !!tt && q && /* @__PURE__ */ r(
226
226
  Pt,
227
227
  {
228
- containerRef: D,
228
+ containerRef: z,
229
229
  onPublish: k,
230
230
  onSubscribe: tt,
231
231
  responseId: o
@@ -238,7 +238,7 @@ const Le = Ut(
238
238
  $dropzoneMinWidth: _t.width,
239
239
  $dropzoneMinHeight: _t.height,
240
240
  children: [
241
- !(y || m || d) && /* @__PURE__ */ r(
241
+ !(y || m || g) && /* @__PURE__ */ r(
242
242
  Jt,
243
243
  {
244
244
  userType: c,
@@ -251,16 +251,16 @@ const Le = Ut(
251
251
  actionbarHeight: Ct,
252
252
  canResolveDoubt: yt,
253
253
  onResolveDoubt: xt,
254
- worksheetCompleted: u
254
+ worksheetCompleted: f
255
255
  }
256
256
  ),
257
257
  y && /* @__PURE__ */ r(le, { src: Vt.LESSON_OVERVIEW_BANNER }),
258
258
  m && C && /* @__PURE__ */ r(kt, { paperColor: C }),
259
- d ? /* @__PURE__ */ I(Dt, { children: [
260
- f === "practice-basic" && /* @__PURE__ */ r(re, {}),
261
- f === "practice-regular" && /* @__PURE__ */ r(ie, {}),
262
- f === "exit-ticket" && /* @__PURE__ */ r(oe, {}),
263
- (f == null ? void 0 : f.startsWith("advanced-")) && /* @__PURE__ */ r(ee, {})
259
+ g ? /* @__PURE__ */ I(zt, { children: [
260
+ h === "practice-basic" && /* @__PURE__ */ r(re, {}),
261
+ h === "practice-regular" && /* @__PURE__ */ r(ie, {}),
262
+ h === "exit-ticket" && /* @__PURE__ */ r(oe, {}),
263
+ (h == null ? void 0 : h.startsWith("advanced-")) && /* @__PURE__ */ r(ee, {})
264
264
  ] }) : void 0,
265
265
  /* @__PURE__ */ r(
266
266
  qt,
@@ -269,8 +269,8 @@ const Le = Ut(
269
269
  appended: a,
270
270
  question: n,
271
271
  response: e == null ? void 0 : e.response,
272
- canRender: K || v,
273
- learnosity: w,
272
+ canRender: K || w,
273
+ learnosity: H,
274
274
  canForceAppend: c === "TEACHER",
275
275
  isConceptIntro: m
276
276
  }
@@ -279,7 +279,7 @@ const Le = Ut(
279
279
  Xt,
280
280
  {
281
281
  canRender: K,
282
- canScribble: J && v,
282
+ canScribble: J && w,
283
283
  appended: a,
284
284
  responseId: o,
285
285
  width: V,
@@ -292,7 +292,7 @@ const Le = Ut(
292
292
  userType: c
293
293
  }
294
294
  ) }),
295
- !dt && U && U.length > 0 && /* @__PURE__ */ r(
295
+ !dt && D && D.length > 0 && /* @__PURE__ */ r(
296
296
  wt,
297
297
  {
298
298
  $background: "BLUE_1",
@@ -300,11 +300,11 @@ const Le = Ut(
300
300
  $gapX: 0.5,
301
301
  $borderRadiusX: 0,
302
302
  $borderColor: "BLUE_2",
303
- children: U.map((t, s) => /* @__PURE__ */ r(
303
+ children: D.map((t, s) => /* @__PURE__ */ r(
304
304
  ue,
305
305
  {
306
306
  dangerouslySetInnerHTML: {
307
- __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((h == null ? void 0 : h.length) ?? 0) > 1 ? ` ${s + 1}` : ""}:</span>&nbsp;${t}`
307
+ __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((d == null ? void 0 : d.length) ?? 0) > 1 ? ` ${s + 1}` : ""}:</span>&nbsp;${t}`
308
308
  }
309
309
  },
310
310
  t
@@ -323,7 +323,7 @@ const Le = Ut(
323
323
  fe,
324
324
  {
325
325
  dangerouslySetInnerHTML: {
326
- __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${S}`
326
+ __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${b}`
327
327
  }
328
328
  }
329
329
  )
@@ -334,7 +334,7 @@ const Le = Ut(
334
334
  {
335
335
  responses: Tt,
336
336
  response: e,
337
- nextQuestionId: R,
337
+ nextQuestionId: v,
338
338
  responseId: o,
339
339
  studentId: Lt,
340
340
  userType: c,
package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map CHANGED
@@ -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 { LEARNOSITY_KEYBOARD_HEIGHT, 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 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 } = 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 } = 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 && element.clientWidth > 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 });\n break;\n }\n }\n\n overflowDetectedRef.current[responseId] = false;\n }\n }, [\n appended,\n isConceptIntro,\n isSystemIntro,\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\n const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n if (!$responseWrapper) {\n return 0;\n }\n\n const questionBottom = questionEl.getBoundingClientRect().bottom;\n const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n }\n\n return 0;\n };\n\n if (appended && $questionEl) {\n setQuestionHeight(qHeight => {\n const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n const height = $questionEl.clientHeight;\n\n if (height === 0) {\n return qHeight;\n }\n\n // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n if (!qHeight) {\n return Math.ceil(\n height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n );\n }\n\n const newQuestionHeight = Math.ceil(\n height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n );\n\n if (Math.abs(newQuestionHeight - qHeight) > 4) {\n return newQuestionHeight;\n }\n\n return qHeight;\n });\n }\n });\n\n useLayoutEffect(() => {\n if (!questionsScrollable && !isHidden) {\n scrollToQuestion(responseId);\n }\n }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n useEffect(() => {\n if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n learnosity.renderMath('mathjax');\n }\n }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\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 {!(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 />\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 responseId={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>&nbsp;${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","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","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_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","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","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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"}
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 { LEARNOSITY_KEYBOARD_HEIGHT, 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 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 } = 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 } = 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 // drag drop questions\n if (element?.closest('.resize-sensor')) {\n continue;\n }\n\n if (element && element.clientWidth > 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 });\n break;\n }\n }\n\n overflowDetectedRef.current[responseId] = false;\n }\n }, [\n appended,\n isConceptIntro,\n isSystemIntro,\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\n const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n if (!$responseWrapper) {\n return 0;\n }\n\n const questionBottom = questionEl.getBoundingClientRect().bottom;\n const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n }\n\n return 0;\n };\n\n if (appended && $questionEl) {\n setQuestionHeight(qHeight => {\n const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n const height = $questionEl.clientHeight;\n\n if (height === 0) {\n return qHeight;\n }\n\n // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n if (!qHeight) {\n return Math.ceil(\n height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n );\n }\n\n const newQuestionHeight = Math.ceil(\n height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n );\n\n if (Math.abs(newQuestionHeight - qHeight) > 4) {\n return newQuestionHeight;\n }\n\n return qHeight;\n });\n }\n });\n\n useLayoutEffect(() => {\n if (!questionsScrollable && !isHidden) {\n scrollToQuestion(responseId);\n }\n }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n useEffect(() => {\n if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n learnosity.renderMath('mathjax');\n }\n }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\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 {!(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 />\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 responseId={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>&nbsp;${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","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","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_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","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "2.8.29-as1",
3
+ "version": "2.8.30-as1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"