@cuemath/leap 2.8.31 → 2.8.32-aa0

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

@@ -1 +1 @@
-{"version":3,"file":"cue-canvas-core.js","sources":["../../../src/features/cue-canvas/cue-canvas-core.ts"],"sourcesContent":["import '../../library/polypad';\nimport type { TUserTypes } from '../ui/types';\nimport type {\n  IActionData,\n  TCueCanvasChangeData,\n  TCueCanvasTool,\n  TPublish,\n  TSubscribe,\n} from './types/cue-canvas';\nimport type { ICreateOptions } from './types/cue-canvas';\nimport type { IPolypad, IPolyPadInstance } from './types/polypad';\n\nimport { getReverseMap, getToolAndSubtool, removeMask } from './cue-canvas-helpers';\n\ndeclare global {\n  interface Window {\n    Polypad: IPolypad;\n  }\n}\nexport class CueCanvasCore {\n  private polycanvas: IPolyPadInstance | undefined;\n  private publish?: TPublish;\n  private height: number;\n  private onUpdateHeight: (height: number) => void;\n  private userId: string;\n  private responseId: string;\n  private userType: TUserTypes;\n\n  constructor(\n    onPublish: TPublish,\n    onSubscribe: TSubscribe,\n    onUpdateHeight: (height: number) => void,\n    height: number,\n    userId: string,\n    responseId: string,\n    userType: TUserTypes,\n  ) {\n    this.onUpdateHeight = onUpdateHeight;\n    this.height = height;\n    this.userId = userId;\n    this.responseId = responseId;\n    this.publish = onPublish;\n    this.userType = userType;\n    onSubscribe(this.responseId, this.update);\n  }\n\n  async create({ canvasElementRef, canvasConfig, canvasSetting, initialData }: ICreateOptions) {\n    if (!canvasElementRef.current) {\n      throw new Error('PolyCanvas: Div Element Not found for canvas');\n    }\n    this.polycanvas = await window.Polypad.create(canvasElementRef.current, {\n      initial: {\n        options: canvasConfig,\n      },\n      ...canvasSetting,\n    });\n\n    removeMask(canvasElementRef);\n    this.polycanvas.on('change', this.onChange);\n    if (initialData) {\n      this.update(initialData);\n    }\n  }\n\n  resetViewPort = () => {\n    if (this.polycanvas) {\n      this.polycanvas.resetViewport();\n    }\n  };\n\n  onChange = (e: unknown) => {\n    const data = e as TCueCanvasChangeData;\n    const payload = Object.fromEntries(data.entries());\n\n    if (this.publish) {\n      this.publish({\n        eventName: 'cue_canvas_changed',\n        eventPayload: {\n          data: payload,\n          height: this.height,\n          userId: this.userId,\n          responseId: this.responseId,\n        },\n      });\n    }\n  };\n\n  undo = () => {\n    if (!this.polycanvas) {\n      return;\n    }\n\n    const data = this.polycanvas.undo() as TCueCanvasChangeData;\n\n    if (!data) {\n      return;\n    }\n\n    const undoData = getReverseMap(data);\n\n    this.onChange(undoData);\n  };\n\n  redo = () => {\n    if (!this.polycanvas) {\n      return;\n    }\n\n    const data = this.polycanvas.redo() as TCueCanvasChangeData;\n\n    if (!data) {\n      return;\n    }\n\n    this.onChange(data);\n  };\n\n  setTool = (tool: TCueCanvasTool) => {\n    if (this.polycanvas) {\n      const [currTool, currSubTool] = getToolAndSubtool(tool);\n\n      switch (currTool) {\n        case 'undo':\n          this.undo();\n          break;\n        case 'redo':\n          this.redo();\n          break;\n        default:\n          this.polycanvas.setTool(currTool, currSubTool);\n      }\n    }\n  };\n\n  updateCanvas = ({ data, userId }: IActionData) => {\n    const canEditStroke = this.userType === 'TEACHER' || userId === this.userId;\n\n    Object.entries(data).forEach(([key, value]) => {\n      if (!value[0] && value[1]) {\n        this.polycanvas?.add({ ...value[1], cannotEdit: !canEditStroke }, key);\n      } else if (value[0] && !value[1]) {\n        this.polycanvas?.delete(key);\n      } else {\n        // This is the case for tile edit (rotate, flip, slice etc)\n        // this.polycanvas?.update(key, { ...value[1] });\n      }\n    });\n  };\n  /**\n   * The `update` method is called in two cases:\n   * 1. When receiving initial data to update the canvas content.\n   * 2. When receiving strokes from other peers to update the canvas content.\n   * Each item can contain multiple actions, which are applied to the canvas.\n   *\n   * The method checks if the payload is an array or a single object.\n   * If it's an array, it iterates over each item and updates the canvas accordingly.\n   * If it's a single object, it directly updates the canvas.\n   *\n   * Additionally, if the payload contains a height greater than the current height of the canvas, the `updateHeight` method is called to update the canvas height.\n   */\n  update = (payload: IActionData | IActionData[]) => {\n    if (Array.isArray(payload)) {\n      const heights = payload.map(data => data.height);\n      const maxHeight = Math.max(...heights);\n\n      if (maxHeight > this.height) {\n        this.updateHeight(maxHeight);\n      }\n      payload.forEach(item => this.updateCanvas(item));\n    } else {\n      if (payload.height > this.height) {\n        this.updateHeight(payload.height);\n      }\n      this.updateCanvas(payload);\n    }\n  };\n\n  setColor = (color: string) => {\n    if (this.polycanvas) {\n      this.polycanvas.setColor(color);\n    }\n  };\n\n  updateHeight = (height: number) => {\n    this.height = height;\n    this.onUpdateHeight(height);\n  };\n\n  destroy = () => {\n    if (this.polycanvas) {\n      this.polycanvas.off('change', this.onChange);\n      this.polycanvas.destroy();\n      this.polycanvas = undefined;\n    }\n  };\n}\n"],"names":["CueCanvasCore","onPublish","onSubscribe","onUpdateHeight","height","userId","responseId","userType","__publicField","e","payload","data","undoData","getReverseMap","tool","currTool","currSubTool","getToolAndSubtool","canEditStroke","key","value","_a","_b","heights","maxHeight","item","color","canvasElementRef","canvasConfig","canvasSetting","initialData","removeMask"],"mappings":"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"}
+{"version":3,"file":"cue-canvas-core.js","sources":["../../../src/features/cue-canvas/cue-canvas-core.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type {\n  IActionData,\n  TCueCanvasChangeData,\n  TCueCanvasTool,\n  TPublish,\n  TSubscribe,\n} from './types/cue-canvas';\nimport type { ICreateOptions } from './types/cue-canvas';\nimport type { IPolypad, IPolyPadInstance } from './types/polypad';\n\nimport { getReverseMap, getToolAndSubtool, removeMask } from './cue-canvas-helpers';\n\ndeclare global {\n  interface Window {\n    Polypad: IPolypad;\n  }\n}\nexport class CueCanvasCore {\n  private polycanvas: IPolyPadInstance | undefined;\n  private publish?: TPublish;\n  private height: number;\n  private onUpdateHeight: (height: number) => void;\n  private userId: string;\n  private responseId: string;\n  private userType: TUserTypes;\n\n  constructor(\n    onPublish: TPublish,\n    onSubscribe: TSubscribe,\n    onUpdateHeight: (height: number) => void,\n    height: number,\n    userId: string,\n    responseId: string,\n    userType: TUserTypes,\n  ) {\n    this.onUpdateHeight = onUpdateHeight;\n    this.height = height;\n    this.userId = userId;\n    this.responseId = responseId;\n    this.publish = onPublish;\n    this.userType = userType;\n    onSubscribe(this.responseId, this.update);\n  }\n\n  async create({ canvasElementRef, canvasConfig, canvasSetting, initialData }: ICreateOptions) {\n    if (!canvasElementRef.current) {\n      throw new Error('PolyCanvas: Div Element Not found for canvas');\n    }\n    this.polycanvas = await window.Polypad.create(canvasElementRef.current, {\n      initial: {\n        options: canvasConfig,\n      },\n      ...canvasSetting,\n    });\n\n    removeMask(canvasElementRef);\n    this.polycanvas.on('change', this.onChange);\n    if (initialData) {\n      this.update(initialData);\n    }\n  }\n\n  resetViewPort = () => {\n    if (this.polycanvas) {\n      this.polycanvas.resetViewport();\n    }\n  };\n\n  onChange = (e: unknown) => {\n    const data = e as TCueCanvasChangeData;\n    const payload = Object.fromEntries(data.entries());\n\n    if (this.publish) {\n      this.publish({\n        eventName: 'cue_canvas_changed',\n        eventPayload: {\n          data: payload,\n          height: this.height,\n          userId: this.userId,\n          responseId: this.responseId,\n        },\n      });\n    }\n  };\n\n  undo = () => {\n    if (!this.polycanvas) {\n      return;\n    }\n\n    const data = this.polycanvas.undo() as TCueCanvasChangeData;\n\n    if (!data) {\n      return;\n    }\n\n    const undoData = getReverseMap(data);\n\n    this.onChange(undoData);\n  };\n\n  redo = () => {\n    if (!this.polycanvas) {\n      return;\n    }\n\n    const data = this.polycanvas.redo() as TCueCanvasChangeData;\n\n    if (!data) {\n      return;\n    }\n\n    this.onChange(data);\n  };\n\n  setTool = (tool: TCueCanvasTool) => {\n    if (this.polycanvas) {\n      const [currTool, currSubTool] = getToolAndSubtool(tool);\n\n      switch (currTool) {\n        case 'undo':\n          this.undo();\n          break;\n        case 'redo':\n          this.redo();\n          break;\n        default:\n          this.polycanvas.setTool(currTool, currSubTool);\n      }\n    }\n  };\n\n  updateCanvas = ({ data, userId }: IActionData) => {\n    const canEditStroke = this.userType === 'TEACHER' || userId === this.userId;\n\n    Object.entries(data).forEach(([key, value]) => {\n      if (!value[0] && value[1]) {\n        this.polycanvas?.add({ ...value[1], cannotEdit: !canEditStroke }, key);\n      } else if (value[0] && !value[1]) {\n        this.polycanvas?.delete(key);\n      } else {\n        // This is the case for tile edit (rotate, flip, slice etc)\n        // this.polycanvas?.update(key, { ...value[1] });\n      }\n    });\n  };\n  /**\n   * The `update` method is called in two cases:\n   * 1. When receiving initial data to update the canvas content.\n   * 2. When receiving strokes from other peers to update the canvas content.\n   * Each item can contain multiple actions, which are applied to the canvas.\n   *\n   * The method checks if the payload is an array or a single object.\n   * If it's an array, it iterates over each item and updates the canvas accordingly.\n   * If it's a single object, it directly updates the canvas.\n   *\n   * Additionally, if the payload contains a height greater than the current height of the canvas, the `updateHeight` method is called to update the canvas height.\n   */\n  update = (payload: IActionData | IActionData[]) => {\n    if (Array.isArray(payload)) {\n      const heights = payload.map(data => data.height);\n      const maxHeight = Math.max(...heights);\n\n      if (maxHeight > this.height) {\n        this.updateHeight(maxHeight);\n      }\n      payload.forEach(item => this.updateCanvas(item));\n    } else {\n      if (payload.height > this.height) {\n        this.updateHeight(payload.height);\n      }\n      this.updateCanvas(payload);\n    }\n  };\n\n  setColor = (color: string) => {\n    if (this.polycanvas) {\n      this.polycanvas.setColor(color);\n    }\n  };\n\n  updateHeight = (height: number) => {\n    this.height = height;\n    this.onUpdateHeight(height);\n  };\n\n  destroy = () => {\n    if (this.polycanvas) {\n      this.polycanvas.off('change', this.onChange);\n      this.polycanvas.destroy();\n      this.polycanvas = undefined;\n    }\n  };\n}\n"],"names":["CueCanvasCore","onPublish","onSubscribe","onUpdateHeight","height","userId","responseId","userType","__publicField","e","payload","data","undoData","getReverseMap","tool","currTool","currSubTool","getToolAndSubtool","canEditStroke","key","value","_a","_b","heights","maxHeight","item","color","canvasElementRef","canvasConfig","canvasSetting","initialData","removeMask"],"mappings":"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"}

