@cuemath/leap 3.5.48 → 3.5.49

package/dist/features/cue-canvas/cue-canvas.js

@@ -1,14 +1,14 @@
-import { jsx as j } from "react/jsx-runtime";
-import { memo as k, useRef as x, useCallback as I, useEffect as n } from "react";
-import P from "../worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
-import { CueCanvasCore as W } from "./cue-canvas-core.js";
-import { getCanvasConfig as q, getCanvasSettings as y } from "./cue-canvas-helpers.js";
-import { CueCanvasWrapper as z } from "./cue-cavas-styled.js";
-import A from "./hooks/use-config-updater.js";
-import { useCueCanvasActions as B } from "./hooks/use-cue-canvas-actions.js";
-import F from "./hooks/use-height-extender.js";
-import G from "./hooks/use-upload-helper.js";
-const J = k(function({
+import { jsx as k } from "react/jsx-runtime";
+import { memo as I, useRef as x, useCallback as P, useEffect as n } from "react";
+import W from "../worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
+import { CueCanvasCore as q } from "./cue-canvas-core.js";
+import { getCanvasConfig as y, getCanvasSettings as z } from "./cue-canvas-helpers.js";
+import { CueCanvasWrapper as A } from "./cue-cavas-styled.js";
+import B from "./hooks/use-config-updater.js";
+import { useCueCanvasActions as F } from "./hooks/use-cue-canvas-actions.js";
+import G from "./hooks/use-height-extender.js";
+import J from "./hooks/use-upload-helper.js";
+const K = I(function({
   canvasId: i,
   width: u,
   height: o,
@@ -23,19 +23,21 @@ const J = k(function({
   userType: s,
   renderAs: e = "canvas",
   canvasConfig: U,
-  updateCanvasConfig: H
+  updateCanvasConfig: H,
+  loggerRef: L
 }) {
-  const f = x(null), { setActiveInstance: c, setActiveTool: w } = B(), L = G({ userId: g, renderAs: e, userType: s }), { scriptStatus: d } = P(), t = x(null), R = I(
+  const f = x(null), { setActiveInstance: c, setActiveTool: w } = F(), R = J({ userId: g, renderAs: e, userType: s }), { scriptStatus: d } = W(), t = x(null), V = P(
     (m) => {
       w(m);
     },
     [w]
   );
-  return F({
+  return G({
     canvasElementRef: f,
     cueCanvasRef: t,
-    canScribble: r
-  }), A(U, e), n(() => {
+    canScribble: r,
+    loggerRef: L
+  }), B(U, e), n(() => {
     r && t.current && (t.current.resetViewPort(), c(t.current));
   }, [r, c]), n(() => {
     a && t.current && t.current.update(a);
@@ -43,12 +45,12 @@ const J = k(function({
     o && t.current && t.current.resetViewPort();
   }, [o, u]), n(() => {
     if (C && $ && !t.current && d === "loaded") {
-      const m = q(u, o, e, s), V = y(e, s), v = new W({
+      const m = y(u, o, e, s), j = z(e, s), v = new q({
         onPublish: p,
         onSubscribe: l,
-        onUpdateActiveTool: R,
+        onUpdateActiveTool: V,
         onUpdateHeight: E,
-        uploadImageToS3: L,
+        uploadImageToS3: R,
         height: o,
         userId: g,
         canvasId: i,
@@ -60,15 +62,15 @@ const J = k(function({
         await v.create({
           canvasElementRef: f,
           canvasConfig: m,
-          canvasSetting: V,
+          canvasSetting: j,
           initialData: a
         }), t.current = v, r && c(v);
       })();
     }
   }, [p, l, c, C, $, d]), n(() => () => {
     t.current && (t.current.destroy(), t.current = null);
-  }, []), /* @__PURE__ */ j(
-    z,
+  }, []), /* @__PURE__ */ k(
+    A,
     {
       id: e === "whiteboard" ? "canvasContainer" : i,
       ref: f,
@@ -79,8 +81,8 @@ const J = k(function({
       $renderAs: e
     }
   );
-}), h = J;
+}), b = K;
 export {
-  h as default
+  b as default
 };
 //# sourceMappingURL=cue-canvas.js.map

package/dist/features/cue-canvas/cue-canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\nimport type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nconst CueCanvas: FC<ICueCanvas> = memo(function CueCanvas({\n  canvasId,\n  width,\n  height,\n  canRender,\n  onUpdateHeight,\n  initialData,\n  onPublish,\n  onSubscribe,\n  userId,\n  appended,\n  canScribble,\n  userType,\n  renderAs = 'canvas',\n  canvasConfig,\n  updateCanvasConfig,\n}) {\n  const canvasElementRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n  const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n  const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n  const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n  const onUpdateActiveTool = useCallback(\n    (tool: TCueCanvasTool) => {\n      setActiveTool(tool);\n    },\n    [setActiveTool],\n  );\n\n  useHeightExtender({\n    canvasElementRef,\n    cueCanvasRef,\n    canScribble,\n  });\n  useConfigUpdater(canvasConfig, renderAs);\n\n  useEffect(() => {\n    if (canScribble && cueCanvasRef.current) {\n      cueCanvasRef.current.resetViewPort();\n\n      setActiveCueCanvas(cueCanvasRef.current);\n    }\n  }, [canScribble, setActiveCueCanvas]);\n\n  useEffect(() => {\n    if (initialData && cueCanvasRef.current) {\n      cueCanvasRef.current.update(initialData);\n    }\n  }, [initialData]);\n\n  useEffect(() => {\n    if (height && cueCanvasRef.current) {\n      cueCanvasRef.current.resetViewPort();\n    }\n  }, [height, width]);\n\n  useEffect(() => {\n    if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n      const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n      const canvasSetting = getCanvasSettings(renderAs, userType);\n      const cueCanvasCore = new CueCanvasCore({\n        onPublish,\n        onSubscribe,\n        onUpdateActiveTool,\n        onUpdateHeight,\n        uploadImageToS3,\n        height,\n        userId,\n        canvasId,\n        userType,\n        renderAs,\n        updateCanvasConfig,\n      });\n\n      const createCueCanvas = async () => {\n        await cueCanvasCore.create({\n          canvasElementRef,\n          canvasConfig: canvasCreateConfig,\n          canvasSetting,\n          initialData,\n        });\n        cueCanvasRef.current = cueCanvasCore;\n\n        if (canScribble) {\n          setActiveCueCanvas(cueCanvasCore);\n        }\n      };\n\n      createCueCanvas();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n  useEffect(() => {\n    return () => {\n      if (cueCanvasRef.current) {\n        cueCanvasRef.current.destroy();\n        cueCanvasRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <CueCanvasWrapper\n      id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n      ref={canvasElementRef}\n      $width={width}\n      $height={height}\n      $canScribble={canScribble}\n      $canRender={canRender}\n      $renderAs={renderAs}\n    />\n  );\n});\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAA4BC,EAAK,SAAmB;AAAA,EACxD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,oBAAAC;AACF,GAAG;AACK,QAAAC,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,mBAAmBC,GAAoB,eAAAC,MAAkBC,EAAoB,GAC/EC,IAAkBC,EAAgB,EAAE,QAAAb,GAAQ,UAAAI,GAAU,UAAAD,GAAU,GAChE,EAAE,cAAAW,MAAiBC,KAEnBC,IAAeR,EAA6B,IAAI,GAEhDS,IAAqBC;AAAA,IACzB,CAACC,MAAyB;AACxB,MAAAT,EAAcS,CAAI;AAAA,IACpB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGE,SAAAU,EAAA;AAAA,IAChB,kBAAAb;AAAA,IACA,cAAAS;AAAA,IACA,aAAAd;AAAA,EAAA,CACD,GACDmB,EAAiBhB,GAAcD,CAAQ,GAEvCkB,EAAU,MAAM;AACV,IAAApB,KAAec,EAAa,YAC9BA,EAAa,QAAQ,iBAErBP,EAAmBO,EAAa,OAAO;AAAA,EACzC,GACC,CAACd,GAAaO,CAAkB,CAAC,GAEpCa,EAAU,MAAM;AACV,IAAAzB,KAAemB,EAAa,WACjBA,EAAA,QAAQ,OAAOnB,CAAW;AAAA,EACzC,GACC,CAACA,CAAW,CAAC,GAEhByB,EAAU,MAAM;AACV,IAAA5B,KAAUsB,EAAa,WACzBA,EAAa,QAAQ;EACvB,GACC,CAACtB,GAAQD,CAAK,CAAC,GAElB6B,EAAU,MAAM;AACd,QAAI3B,KAAaM,KAAY,CAACe,EAAa,WAAWF,MAAiB,UAAU;AAC/E,YAAMS,IAAqBC,EAAgB/B,GAAOC,GAAQU,GAAUD,CAAQ,GACtEsB,IAAgBC,EAAkBtB,GAAUD,CAAQ,GACpDwB,IAAgB,IAAIC,EAAc;AAAA,QACtC,WAAA9B;AAAA,QACA,aAAAC;AAAA,QACA,oBAAAkB;AAAA,QACA,gBAAArB;AAAA,QACA,iBAAAgB;AAAA,QACA,QAAAlB;AAAA,QACA,QAAAM;AAAA,QACA,UAAAR;AAAA,QACA,UAAAW;AAAA,QACA,UAAAC;AAAA,QACA,oBAAAE;AAAA,MAAA,CACD;AAgBe,OAdQ,YAAY;AAClC,cAAMqB,EAAc,OAAO;AAAA,UACzB,kBAAApB;AAAA,UACA,cAAcgB;AAAA,UACd,eAAAE;AAAA,UACA,aAAA5B;AAAA,QAAA,CACD,GACDmB,EAAa,UAAUW,GAEnBzB,KACFO,EAAmBkB,CAAa;AAAA,MAClC;IAIJ;AAAA,EAAA,GAEC,CAAC7B,GAAWC,GAAaU,GAAoBd,GAAWM,GAAUa,CAAY,CAAC,GAElFQ,EAAU,MACD,MAAM;AACX,IAAIN,EAAa,YACfA,EAAa,QAAQ,WACrBA,EAAa,UAAU;AAAA,EACzB,GAED,CAAE,CAAA,GAGH,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI1B,MAAa,eAAe,oBAAoBZ;AAAA,MACpD,KAAKe;AAAA,MACL,QAAQd;AAAA,MACR,SAASC;AAAA,MACT,cAAcQ;AAAA,MACd,YAAYP;AAAA,MACZ,WAAWS;AAAA,IAAA;AAAA,EAAA;AAGjB,CAAC,GAED2B,IAAezC;"}
+{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\nimport type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nconst CueCanvas: FC<ICueCanvas> = memo(function CueCanvas({\n  canvasId,\n  width,\n  height,\n  canRender,\n  onUpdateHeight,\n  initialData,\n  onPublish,\n  onSubscribe,\n  userId,\n  appended,\n  canScribble,\n  userType,\n  renderAs = 'canvas',\n  canvasConfig,\n  updateCanvasConfig,\n  loggerRef,\n}) {\n  const canvasElementRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n  const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n  const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n  const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n  const onUpdateActiveTool = useCallback(\n    (tool: TCueCanvasTool) => {\n      setActiveTool(tool);\n    },\n    [setActiveTool],\n  );\n\n  useHeightExtender({\n    canvasElementRef,\n    cueCanvasRef,\n    canScribble,\n    loggerRef,\n  });\n  useConfigUpdater(canvasConfig, renderAs);\n\n  useEffect(() => {\n    if (canScribble && cueCanvasRef.current) {\n      cueCanvasRef.current.resetViewPort();\n\n      setActiveCueCanvas(cueCanvasRef.current);\n    }\n  }, [canScribble, setActiveCueCanvas]);\n\n  useEffect(() => {\n    if (initialData && cueCanvasRef.current) {\n      cueCanvasRef.current.update(initialData);\n    }\n  }, [initialData]);\n\n  useEffect(() => {\n    if (height && cueCanvasRef.current) {\n      cueCanvasRef.current.resetViewPort();\n    }\n  }, [height, width]);\n\n  useEffect(() => {\n    if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n      const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n      const canvasSetting = getCanvasSettings(renderAs, userType);\n      const cueCanvasCore = new CueCanvasCore({\n        onPublish,\n        onSubscribe,\n        onUpdateActiveTool,\n        onUpdateHeight,\n        uploadImageToS3,\n        height,\n        userId,\n        canvasId,\n        userType,\n        renderAs,\n        updateCanvasConfig,\n      });\n\n      const createCueCanvas = async () => {\n        await cueCanvasCore.create({\n          canvasElementRef,\n          canvasConfig: canvasCreateConfig,\n          canvasSetting,\n          initialData,\n        });\n        cueCanvasRef.current = cueCanvasCore;\n\n        if (canScribble) {\n          setActiveCueCanvas(cueCanvasCore);\n        }\n      };\n\n      createCueCanvas();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n  useEffect(() => {\n    return () => {\n      if (cueCanvasRef.current) {\n        cueCanvasRef.current.destroy();\n        cueCanvasRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <CueCanvasWrapper\n      id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n      ref={canvasElementRef}\n      $width={width}\n      $height={height}\n      $canScribble={canScribble}\n      $canRender={canRender}\n      $renderAs={renderAs}\n    />\n  );\n});\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","loggerRef","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAA4BC,EAAK,SAAmB;AAAA,EACxD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAAG;AACK,QAAAC,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,mBAAmBC,GAAoB,eAAAC,MAAkBC,EAAoB,GAC/EC,IAAkBC,EAAgB,EAAE,QAAAd,GAAQ,UAAAI,GAAU,UAAAD,GAAU,GAChE,EAAE,cAAAY,MAAiBC,KAEnBC,IAAeR,EAA6B,IAAI,GAEhDS,IAAqBC;AAAA,IACzB,CAACC,MAAyB;AACxB,MAAAT,EAAcS,CAAI;AAAA,IACpB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGE,SAAAU,EAAA;AAAA,IAChB,kBAAAb;AAAA,IACA,cAAAS;AAAA,IACA,aAAAf;AAAA,IACA,WAAAK;AAAA,EAAA,CACD,GACDe,EAAiBjB,GAAcD,CAAQ,GAEvCmB,EAAU,MAAM;AACV,IAAArB,KAAee,EAAa,YAC9BA,EAAa,QAAQ,iBAErBP,EAAmBO,EAAa,OAAO;AAAA,EACzC,GACC,CAACf,GAAaQ,CAAkB,CAAC,GAEpCa,EAAU,MAAM;AACV,IAAA1B,KAAeoB,EAAa,WACjBA,EAAA,QAAQ,OAAOpB,CAAW;AAAA,EACzC,GACC,CAACA,CAAW,CAAC,GAEhB0B,EAAU,MAAM;AACV,IAAA7B,KAAUuB,EAAa,WACzBA,EAAa,QAAQ;EACvB,GACC,CAACvB,GAAQD,CAAK,CAAC,GAElB8B,EAAU,MAAM;AACd,QAAI5B,KAAaM,KAAY,CAACgB,EAAa,WAAWF,MAAiB,UAAU;AAC/E,YAAMS,IAAqBC,EAAgBhC,GAAOC,GAAQU,GAAUD,CAAQ,GACtEuB,IAAgBC,EAAkBvB,GAAUD,CAAQ,GACpDyB,IAAgB,IAAIC,EAAc;AAAA,QACtC,WAAA/B;AAAA,QACA,aAAAC;AAAA,QACA,oBAAAmB;AAAA,QACA,gBAAAtB;AAAA,QACA,iBAAAiB;AAAA,QACA,QAAAnB;AAAA,QACA,QAAAM;AAAA,QACA,UAAAR;AAAA,QACA,UAAAW;AAAA,QACA,UAAAC;AAAA,QACA,oBAAAE;AAAA,MAAA,CACD;AAgBe,OAdQ,YAAY;AAClC,cAAMsB,EAAc,OAAO;AAAA,UACzB,kBAAApB;AAAA,UACA,cAAcgB;AAAA,UACd,eAAAE;AAAA,UACA,aAAA7B;AAAA,QAAA,CACD,GACDoB,EAAa,UAAUW,GAEnB1B,KACFQ,EAAmBkB,CAAa;AAAA,MAClC;IAIJ;AAAA,EAAA,GAEC,CAAC9B,GAAWC,GAAaW,GAAoBf,GAAWM,GAAUc,CAAY,CAAC,GAElFQ,EAAU,MACD,MAAM;AACX,IAAIN,EAAa,YACfA,EAAa,QAAQ,WACrBA,EAAa,UAAU;AAAA,EACzB,GAED,CAAE,CAAA,GAGH,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI3B,MAAa,eAAe,oBAAoBZ;AAAA,MACpD,KAAKgB;AAAA,MACL,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,cAAcQ;AAAA,MACd,YAAYP;AAAA,MACZ,WAAWS;AAAA,IAAA;AAAA,EAAA;AAGjB,CAAC,GAED4B,IAAe1C;"}

package/dist/features/cue-canvas/hooks/use-height-extender.js

@@ -1,45 +1,53 @@
-import { useRef as l, useCallback as d, useEffect as L } from "react";
-import { useCueCanvasActions as f } from "./use-cue-canvas-actions.js";
-const w = ({
+import { useRef as L, useCallback as p, useEffect as v } from "react";
+import { useCueCanvasActions as w } from "./use-cue-canvas-actions.js";
+import D from "../../worksheet/constants/events.js";
+const A = ({
   canvasElementRef: e,
-  cueCanvasRef: r,
-  canScribble: p
+  cueCanvasRef: n,
+  canScribble: h,
+  loggerRef: o
 }) => {
-  const n = l(!1), o = l(!1), { isWritingToolActive: g } = f(), i = d(() => {
-    n.current = !0;
-  }, []), u = d(() => {
-    var t;
-    if (e.current && o.current) {
-      o.current = !1;
-      const h = e.current.getBoundingClientRect().height + 200;
-      (t = r == null ? void 0 : r.current) == null || t.updateHeight(h);
-    }
-    n.current = !1;
-  }, [e, r]), c = d(
+  const i = L(!1), u = L(!1), { isWritingToolActive: E } = w(), c = p(() => {
+    i.current = !0;
+  }, []), s = p(
     (t) => {
-      if (n.current && e.current) {
-        const s = e.current.getBoundingClientRect();
-        t.clientY - s.top >= s.height - 200 && (o.current = !0);
+      var r;
+      if (o == null || o.current(D.STROKE_ADDED, {
+        source: t.pointerType || "unknown",
+        mode: "cuecanvas"
+      }), e.current && u.current) {
+        u.current = !1;
+        const l = e.current.getBoundingClientRect().height + 200;
+        (r = n == null ? void 0 : n.current) == null || r.updateHeight(l);
+      }
+      i.current = !1;
+    },
+    [e, n, o]
+  ), d = p(
+    (t) => {
+      if (i.current && e.current) {
+        const r = e.current.getBoundingClientRect();
+        t.clientY - r.top >= r.height - 200 && (u.current = !0);
       }
     },
     [e]
   );
-  L(() => {
+  v(() => {
     const t = e.current;
-    if (p && t && g)
-      return t.addEventListener("pointerdown", i), t.addEventListener("pointerup", u), t.addEventListener("pointermove", c), () => {
-        t.removeEventListener("pointerdown", i), t.removeEventListener("pointerup", u), t.removeEventListener("pointermove", c);
+    if (h && t && E)
+      return t.addEventListener("pointerdown", c), t.addEventListener("pointerup", s), t.addEventListener("pointermove", d), () => {
+        t.removeEventListener("pointerdown", c), t.removeEventListener("pointerup", s), t.removeEventListener("pointermove", d);
       };
   }, [
     e,
-    i,
     c,
-    u,
-    p,
-    g
+    d,
+    s,
+    h,
+    E
   ]);
 };
 export {
-  w as default
+  A as default
 };
 //# sourceMappingURL=use-height-extender.js.map

package/dist/features/cue-canvas/hooks/use-height-extender.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { CueCanvasCore } from '../cue-canvas-core';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n  canvasElementRef: React.RefObject<HTMLElement | null>;\n  cueCanvasRef: React.RefObject<CueCanvasCore | null> | undefined;\n  canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n  canvasElementRef,\n  cueCanvasRef,\n  canScribble,\n}: IUseHeightIncreaseProps) => {\n  const isScribblingRef = useRef<boolean>(false);\n  const shouldIncreaseHeightRef = useRef<boolean>(false);\n  const { isWritingToolActive } = useCueCanvasActions();\n\n  const handlePointerDown = useCallback(() => {\n    isScribblingRef.current = true;\n  }, []);\n\n  const handlePointerUp = useCallback(() => {\n    if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n      shouldIncreaseHeightRef.current = false;\n\n      const rect = canvasElementRef.current.getBoundingClientRect();\n      const updatedHeight = rect.height + 200;\n\n      cueCanvasRef?.current?.updateHeight(updatedHeight);\n    }\n\n    isScribblingRef.current = false;\n  }, [canvasElementRef, cueCanvasRef]);\n\n  const handlePointerMove = useCallback(\n    (event: MouseEvent) => {\n      if (isScribblingRef.current && canvasElementRef.current) {\n        const rect = canvasElementRef.current.getBoundingClientRect();\n        const y = event.clientY - rect.top;\n\n        if (y >= rect.height - 200) {\n          shouldIncreaseHeightRef.current = true;\n        }\n      }\n    },\n    [canvasElementRef],\n  );\n\n  useEffect(() => {\n    const canvasEle = canvasElementRef.current;\n\n    if (canScribble && canvasEle && isWritingToolActive) {\n      canvasEle.addEventListener('pointerdown', handlePointerDown);\n      canvasEle.addEventListener('pointerup', handlePointerUp);\n      canvasEle.addEventListener('pointermove', handlePointerMove);\n\n      return () => {\n        canvasEle.removeEventListener('pointerdown', handlePointerDown);\n        canvasEle.removeEventListener('pointerup', handlePointerUp);\n        canvasEle.removeEventListener('pointermove', handlePointerMove);\n      };\n    }\n  }, [\n    canvasElementRef,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    canScribble,\n    isWritingToolActive,\n  ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;AAWA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD,EAAY,MAAM;;AACpC,QAAAT,EAAiB,WAAWK,EAAwB,SAAS;AAC/D,MAAAA,EAAwB,UAAU;AAG5B,YAAAM,IADOX,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,OAAAY,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAS,aAAaD;AAAA,IACtC;AAEA,IAAAR,EAAgB,UAAU;AAAA,EAAA,GACzB,CAACH,GAAkBC,CAAY,CAAC,GAE7BY,IAAoBJ;AAAA,IACxB,CAACK,MAAsB;AACjB,UAAAX,EAAgB,WAAWH,EAAiB,SAAS;AACjD,cAAAe,IAAOf,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMc,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACL,CAAgB;AAAA,EAAA;AAGnB,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAYjB,EAAiB;AAE/B,QAAAE,KAAee,KAAaX;AACpB,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDb;AAAA,IACAQ;AAAA,IACAK;AAAA,IACAH;AAAA,IACAR;AAAA,IACAI;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { CueCanvasCore } from '../cue-canvas-core';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\nimport EVENTS from '../../worksheet/constants/events';\n\ninterface IUseHeightIncreaseProps {\n  canvasElementRef: React.RefObject<HTMLElement | null>;\n  cueCanvasRef: React.RefObject<CueCanvasCore | null> | undefined;\n  canScribble: boolean;\n  loggerRef?: React.RefObject<(eventName: string, eventPayload?: Record<string, unknown>) => void>;\n}\n\nconst useHeightExtender = ({\n  canvasElementRef,\n  cueCanvasRef,\n  canScribble,\n  loggerRef,\n}: IUseHeightIncreaseProps) => {\n  const isScribblingRef = useRef<boolean>(false);\n  const shouldIncreaseHeightRef = useRef<boolean>(false);\n  const { isWritingToolActive } = useCueCanvasActions();\n\n  const handlePointerDown = useCallback(() => {\n    isScribblingRef.current = true;\n  }, []);\n\n  const handlePointerUp = useCallback(\n    (e: PointerEvent) => {\n      loggerRef?.current(EVENTS.STROKE_ADDED, {\n        source: e.pointerType || 'unknown',\n        mode: 'cuecanvas',\n      });\n      if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n        shouldIncreaseHeightRef.current = false;\n\n        const rect = canvasElementRef.current.getBoundingClientRect();\n        const updatedHeight = rect.height + 200;\n\n        cueCanvasRef?.current?.updateHeight(updatedHeight);\n      }\n\n      isScribblingRef.current = false;\n    },\n    [canvasElementRef, cueCanvasRef, loggerRef],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: MouseEvent) => {\n      if (isScribblingRef.current && canvasElementRef.current) {\n        const rect = canvasElementRef.current.getBoundingClientRect();\n        const y = event.clientY - rect.top;\n\n        if (y >= rect.height - 200) {\n          shouldIncreaseHeightRef.current = true;\n        }\n      }\n    },\n    [canvasElementRef],\n  );\n\n  useEffect(() => {\n    const canvasEle = canvasElementRef.current;\n\n    if (canScribble && canvasEle && isWritingToolActive) {\n      canvasEle.addEventListener('pointerdown', handlePointerDown);\n      canvasEle.addEventListener('pointerup', handlePointerUp);\n      canvasEle.addEventListener('pointermove', handlePointerMove);\n\n      return () => {\n        canvasEle.removeEventListener('pointerdown', handlePointerDown);\n        canvasEle.removeEventListener('pointerup', handlePointerUp);\n        canvasEle.removeEventListener('pointermove', handlePointerMove);\n      };\n    }\n  }, [\n    canvasElementRef,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    canScribble,\n    isWritingToolActive,\n  ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","loggerRef","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","e","EVENTS","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;;AAaA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD;AAAA,IACtB,CAACE,MAAoB;;AAKf,UAJOT,KAAA,QAAAA,EAAA,QAAQU,EAAO,cAAc;AAAA,QACtC,QAAQD,EAAE,eAAe;AAAA,QACzB,MAAM;AAAA,MAAA,IAEJZ,EAAiB,WAAWM,EAAwB,SAAS;AAC/D,QAAAA,EAAwB,UAAU;AAG5B,cAAAQ,IADOd,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,SAAAe,IAAAd,KAAA,gBAAAA,EAAA,YAAA,QAAAc,EAAS,aAAaD;AAAA,MACtC;AAEA,MAAAV,EAAgB,UAAU;AAAA,IAC5B;AAAA,IACA,CAACJ,GAAkBC,GAAcE,CAAS;AAAA,EAAA,GAGtCa,IAAoBN;AAAA,IACxB,CAACO,MAAsB;AACjB,UAAAb,EAAgB,WAAWJ,EAAiB,SAAS;AACjD,cAAAkB,IAAOlB,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMiB,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBZ,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACN,CAAgB;AAAA,EAAA;AAGnB,EAAAmB,EAAU,MAAM;AACd,UAAMC,IAAYpB,EAAiB;AAE/B,QAAAE,KAAekB,KAAab;AACpB,aAAAa,EAAA,iBAAiB,eAAeX,CAAiB,GACjDW,EAAA,iBAAiB,aAAaT,CAAe,GAC7CS,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeX,CAAiB,GACpDW,EAAA,oBAAoB,aAAaT,CAAe,GAChDS,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDhB;AAAA,IACAS;AAAA,IACAO;AAAA,IACAL;AAAA,IACAT;AAAA,IACAK;AAAA,EAAA,CACD;AACH;"}

package/dist/features/worksheet/constants/events.js

@@ -33,7 +33,8 @@ const _ = {
   WORKSHEET_V3_SCRIBBLE_TOGGLE: "worksheet_v3_scribble_toggled",
   WORKSHEET_V3_HINT_SEEN: "worksheet_v3_hint_seen",
   WORKSHEET_V3_SOLUTION_SEEN: "worksheet_v3_solution_seen",
-  WORKSHEET_V3_GREATER_WIDTH_ELEMENT: "worksheet_v3_greater_width_element"
+  WORKSHEET_V3_GREATER_WIDTH_ELEMENT: "worksheet_v3_greater_width_element",
+  STROKE_ADDED: "stroke_added"
 };
 export {
   _ as default

package/dist/features/worksheet/constants/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sources":["../../../../src/features/worksheet/constants/events.ts"],"sourcesContent":["const EVENTS = {\n  WORKSHEET_V3_SCRIPT_LOADING: 'worksheet_v3_script_loading',\n  WORKSHEET_V3_SCRIPT_LOADED: 'worksheet_v3_script_loaded',\n  WORKSHEET_V3_SCRIPT_FAILED: 'worksheet_v3_script_failed',\n\n  WORKSHEET_V3_SCRIPT_FALLBACK_LOADING: 'worksheet_v3_script_fallback_loading',\n  WORKSHEET_V3_SCRIPT_FALLBACK_LOADED: 'worksheet_v3_script_fallback_loaded',\n  WORKSHEET_V3_SCRIPT_FALLBACK_FAILED: 'worksheet_v3_script_fallback_failed',\n\n  WORKSHEET_V3_SCRIPT_READY: 'worksheet_v3_script_ready',\n\n  WORKSHEET_V3_ITEMS_LOADING: 'worksheet_v3_items_loading',\n  WORKSHEET_V3_ITEMS_LOADED: 'worksheet_v3_items_loaded',\n  WORKSHEET_V3_ITEMS_FAILED: 'worksheet_v3_items_failed',\n\n  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING: 'worksheet_v3_attempt_responses_loading',\n  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED: 'worksheet_v3_attempt_responses_loaded',\n  WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED: 'worksheet_v3_attempt_responses_failed',\n\n  WORKSHHEET_V3_LEANROSITY_INITIALIZING: 'worksheet_v3_learnosity_initializing',\n  WORKSHEET_V3_LEARNOSITY_INITIALIZED: 'worksheet_v3_learnosity_initialized',\n  WORKSHEET_V3_LEARNOSITY_FAILED: 'worksheet_v3_learnosity_failed',\n\n  WORKSHEET_V3_READY: 'worksheet_v3_ready',\n\n  WORKSHEET_V3_QUESTION_APPENDING_QUEUED: 'worksheet_v3_question_appending_queued',\n  WORKSHEET_V3_QUESTION_APPENDING: 'worksheet_v3_question_appending',\n  WORKSHEET_V3_QUESTION_APPENDED: 'worksheet_v3_question_appended',\n\n  WORKSHEET_V3_FIRST_QUESTION_APPENDED: 'worksheet_v3_first_question_appended',\n\n  WORKSHEET_V3_QUESTION_MISSING_VALIDATION: 'worksheet_v3_question_missing_validation',\n  MATHJAX_COMPILE_ERROR: 'mathjax_compile_error',\n  MATHJAX_TYPESET_ERROR: 'mathjax_typeset_error',\n  MATHJAX_FORMAT_ERROR: 'mathjax_format_error',\n\n  MATHJAX_SCRIPT_LOADING: 'mathjax_script_loading',\n  MATHJAX_SCRIPT_LOADED: 'mathjax_script_loaded',\n  MATHJAX_SCRIPT_FAILED: 'mathjax_script_failed',\n\n  POLYPAD_SCRIPT_LOADING: 'polypad_script_loading',\n  POLYPAD_SCRIPT_LOADED: 'polypad_script_loaded',\n  POLYPAD_SCRIPT_FAILED: 'polypad_script_failed',\n\n  WORKSHEET_V3_SCRIBBLE_TOGGLE: 'worksheet_v3_scribble_toggled',\n  WORKSHEET_V3_HINT_SEEN: 'worksheet_v3_hint_seen',\n  WORKSHEET_V3_SOLUTION_SEEN: 'worksheet_v3_solution_seen',\n  WORKSHEET_V3_GREATER_WIDTH_ELEMENT: 'worksheet_v3_greater_width_element',\n};\n\nexport default EVENTS;\n"],"names":["EVENTS"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAC5B,4BAA4B;AAAA,EAE5B,sCAAsC;AAAA,EACtC,qCAAqC;AAAA,EACrC,qCAAqC;AAAA,EAErC,2BAA2B;AAAA,EAE3B,4BAA4B;AAAA,EAC5B,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAE3B,wCAAwC;AAAA,EACxC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EAEvC,uCAAuC;AAAA,EACvC,qCAAqC;AAAA,EACrC,gCAAgC;AAAA,EAEhC,oBAAoB;AAAA,EAEpB,wCAAwC;AAAA,EACxC,iCAAiC;AAAA,EACjC,gCAAgC;AAAA,EAEhC,sCAAsC;AAAA,EAEtC,0CAA0C;AAAA,EAC1C,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EAEtB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,oCAAoC;AACtC;"}
+{"version":3,"file":"events.js","sources":["../../../../src/features/worksheet/constants/events.ts"],"sourcesContent":["const EVENTS = {\n  WORKSHEET_V3_SCRIPT_LOADING: 'worksheet_v3_script_loading',\n  WORKSHEET_V3_SCRIPT_LOADED: 'worksheet_v3_script_loaded',\n  WORKSHEET_V3_SCRIPT_FAILED: 'worksheet_v3_script_failed',\n\n  WORKSHEET_V3_SCRIPT_FALLBACK_LOADING: 'worksheet_v3_script_fallback_loading',\n  WORKSHEET_V3_SCRIPT_FALLBACK_LOADED: 'worksheet_v3_script_fallback_loaded',\n  WORKSHEET_V3_SCRIPT_FALLBACK_FAILED: 'worksheet_v3_script_fallback_failed',\n\n  WORKSHEET_V3_SCRIPT_READY: 'worksheet_v3_script_ready',\n\n  WORKSHEET_V3_ITEMS_LOADING: 'worksheet_v3_items_loading',\n  WORKSHEET_V3_ITEMS_LOADED: 'worksheet_v3_items_loaded',\n  WORKSHEET_V3_ITEMS_FAILED: 'worksheet_v3_items_failed',\n\n  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING: 'worksheet_v3_attempt_responses_loading',\n  WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED: 'worksheet_v3_attempt_responses_loaded',\n  WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED: 'worksheet_v3_attempt_responses_failed',\n\n  WORKSHHEET_V3_LEANROSITY_INITIALIZING: 'worksheet_v3_learnosity_initializing',\n  WORKSHEET_V3_LEARNOSITY_INITIALIZED: 'worksheet_v3_learnosity_initialized',\n  WORKSHEET_V3_LEARNOSITY_FAILED: 'worksheet_v3_learnosity_failed',\n\n  WORKSHEET_V3_READY: 'worksheet_v3_ready',\n\n  WORKSHEET_V3_QUESTION_APPENDING_QUEUED: 'worksheet_v3_question_appending_queued',\n  WORKSHEET_V3_QUESTION_APPENDING: 'worksheet_v3_question_appending',\n  WORKSHEET_V3_QUESTION_APPENDED: 'worksheet_v3_question_appended',\n\n  WORKSHEET_V3_FIRST_QUESTION_APPENDED: 'worksheet_v3_first_question_appended',\n\n  WORKSHEET_V3_QUESTION_MISSING_VALIDATION: 'worksheet_v3_question_missing_validation',\n  MATHJAX_COMPILE_ERROR: 'mathjax_compile_error',\n  MATHJAX_TYPESET_ERROR: 'mathjax_typeset_error',\n  MATHJAX_FORMAT_ERROR: 'mathjax_format_error',\n\n  MATHJAX_SCRIPT_LOADING: 'mathjax_script_loading',\n  MATHJAX_SCRIPT_LOADED: 'mathjax_script_loaded',\n  MATHJAX_SCRIPT_FAILED: 'mathjax_script_failed',\n\n  POLYPAD_SCRIPT_LOADING: 'polypad_script_loading',\n  POLYPAD_SCRIPT_LOADED: 'polypad_script_loaded',\n  POLYPAD_SCRIPT_FAILED: 'polypad_script_failed',\n\n  WORKSHEET_V3_SCRIBBLE_TOGGLE: 'worksheet_v3_scribble_toggled',\n  WORKSHEET_V3_HINT_SEEN: 'worksheet_v3_hint_seen',\n  WORKSHEET_V3_SOLUTION_SEEN: 'worksheet_v3_solution_seen',\n  WORKSHEET_V3_GREATER_WIDTH_ELEMENT: 'worksheet_v3_greater_width_element',\n  STROKE_ADDED: 'stroke_added',\n};\n\nexport default EVENTS;\n"],"names":["EVENTS"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAC5B,4BAA4B;AAAA,EAE5B,sCAAsC;AAAA,EACtC,qCAAqC;AAAA,EACrC,qCAAqC;AAAA,EAErC,2BAA2B;AAAA,EAE3B,4BAA4B;AAAA,EAC5B,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAE3B,wCAAwC;AAAA,EACxC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EAEvC,uCAAuC;AAAA,EACvC,qCAAqC;AAAA,EACrC,gCAAgC;AAAA,EAEhC,oBAAoB;AAAA,EAEpB,wCAAwC;AAAA,EACxC,iCAAiC;AAAA,EACjC,gCAAgC;AAAA,EAEhC,sCAAsC;AAAA,EAEtC,0CAA0C;AAAA,EAC1C,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EAEtB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,oCAAoC;AAAA,EACpC,cAAc;AAChB;"}

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

@@ -1,4 +1,4 @@
-import { jsxs as I, jsx as o, Fragment as Le } from "react/jsx-runtime";
+import { jsxs as W, 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";
@@ -22,7 +22,7 @@ const Tt = Ae(function({
   response: t,
   nextQuestionId: Re,
   isActive: v,
-  isHidden: W,
+  isHidden: x,
   canRender: j,
   appended: s,
   intersectionObserver: F
@@ -38,7 +38,7 @@ const Tt = Ae(function({
     learnosity: $,
     onPublishStrokes: V,
     onReceiveStrokes: X,
-    initialStrokesData: x,
+    initialStrokesData: T,
     onPublishMouseMove: G,
     onSubscribeMouseMove: Y,
     canResolveDoubt: we,
@@ -46,7 +46,7 @@ const Tt = Ae(function({
     userId: He,
     studentId: Me,
     subjectiveProps: Z,
-    loggerRef: T,
+    loggerRef: w,
     isScribblingEnabled: J
   } = dt((e) => ({
     behavior: e.behavior,
@@ -69,10 +69,10 @@ const Tt = Ae(function({
     subjectiveProps: e.subjectiveProps,
     loggerRef: e.loggerRef,
     isScribblingEnabled: e.scribblingEnabled
-  })), { background: q = "paper" } = U, w = g(
+  })), { background: q = "paper" } = U, C = g(
     () => q === "paper" ? Ke(r) : void 0,
     [q, r]
-  ), [C, Ie] = O(), [ee, We] = O(), {
+  ), [H, Ie] = O(), [ee, We] = O(), {
     validation: te,
     review: k,
     maximumAttempts: Q,
@@ -90,19 +90,19 @@ const Tt = Ae(function({
     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(() => {
+  } = r, M = m === "overview", l = Ve(ae), f = ae === "SystemIntro", L = l || f, he = t == null ? void 0 : t.responseEdited, ke = g(() => {
     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 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")), M && e.push("lesson-overview"), l && e.push("concept-intro"), f && e.push("system-intro"), e.join(" ");
   }, [
     s,
     l,
-    H,
+    M,
     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(() => {
+  ]), A = z({}), fe = (t == null ? void 0 : t.hintsUsed) ?? 0, I = 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) {
       const { attemptsHistory: e } = t ?? {};
@@ -119,7 +119,7 @@ const Tt = Ae(function({
     We(e);
   }, []);
   return R(() => {
-    M.current && F.observe(M.current);
+    I.current && F.observe(I.current);
   }, [F]), R(() => {
     if (s && (r.type === "clozeassociation" || r.type === "association" || r.type === "clozeformula")) {
       const e = document.querySelectorAll(
@@ -142,14 +142,14 @@ const Tt = Ae(function({
     }
   }, [s, $, i, k, be, c, pe]), R(() => {
     const e = B.current;
-    if (s && e && T.current && A.current[i] === void 0 && !l && !f) {
+    if (s && e && w.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];
         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, {
+          A.current[i] = !0, w.current(Fe.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
             item_reference: ue,
             widget_reference: ce,
             question_type: p,
@@ -170,13 +170,13 @@ const Tt = Ae(function({
     me,
     de,
     ue,
-    T,
+    w,
     p,
     le,
     i,
     ce
   ]), R(() => {
-    const e = M.current, a = (n) => {
+    const e = I.current, a = (n) => {
       const u = n.querySelector(".lrn_response_wrapper");
       if (L || !u)
         return 0;
@@ -198,17 +198,17 @@ const Tt = Ae(function({
       return Math.abs(ve - n) > 4 ? ve : n;
     }), $.renderMath("mathjax");
   }), Ne(() => {
-    !re && !W && Xe(i);
-  }, [W, re, i, ne]), /* @__PURE__ */ I(
+    !re && !x && Xe(i);
+  }, [x, re, i, ne]), /* @__PURE__ */ W(
     it,
     {
       "data-response-id": i,
       className: `widget-${i}`,
-      ref: M,
+      ref: I,
       $topOffset: ne,
       $flexDirection: S ? "row" : "column",
       $alignItems: S ? "flex-start" : "center",
-      $hidden: W,
+      $hidden: x,
       $marginBottom: Ue,
       children: [
         S && /* @__PURE__ */ o(
@@ -219,14 +219,14 @@ const Tt = Ae(function({
             }
           }
         ),
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ W(
           rt,
           {
             ref: B,
             $width: S ? "50%" : `${K}px`,
-            $minHeight: C ? Math.max(C - 72, ee ?? 0) : xe,
+            $minHeight: H ? Math.max(H - 72, ee ?? 0) : xe,
             $isActive: v,
-            $paperColor: w,
+            $paperColor: C,
             $opacity: v ? 1 : 0.2,
             $imageHue: se,
             children: [
@@ -239,29 +239,29 @@ const Tt = Ae(function({
                   responseId: i
                 }
               ),
-              /* @__PURE__ */ I(
+              /* @__PURE__ */ W(
                 st,
                 {
                   className: ke,
                   $dropzoneMinWidth: ge.width,
                   $dropzoneMinHeight: ge.height,
                   children: [
-                    Te && !(H || l || f) && /* @__PURE__ */ o(
+                    Te && !(M || l || f) && /* @__PURE__ */ o(
                       Ge,
                       {
                         question: r,
                         response: t,
                         behavior: _,
-                        paperColor: w,
+                        paperColor: C,
                         actionbarHeight: $e,
                         canResolveDoubt: we,
                         onResolveDoubt: Ce,
                         worksheetCompleted: E
                       }
                     ),
-                    H && /* @__PURE__ */ o(at, { src: Oe.LESSON_OVERVIEW_BANNER }),
-                    l && w && /* @__PURE__ */ o(Ze, { paperColor: w }),
-                    f ? /* @__PURE__ */ I(Le, { children: [
+                    M && /* @__PURE__ */ o(at, { src: Oe.LESSON_OVERVIEW_BANNER }),
+                    l && C && /* @__PURE__ */ o(Ze, { paperColor: C }),
+                    f ? /* @__PURE__ */ W(Le, { children: [
                       m === "practice-basic" && /* @__PURE__ */ o(et, {}),
                       m === "practice-regular" && /* @__PURE__ */ o(ot, {}),
                       m === "exit-ticket" && /* @__PURE__ */ o(tt, {}),
@@ -282,7 +282,7 @@ const Tt = Ae(function({
                         isPuzzle: Q === -2
                       }
                     ),
-                    !L && !!_.canvasEnabled && V && X && C !== void 0 && /* @__PURE__ */ o(ct, { $canScribble: J, children: /* @__PURE__ */ o(
+                    !L && !!_.canvasEnabled && V && X && H !== void 0 && /* @__PURE__ */ o(ct, { $canScribble: J, children: /* @__PURE__ */ o(
                       ze,
                       {
                         canRender: j,
@@ -290,13 +290,14 @@ const Tt = Ae(function({
                         appended: s,
                         canvasId: i,
                         width: K,
-                        height: Math.max(C, ee ?? 0),
+                        height: Math.max(H, ee ?? 0),
                         onUpdateHeight: Pe,
                         onPublish: V,
                         onSubscribe: X,
                         userId: He,
-                        initialData: x == null ? void 0 : x[i],
-                        userType: c
+                        initialData: T == null ? void 0 : T[i],
+                        userType: c,
+                        loggerRef: w
                       }
                     ) }),
                     !L && N && N.length > 0 && /* @__PURE__ */ o(

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import {\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';\nimport type { IWorksheetQuestionProps } from './worksheet-question-types';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(function WorksheetQuestion({\n  question,\n  response,\n  nextQuestionId,\n  isActive,\n  isHidden,\n  canRender,\n  appended,\n  intersectionObserver,\n}) {\n  const {\n    behavior,\n    layout,\n    userType,\n    responses,\n    maxQuestionWidth,\n    actionbarHeight,\n    worksheetCompleted,\n    learnosity,\n    onPublishStrokes,\n    onReceiveStrokes,\n    initialStrokesData,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    canResolveDoubt,\n    onResolveDoubt,\n    userId,\n    studentId,\n    subjectiveProps,\n    loggerRef,\n    isScribblingEnabled,\n  } = useWorksheetStore(store => ({\n    behavior: store.behavior,\n    layout: store.layout,\n    userType: store.userType,\n    responses: store.responses,\n    maxQuestionWidth: store.maxQuestionWidth,\n    actionbarHeight: store.actionbarHeight,\n    worksheetCompleted: store.worksheetCompleted,\n    learnosity: store.learnosity,\n    onPublishStrokes: store.onPublishStrokes,\n    onReceiveStrokes: store.onReceiveStrokes,\n    initialStrokesData: store.initialStrokesData,\n    onPublishMouseMove: store.onPublishMouseMove,\n    onSubscribeMouseMove: store.onSubscribeMouseMove,\n    canResolveDoubt: store.canResolveDoubt,\n    onResolveDoubt: store.onResolveDoubt,\n    userId: store.userId,\n    studentId: store.studentId,\n    subjectiveProps: store.subjectiveProps,\n    loggerRef: store.loggerRef,\n    isScribblingEnabled: store.scribblingEnabled,\n  }));\n  const { background = 'paper' } = layout;\n  const paperColor = useMemo(\n    () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n    [background, question],\n  );\n  const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n  const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n  const {\n    validation,\n    review,\n    maximumAttempts,\n    canExceedAttempts,\n    teacherValidationEnabled,\n    solutionHidden,\n  } = behavior;\n  const { minQuestionHeight, topOffset, questionsScrollable, renderQuestionHeader, imageHue } =\n    layout;\n  const {\n    type: questionType,\n    response_id: responseId,\n    stimulus_review,\n    item_type,\n    instructor_stimulus,\n    metadata: { hints: hintsAvailable, solution, widget_reference },\n    item_reference,\n    question_number,\n    item_number,\n    item_display_number,\n  } = question;\n  const 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  const hintsUsed = response?.hintsUsed ?? 0;\n  const questionRef = useRef<HTMLDivElement>(null);\n  const pointerContainerRef = useRef<HTMLDivElement>(null);\n  const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n  const validateResponse = useMemo(() => {\n    if (userType === 'TEACHER') return true;\n\n    if (worksheetCompleted) return true;\n\n    if (!response) return false;\n\n    if (!response.response) return false;\n\n    if (response.responseEdited) return false;\n\n    return validation;\n  }, [response, userType, validation, worksheetCompleted]);\n\n  const showCorrectAnswers = useMemo(() => {\n    if (userType === 'TEACHER') return true;\n\n    if (review) {\n      const { attemptsHistory } = response ?? {};\n      const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n      return maximumAttemptsReached && !canExceedAttempts;\n    }\n\n    return false;\n  }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n  const showSolution = useMemo(\n    () => solution && worksheetCompleted && !solutionHidden,\n    [solutionHidden, solution, worksheetCompleted],\n  );\n\n  const [dropZoneDimensions, setDropZoneDimensions] = useState({\n    width: 0,\n    height: 0,\n  });\n\n  const onUpdateHeight = useCallback((height: number) => {\n    setCanvasHeight(height);\n  }, []);\n\n  useEffect(() => {\n    if (questionRef.current) {\n      intersectionObserver.observe(questionRef.current);\n    }\n  }, [intersectionObserver]);\n\n  useEffect(() => {\n    if (\n      appended &&\n      (question.type === 'clozeassociation' ||\n        question.type === 'association' ||\n        question.type === 'clozeformula')\n    ) {\n      const draggableElements = document.querySelectorAll(\n        `.widget-${question.response_id} .lrn_draggable`,\n      );\n\n      let minWidth = 0;\n      let minHeight = 0;\n\n      draggableElements.forEach(draggableElement => {\n        minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n        minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n      });\n\n      setDropZoneDimensions({\n        width: question.type !== 'association' ? minWidth : 0,\n        height: minHeight,\n      });\n    }\n  }, [appended, question.response_id, question.type]);\n\n  useEffect(() => {\n    if (appended && validateResponse) {\n      const learnosityQuestion = learnosity.question(responseId);\n\n      if (learnosityQuestion) {\n        learnosityQuestion.validate({\n          showCorrectAnswers,\n        });\n      }\n    }\n  }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n  useEffect(() => {\n    const $questionEl = pointerContainerRef.current;\n\n    if (\n      appended &&\n      $questionEl &&\n      loggerRef.current &&\n      overflowDetectedRef.current[responseId] === undefined &&\n      !isConceptIntro &&\n      !isSystemIntro\n    ) {\n      const parentWidth = $questionEl.clientWidth;\n      const nestedElements = $questionEl.querySelectorAll('*');\n\n      for (let i = 0; i < nestedElements.length; i++) {\n        const element = nestedElements[i];\n\n        if (element?.closest('.resize-sensor')) {\n          continue;\n        }\n\n        const elementWidth = element?.clientWidth ?? 0;\n\n        if (elementWidth > parentWidth) {\n          overflowDetectedRef.current[responseId] = true;\n          loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n            item_reference,\n            widget_reference,\n            question_type: questionType,\n            question_number,\n            responseId,\n            item_number,\n            item_display_number,\n          });\n          break;\n        }\n      }\n\n      overflowDetectedRef.current[responseId] = false;\n    }\n  }, [\n    appended,\n    isConceptIntro,\n    isSystemIntro,\n    item_display_number,\n    item_number,\n    item_reference,\n    loggerRef,\n    questionType,\n    question_number,\n    responseId,\n    widget_reference,\n  ]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    const $questionEl = questionRef.current;\n\n    const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n      const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n      if (isIntro || !$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    learnosity.renderMath('mathjax');\n  });\n\n  useLayoutEffect(() => {\n    if (!questionsScrollable && !isHidden) {\n      scrollToQuestion(responseId);\n    }\n  }, [isHidden, questionsScrollable, responseId, topOffset]);\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        $imageHue={imageHue}\n      >\n        {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && !!behavior.canvasEnabled && (\n          <Pointer\n            containerRef={pointerContainerRef}\n            onPublish={onPublishMouseMove}\n            onSubscribe={onSubscribeMouseMove}\n            responseId={responseId}\n          />\n        )}\n        <Styled.QuestionWrapper\n          className={wrapperClasses}\n          $dropzoneMinWidth={dropZoneDimensions.width}\n          $dropzoneMinHeight={dropZoneDimensions.height}\n        >\n          {renderQuestionHeader && !(isLessonOverview || isConceptIntro || isSystemIntro) && (\n            <QuestionHeader\n              question={question}\n              response={response}\n              behavior={behavior}\n              paperColor={paperColor}\n              actionbarHeight={actionbarHeight}\n              canResolveDoubt={canResolveDoubt}\n              onResolveDoubt={onResolveDoubt}\n              worksheetCompleted={worksheetCompleted}\n            />\n          )}\n          {isLessonOverview && <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />}\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            appended={appended}\n            question={question}\n            response={response?.response}\n            canRender={canRender || isActive}\n            learnosity={learnosity}\n            canForceAppend={userType === 'TEACHER'}\n            isConceptIntro={isConceptIntro}\n            simState={response?.simState}\n            imageHue={imageHue}\n            isPuzzle={maximumAttempts === -2}\n          />\n\n          {!isIntro &&\n            !!behavior.canvasEnabled &&\n            onPublishStrokes &&\n            onReceiveStrokes &&\n            questionHeight !== undefined && (\n              <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                <CueCanvas\n                  canRender={canRender}\n                  canScribble={isScribblingEnabled && isActive}\n                  appended={appended}\n                  canvasId={responseId}\n                  width={maxQuestionWidth}\n                  height={Math.max(questionHeight, canvasHeight ?? 0)}\n                  onUpdateHeight={onUpdateHeight}\n                  onPublish={onPublishStrokes}\n                  onSubscribe={onReceiveStrokes}\n                  userId={userId}\n                  initialData={initialStrokesData?.[responseId]}\n                  userType={userType}\n                />\n              </Styled.CueCanvasWrapper>\n            )}\n          {!isIntro && hints && hints.length > 0 && (\n            <FlexView\n              $background=\"BLUE_1\"\n              $gutterX={1}\n              $gapX={0.5}\n              $borderRadiusX={0}\n              $borderColor=\"BLUE_2\"\n            >\n              {hints.map((hint, index) => (\n                <Styled.Hint\n                  key={hint}\n                  dangerouslySetInnerHTML={{\n                    __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                      (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                    }:</span>&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              {...subjectiveProps}\n            />\n          )}\n        </Styled.QuestionWrapper>\n      </Styled.QuestionContainer>\n    </Styled.QuestionContainerWrapper>\n  );\n});\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","question","response","nextQuestionId","isActive","isHidden","canRender","appended","intersectionObserver","behavior","layout","userType","responses","maxQuestionWidth","actionbarHeight","worksheetCompleted","learnosity","onPublishStrokes","onReceiveStrokes","initialStrokesData","onPublishMouseMove","onSubscribeMouseMove","canResolveDoubt","onResolveDoubt","userId","studentId","subjectiveProps","loggerRef","isScribblingEnabled","useWorksheetStore","store","background","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","renderQuestionHeader","imageHue","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","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","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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"}
+{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import {\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';\nimport type { IWorksheetQuestionProps } from './worksheet-question-types';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(function WorksheetQuestion({\n  question,\n  response,\n  nextQuestionId,\n  isActive,\n  isHidden,\n  canRender,\n  appended,\n  intersectionObserver,\n}) {\n  const {\n    behavior,\n    layout,\n    userType,\n    responses,\n    maxQuestionWidth,\n    actionbarHeight,\n    worksheetCompleted,\n    learnosity,\n    onPublishStrokes,\n    onReceiveStrokes,\n    initialStrokesData,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    canResolveDoubt,\n    onResolveDoubt,\n    userId,\n    studentId,\n    subjectiveProps,\n    loggerRef,\n    isScribblingEnabled,\n  } = useWorksheetStore(store => ({\n    behavior: store.behavior,\n    layout: store.layout,\n    userType: store.userType,\n    responses: store.responses,\n    maxQuestionWidth: store.maxQuestionWidth,\n    actionbarHeight: store.actionbarHeight,\n    worksheetCompleted: store.worksheetCompleted,\n    learnosity: store.learnosity,\n    onPublishStrokes: store.onPublishStrokes,\n    onReceiveStrokes: store.onReceiveStrokes,\n    initialStrokesData: store.initialStrokesData,\n    onPublishMouseMove: store.onPublishMouseMove,\n    onSubscribeMouseMove: store.onSubscribeMouseMove,\n    canResolveDoubt: store.canResolveDoubt,\n    onResolveDoubt: store.onResolveDoubt,\n    userId: store.userId,\n    studentId: store.studentId,\n    subjectiveProps: store.subjectiveProps,\n    loggerRef: store.loggerRef,\n    isScribblingEnabled: store.scribblingEnabled,\n  }));\n  const { background = 'paper' } = layout;\n  const paperColor = useMemo(\n    () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n    [background, question],\n  );\n  const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n  const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n  const {\n    validation,\n    review,\n    maximumAttempts,\n    canExceedAttempts,\n    teacherValidationEnabled,\n    solutionHidden,\n  } = behavior;\n  const { minQuestionHeight, topOffset, questionsScrollable, renderQuestionHeader, imageHue } =\n    layout;\n  const {\n    type: questionType,\n    response_id: responseId,\n    stimulus_review,\n    item_type,\n    instructor_stimulus,\n    metadata: { hints: hintsAvailable, solution, widget_reference },\n    item_reference,\n    question_number,\n    item_number,\n    item_display_number,\n  } = question;\n  const 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  const hintsUsed = response?.hintsUsed ?? 0;\n  const questionRef = useRef<HTMLDivElement>(null);\n  const pointerContainerRef = useRef<HTMLDivElement>(null);\n  const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n  const validateResponse = useMemo(() => {\n    if (userType === 'TEACHER') return true;\n\n    if (worksheetCompleted) return true;\n\n    if (!response) return false;\n\n    if (!response.response) return false;\n\n    if (response.responseEdited) return false;\n\n    return validation;\n  }, [response, userType, validation, worksheetCompleted]);\n\n  const showCorrectAnswers = useMemo(() => {\n    if (userType === 'TEACHER') return true;\n\n    if (review) {\n      const { attemptsHistory } = response ?? {};\n      const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n      return maximumAttemptsReached && !canExceedAttempts;\n    }\n\n    return false;\n  }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n  const showSolution = useMemo(\n    () => solution && worksheetCompleted && !solutionHidden,\n    [solutionHidden, solution, worksheetCompleted],\n  );\n\n  const [dropZoneDimensions, setDropZoneDimensions] = useState({\n    width: 0,\n    height: 0,\n  });\n\n  const onUpdateHeight = useCallback((height: number) => {\n    setCanvasHeight(height);\n  }, []);\n\n  useEffect(() => {\n    if (questionRef.current) {\n      intersectionObserver.observe(questionRef.current);\n    }\n  }, [intersectionObserver]);\n\n  useEffect(() => {\n    if (\n      appended &&\n      (question.type === 'clozeassociation' ||\n        question.type === 'association' ||\n        question.type === 'clozeformula')\n    ) {\n      const draggableElements = document.querySelectorAll(\n        `.widget-${question.response_id} .lrn_draggable`,\n      );\n\n      let minWidth = 0;\n      let minHeight = 0;\n\n      draggableElements.forEach(draggableElement => {\n        minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n        minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n      });\n\n      setDropZoneDimensions({\n        width: question.type !== 'association' ? minWidth : 0,\n        height: minHeight,\n      });\n    }\n  }, [appended, question.response_id, question.type]);\n\n  useEffect(() => {\n    if (appended && validateResponse) {\n      const learnosityQuestion = learnosity.question(responseId);\n\n      if (learnosityQuestion) {\n        learnosityQuestion.validate({\n          showCorrectAnswers,\n        });\n      }\n    }\n  }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n  useEffect(() => {\n    const $questionEl = pointerContainerRef.current;\n\n    if (\n      appended &&\n      $questionEl &&\n      loggerRef.current &&\n      overflowDetectedRef.current[responseId] === undefined &&\n      !isConceptIntro &&\n      !isSystemIntro\n    ) {\n      const parentWidth = $questionEl.clientWidth;\n      const nestedElements = $questionEl.querySelectorAll('*');\n\n      for (let i = 0; i < nestedElements.length; i++) {\n        const element = nestedElements[i];\n\n        if (element?.closest('.resize-sensor')) {\n          continue;\n        }\n\n        const elementWidth = element?.clientWidth ?? 0;\n\n        if (elementWidth > parentWidth) {\n          overflowDetectedRef.current[responseId] = true;\n          loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n            item_reference,\n            widget_reference,\n            question_type: questionType,\n            question_number,\n            responseId,\n            item_number,\n            item_display_number,\n          });\n          break;\n        }\n      }\n\n      overflowDetectedRef.current[responseId] = false;\n    }\n  }, [\n    appended,\n    isConceptIntro,\n    isSystemIntro,\n    item_display_number,\n    item_number,\n    item_reference,\n    loggerRef,\n    questionType,\n    question_number,\n    responseId,\n    widget_reference,\n  ]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    const $questionEl = questionRef.current;\n\n    const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n      const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n      if (isIntro || !$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    learnosity.renderMath('mathjax');\n  });\n\n  useLayoutEffect(() => {\n    if (!questionsScrollable && !isHidden) {\n      scrollToQuestion(responseId);\n    }\n  }, [isHidden, questionsScrollable, responseId, topOffset]);\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        $imageHue={imageHue}\n      >\n        {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && !!behavior.canvasEnabled && (\n          <Pointer\n            containerRef={pointerContainerRef}\n            onPublish={onPublishMouseMove}\n            onSubscribe={onSubscribeMouseMove}\n            responseId={responseId}\n          />\n        )}\n        <Styled.QuestionWrapper\n          className={wrapperClasses}\n          $dropzoneMinWidth={dropZoneDimensions.width}\n          $dropzoneMinHeight={dropZoneDimensions.height}\n        >\n          {renderQuestionHeader && !(isLessonOverview || isConceptIntro || isSystemIntro) && (\n            <QuestionHeader\n              question={question}\n              response={response}\n              behavior={behavior}\n              paperColor={paperColor}\n              actionbarHeight={actionbarHeight}\n              canResolveDoubt={canResolveDoubt}\n              onResolveDoubt={onResolveDoubt}\n              worksheetCompleted={worksheetCompleted}\n            />\n          )}\n          {isLessonOverview && <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />}\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            appended={appended}\n            question={question}\n            response={response?.response}\n            canRender={canRender || isActive}\n            learnosity={learnosity}\n            canForceAppend={userType === 'TEACHER'}\n            isConceptIntro={isConceptIntro}\n            simState={response?.simState}\n            imageHue={imageHue}\n            isPuzzle={maximumAttempts === -2}\n          />\n\n          {!isIntro &&\n            !!behavior.canvasEnabled &&\n            onPublishStrokes &&\n            onReceiveStrokes &&\n            questionHeight !== undefined && (\n              <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                <CueCanvas\n                  canRender={canRender}\n                  canScribble={isScribblingEnabled && isActive}\n                  appended={appended}\n                  canvasId={responseId}\n                  width={maxQuestionWidth}\n                  height={Math.max(questionHeight, canvasHeight ?? 0)}\n                  onUpdateHeight={onUpdateHeight}\n                  onPublish={onPublishStrokes}\n                  onSubscribe={onReceiveStrokes}\n                  userId={userId}\n                  initialData={initialStrokesData?.[responseId]}\n                  userType={userType}\n                  loggerRef={loggerRef}\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              {...subjectiveProps}\n            />\n          )}\n        </Styled.QuestionWrapper>\n      </Styled.QuestionContainer>\n    </Styled.QuestionContainerWrapper>\n  );\n});\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","question","response","nextQuestionId","isActive","isHidden","canRender","appended","intersectionObserver","behavior","layout","userType","responses","maxQuestionWidth","actionbarHeight","worksheetCompleted","learnosity","onPublishStrokes","onReceiveStrokes","initialStrokesData","onPublishMouseMove","onSubscribeMouseMove","canResolveDoubt","onResolveDoubt","userId","studentId","subjectiveProps","loggerRef","isScribblingEnabled","useWorksheetStore","store","background","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","renderQuestionHeader","imageHue","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","item_number","item_display_number","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","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","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/dist/index.d.ts

@@ -1584,6 +1584,7 @@ declare interface ICueCanvas {
     onSubscribe?: TSubscribe;
     canvasConfig?: ICanvasUpdateConfig | null;
     updateCanvasConfig?: TUpdateCanvasConfig;
+    loggerRef?: React.RefObject<(eventName: string, eventPayload?: Record<string, unknown>) => void>;
 }
 
 declare interface ICueCanvasCallbackProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.48",
+  "version": "3.5.49",
   "type": "module",
   "files": [
     "dist"