@cuemath/leap 3.5.46 → 3.5.47-gg10

package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js

@@ -1,54 +1,58 @@
-import { jsxs as I, jsx as o, Fragment as Le } from "react/jsx-runtime";
-import { memo as Ae, useMemo as g, useState as O, useRef as z, useCallback as Be, useEffect as R, useLayoutEffect as Ne } from "react";
-import { IMAGES as Oe } from "../../../../assets/images/images.js";
-import ze from "../../../cue-canvas/cue-canvas.js";
-import je from "../../../pointer-sync/pointer.js";
-import Se from "../../../ui/layout/flex-view.js";
-import Fe from "../../constants/events.js";
-import { QUESTIONS_GAP as Ue, LEARNOSITY_KEYBOARD_HEIGHT as ye } from "../constants.js";
-import { getPaperColorByQuestion as Ke, isConceptIntroWidget as Ve, scrollToQuestion as Xe } from "../worksheet-helpers.js";
-import Ge from "./header/header.js";
-import Ye from "./learnosity-question.js";
-import Ze from "./question-backdrop/question-backdrop.js";
-import Je from "./subjective-review.js";
-import qe from "./system-intros/advanced-practice-intro.js";
-import et from "./system-intros/basic-practice-intro.js";
-import tt from "./system-intros/exit-ticket-intro.js";
-import ot from "./system-intros/regular-practice-intro.js";
-import { QuestionContainerWrapper as it, StimulusReview as nt, QuestionContainer as rt, QuestionWrapper as st, LessonOverviewBanner as at, CueCanvasWrapper as ct, Hint as ut, Solution as lt } from "./worksheet-question-styled.js";
-import { useWorksheetStore as dt } from "../hooks/use-worksheet-store.js";
-const Tt = Ae(function({
-  question: r,
+import { jsxs as E, jsx as o, Fragment as Xe } from "react/jsx-runtime";
+import { memo as Ke, useMemo as $, useState as F, useRef as I, useCallback as Ve, useEffect as v, useLayoutEffect as Ge } from "react";
+import { IMAGES as Ye } from "../../../../assets/images/images.js";
+import Ze from "../../../cue-canvas/cue-canvas.js";
+import Je from "../../../pointer-sync/pointer.js";
+import k from "../../../ui/layout/flex-view.js";
+import xe from "../../../ui/text/text.js";
+import qe from "../../constants/events.js";
+import { QUESTIONS_GAP as et, LEARNOSITY_KEYBOARD_HEIGHT as Ce } from "../constants.js";
+import { useWorksheetStore as tt } from "../hooks/use-worksheet-store.js";
+import { getPaperColorByQuestion as ot, isConceptIntroWidget as it, scrollToQuestion as nt } from "../worksheet-helpers.js";
+import rt from "./header/header.js";
+import st from "./learnosity-question.js";
+import ct from "./question-backdrop/question-backdrop.js";
+import at from "./subjective-review.js";
+import ut from "./system-intros/advanced-practice-intro.js";
+import lt from "./system-intros/basic-practice-intro.js";
+import dt from "./system-intros/exit-ticket-intro.js";
+import mt from "./system-intros/regular-practice-intro.js";
+import { QuestionContainerWrapper as ht, StimulusReview as ft, QuestionContainer as gt, QuestionWrapper as bt, LessonOverviewBanner as pt, Hint as Me, CueCanvasWrapper as Et } from "./worksheet-question-styled.js";
+const Ot = Ke(function({
+  question: n,
   response: t,
-  nextQuestionId: Re,
-  isActive: v,
-  isHidden: W,
-  canRender: j,
-  appended: s,
-  intersectionObserver: F
+  nextQuestionId: Te,
+  isActive: y,
+  isHidden: Q,
+  canRender: X,
+  appended: c,
+  intersectionObserver: K
 }) {
+  var Se, _e;
   const {
-    behavior: _,
-    layout: U,
-    userType: c,
-    responses: _e,
-    maxQuestionWidth: K,
-    actionbarHeight: $e,
-    worksheetCompleted: E,
-    learnosity: $,
-    onPublishStrokes: V,
-    onReceiveStrokes: X,
-    initialStrokesData: x,
-    onPublishMouseMove: G,
-    onSubscribeMouseMove: Y,
-    canResolveDoubt: we,
-    onResolveDoubt: Ce,
-    userId: He,
-    studentId: Me,
-    subjectiveProps: Z,
-    loggerRef: T,
-    isScribblingEnabled: J
-  } = dt((e) => ({
+    behavior: w,
+    layout: V,
+    userType: a,
+    responses: He,
+    maxQuestionWidth: G,
+    actionbarHeight: Ie,
+    worksheetCompleted: D,
+    learnosity: x,
+    onPublishStrokes: Y,
+    onReceiveStrokes: Z,
+    initialStrokesData: W,
+    onPublishMouseMove: J,
+    onSubscribeMouseMove: q,
+    canResolveDoubt: ke,
+    onResolveDoubt: Qe,
+    userId: De,
+    studentId: We,
+    subjectiveProps: ee,
+    loggerRef: B,
+    isScribblingEnabled: te,
+    inClass: Be,
+    setDiscussionQuestionOffset: oe
+  } = tt((e) => ({
     behavior: e.behavior,
     layout: e.layout,
     userType: e.userType,
@@ -68,285 +72,341 @@ const Tt = Ae(function({
     studentId: e.studentId,
     subjectiveProps: e.subjectiveProps,
     loggerRef: e.loggerRef,
-    isScribblingEnabled: e.scribblingEnabled
-  })), { background: q = "paper" } = U, w = g(
-    () => q === "paper" ? Ke(r) : void 0,
-    [q, r]
-  ), [C, Ie] = O(), [ee, We] = O(), {
-    validation: te,
-    review: k,
-    maximumAttempts: Q,
-    canExceedAttempts: oe,
-    teacherValidationEnabled: D,
-    solutionHidden: ie
-  } = _, { minQuestionHeight: xe, topOffset: ne, questionsScrollable: re, renderQuestionHeader: Te, imageHue: se } = U, {
-    type: p,
+    isScribblingEnabled: e.scribblingEnabled,
+    inClass: e.inClass,
+    setDiscussionQuestionOffset: e.setDiscussionQuestionOffset
+  })), { background: ie = "paper" } = V, C = $(
+    () => ie === "paper" ? ot(n) : void 0,
+    [ie, n]
+  ), [h, Pe] = F(), [ne, Ae] = F(), {
+    validation: re,
+    review: P,
+    maximumAttempts: A,
+    canExceedAttempts: se,
+    teacherValidationEnabled: L,
+    teacherDiscussionEnabled: Le
+  } = w, { minQuestionHeight: Oe, topOffset: ce, questionsScrollable: ae, renderQuestionHeader: Ne, imageHue: ue } = V, {
+    type: b,
     response_id: i,
-    stimulus_review: S,
+    stimulus_review: R,
     item_type: m,
-    instructor_stimulus: ae,
-    metadata: { hints: h, solution: P, widget_reference: ce },
-    item_reference: ue,
-    question_number: le,
-    item_number: de,
-    item_display_number: me
-  } = r, H = m === "overview", l = Ve(ae), f = ae === "SystemIntro", L = l || f, he = t == null ? void 0 : t.responseEdited, ke = g(() => {
+    instructor_stimulus: le,
+    concept_intro_stimulus: de,
+    metadata: { hints: f, widget_reference: me, acknowledgements: Ue },
+    item_reference: he,
+    question_number: fe,
+    item_number: ge,
+    item_display_number: be
+  } = n, M = m === "overview", l = it(le), g = le === "SystemIntro", O = l || g, pe = t == null ? void 0 : t.responseEdited, N = Le && !!Be && !!Ue && (t == null ? void 0 : t.responseEdited) !== !0 && (t == null ? void 0 : t.score) && ((Se = t.score) == null ? void 0 : Se.score) === ((_e = t.score) == null ? void 0 : _e.max_score), T = t == null ? void 0 : t.discussionQuestionOffset, je = $(() => {
     const e = [];
-    return he && c === "TEACHER" && e.push("attempting"), s || e.push("hidden"), p === "hotspot" && e.push("correct-answers-hidden"), s && D && p === "clozetext" && (!l || c === "STUDENT" ? e.push("response-hidden") : e.push("response-code-hidden")), H && e.push("lesson-overview"), l && e.push("concept-intro"), f && e.push("system-intro"), e.join(" ");
+    return pe && a === "TEACHER" && e.push("attempting"), c || e.push("hidden"), b === "hotspot" && e.push("correct-answers-hidden"), c && L && b === "clozetext" && (!l || a === "STUDENT" ? e.push("response-hidden") : e.push("response-code-hidden")), M && e.push("lesson-overview"), l && e.push("concept-intro"), g && e.push("system-intro"), e.join(" ");
   }, [
-    s,
+    c,
     l,
-    H,
-    f,
-    p,
-    he,
-    D,
-    c
-  ]), A = z({}), fe = (t == null ? void 0 : t.hintsUsed) ?? 0, M = z(null), B = z(null), N = g(() => h == null ? void 0 : h.slice(0, fe), [h, fe]), pe = g(() => c === "TEACHER" || E ? !0 : !t || !t.response || t.responseEdited ? !1 : te, [t, c, te, E]), be = g(() => {
-    if (c === "TEACHER") return !0;
-    if (k) {
+    M,
+    g,
+    b,
+    pe,
+    L,
+    a
+  ]), U = I({}), Ee = (t == null ? void 0 : t.hintsUsed) ?? 0, H = I(null), j = I(null), S = I(null), z = $(() => f == null ? void 0 : f.slice(0, Ee), [f, Ee]), ve = $(() => a === "TEACHER" || D ? !0 : !t || !t.response || t.responseEdited ? !1 : re, [t, a, re, D]), ye = $(() => {
+    if (a === "TEACHER") return !0;
+    if (P) {
       const { attemptsHistory: e } = t ?? {};
-      return ((e == null ? void 0 : e.length) ?? 0) >= Q && !oe;
+      return ((e == null ? void 0 : e.length) ?? 0) >= A && !se;
     }
     return !1;
-  }, [oe, Q, t, k, c]), Qe = g(
-    () => P && E && !ie,
-    [ie, P, E]
-  ), [ge, De] = O({
+  }, [se, A, t, P, a]), [Re, ze] = F({
     width: 0,
     height: 0
-  }), Pe = Be((e) => {
-    We(e);
+  }), Fe = Ve((e) => {
+    Ae(e);
   }, []);
-  return R(() => {
-    M.current && F.observe(M.current);
-  }, [F]), R(() => {
-    if (s && (r.type === "clozeassociation" || r.type === "association" || r.type === "clozeformula")) {
+  return v(() => {
+    H.current && K.observe(H.current);
+  }, [K]), v(() => {
+    if (c && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
       const e = document.querySelectorAll(
-        `.widget-${r.response_id} .lrn_draggable`
+        `.widget-${n.response_id} .lrn_draggable`
       );
-      let a = 0, n = 0;
+      let r = 0, s = 0;
       e.forEach((u) => {
-        a = Math.max(a, u.clientWidth + 33), n = Math.max(n, u.clientHeight + 1);
-      }), De({
-        width: r.type !== "association" ? a : 0,
-        height: n
+        r = Math.max(r, u.clientWidth + 33), s = Math.max(s, u.clientHeight + 1);
+      }), ze({
+        width: n.type !== "association" ? r : 0,
+        height: s
       });
     }
-  }, [s, r.response_id, r.type]), R(() => {
-    if (s && pe) {
-      const e = $.question(i);
+  }, [c, n.response_id, n.type]), v(() => {
+    if (c && ve) {
+      const e = x.question(i);
       e && e.validate({
-        showCorrectAnswers: be
+        showCorrectAnswers: ye
       });
     }
-  }, [s, $, i, k, be, c, pe]), R(() => {
-    const e = B.current;
-    if (s && e && T.current && A.current[i] === void 0 && !l && !f) {
-      const a = e.clientWidth, n = e.querySelectorAll("*");
-      for (let u = 0; u < n.length; u++) {
-        const d = n[u];
+  }, [c, x, i, P, ye, a, ve]), v(() => {
+    const e = S.current;
+    if (c && e && B.current && U.current[i] === void 0 && !l && !g) {
+      const r = e.clientWidth, s = e.querySelectorAll("*");
+      for (let u = 0; u < s.length; u++) {
+        const d = s[u];
         if (d != null && d.closest(".resize-sensor"))
           continue;
-        if (((d == null ? void 0 : d.clientWidth) ?? 0) > a) {
-          A.current[i] = !0, T.current(Fe.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
-            item_reference: ue,
-            widget_reference: ce,
-            question_type: p,
-            question_number: le,
+        if (((d == null ? void 0 : d.clientWidth) ?? 0) > r) {
+          U.current[i] = !0, B.current(qe.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
+            item_reference: he,
+            widget_reference: me,
+            question_type: b,
+            question_number: fe,
             responseId: i,
-            item_number: de,
-            item_display_number: me
+            item_number: ge,
+            item_display_number: be
           });
           break;
         }
       }
-      A.current[i] = !1;
+      U.current[i] = !1;
     }
   }, [
-    s,
+    c,
     l,
-    f,
-    me,
-    de,
-    ue,
-    T,
-    p,
-    le,
+    g,
+    be,
+    ge,
+    he,
+    B,
+    b,
+    fe,
     i,
-    ce
-  ]), R(() => {
-    const e = M.current, a = (n) => {
-      const u = n.querySelector(".lrn_response_wrapper");
-      if (L || !u)
+    me
+  ]), v(() => {
+    const e = H.current, r = (s) => {
+      const u = s.querySelector(".lrn_response_wrapper");
+      if (O || !u)
         return 0;
-      const d = n.getBoundingClientRect().bottom, y = u.getBoundingClientRect().bottom, b = Math.abs(d - y);
-      return b < ye ? ye - b : 0;
+      const d = s.getBoundingClientRect().bottom, _ = u.getBoundingClientRect().bottom, p = Math.abs(d - _);
+      return p < Ce ? Ce - p : 0;
     };
-    s && e && Ie((n) => {
-      var Ee;
-      const y = ((Ee = r.ui_style) == null ? void 0 : Ee.type) === "floating-keyboard" && !(D && p === "clozetext"), b = e.clientHeight;
-      if (b === 0)
-        return n;
-      if (!n)
+    c && e && Pe((s) => {
+      var we;
+      const _ = ((we = n.ui_style) == null ? void 0 : we.type) === "floating-keyboard" && !(L && b === "clozetext"), p = e.clientHeight;
+      if (p === 0)
+        return s;
+      if (!s)
         return Math.ceil(
-          b + (y ? a(e) : 0)
+          p + (_ ? r(e) : 0)
         );
-      const ve = Math.ceil(
-        b + (y ? a(e) : 0)
+      const $e = Math.ceil(
+        p + (_ ? r(e) : 0)
       );
-      return Math.abs(ve - n) > 4 ? ve : n;
-    }), $.renderMath("mathjax");
-  }), Ne(() => {
-    !re && !W && Xe(i);
-  }, [W, re, i, ne]), /* @__PURE__ */ I(
-    it,
+      return Math.abs($e - s) > 4 ? $e : s;
+    }), x.renderMath("mathjax");
+  }), v(() => {
+    if (a === "STUDENT" && N && j.current && S.current && !T && h) {
+      const e = S.current.getBoundingClientRect(), r = j.current.getBoundingClientRect();
+      oe(
+        i,
+        h - (r.y - e.y + r.height)
+      );
+    }
+  }, [
+    h,
+    N,
+    n,
+    a,
+    T,
+    i,
+    oe
+  ]), Ge(() => {
+    !ae && !Q && nt(i);
+  }, [Q, ae, i, ce]), /* @__PURE__ */ E(
+    ht,
     {
       "data-response-id": i,
       className: `widget-${i}`,
-      ref: M,
-      $topOffset: ne,
-      $flexDirection: S ? "row" : "column",
-      $alignItems: S ? "flex-start" : "center",
-      $hidden: W,
-      $marginBottom: Ue,
+      ref: H,
+      $topOffset: ce,
+      $flexDirection: R ? "row" : "column",
+      $alignItems: R ? "flex-start" : "center",
+      $hidden: Q,
+      $marginBottom: et,
       children: [
-        S && /* @__PURE__ */ o(
-          nt,
+        R && /* @__PURE__ */ o(
+          ft,
           {
             dangerouslySetInnerHTML: {
-              __html: S
+              __html: R
             }
           }
         ),
-        /* @__PURE__ */ I(
-          rt,
+        /* @__PURE__ */ E(
+          gt,
           {
-            ref: B,
-            $width: S ? "50%" : `${K}px`,
-            $minHeight: C ? Math.max(C - 72, ee ?? 0) : xe,
-            $isActive: v,
-            $paperColor: w,
-            $opacity: v ? 1 : 0.2,
-            $imageHue: se,
+            ref: S,
+            $width: R ? "50%" : `${G}px`,
+            $minHeight: h ? Math.max(h, ne ?? 0) : Oe,
+            $isActive: y,
+            $paperColor: C,
+            $opacity: y ? 1 : 0.2,
+            $imageHue: ue,
             children: [
-              v && !!G && !!Y && !!_.canvasEnabled && /* @__PURE__ */ o(
-                je,
+              y && !!J && !!q && !!w.canvasEnabled && /* @__PURE__ */ o(
+                Je,
                 {
-                  containerRef: B,
-                  onPublish: G,
-                  onSubscribe: Y,
+                  containerRef: S,
+                  onPublish: J,
+                  onSubscribe: q,
                   responseId: i
                 }
               ),
-              /* @__PURE__ */ I(
-                st,
+              /* @__PURE__ */ E(
+                bt,
                 {
-                  className: ke,
-                  $dropzoneMinWidth: ge.width,
-                  $dropzoneMinHeight: ge.height,
+                  className: je,
+                  $dropzoneMinWidth: Re.width,
+                  $dropzoneMinHeight: Re.height,
                   children: [
-                    Te && !(H || l || f) && /* @__PURE__ */ o(
-                      Ge,
+                    de && /* @__PURE__ */ o(
+                      k,
                       {
-                        question: r,
-                        response: t,
-                        behavior: _,
-                        paperColor: w,
-                        actionbarHeight: $e,
-                        canResolveDoubt: we,
-                        onResolveDoubt: Ce,
-                        worksheetCompleted: E
+                        style: {
+                          borderRadius: "8px 8px 0 0"
+                        },
+                        $gutterX: 2.5,
+                        $gapX: 1.5,
+                        $justifyContent: "center",
+                        $alignItems: "center",
+                        $background: "BLUE_3",
+                        children: /* @__PURE__ */ o(
+                          xe,
+                          {
+                            $renderAs: "ab2-bold",
+                            dangerouslySetInnerHTML: {
+                              __html: de
+                            }
+                          }
+                        )
                       }
                     ),
-                    H && /* @__PURE__ */ o(at, { src: Oe.LESSON_OVERVIEW_BANNER }),
-                    l && w && /* @__PURE__ */ o(Ze, { paperColor: w }),
-                    f ? /* @__PURE__ */ I(Le, { children: [
-                      m === "practice-basic" && /* @__PURE__ */ o(et, {}),
-                      m === "practice-regular" && /* @__PURE__ */ o(ot, {}),
-                      m === "exit-ticket" && /* @__PURE__ */ o(tt, {}),
-                      (m == null ? void 0 : m.startsWith("advanced-")) && /* @__PURE__ */ o(qe, {})
-                    ] }) : void 0,
-                    /* @__PURE__ */ o(
-                      Ye,
+                    Ne && !(M || l || g) && /* @__PURE__ */ o(
+                      rt,
                       {
-                        appended: s,
-                        question: r,
-                        response: t == null ? void 0 : t.response,
-                        canRender: j || v,
-                        learnosity: $,
-                        canForceAppend: c === "TEACHER",
-                        isConceptIntro: l,
-                        simState: t == null ? void 0 : t.simState,
-                        imageHue: se,
-                        isPuzzle: Q === -2
+                        question: n,
+                        response: t,
+                        behavior: w,
+                        paperColor: C,
+                        actionbarHeight: Ie,
+                        canResolveDoubt: ke,
+                        onResolveDoubt: Qe,
+                        worksheetCompleted: D
                       }
                     ),
-                    !L && !!_.canvasEnabled && V && X && C !== void 0 && /* @__PURE__ */ o(ct, { $canScribble: J, children: /* @__PURE__ */ o(
-                      ze,
-                      {
-                        canRender: j,
-                        canScribble: J && v,
-                        appended: s,
-                        canvasId: i,
-                        width: K,
-                        height: Math.max(C, ee ?? 0),
-                        onUpdateHeight: Pe,
-                        onPublish: V,
-                        onSubscribe: X,
-                        userId: He,
-                        initialData: x == null ? void 0 : x[i],
-                        userType: c
-                      }
-                    ) }),
-                    !L && N && N.length > 0 && /* @__PURE__ */ o(
-                      Se,
+                    M && /* @__PURE__ */ o(pt, { src: Ye.LESSON_OVERVIEW_BANNER }),
+                    l && C && /* @__PURE__ */ o(ct, { paperColor: C }),
+                    g ? /* @__PURE__ */ E(Xe, { children: [
+                      (m === "practice" || m === "practice-basic") && /* @__PURE__ */ o(lt, {}),
+                      m === "practice-regular" && /* @__PURE__ */ o(mt, {}),
+                      m === "exit-ticket" && /* @__PURE__ */ o(dt, {}),
+                      (m == null ? void 0 : m.startsWith("advanced-")) && /* @__PURE__ */ o(ut, {})
+                    ] }) : void 0,
+                    /* @__PURE__ */ E(
+                      k,
                       {
-                        $background: "BLUE_1",
-                        $gutterX: 1,
-                        $gapX: 0.5,
-                        $borderRadiusX: 0,
-                        $borderColor: "BLUE_2",
-                        children: N.map((e, a) => /* @__PURE__ */ o(
-                          ut,
-                          {
-                            dangerouslySetInnerHTML: {
-                              __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((h == null ? void 0 : h.length) ?? 0) > 1 ? ` ${a + 1}` : ""}:</span>&nbsp;${e}`
+                        ref: j,
+                        style: {
+                          padding: "15px 15px 55px 15px"
+                        },
+                        children: [
+                          /* @__PURE__ */ o(
+                            st,
+                            {
+                              appended: c,
+                              question: n,
+                              response: t == null ? void 0 : t.response,
+                              canRender: X || y,
+                              learnosity: x,
+                              canForceAppend: a === "TEACHER",
+                              isConceptIntro: l,
+                              simState: t == null ? void 0 : t.simState,
+                              imageHue: ue,
+                              isPuzzle: A === -2
+                            }
+                          ),
+                          !O && z && z.length > 0 && /* @__PURE__ */ o(
+                            k,
+                            {
+                              $background: "BLUE_1",
+                              $gutterX: 1,
+                              $gapX: 0.5,
+                              $borderRadiusX: 0,
+                              $borderColor: "BLUE_2",
+                              children: z.map((e, r) => /* @__PURE__ */ o(
+                                Me,
+                                {
+                                  dangerouslySetInnerHTML: {
+                                    __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((f == null ? void 0 : f.length) ?? 0) > 1 ? ` ${r + 1}` : ""}:</span>&nbsp;${e}`
+                                  }
+                                },
+                                e
+                              ))
                             }
-                          },
-                          e
-                        ))
+                          ),
+                          !!ee && /* @__PURE__ */ o(
+                            at,
+                            {
+                              responses: He,
+                              response: t,
+                              nextQuestionId: Te,
+                              responseId: i,
+                              studentId: We,
+                              ...ee
+                            }
+                          )
+                        ]
                       }
                     ),
-                    Qe && /* @__PURE__ */ o(
-                      Se,
+                    N && n.metadata.acknowledgements && T && /* @__PURE__ */ E(
+                      k,
                       {
-                        $background: "YELLOW_1",
+                        $background: "BLUE_3",
+                        $gapX: 1.5,
                         $gutterX: 1,
-                        $gapX: 0.875,
-                        $borderRadiusX: 0,
-                        $borderColor: "YELLOW_2",
-                        children: /* @__PURE__ */ o(
-                          lt,
-                          {
-                            dangerouslySetInnerHTML: {
-                              __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${P}`
+                        style: {
+                          marginTop: T ?? 0,
+                          paddingBottom: 55,
+                          flexGrow: 2,
+                          borderRadius: "0 0 8px 8px"
+                        },
+                        children: [
+                          /* @__PURE__ */ o(xe, { $renderAs: "ac3-black", $marginBottomX: 1, children: "Discuss with Tutor" }),
+                          /* @__PURE__ */ o(
+                            Me,
+                            {
+                              dangerouslySetInnerHTML: {
+                                __html: n.metadata.acknowledgements
+                              }
                             }
-                          }
-                        )
+                          )
+                        ]
                       }
                     ),
-                    !!Z && /* @__PURE__ */ o(
-                      Je,
+                    !O && !!w.canvasEnabled && Y && Z && h !== void 0 && /* @__PURE__ */ o(Et, { $canScribble: te, children: /* @__PURE__ */ o(
+                      Ze,
                       {
-                        responses: _e,
-                        response: t,
-                        nextQuestionId: Re,
-                        responseId: i,
-                        studentId: Me,
-                        ...Z
+                        canRender: X,
+                        canScribble: te && y,
+                        appended: c,
+                        canvasId: i,
+                        width: G,
+                        height: Math.max(h, ne ?? 0),
+                        onUpdateHeight: Fe,
+                        onPublish: Y,
+                        onSubscribe: Z,
+                        userId: De,
+                        initialData: W == null ? void 0 : W[i],
+                        userType: a
                       }
-                    )
+                    ) })
                   ]
                 }
               )
@@ -358,6 +418,6 @@ const Tt = Ae(function({
   );
 });
 export {
-  Tt as default
+  Ot as default
 };
 //# sourceMappingURL=worksheet-question.js.map