@cuemath/leap 3.1.47 → 3.1.48-aa0

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

@@ -1,307 +1,289 @@
-import { jsxs as L, jsx as i, Fragment as Kt } from "react/jsx-runtime";
-import { memo as Vt, useMemo as p, useState as T, useRef as K, useCallback as Xt, useEffect as R, useLayoutEffect as Pt } from "react";
-import { IMAGES as jt } from "../../../../assets/images/images.js";
-import Gt from "../../../cue-canvas/cue-canvas.js";
-import Yt from "../../../pointer-sync/pointer.js";
+import { jsxs as x, jsx as r, Fragment as Mt } from "react/jsx-runtime";
+import { memo as Qt, useMemo as w, useState as z, useRef as D, useCallback as Ut, useEffect as s, useLayoutEffect as zt } from "react";
+import { IMAGES as Dt } from "../../../../assets/images/images.js";
+import Vt from "../../../cue-canvas/cue-canvas.js";
+import Xt from "../../../pointer-sync/pointer.js";
 import St from "../../../ui/layout/flex-view.js";
-import Zt from "../../constants/events.js";
-import { QUESTIONS_GAP as Jt, LEARNOSITY_KEYBOARD_HEIGHT as Ht } from "../constants.js";
-import { getPaperColorByQuestion as kt, isConceptIntroWidget as qt, scrollToQuestion as bt } from "../worksheet-helpers.js";
-import te from "./header/header.js";
-import ee from "./learnosity-question.js";
-import ie from "./question-backdrop/question-backdrop.js";
-import re from "./subjective-review.js";
-import oe from "./system-intros/advanced-practice-intro.js";
-import ne from "./system-intros/basic-practice-intro.js";
-import ce from "./system-intros/exit-ticket-intro.js";
-import ae from "./system-intros/regular-practice-intro.js";
-import { QuestionContainerWrapper as se, StimulusReview as le, QuestionContainer as me, QuestionWrapper as ue, LessonOverviewBanner as fe, CueCanvasWrapper as he, Hint as de, Solution as ge } from "./worksheet-question-styled.js";
-const Ae = Vt(
+import Pt from "../../constants/events.js";
+import { QUESTIONS_GAP as jt } from "../constants.js";
+import { getPaperColorByQuestion as Ft, isConceptIntroWidget as Gt, scrollToQuestion as vt } from "../worksheet-helpers.js";
+import yt from "./header/header.js";
+import Yt from "./learnosity-question.js";
+import Zt from "./question-backdrop/question-backdrop.js";
+import Kt from "./subjective-review.js";
+import Jt from "./system-intros/advanced-practice-intro.js";
+import qt from "./system-intros/basic-practice-intro.js";
+import kt from "./system-intros/exit-ticket-intro.js";
+import ti from "./system-intros/regular-practice-intro.js";
+import { QuestionContainerWrapper as ii, StimulusReview as ri, QuestionContainer as ei, QuestionWrapper as oi, LessonOverviewBanner as ni, CueCanvasWrapper as ci, Hint as ai, Solution as mi } from "./worksheet-question-styled.js";
+const Ii = Qt(
   ({
-    userType: c,
-    signedRequest: Ct,
-    worksheetCompleted: g,
+    userType: o,
+    signedRequest: Rt,
+    worksheetCompleted: f,
     question: n,
-    response: e,
-    nextQuestionId: v,
-    isActive: w,
+    response: i,
+    nextQuestionId: S,
+    isActive: v,
     isHidden: A,
     canRender: V,
-    loggerRef: M,
-    appended: a,
+    loggerRef: B,
+    appended: c,
     maxQuestionWidth: X,
     behavior: P,
     layout: j,
-    actionbarHeight: Wt,
-    learnosity: b,
-    intersectionObserver: G,
-    background: Y = "paper",
-    onMediaStateChange: yt,
-    onMarkForReview: Bt,
-    userId: xt,
-    onPublishStrokes: Z,
-    onReceiveStrokes: J,
-    isScribblingEnabled: k,
+    actionbarHeight: Ht,
+    learnosity: m,
+    intersectionObserver: F,
+    background: G = "paper",
+    onMediaStateChange: Wt,
+    onMarkForReview: Lt,
+    userId: pt,
+    onPublishStrokes: y,
+    onReceiveStrokes: Y,
+    isScribblingEnabled: Z,
     initialStrokesData: O,
-    isCanvasEnabled: q,
-    onPublishMouseMove: tt,
-    onSubscribeMouseMove: et,
-    setActiveQuestionId: it,
-    canResolveDoubt: It,
-    onResolveDoubt: Lt,
-    studentId: Tt,
-    responses: At,
-    subjectiveProps: rt
+    isCanvasEnabled: K,
+    onPublishMouseMove: J,
+    onSubscribeMouseMove: q,
+    setActiveQuestionId: k,
+    canResolveDoubt: Ct,
+    onResolveDoubt: It,
+    studentId: bt,
+    responses: Tt,
+    subjectiveProps: tt
   }) => {
-    const C = p(
-      () => Y === "paper" ? kt(n) : void 0,
-      [Y, n]
-    ), [W, Mt] = T(), [ot, Ot] = T(), {
-      validation: nt,
+    const L = w(
+      () => G === "paper" ? Ft(n) : void 0,
+      [G, n]
+    ), [p, xt] = z(), {
+      validation: it,
       review: N,
-      maximumAttempts: ct,
-      canExceedAttempts: at,
-      teacherValidationEnabled: S,
-      solutionHidden: st
-    } = P, { minQuestionHeight: Nt, topOffset: lt, questionsScrollable: y } = j, {
-      type: E,
-      response_id: r,
-      stimulus_review: _,
-      item_type: f,
-      instructor_stimulus: mt,
-      metadata: { hints: h, solution: B, widget_reference: ut },
-      item_reference: ft,
-      question_number: ht,
-      item_number: dt,
-      item_display_number: gt
-    } = n, Qt = !!_, x = f === "overview", m = qt(mt), d = mt === "SystemIntro", Q = m || d, Et = e == null ? void 0 : e.responseEdited, Ft = p(() => {
+      maximumAttempts: rt,
+      canExceedAttempts: et,
+      teacherValidationEnabled: C,
+      solutionHidden: ot
+    } = P, { minQuestionHeight: At, topOffset: nt, questionsScrollable: I } = j, {
+      type: R,
+      response_id: e,
+      stimulus_review: E,
+      item_type: l,
+      instructor_stimulus: ct,
+      metadata: { hints: h, solution: H, widget_reference: at },
+      item_reference: mt,
+      question_number: ut,
+      item_number: ft,
+      item_display_number: lt
+    } = n, ht = !!E, b = l === "overview", u = Gt(ct), d = ct === "SystemIntro", dt = u || d, st = i == null ? void 0 : i.responseEdited, Bt = w(() => {
       const t = [];
-      return Et && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), E === "hotspot" && t.push("correct-answers-hidden"), a && S && E === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), x && t.push("lesson-overview"), m && t.push("concept-intro"), d && t.push("system-intro"), t.join(" ");
+      return st && o === "TEACHER" && t.push("attempting"), c || t.push("hidden"), R === "hotspot" && t.push("correct-answers-hidden"), c && C && R === "clozetext" && (!u || o === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), b && t.push("lesson-overview"), u && t.push("concept-intro"), d && t.push("system-intro"), t.join(" ");
     }, [
-      a,
-      m,
-      x,
+      c,
+      u,
+      b,
       d,
-      E,
-      Et,
-      S,
-      c
-    ]), F = K({}), z = (e == null ? void 0 : e.hintsUsed) ?? 0, [_t] = T((e == null ? void 0 : e.validatedByTeacher) ?? !1), I = K(null), D = K(null), U = p(() => h == null ? void 0 : h.slice(0, z), [h, z]), $t = p(() => c === "TEACHER" || g ? !0 : !e || !e.response || e.responseEdited ? !1 : nt, [e, c, nt, g]), pt = p(() => {
-      if (c === "TEACHER") return !0;
+      R,
+      st,
+      C,
+      o
+    ]), M = D({}), T = (i == null ? void 0 : i.hintsUsed) ?? 0, [Et] = z((i == null ? void 0 : i.validatedByTeacher) ?? !1), W = D(null), Q = D(null), U = w(() => h == null ? void 0 : h.slice(0, T), [h, T]), gt = w(() => o === "TEACHER" || f ? !0 : !i || !i.response || i.responseEdited ? !1 : it, [i, o, it, f]), $t = w(() => {
+      if (o === "TEACHER") return !0;
       if (N) {
-        const { attemptsHistory: t } = e ?? {};
-        return ((t == null ? void 0 : t.length) ?? 0) >= ct && !at;
+        const { attemptsHistory: t } = i ?? {};
+        return ((t == null ? void 0 : t.length) ?? 0) >= rt && !et;
       }
       return !1;
-    }, [at, ct, e, N, c]), zt = p(
-      () => B && g && !st,
-      [st, B, g]
-    ), [Rt, Dt] = T({
+    }, [et, rt, i, N, o]), Ot = w(
+      () => H && f && !ot,
+      [ot, H, f]
+    ), [_t, Nt] = z({
       width: 0,
       height: 0
-    }), Ut = Xt((t) => {
-      Ot(t);
+    }), wt = Ut((t) => {
+      xt(t);
     }, []);
-    return R(() => {
-      I.current && G.observe(I.current);
-    }, [G]), R(() => {
-      if (a && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
+    return s(() => {
+      W.current && F.observe(W.current);
+    }, [F]), s(() => {
+      if (c && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
         const t = document.querySelectorAll(
           `.widget-${n.response_id} .lrn_draggable`
         );
-        let s = 0, o = 0;
-        t.forEach((l) => {
-          s = Math.max(s, l.clientWidth + 33), o = Math.max(o, l.clientHeight + 1);
-        }), Dt({
-          width: n.type !== "association" ? s : 0,
-          height: o
+        let a = 0, g = 0;
+        t.forEach(($) => {
+          a = Math.max(a, $.clientWidth + 33), g = Math.max(g, $.clientHeight + 1);
+        }), Nt({
+          width: n.type !== "association" ? a : 0,
+          height: g
         });
       }
-    }, [a, n.response_id, n.type]), R(() => {
-      if (a && $t) {
-        const t = b.question(r);
+    }, [c, n.response_id, n.type]), s(() => {
+      if (c && gt) {
+        const t = m.question(e);
         t && t.validate({
-          showCorrectAnswers: pt
+          showCorrectAnswers: $t
         });
       }
-    }, [a, b, r, N, pt, c, $t]), R(() => {
-      const t = D.current;
-      if (a && t && M.current && F.current[r] === void 0 && !m && !d) {
-        const s = t.clientWidth, o = t.querySelectorAll("*");
-        for (let l = 0; l < o.length; l++) {
-          const u = o[l];
-          if (u != null && u.closest(".resize-sensor"))
+    }, [c, m, e, N, $t, o, gt]), s(() => {
+      const t = Q.current;
+      if (c && t && B.current && M.current[e] === void 0 && !u && !d) {
+        const a = t.clientWidth, g = t.querySelectorAll("*");
+        for (let $ = 0; $ < g.length; $++) {
+          const _ = g[$];
+          if (_ != null && _.closest(".resize-sensor"))
             continue;
-          if (((u == null ? void 0 : u.clientWidth) ?? 0) > s) {
-            F.current[r] = !0, M.current(Zt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
-              item_reference: ft,
-              widget_reference: ut,
-              question_type: E,
-              question_number: ht,
-              responseId: r,
-              item_number: dt,
-              item_display_number: gt
+          if (((_ == null ? void 0 : _.clientWidth) ?? 0) > a) {
+            M.current[e] = !0, B.current(Pt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
+              item_reference: mt,
+              widget_reference: at,
+              question_type: R,
+              question_number: ut,
+              responseId: e,
+              item_number: ft,
+              item_display_number: lt
             });
             break;
           }
         }
-        F.current[r] = !1;
+        M.current[e] = !1;
       }
     }, [
-      a,
-      m,
+      c,
+      u,
       d,
-      gt,
-      dt,
+      lt,
       ft,
-      M,
-      E,
-      ht,
-      r,
-      ut
-    ]), R(() => {
-      const t = I.current, s = (o) => {
-        const l = o.querySelector(".lrn_response_wrapper");
-        if (Q || !l)
-          return 0;
-        const u = o.getBoundingClientRect().bottom, H = l.getBoundingClientRect().bottom, $ = Math.abs(u - H);
-        return $ < Ht ? Ht - $ : 0;
-      };
-      a && t && Mt((o) => {
-        var wt;
-        const H = ((wt = n.ui_style) == null ? void 0 : wt.type) === "floating-keyboard" && !(S && E === "clozetext"), $ = t.clientHeight;
-        if ($ === 0)
-          return o;
-        if (!o)
-          return Math.ceil(
-            $ + (H ? s(t) : 0)
-          );
-        const vt = Math.ceil(
-          $ + (H ? s(t) : 0)
-        );
-        return Math.abs(vt - o) > 4 ? vt : o;
-      }), (z || Qt || B && g) && b.renderMath("mathjax");
-    }), Pt(() => {
-      !y && !A && bt(r);
-    }, [A, y, r, lt]), R(() => {
-      if (S && v && !_t && (e != null && e.validatedByTeacher)) {
+      mt,
+      B,
+      R,
+      ut,
+      e,
+      at
+    ]), s(() => {
+      var t, a;
+      c && W.current && wt((t = W.current) == null ? void 0 : t.clientHeight), (T || ht || H && f) && ((a = m == null ? void 0 : m.renderMath) == null || a.call(m, "mathjax"));
+    }), zt(() => {
+      !I && !A && vt(e);
+    }, [A, I, e, nt]), s(() => {
+      if (C && S && !Et && (i != null && i.validatedByTeacher)) {
         const t = setTimeout(() => {
-          y ? bt(v) : it(v);
+          I ? vt(S) : k(S);
         }, 1e3);
         return () => {
           clearTimeout(t);
         };
       }
     }, [
-      v,
       S,
-      _t,
-      y,
-      it,
-      e == null ? void 0 : e.validatedByTeacher
-    ]), /* @__PURE__ */ L(
-      se,
+      C,
+      Et,
+      I,
+      k,
+      i == null ? void 0 : i.validatedByTeacher
+    ]), s(() => {
+    }, [ht, T, m, H, f]), /* @__PURE__ */ x(
+      ii,
       {
-        "data-response-id": r,
-        className: `widget-${r}`,
-        ref: I,
-        $topOffset: lt,
-        $flexDirection: _ ? "row" : "column",
-        $alignItems: _ ? "flex-start" : "center",
+        "data-response-id": e,
+        className: `widget-${e}`,
+        ref: W,
+        $topOffset: nt,
+        $flexDirection: E ? "row" : "column",
+        $alignItems: E ? "flex-start" : "center",
         $hidden: A,
-        $marginBottom: Jt,
+        $marginBottom: jt,
         children: [
-          _ && /* @__PURE__ */ i(
-            le,
+          E && /* @__PURE__ */ r(
+            ri,
             {
               dangerouslySetInnerHTML: {
-                __html: _
+                __html: E
               }
             }
           ),
-          /* @__PURE__ */ L(
-            me,
+          /* @__PURE__ */ x(
+            ei,
             {
-              ref: D,
-              $width: _ ? "50%" : `${X}px`,
-              $minHeight: W ? Math.max(W - 72, ot ?? 0) : Nt,
-              $isActive: w,
-              $paperColor: C,
-              $opacity: w ? 1 : 0.2,
+              ref: Q,
+              $width: E ? "50%" : `${X}px`,
+              $minHeight: p ? p - 72 : At,
+              $isActive: v,
+              $paperColor: L,
+              $opacity: v ? 1 : 0.2,
               children: [
-                w && !!tt && !!et && q && /* @__PURE__ */ i(
-                  Yt,
+                v && !!J && !!q && K && /* @__PURE__ */ r(
+                  Xt,
                   {
-                    containerRef: D,
-                    onPublish: tt,
-                    onSubscribe: et,
-                    responseId: r
+                    containerRef: Q,
+                    onPublish: J,
+                    onSubscribe: q,
+                    responseId: e
                   }
                 ),
-                /* @__PURE__ */ L(
-                  ue,
+                /* @__PURE__ */ x(
+                  oi,
                   {
-                    className: Ft,
-                    $dropzoneMinWidth: Rt.width,
-                    $dropzoneMinHeight: Rt.height,
+                    className: Bt,
+                    $dropzoneMinWidth: _t.width,
+                    $dropzoneMinHeight: _t.height,
                     children: [
-                      !(x || m || d) && /* @__PURE__ */ i(
-                        te,
+                      !(b || u || d) && /* @__PURE__ */ r(
+                        yt,
                         {
-                          userType: c,
+                          userType: o,
                           question: n,
-                          response: e,
+                          response: i,
                           behavior: P,
                           layout: j,
-                          paperColor: C,
-                          onMarkForReview: Bt,
-                          actionbarHeight: Wt,
-                          canResolveDoubt: It,
-                          onResolveDoubt: Lt,
-                          worksheetCompleted: g
+                          paperColor: L,
+                          onMarkForReview: Lt,
+                          actionbarHeight: Ht,
+                          canResolveDoubt: Ct,
+                          onResolveDoubt: It,
+                          worksheetCompleted: f
                         }
                       ),
-                      x && /* @__PURE__ */ i(fe, { src: jt.LESSON_OVERVIEW_BANNER }),
-                      m && C && /* @__PURE__ */ i(ie, { paperColor: C }),
-                      d ? /* @__PURE__ */ L(Kt, { children: [
-                        f === "practice-basic" && /* @__PURE__ */ i(ne, {}),
-                        f === "practice-regular" && /* @__PURE__ */ i(ae, {}),
-                        f === "exit-ticket" && /* @__PURE__ */ i(ce, {}),
-                        (f == null ? void 0 : f.startsWith("advanced-")) && /* @__PURE__ */ i(oe, {})
+                      b && /* @__PURE__ */ r(ni, { src: Dt.LESSON_OVERVIEW_BANNER }),
+                      u && L && /* @__PURE__ */ r(Zt, { paperColor: L }),
+                      d ? /* @__PURE__ */ x(Mt, { children: [
+                        l === "practice-basic" && /* @__PURE__ */ r(qt, {}),
+                        l === "practice-regular" && /* @__PURE__ */ r(ti, {}),
+                        l === "exit-ticket" && /* @__PURE__ */ r(kt, {}),
+                        (l == null ? void 0 : l.startsWith("advanced-")) && /* @__PURE__ */ r(Jt, {})
                       ] }) : void 0,
-                      /* @__PURE__ */ i(
-                        ee,
+                      /* @__PURE__ */ r(
+                        Yt,
                         {
-                          signedRequest: Ct,
-                          appended: a,
+                          signedRequest: Rt,
+                          appended: c,
                           question: n,
-                          response: e == null ? void 0 : e.response,
-                          canRender: V || w,
-                          learnosity: b,
-                          canForceAppend: c === "TEACHER",
-                          isConceptIntro: m,
-                          simState: e == null ? void 0 : e.simState,
-                          onMediaStateChange: yt
+                          response: i == null ? void 0 : i.response,
+                          canRender: V || v,
+                          learnosity: m,
+                          canForceAppend: o === "TEACHER",
+                          isConceptIntro: u,
+                          simState: i == null ? void 0 : i.simState,
+                          onMediaStateChange: Wt
                         }
                       ),
-                      !Q && q && Z && J && W !== void 0 && /* @__PURE__ */ i(he, { $canScribble: k, children: /* @__PURE__ */ i(
-                        Gt,
+                      !dt && K && y && Y && p !== void 0 && /* @__PURE__ */ r(ci, { $canScribble: Z, children: /* @__PURE__ */ r(
+                        Vt,
                         {
                           canRender: V,
-                          canScribble: k && w,
-                          appended: a,
-                          canvasId: r,
+                          canScribble: Z && v,
+                          appended: c,
+                          canvasId: e,
                           width: X,
-                          height: Math.max(W, ot ?? 0),
-                          onUpdateHeight: Ut,
-                          onPublish: Z,
-                          onSubscribe: J,
-                          userId: xt,
-                          initialData: O == null ? void 0 : O[r],
-                          userType: c
+                          height: p,
+                          onUpdateHeight: wt,
+                          onPublish: y,
+                          onSubscribe: Y,
+                          userId: pt,
+                          initialData: O == null ? void 0 : O[e],
+                          userType: o
                         }
                       ) }),
-                      !Q && U && U.length > 0 && /* @__PURE__ */ i(
+                      !dt && U && U.length > 0 && /* @__PURE__ */ r(
                         St,
                         {
                           $background: "BLUE_1",
@@ -309,18 +291,18 @@ const Ae = Vt(
                           $gapX: 0.5,
                           $borderRadiusX: 0,
                           $borderColor: "BLUE_2",
-                          children: U.map((t, s) => /* @__PURE__ */ i(
-                            de,
+                          children: U.map((t, a) => /* @__PURE__ */ r(
+                            ai,
                             {
                               dangerouslySetInnerHTML: {
-                                __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((h == null ? void 0 : h.length) ?? 0) > 1 ? ` ${s + 1}` : ""}:</span>&nbsp;${t}`
+                                __html: `<span style="color: #DA5107; font-weight: 600;">Hint${((h == null ? void 0 : h.length) ?? 0) > 1 ? ` ${a + 1}` : ""}:</span>&nbsp;${t}`
                               }
                             },
                             t
                           ))
                         }
                       ),
-                      zt && /* @__PURE__ */ i(
+                      Ot && /* @__PURE__ */ r(
                         St,
                         {
                           $background: "YELLOW_1",
@@ -328,26 +310,26 @@ const Ae = Vt(
                           $gapX: 0.875,
                           $borderRadiusX: 0,
                           $borderColor: "YELLOW_2",
-                          children: /* @__PURE__ */ i(
-                            ge,
+                          children: /* @__PURE__ */ r(
+                            mi,
                             {
                               dangerouslySetInnerHTML: {
-                                __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${B}`
+                                __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${H}`
                               }
                             }
                           )
                         }
                       ),
-                      !!rt && /* @__PURE__ */ i(
-                        re,
+                      !!tt && /* @__PURE__ */ r(
+                        Kt,
                         {
-                          responses: At,
-                          response: e,
-                          nextQuestionId: v,
-                          responseId: r,
-                          studentId: Tt,
-                          userType: c,
-                          ...rt
+                          responses: Tt,
+                          response: i,
+                          nextQuestionId: S,
+                          responseId: e,
+                          studentId: bt,
+                          userType: o,
+                          ...tt
                         }
                       )
                     ]
@@ -362,6 +344,6 @@ const Ae = Vt(
   }
 );
 export {
-  Ae as default
+  Ii as default
 };
 //# sourceMappingURL=worksheet-question.js.map