package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js

@@ -1,65 +1,73 @@
-import { useMessageBrokerChannel as B } from "@cuemath/cue-message-broker";
-import { useState as j, useRef as D, useMemo as q, useCallback as p } from "react";
-const w = (f, g) => {
-  const [C, k] = j(
-    {}
-  ), c = D({}), m = q(
+import { useMessageBrokerChannel as q } from "@cuemath/cue-message-broker";
+import { useState as x, useRef as w, useMemo as E, useCallback as h } from "react";
+const I = (c) => ({
+  userId: c.userId,
+  data: c.data,
+  height: c.height,
+  responseId: c.responseId
+}), F = (c, d, f) => {
+  const [m, l] = x(
+    () => {
+      var o, n;
+      const r = {};
+      for (const { message: a } of d) {
+        const e = (o = a.payload) == null ? void 0 : o.eventPayload, s = e == null ? void 0 : e.responseId;
+        if (!(e != null && e.responseId)) continue;
+        const t = I(e);
+        s && r[s] ? (n = r[s]) == null || n.push(t) : r[s] = [t];
+      }
+      return r;
+    }
+  ), u = w({}), b = E(
     () => ({
-      channelId: f,
+      channelId: c,
       ttl: 0,
-      logger: g
+      logger: f
     }),
-    [f, g]
-  ), I = p((a, n) => {
-    c.current = { ...c.current, [a]: n };
-  }, []), S = p(
-    (a, n) => {
-      const t = {};
-      a.forEach((i) => {
-        var d;
-        const { payload: r } = i.message, { eventPayload: s } = r, e = s == null ? void 0 : s.responseId, u = s == null ? void 0 : s.data, h = s == null ? void 0 : s.userId, l = s == null ? void 0 : s.height, b = c.current[e];
-        !n && b ? b({
-          data: u,
-          height: l,
-          userId: h,
-          responseId: e
-        }) : e && t[e] ? (d = t[e]) == null || d.push({
-          userId: h,
-          data: u,
-          height: l,
-          responseId: e
-        }) : t[e] = [
-          {
-            userId: h,
-            data: u,
-            height: l,
-            responseId: e
-          }
-        ];
-      }), Object.keys(t).length > 0 && k(n ? t : (i) => {
-        const r = { ...i };
-        return Object.keys(t).forEach((s) => {
-          var e;
-          s && r[s] ? (e = r[s]) == null || e.push(...t[s] ?? []) : r[s] = t[s] ?? [];
-        }), r;
+    [c, f]
+  ), C = h((r, o) => {
+    u.current = { ...u.current, [r]: o };
+  }, []), S = h(
+    (r, o) => {
+      const n = {};
+      r.forEach((a) => {
+        var p;
+        const { payload: e } = a.message, { eventPayload: s } = e, t = s == null ? void 0 : s.responseId, R = s == null ? void 0 : s.data, B = s == null ? void 0 : s.userId, j = s == null ? void 0 : s.height, g = u.current[t];
+        if (!o && g)
+          g({
+            data: R,
+            height: j,
+            userId: B,
+            responseId: t
+          });
+        else {
+          const k = I(s);
+          t && n[t] ? (p = n[t]) == null || p.push(k) : n[t] = [k];
+        }
+      }), Object.keys(n).length > 0 && l(o ? n : (a) => {
+        const e = { ...a };
+        return Object.keys(n).forEach((s) => {
+          var t;
+          s && e[s] ? (t = e[s]) == null || t.push(...n[s] ?? []) : e[s] = n[s] ?? [];
+        }), e;
       });
     },
     []
-  ), { publish: M, channelStatus: O, channel: o } = B({
-    channelOptions: m,
+  ), { publish: D, channelStatus: M, channel: i } = q({
+    channelOptions: b,
     consumerFn: S
-  }), R = p(() => {
-    o && o.destroyChannel();
-  }, [o]);
+  }), O = h(() => {
+    i && i.destroyChannel();
+  }, [i]);
   return {
-    publishStrokes: M,
-    channelStatus: O,
-    closeChannel: R,
-    initialStrokesData: C,
-    registerCallback: I
+    publishStrokes: D,
+    channelStatus: M,
+    closeChannel: O,
+    initialStrokesData: m,
+    registerCallback: C
   };
-}, F = w;
+}, $ = F;
 export {
-  F as default
+  $ as default
 };
 //# sourceMappingURL=use-canvas-sync-broker.js.map

package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type { IActionData, TCueCanvasChangeDataObject } from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n  };\n}\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n) => {\n  const [initialStrokesData, setInitialStrokesData] = useState<Record<string, Array<IActionData>>>(\n    {},\n  );\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: 0,\n      logger: logEvent,\n    }),\n    [channelId, logEvent],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n          });\n        } else {\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push({\n              userId,\n              data: strokes,\n              height: canvasHeight,\n              responseId: qrId,\n            });\n          } else {\n            strokesPerWidgetMap[qrId] = [\n              {\n                userId,\n                data: strokes,\n                height: canvasHeight,\n                responseId: qrId,\n              },\n            ];\n          }\n        }\n      });\n\n      if (Object.keys(strokesPerWidgetMap).length > 0) {\n        if (initialData) {\n          setInitialStrokesData(strokesPerWidgetMap);\n        } else {\n          setInitialStrokesData(prevData => {\n            const currentData = { ...prevData };\n\n            Object.keys(strokesPerWidgetMap).forEach(key => {\n              if (key && currentData[key]) {\n                currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n              } else {\n                currentData[key] = strokesPerWidgetMap[key] ?? [];\n              }\n            });\n\n            return currentData;\n          });\n        }\n      }\n    },\n    [],\n  );\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions,\n    consumerFn: onMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["useCanvasSyncBroker","channelId","logEvent","initialStrokesData","setInitialStrokesData","useState","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","qrId","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","message","payload","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","_a","prevData","currentData","key","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":";;AAeA,MAAMA,IAAsB,CAC1BC,GACAC,MACG;AACG,QAAA,CAACC,GAAoBC,CAAqB,IAAIC;AAAA,IAClD,CAAC;AAAA,EAAA,GAEGC,IAAkBC,EAAoD,CAAA,CAAE,GAExEC,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,WAAAR;AAAA,MACA,KAAK;AAAA,MACL,QAAQC;AAAA,IAAA;AAAA,IAEV,CAACD,GAAWC,CAAQ;AAAA,EAAA,GAGhBQ,IAAmBC,EAAY,CAACC,GAAcC,MAAoC;AACtE,IAAAP,EAAA,UAAU,EAAE,GAAGA,EAAgB,SAAS,CAACM,CAAI,GAAGC;EAClE,GAAG,CAAE,CAAA,GAECC,IAAmBH;AAAA,IACvB,CAACI,GAAkCC,MAA0B;AAC3D,YAAMC,IAA0D,CAAA;AAEhE,MAAAF,EAAS,QAAQ,CAAWG,MAAA;;AACpB,cAAA,EAAE,SAAAC,EAAQ,IAAID,EAAQ,SACtB,EAAE,cAAAE,EAAiB,IAAAD,GACnBP,IAAOQ,KAAA,gBAAAA,EAAc,YACrBC,IAAUD,KAAA,gBAAAA,EAAc,MACxBE,IAASF,KAAA,gBAAAA,EAAc,QACvBG,IAAeH,KAAA,gBAAAA,EAAc,QAC7BI,IAA0BlB,EAAgB,QAAQM,CAAI;AAExD,QAAA,CAACI,KAAeQ,IACMA,EAAA;AAAA,UACtB,MAAMH;AAAA,UACN,QAAQE;AAAA,UACR,QAAAD;AAAA,UACA,YAAYV;AAAA,QAAA,CACb,IAEGA,KAAQK,EAAoBL,CAAI,KACda,IAAAR,EAAAL,CAAI,MAAJ,QAAAa,EAAO,KAAK;AAAA,UAC9B,QAAAH;AAAA,UACA,MAAMD;AAAA,UACN,QAAQE;AAAA,UACR,YAAYX;AAAA,QAAA,KAGdK,EAAoBL,CAAI,IAAI;AAAA,UAC1B;AAAA,YACE,QAAAU;AAAA,YACA,MAAMD;AAAA,YACN,QAAQE;AAAA,YACR,YAAYX;AAAA,UACd;AAAA,QAAA;AAAA,MAGN,CACD,GAEG,OAAO,KAAKK,CAAmB,EAAE,SAAS,KAE1Cb,EADEY,IACoBC,IAEA,CAAYS,MAAA;AAC1B,cAAAC,IAAc,EAAE,GAAGD;AAEzB,sBAAO,KAAKT,CAAmB,EAAE,QAAQ,CAAOW,MAAA;;AAC1C,UAAAA,KAAOD,EAAYC,CAAG,KACZH,IAAAE,EAAAC,CAAG,MAAH,QAAAH,EAAM,KAAK,GAAIR,EAAoBW,CAAG,KAAK,CAAA,KAEvDD,EAAYC,CAAG,IAAIX,EAAoBW,CAAG,KAAK,CAAA;AAAA,QACjD,CACD,GAEMD;AAAA,MAAA,CAbgC;AAAA,IAiB/C;AAAA,IACA,CAAC;AAAA,EAAA,GAGG,EAAE,SAAAE,GAAS,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAwB;AAAA,IAClE,gBAAAxB;AAAA,IACA,YAAYM;AAAA,EAAA,CACb,GAEKmB,IAAetB,EAAY,MAAM;AACrC,IAAIoB,KACFA,EAAQ,eAAe;AAAA,EACzB,GACC,CAACA,CAAO,CAAC;AAEL,SAAA;AAAA,IACL,gBAAgBF;AAAA,IAChB,eAAAC;AAAA,IACA,cAAAG;AAAA,IACA,oBAAA9B;AAAA,IACA,kBAAAO;AAAA,EAAA;AAEJ,GAEAwB,IAAelC;"}
+{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type { IActionData, TCueCanvasChangeDataObject } from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n  };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n  userId: payload.userId,\n  data: payload.data,\n  height: payload.height,\n  responseId: payload.responseId,\n});\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  initialS3Data: Array<IChannelMessage>,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n) => {\n  const [initialStrokesData, setInitialStrokesData] = useState<Record<string, IActionData[]>>(\n    () => {\n      const map: Record<string, IActionData[]> = {};\n\n      for (const { message } of initialS3Data) {\n        const payload = (message.payload as IMessage)?.eventPayload;\n        const qrId = payload?.responseId;\n\n        if (!payload?.responseId) continue;\n\n        const strokeData = extractStrokeData(payload);\n\n        if (qrId && map[qrId]) {\n          map[qrId]?.push(strokeData);\n        } else {\n          map[qrId] = [strokeData];\n        }\n      }\n\n      return map;\n    },\n  );\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: 0,\n      logger: logEvent,\n    }),\n    [channelId, logEvent],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n          });\n        } else {\n          const strokeData = extractStrokeData(eventPayload);\n\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push(strokeData);\n          } else {\n            strokesPerWidgetMap[qrId] = [strokeData];\n          }\n        }\n      });\n\n      if (Object.keys(strokesPerWidgetMap).length > 0) {\n        if (initialData) {\n          setInitialStrokesData(strokesPerWidgetMap);\n        } else {\n          setInitialStrokesData(prevData => {\n            const currentData = { ...prevData };\n\n            Object.keys(strokesPerWidgetMap).forEach(key => {\n              if (key && currentData[key]) {\n                currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n              } else {\n                currentData[key] = strokesPerWidgetMap[key] ?? [];\n              }\n            });\n\n            return currentData;\n          });\n        }\n      }\n    },\n    [],\n  );\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions,\n    consumerFn: onMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","useCanvasSyncBroker","channelId","initialS3Data","logEvent","initialStrokesData","setInitialStrokesData","useState","map","message","_a","qrId","strokeData","_b","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","prevData","currentData","key","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { jsxs as I, jsx as r, Fragment as Dt } from "react/jsx-runtime";
-import { memo as Ut, useMemo as _, useState as A, useRef as z, useCallback as zt, useEffect as g, useLayoutEffect as Kt } from "react";
+import { jsxs as I, jsx as r, Fragment as zt } from "react/jsx-runtime";
+import { memo as Dt, useMemo as R, useState as A, useRef as U, useCallback as Ut, useEffect as E, useLayoutEffect as Kt } from "react";
 import { IMAGES as Vt } from "../../../../assets/images/images.js";
 import Xt from "../../../cue-canvas/cue-canvas.js";
 import Pt from "../../../pointer-sync/pointer.js";
@@ -16,15 +16,15 @@ import re from "./system-intros/basic-practice-intro.js";
 import oe from "./system-intros/exit-ticket-intro.js";
 import ie from "./system-intros/regular-practice-intro.js";
 import { QuestionContainerWrapper as ne, StimulusReview as ce, QuestionContainer as ae, QuestionWrapper as se, LessonOverviewBanner as le, CueCanvasWrapper as me, Hint as ue, Solution as fe } from "./worksheet-question-styled.js";
-const Le = Ut(
+const Le = Dt(
   ({
     userType: c,
     signedRequest: bt,
-    worksheetCompleted: u,
+    worksheetCompleted: f,
     question: n,
     response: e,
-    nextQuestionId: R,
-    isActive: v,
+    nextQuestionId: v,
+    isActive: w,
     isHidden: M,
     canRender: K,
     loggerRef: O,
@@ -32,12 +32,12 @@ const Le = Ut(
     maxQuestionWidth: V,
     behavior: X,
     layout: P,
-    actionbarHeight: Ct,
-    learnosity: w,
+    actionbarHeight: Wt,
+    learnosity: H,
     intersectionObserver: j,
     background: G = "paper",
-    onMarkForReview: Bt,
-    userId: Wt,
+    onMarkForReview: Ct,
+    userId: Bt,
     onPublishStrokes: Y,
     onReceiveStrokes: Z,
     isScribblingEnabled: J,
@@ -52,7 +52,7 @@ const Le = Ut(
     responses: Tt,
     subjectiveProps: rt
   }) => {
-    const C = _(
+    const C = R(
       () => G === "paper" ? Yt(n) : void 0,
       [G, n]
     ), [B, It] = A(), [ot, At] = A(), {
@@ -60,48 +60,48 @@ const Le = Ut(
       review: Q,
       maximumAttempts: nt,
       canExceedAttempts: ct,
-      teacherValidationEnabled: H,
+      teacherValidationEnabled: S,
       solutionHidden: at
-    } = X, { minQuestionHeight: Mt, topOffset: st, questionsScrollable: W } = P, {
-      type: E,
+    } = X, { minQuestionHeight: Mt, topOffset: st, questionsScrollable: y } = P, {
+      type: $,
       response_id: o,
-      stimulus_review: $,
-      item_type: f,
+      stimulus_review: p,
+      item_type: h,
       instructor_stimulus: lt,
-      metadata: { hints: h, solution: S, widget_reference: mt },
+      metadata: { hints: d, solution: b, widget_reference: mt },
       item_reference: ut,
       question_number: ft
-    } = n, ht = !!$, y = f === "overview", m = Zt(lt), d = lt === "SystemIntro", dt = m || d, gt = e == null ? void 0 : e.responseEdited, Ot = _(() => {
+    } = n, ht = !!p, x = h === "overview", m = Zt(lt), g = lt === "SystemIntro", dt = m || g, gt = e == null ? void 0 : e.responseEdited, Ot = R(() => {
       const t = [];
-      return gt && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), E === "hotspot" && t.push("correct-answers-hidden"), a && H && E === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), y && t.push("lesson-overview"), m && t.push("concept-intro"), d && t.push("system-intro"), t.join(" ");
+      return gt && c === "TEACHER" && t.push("attempting"), a || t.push("hidden"), $ === "hotspot" && t.push("correct-answers-hidden"), a && S && $ === "clozetext" && (!m || c === "STUDENT" ? t.push("response-hidden") : t.push("response-code-hidden")), x && t.push("lesson-overview"), m && t.push("concept-intro"), g && t.push("system-intro"), t.join(" ");
     }, [
       a,
       m,
-      y,
-      d,
-      E,
+      x,
+      g,
+      $,
       gt,
-      H,
+      S,
       c
-    ]), F = z({}), x = (e == null ? void 0 : e.hintsUsed) ?? 0, [Et] = A((e == null ? void 0 : e.validatedByTeacher) ?? !1), L = z(null), D = z(null), U = _(() => h == null ? void 0 : h.slice(0, x), [h, x]), $t = _(() => c === "TEACHER" || u ? !0 : !e || !e.response || e.responseEdited ? !1 : it, [e, c, it, u]), pt = _(() => {
+    ]), F = U({}), L = (e == null ? void 0 : e.hintsUsed) ?? 0, [Et] = A((e == null ? void 0 : e.validatedByTeacher) ?? !1), T = U(null), z = U(null), D = R(() => d == null ? void 0 : d.slice(0, L), [d, L]), $t = R(() => c === "TEACHER" || f ? !0 : !e || !e.response || e.responseEdited ? !1 : it, [e, c, it, f]), pt = R(() => {
       if (c === "TEACHER") return !0;
       if (Q) {
         const { attemptsHistory: t } = e ?? {};
         return ((t == null ? void 0 : t.length) ?? 0) >= nt && !ct;
       }
       return !1;
-    }, [ct, nt, e, Q, c]), Nt = _(
-      () => S && u && !at,
-      [at, S, u]
+    }, [ct, nt, e, Q, c]), Nt = R(
+      () => b && f && !at,
+      [at, b, f]
     ), [_t, Qt] = A({
       width: 0,
       height: 0
-    }), Ft = zt((t) => {
+    }), Ft = Ut((t) => {
       At(t);
     }, []);
-    return g(() => {
-      L.current && j.observe(L.current);
-    }, [j]), g(() => {
+    return E(() => {
+      T.current && j.observe(T.current);
+    }, [j]), E(() => {
       if (a && (n.type === "clozeassociation" || n.type === "association" || n.type === "clozeformula")) {
         const t = document.querySelectorAll(
           `.widget-${n.response_id} .lrn_draggable`
@@ -114,24 +114,26 @@ const Le = Ut(
           height: i
         });
       }
-    }, [a, n.response_id, n.type]), g(() => {
+    }, [a, n.response_id, n.type]), E(() => {
       if (a && $t) {
-        const t = w.question(o);
+        const t = H.question(o);
         t && t.validate({
           showCorrectAnswers: pt
         });
       }
-    }, [a, w, o, Q, pt, c, $t]), g(() => {
-      const t = D.current;
-      if (a && t && O.current && F.current[o] === void 0 && !m && !d) {
+    }, [a, H, o, Q, pt, c, $t]), E(() => {
+      const t = z.current;
+      if (a && t && O.current && F.current[o] === void 0 && !m && !g) {
         const s = t.clientWidth, i = t.querySelectorAll("*");
         for (let l = 0; l < i.length; l++) {
-          const b = i[l];
-          if (b && b.clientWidth > s) {
+          const u = i[l];
+          if (u != null && u.closest(".resize-sensor"))
+            continue;
+          if (((u == null ? void 0 : u.clientWidth) ?? 0) > s) {
             F.current[o] = !0, O.current(jt.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {
               item_reference: ut,
               widget_reference: mt,
-              question_type: E,
+              question_type: $,
               question_number: ft,
               responseId: o
             });
@@ -143,53 +145,53 @@ const Le = Ut(
     }, [
       a,
       m,
-      d,
+      g,
       ut,
       O,
-      E,
+      $,
       ft,
       o,
       mt
-    ]), g(() => {
-      const t = L.current, s = (i) => {
+    ]), E(() => {
+      const t = T.current, s = (i) => {
         const l = i.querySelector(".lrn_response_wrapper");
         if (!l)
           return 0;
-        const b = i.getBoundingClientRect().bottom, T = l.getBoundingClientRect().bottom, p = Math.abs(b - T);
-        return p < Ht ? Ht - p : 0;
+        const u = i.getBoundingClientRect().bottom, W = l.getBoundingClientRect().bottom, _ = Math.abs(u - W);
+        return _ < Ht ? Ht - _ : 0;
       };
       a && t && It((i) => {
         var vt;
-        const T = ((vt = n.ui_style) == null ? void 0 : vt.type) === "floating-keyboard" && !(H && E === "clozetext"), p = t.clientHeight;
-        if (p === 0)
+        const W = ((vt = n.ui_style) == null ? void 0 : vt.type) === "floating-keyboard" && !(S && $ === "clozetext"), _ = t.clientHeight;
+        if (_ === 0)
           return i;
         if (!i)
           return Math.ceil(
-            p + (T ? s(t) : 0)
+            _ + (W ? s(t) : 0)
           );
         const Rt = Math.ceil(
-          p + (T ? s(t) : 0)
+          _ + (W ? s(t) : 0)
         );
         return Math.abs(Rt - i) > 4 ? Rt : i;
       });
     }), Kt(() => {
-      !W && !M && St(o);
-    }, [M, W, o, st]), g(() => {
-      (x || ht || S && u) && w.renderMath("mathjax");
-    }, [ht, x, w, S, u]), g(() => {
-      if (H && R && !Et && (e != null && e.validatedByTeacher)) {
+      !y && !M && St(o);
+    }, [M, y, o, st]), E(() => {
+      (L || ht || b && f) && H.renderMath("mathjax");
+    }, [ht, L, H, b, f]), E(() => {
+      if (S && v && !Et && (e != null && e.validatedByTeacher)) {
         const t = setTimeout(() => {
-          W ? St(R) : et(R);
+          y ? St(v) : et(v);
         }, 1e3);
         return () => {
           clearTimeout(t);
         };
       }
     }, [
-      R,
-      H,
+      v,
+      S,
       Et,
-      W,
+      y,
       et,
       e == null ? void 0 : e.validatedByTeacher
     ]), /* @__PURE__ */ I(
@@ -197,35 +199,35 @@ const Le = Ut(
       {
         "data-response-id": o,
         className: `widget-${o}`,
-        ref: L,
+        ref: T,
         $topOffset: st,
-        $flexDirection: $ ? "row" : "column",
-        $alignItems: $ ? "flex-start" : "center",
+        $flexDirection: p ? "row" : "column",
+        $alignItems: p ? "flex-start" : "center",
         $hidden: M,
         $marginBottom: Gt,
         children: [
-          $ && /* @__PURE__ */ r(
+          p && /* @__PURE__ */ r(
             ce,
             {
               dangerouslySetInnerHTML: {
-                __html: $
+                __html: p
               }
             }
           ),
           /* @__PURE__ */ I(
             ae,
             {
-              ref: D,
-              $width: $ ? "50%" : `${V}px`,
+              ref: z,
+              $width: p ? "50%" : `${V}px`,
               $minHeight: B ? Math.max(B - 72, ot ?? 0) : Mt,
-              $isActive: v,
+              $isActive: w,
               $paperColor: C,
-              $opacity: v ? 1 : 0.2,
+              $opacity: w ? 1 : 0.2,
               children: [
-                v && !!k && !!tt && q && /* @__PURE__ */ r(
+                w && !!k && !!tt && q && /* @__PURE__ */ r(
                   Pt,
                   {
-                    containerRef: D,
+                    containerRef: z,
                     onPublish: k,
                     onSubscribe: tt,
                     responseId: o
@@ -238,7 +240,7 @@ const Le = Ut(
                     $dropzoneMinWidth: _t.width,
                     $dropzoneMinHeight: _t.height,
                     children: [
-                      !(y || m || d) && /* @__PURE__ */ r(
+                      !(x || m || g) && /* @__PURE__ */ r(
                         Jt,
                         {
                           userType: c,
@@ -247,20 +249,20 @@ const Le = Ut(
                           behavior: X,
                           layout: P,
                           paperColor: C,
-                          onMarkForReview: Bt,
-                          actionbarHeight: Ct,
+                          onMarkForReview: Ct,
+                          actionbarHeight: Wt,
                           canResolveDoubt: yt,
                           onResolveDoubt: xt,
-                          worksheetCompleted: u
+                          worksheetCompleted: f
                         }
                       ),
-                      y && /* @__PURE__ */ r(le, { src: Vt.LESSON_OVERVIEW_BANNER }),
+                      x && /* @__PURE__ */ r(le, { src: Vt.LESSON_OVERVIEW_BANNER }),
                       m && C && /* @__PURE__ */ r(kt, { paperColor: C }),
-                      d ? /* @__PURE__ */ I(Dt, { children: [
-                        f === "practice-basic" && /* @__PURE__ */ r(re, {}),
-                        f === "practice-regular" && /* @__PURE__ */ r(ie, {}),
-                        f === "exit-ticket" && /* @__PURE__ */ r(oe, {}),
-                        (f == null ? void 0 : f.startsWith("advanced-")) && /* @__PURE__ */ r(ee, {})
+                      g ? /* @__PURE__ */ I(zt, { children: [
+                        h === "practice-basic" && /* @__PURE__ */ r(re, {}),
+                        h === "practice-regular" && /* @__PURE__ */ r(ie, {}),
+                        h === "exit-ticket" && /* @__PURE__ */ r(oe, {}),
+                        (h == null ? void 0 : h.startsWith("advanced-")) && /* @__PURE__ */ r(ee, {})
                       ] }) : void 0,
                       /* @__PURE__ */ r(
                         qt,
@@ -269,8 +271,8 @@ const Le = Ut(
                           appended: a,
                           question: n,
                           response: e == null ? void 0 : e.response,
-                          canRender: K || v,
-                          learnosity: w,
+                          canRender: K || w,
+                          learnosity: H,
                           canForceAppend: c === "TEACHER",
                           isConceptIntro: m
                         }
@@ -279,7 +281,7 @@ const Le = Ut(
                         Xt,
                         {
                           canRender: K,
-                          canScribble: J && v,
+                          canScribble: J && w,
                           appended: a,
                           responseId: o,
                           width: V,
@@ -287,12 +289,12 @@ const Le = Ut(
                           onUpdateHeight: Ft,
                           onPublish: Y,
                           onSubscribe: Z,
-                          userId: Wt,
+                          userId: Bt,
                           initialData: N == null ? void 0 : N[o],
                           userType: c
                         }
                       ) }),
-                      !dt && U && U.length > 0 && /* @__PURE__ */ r(
+                      !dt && D && D.length > 0 && /* @__PURE__ */ r(
                         wt,
                         {
                           $background: "BLUE_1",
@@ -300,11 +302,11 @@ const Le = Ut(
                           $gapX: 0.5,
                           $borderRadiusX: 0,
                           $borderColor: "BLUE_2",
-                          children: U.map((t, s) => /* @__PURE__ */ r(
+                          children: D.map((t, s) => /* @__PURE__ */ r(
                             ue,
                             {
                               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${((d == null ? void 0 : d.length) ?? 0) > 1 ? ` ${s + 1}` : ""}:</span>&nbsp;${t}`
                               }
                             },
                             t
@@ -323,7 +325,7 @@ const Le = Ut(
                             fe,
                             {
                               dangerouslySetInnerHTML: {
-                                __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${S}`
+                                __html: `<div style="color: #DA5107; font-weight: 600;">Solution:</div>${b}`
                               }
                             }
                           )
@@ -334,7 +336,7 @@ const Le = Ut(
                         {
                           responses: Tt,
                           response: e,
-                          nextQuestionId: R,
+                          nextQuestionId: v,
                           responseId: o,
                           studentId: Lt,
                           userType: c,

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 type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element && element.clientWidth > parentWidth) {\n            overflowDetectedRef.current[responseId] = true;\n            loggerRef.current(EVENTS.WORKSHEET_V3_GREATER_WIDTH_ELEMENT, {\n              item_reference,\n              widget_reference,\n              question_type: questionType,\n              question_number,\n              responseId,\n            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}
+{"version":3,"file":"worksheet-question.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/worksheet-question.tsx"],"sourcesContent":["import type { IWorksheetQuestionProps } from './worksheet-question-types';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport CueCanvas from '../../../cue-canvas/cue-canvas';\nimport Pointer from '../../../pointer-sync/pointer';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { LEARNOSITY_KEYBOARD_HEIGHT, QUESTIONS_GAP } from '../constants';\nimport {\n  getPaperColorByQuestion,\n  isConceptIntroWidget,\n  scrollToQuestion,\n} from '../worksheet-helpers';\nimport QuestionHeader from './header/header';\nimport LearnosityQuestion from './learnosity-question';\nimport QuestionBackdrop from './question-backdrop/question-backdrop';\nimport SubjectiveQuestionReview from './subjective-review';\nimport AdvancedPracticeIntro from './system-intros/advanced-practice-intro';\nimport BasicPracticeIntro from './system-intros/basic-practice-intro';\nimport ExitTicketIntro from './system-intros/exit-ticket-intro';\nimport RegularPracticeIntro from './system-intros/regular-practice-intro';\nimport * as Styled from './worksheet-question-styled';\n\nconst WorksheetQuestion: FC<IWorksheetQuestionProps> = memo(\n  ({\n    userType,\n    signedRequest,\n    worksheetCompleted,\n    question,\n    response,\n    nextQuestionId,\n    isActive,\n    isHidden,\n    canRender,\n    loggerRef,\n    appended,\n    maxQuestionWidth,\n    behavior,\n    layout,\n    actionbarHeight,\n    learnosity,\n    intersectionObserver,\n    background = 'paper',\n    onMarkForReview,\n    userId,\n    onPublishStrokes,\n    onReceiveStrokes,\n    isScribblingEnabled,\n    initialStrokesData,\n    isCanvasEnabled,\n    onPublishMouseMove,\n    onSubscribeMouseMove,\n    setActiveQuestionId,\n    canResolveDoubt,\n    onResolveDoubt,\n    studentId,\n    responses,\n    subjectiveProps,\n  }) => {\n    const paperColor = useMemo(\n      () => (background === 'paper' ? getPaperColorByQuestion(question) : undefined),\n      [background, question],\n    );\n    const [questionHeight, setQuestionHeight] = useState<number | undefined>();\n    const [canvasHeight, setCanvasHeight] = useState<number | undefined>();\n    const {\n      validation,\n      review,\n      maximumAttempts,\n      canExceedAttempts,\n      teacherValidationEnabled,\n      solutionHidden,\n    } = behavior;\n    const { minQuestionHeight, topOffset, questionsScrollable } = layout;\n    const {\n      type: questionType,\n      response_id: responseId,\n      stimulus_review,\n      item_type,\n      instructor_stimulus,\n      metadata: { hints: hintsAvailable, solution, widget_reference },\n      item_reference,\n      question_number,\n    } = question;\n    const hasStimulusReview = !!stimulus_review;\n    const isLessonOverview = item_type === 'overview';\n    const isConceptIntro = isConceptIntroWidget(instructor_stimulus);\n    const isSystemIntro = instructor_stimulus === 'SystemIntro';\n    const isIntro = isConceptIntro || isSystemIntro;\n    const responseEdited = response?.responseEdited;\n    const wrapperClasses = useMemo(() => {\n      const classes = [];\n\n      if (responseEdited && userType === 'TEACHER') {\n        classes.push('attempting');\n      }\n\n      if (!appended) {\n        classes.push('hidden');\n      }\n\n      if (questionType === 'hotspot') {\n        classes.push('correct-answers-hidden');\n      }\n\n      if (appended && teacherValidationEnabled && questionType === 'clozetext') {\n        if (!isConceptIntro || userType === 'STUDENT') {\n          classes.push('response-hidden');\n        } else {\n          classes.push('response-code-hidden');\n        }\n      }\n\n      if (isLessonOverview) {\n        classes.push('lesson-overview');\n      }\n\n      if (isConceptIntro) {\n        classes.push('concept-intro');\n      }\n\n      if (isSystemIntro) {\n        classes.push('system-intro');\n      }\n\n      return classes.join(' ');\n    }, [\n      appended,\n      isConceptIntro,\n      isLessonOverview,\n      isSystemIntro,\n      questionType,\n      responseEdited,\n      teacherValidationEnabled,\n      userType,\n    ]);\n    const overflowDetectedRef = useRef<Record<string, boolean>>({});\n\n    const hintsUsed = response?.hintsUsed ?? 0;\n    const [validatedByTeacherOnMount] = useState(response?.validatedByTeacher ?? false);\n\n    const questionRef = useRef<HTMLDivElement>(null);\n    const pointerContainerRef = useRef<HTMLDivElement>(null);\n    const hints = useMemo(() => hintsAvailable?.slice(0, hintsUsed), [hintsAvailable, hintsUsed]);\n    const validateResponse = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (worksheetCompleted) return true;\n\n      if (!response) return false;\n\n      if (!response.response) return false;\n\n      if (response.responseEdited) return false;\n\n      return validation;\n    }, [response, userType, validation, worksheetCompleted]);\n\n    const showCorrectAnswers = useMemo(() => {\n      if (userType === 'TEACHER') return true;\n\n      if (review) {\n        const { attemptsHistory } = response ?? {};\n        const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n        return maximumAttemptsReached && !canExceedAttempts;\n      }\n\n      return false;\n    }, [canExceedAttempts, maximumAttempts, response, review, userType]);\n\n    const showSolution = useMemo(\n      () => solution && worksheetCompleted && !solutionHidden,\n      [solutionHidden, solution, worksheetCompleted],\n    );\n\n    const [dropZoneDimensions, setDropZoneDimensions] = useState({\n      width: 0,\n      height: 0,\n    });\n\n    const onUpdateHeight = useCallback((height: number) => {\n      setCanvasHeight(height);\n    }, []);\n\n    useEffect(() => {\n      if (questionRef.current) {\n        intersectionObserver.observe(questionRef.current);\n      }\n    }, [intersectionObserver]);\n\n    useEffect(() => {\n      if (\n        appended &&\n        (question.type === 'clozeassociation' ||\n          question.type === 'association' ||\n          question.type === 'clozeformula')\n      ) {\n        const draggableElements = document.querySelectorAll(\n          `.widget-${question.response_id} .lrn_draggable`,\n        );\n\n        let minWidth = 0;\n        let minHeight = 0;\n\n        draggableElements.forEach(draggableElement => {\n          minWidth = Math.max(minWidth, draggableElement.clientWidth + 33);\n          minHeight = Math.max(minHeight, draggableElement.clientHeight + 1);\n        });\n\n        setDropZoneDimensions({\n          width: question.type !== 'association' ? minWidth : 0,\n          height: minHeight,\n        });\n      }\n    }, [appended, question.response_id, question.type]);\n\n    useEffect(() => {\n      if (appended && validateResponse) {\n        const learnosityQuestion = learnosity.question(responseId);\n\n        if (learnosityQuestion) {\n          learnosityQuestion.validate({\n            showCorrectAnswers,\n          });\n        }\n      }\n    }, [appended, learnosity, responseId, review, showCorrectAnswers, userType, validateResponse]);\n\n    useEffect(() => {\n      const $questionEl = pointerContainerRef.current;\n\n      if (\n        appended &&\n        $questionEl &&\n        loggerRef.current &&\n        overflowDetectedRef.current[responseId] === undefined &&\n        !isConceptIntro &&\n        !isSystemIntro\n      ) {\n        const parentWidth = $questionEl.clientWidth;\n        const nestedElements = $questionEl.querySelectorAll('*');\n\n        for (let i = 0; i < nestedElements.length; i++) {\n          const element = nestedElements[i];\n\n          if (element?.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            });\n            break;\n          }\n        }\n\n        overflowDetectedRef.current[responseId] = false;\n      }\n    }, [\n      appended,\n      isConceptIntro,\n      isSystemIntro,\n      item_reference,\n      loggerRef,\n      questionType,\n      question_number,\n      responseId,\n      widget_reference,\n    ]);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      const $questionEl = questionRef.current;\n\n      const getExtraSpaceNeedForFloatingKeyboard = (questionEl: HTMLDivElement) => {\n        const $responseWrapper = questionEl.querySelector('.lrn_response_wrapper');\n\n        if (!$responseWrapper) {\n          return 0;\n        }\n\n        const questionBottom = questionEl.getBoundingClientRect().bottom;\n        const responseWrapperBottom = $responseWrapper.getBoundingClientRect().bottom;\n        const spaceFromResponseToBottom = Math.abs(questionBottom - responseWrapperBottom);\n\n        if (spaceFromResponseToBottom < LEARNOSITY_KEYBOARD_HEIGHT) {\n          return LEARNOSITY_KEYBOARD_HEIGHT - spaceFromResponseToBottom;\n        }\n\n        return 0;\n      };\n\n      if (appended && $questionEl) {\n        setQuestionHeight(qHeight => {\n          const hasFloatingKeyboard = question.ui_style?.type === 'floating-keyboard';\n          const v3CodeHidden = teacherValidationEnabled && questionType === 'clozetext';\n          const hasKeyboard = hasFloatingKeyboard && !v3CodeHidden;\n          const height = $questionEl.clientHeight;\n\n          if (height === 0) {\n            return qHeight;\n          }\n\n          // If the question has a floating keyboard, we need to add the height of the keyboard to the question height\n          if (!qHeight) {\n            return Math.ceil(\n              height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n            );\n          }\n\n          const newQuestionHeight = Math.ceil(\n            height + (hasKeyboard ? getExtraSpaceNeedForFloatingKeyboard($questionEl) : 0),\n          );\n\n          if (Math.abs(newQuestionHeight - qHeight) > 4) {\n            return newQuestionHeight;\n          }\n\n          return qHeight;\n        });\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!questionsScrollable && !isHidden) {\n        scrollToQuestion(responseId);\n      }\n    }, [isHidden, questionsScrollable, responseId, topOffset]);\n\n    useEffect(() => {\n      if (hintsUsed || hasStimulusReview || (solution && worksheetCompleted)) {\n        learnosity.renderMath('mathjax');\n      }\n    }, [hasStimulusReview, hintsUsed, learnosity, solution, worksheetCompleted]);\n\n    useEffect(() => {\n      if (\n        teacherValidationEnabled &&\n        nextQuestionId &&\n        !validatedByTeacherOnMount &&\n        response?.validatedByTeacher\n      ) {\n        const timer = setTimeout(() => {\n          if (questionsScrollable) {\n            scrollToQuestion(nextQuestionId);\n          } else {\n            setActiveQuestionId(nextQuestionId);\n          }\n        }, 1000);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }, [\n      nextQuestionId,\n      teacherValidationEnabled,\n      validatedByTeacherOnMount,\n      questionsScrollable,\n      setActiveQuestionId,\n      response?.validatedByTeacher,\n    ]);\n\n    return (\n      <Styled.QuestionContainerWrapper\n        data-response-id={responseId}\n        className={`widget-${responseId}`}\n        ref={questionRef}\n        $topOffset={topOffset}\n        $flexDirection={stimulus_review ? 'row' : 'column'}\n        $alignItems={stimulus_review ? 'flex-start' : 'center'}\n        $hidden={isHidden}\n        $marginBottom={QUESTIONS_GAP}\n      >\n        {stimulus_review && (\n          <Styled.StimulusReview\n            dangerouslySetInnerHTML={{\n              __html: stimulus_review,\n            }}\n          />\n        )}\n        <Styled.QuestionContainer\n          ref={pointerContainerRef}\n          $width={stimulus_review ? '50%' : `${maxQuestionWidth}px`}\n          $minHeight={\n            questionHeight ? Math.max(questionHeight - 72, canvasHeight ?? 0) : minQuestionHeight\n          }\n          $isActive={isActive}\n          $paperColor={paperColor}\n          $opacity={isActive ? 1 : 0.2}\n        >\n          {isActive && !!onPublishMouseMove && !!onSubscribeMouseMove && isCanvasEnabled && (\n            <Pointer\n              containerRef={pointerContainerRef}\n              onPublish={onPublishMouseMove}\n              onSubscribe={onSubscribeMouseMove}\n              responseId={responseId}\n            />\n          )}\n          <Styled.QuestionWrapper\n            className={wrapperClasses}\n            $dropzoneMinWidth={dropZoneDimensions.width}\n            $dropzoneMinHeight={dropZoneDimensions.height}\n          >\n            {!(isLessonOverview || isConceptIntro || isSystemIntro) && (\n              <QuestionHeader\n                userType={userType}\n                question={question}\n                response={response}\n                behavior={behavior}\n                layout={layout}\n                paperColor={paperColor}\n                onMarkForReview={onMarkForReview}\n                actionbarHeight={actionbarHeight}\n                canResolveDoubt={canResolveDoubt}\n                onResolveDoubt={onResolveDoubt}\n                worksheetCompleted={worksheetCompleted}\n              />\n            )}\n            {isLessonOverview && (\n              <Styled.LessonOverviewBanner src={IMAGES.LESSON_OVERVIEW_BANNER} />\n            )}\n            {isConceptIntro && paperColor && <QuestionBackdrop paperColor={paperColor} />}\n            {isSystemIntro ? (\n              <>\n                {item_type === 'practice-basic' && <BasicPracticeIntro />}\n                {item_type === 'practice-regular' && <RegularPracticeIntro />}\n                {item_type === 'exit-ticket' && <ExitTicketIntro />}\n                {item_type?.startsWith('advanced-') && <AdvancedPracticeIntro />}\n              </>\n            ) : undefined}\n            <LearnosityQuestion\n              signedRequest={signedRequest}\n              appended={appended}\n              question={question}\n              response={response?.response}\n              canRender={canRender || isActive}\n              learnosity={learnosity}\n              canForceAppend={userType === 'TEACHER'}\n              isConceptIntro={isConceptIntro}\n            />\n\n            {!isIntro &&\n              isCanvasEnabled &&\n              onPublishStrokes &&\n              onReceiveStrokes &&\n              questionHeight !== undefined && (\n                <Styled.CueCanvasWrapper $canScribble={isScribblingEnabled}>\n                  <CueCanvas\n                    canRender={canRender}\n                    canScribble={isScribblingEnabled && isActive}\n                    appended={appended}\n                    responseId={responseId}\n                    width={maxQuestionWidth}\n                    height={Math.max(questionHeight, canvasHeight ?? 0)}\n                    onUpdateHeight={onUpdateHeight}\n                    onPublish={onPublishStrokes}\n                    onSubscribe={onReceiveStrokes}\n                    userId={userId}\n                    initialData={initialStrokesData?.[responseId]}\n                    userType={userType}\n                  />\n                </Styled.CueCanvasWrapper>\n              )}\n            {!isIntro && hints && hints.length > 0 && (\n              <FlexView\n                $background=\"BLUE_1\"\n                $gutterX={1}\n                $gapX={0.5}\n                $borderRadiusX={0}\n                $borderColor=\"BLUE_2\"\n              >\n                {hints.map((hint, index) => (\n                  <Styled.Hint\n                    key={hint}\n                    dangerouslySetInnerHTML={{\n                      __html: `<span style=\"color: #DA5107; font-weight: 600;\">Hint${\n                        (hintsAvailable?.length ?? 0) > 1 ? ` ${index + 1}` : ''\n                      }:</span>&nbsp;${hint}`,\n                    }}\n                  />\n                ))}\n              </FlexView>\n            )}\n            {showSolution && (\n              <FlexView\n                $background=\"YELLOW_1\"\n                $gutterX={1}\n                $gapX={0.875}\n                $borderRadiusX={0}\n                $borderColor=\"YELLOW_2\"\n              >\n                <Styled.Solution\n                  dangerouslySetInnerHTML={{\n                    __html: `<div style=\"color: #DA5107; font-weight: 600;\">Solution:</div>${solution}`,\n                  }}\n                />\n              </FlexView>\n            )}\n            {!!subjectiveProps && (\n              <SubjectiveQuestionReview\n                responses={responses}\n                response={response}\n                nextQuestionId={nextQuestionId}\n                responseId={responseId}\n                studentId={studentId}\n                userType={userType}\n                {...subjectiveProps}\n              />\n            )}\n          </Styled.QuestionWrapper>\n        </Styled.QuestionContainer>\n      </Styled.QuestionContainerWrapper>\n    );\n  },\n);\n\nexport default WorksheetQuestion;\n"],"names":["WorksheetQuestion","memo","userType","signedRequest","worksheetCompleted","question","response","nextQuestionId","isActive","isHidden","canRender","loggerRef","appended","maxQuestionWidth","behavior","layout","actionbarHeight","learnosity","intersectionObserver","background","onMarkForReview","userId","onPublishStrokes","onReceiveStrokes","isScribblingEnabled","initialStrokesData","isCanvasEnabled","onPublishMouseMove","onSubscribeMouseMove","setActiveQuestionId","canResolveDoubt","onResolveDoubt","studentId","responses","subjectiveProps","paperColor","useMemo","getPaperColorByQuestion","questionHeight","setQuestionHeight","useState","canvasHeight","setCanvasHeight","validation","review","maximumAttempts","canExceedAttempts","teacherValidationEnabled","solutionHidden","minQuestionHeight","topOffset","questionsScrollable","questionType","responseId","stimulus_review","item_type","instructor_stimulus","hintsAvailable","solution","widget_reference","item_reference","question_number","hasStimulusReview","isLessonOverview","isConceptIntro","isConceptIntroWidget","isSystemIntro","isIntro","responseEdited","wrapperClasses","classes","overflowDetectedRef","useRef","hintsUsed","validatedByTeacherOnMount","questionRef","pointerContainerRef","hints","validateResponse","showCorrectAnswers","attemptsHistory","showSolution","dropZoneDimensions","setDropZoneDimensions","onUpdateHeight","useCallback","height","useEffect","draggableElements","minWidth","minHeight","draggableElement","learnosityQuestion","$questionEl","parentWidth","nestedElements","i","element","EVENTS","getExtraSpaceNeedForFloatingKeyboard","questionEl","$responseWrapper","questionBottom","responseWrapperBottom","spaceFromResponseToBottom","LEARNOSITY_KEYBOARD_HEIGHT","qHeight","hasKeyboard","_a","newQuestionHeight","useLayoutEffect","scrollToQuestion","timer","jsxs","Styled.QuestionContainerWrapper","QUESTIONS_GAP","jsx","Styled.StimulusReview","Styled.QuestionContainer","Pointer","Styled.QuestionWrapper","QuestionHeader","Styled.LessonOverviewBanner","IMAGES","QuestionBackdrop","Fragment","BasicPracticeIntro","RegularPracticeIntro","ExitTicketIntro","AdvancedPracticeIntro","LearnosityQuestion","Styled.CueCanvasWrapper","CueCanvas","FlexView","hint","index","Styled.Hint","Styled.Solution","SubjectiveQuestionReview"],"mappings":"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"}

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import type { Dispatch } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { IChannelMessage } from '@cuemath/cue-message-broker';
 import type { IframeHTMLAttributes } from 'react';
 import type { InputHTMLAttributes } from 'react';
 import { IProvidedProps } from 'google-maps-react';
@@ -2992,6 +2993,7 @@ export declare interface IWorksheetAttemptModel {
     desmos_calculator_enabled: boolean;
     due_date: number | null;
     state: TLPARSheetAttemptState;
+    canvas_data_s3?: Array<IChannelMessage>;
 }
 
 export declare interface IWorksheetBehavior {
@@ -4792,7 +4794,7 @@ export declare const UpIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const useAutoPlayPermission: () => IAutoPlayPermissionContextType;
 
-export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void) => {
+export declare const useCanvasSyncBroker: (channelId: string, initialS3Data: Array<IChannelMessage>, logEvent: (type: string, payload?: Record<string, unknown>) => void) => {
     publishStrokes: ((message: unknown) => boolean) | undefined;
     channelStatus: ChannelStatus | undefined;
     closeChannel: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.31",
+  "version": "2.8.32-aa0",
   "type": "module",
   "files": [
     "dist"