@cuemath/leap 3.1.1 → 3.1.2-beta-0.2

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

@@ -1,20 +1,19 @@
 var u = Object.defineProperty;
-var g = (c, t, e) => t in c ? u(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
-var s = (c, t, e) => g(c, typeof t != "symbol" ? t + "" : t, e);
-import { captureMessage as v } from "@sentry/browser";
-import f from "../../node_modules/lodash.debounce/index.js";
-import { removeTileButton as y, removeMask as C, checkTextOrEquationTool as m, getReverseMap as T, getToolAndSubtool as w } from "./cue-canvas-helpers.js";
-class E {
+var g = (l, t, e) => t in l ? u(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var s = (l, t, e) => g(l, typeof t != "symbol" ? t + "" : t, e);
+import v from "../../node_modules/lodash.debounce/index.js";
+import { removeTileButton as f, removeMask as y, checkTextOrEquationTool as C, getReverseMap as m, getToolAndSubtool as T } from "./cue-canvas-helpers.js";
+class k {
   constructor({
     onPublish: t,
     onSubscribe: e,
     onUpdateActiveTool: a,
-    onUpdateHeight: i,
-    uploadImageToS3: o,
+    onUpdateHeight: o,
+    uploadImageToS3: i,
     height: n,
     userId: h,
     canvasId: r,
-    userType: l,
+    userType: c,
     renderAs: p,
     updateCanvasConfig: d
   }) {
@@ -45,7 +44,7 @@ class E {
     });
     s(this, "onChange", (t) => {
       const a = Object.fromEntries(t.entries());
-      m(a) && this.onUpdateActiveTool("move"), this.publishToChannel(a);
+      C(a) && this.onUpdateActiveTool("move"), this.publishToChannel(a);
     });
     s(this, "undo", () => {
       if (!this.polycanvas)
@@ -53,7 +52,7 @@ class E {
       const t = this.polycanvas.undo();
       if (!t)
         return;
-      const e = T(t);
+      const e = m(t);
       this.onChange(e);
     });
     s(this, "redo", () => {
@@ -97,40 +96,36 @@ class E {
         x: e.x + 24,
         y: e.y + 24,
         width: 500
-      }, i = this.polycanvas.add({
+      }, o = this.polycanvas.add({
         ...a
       });
       this.publishToChannel({
-        [i]: [void 0, { ...a, status: "locked" }]
+        [o]: [void 0, { ...a, status: "locked" }]
       });
     });
     s(this, "onSelectImage", async (t) => {
-      var o;
-      const e = t.target, a = (o = e.files) == null ? void 0 : o[0];
+      var i;
+      const e = t.target, a = (i = e.files) == null ? void 0 : i[0];
       if (!a || !this.polycanvas || !this.uploadImageToS3) return;
-      const i = await this.uploadImageToS3(a);
-      i !== "error" && (this.addImageToCanvas(i), e.value = "");
+      const o = await this.uploadImageToS3(a);
+      o !== "error" && (this.addImageToCanvas(o), e.value = "");
     });
     s(this, "updateCanvas", ({ data: t, userId: e }) => {
       const a = this.userType === "TEACHER" || e === this.userId;
-      try {
-        Object.entries(t).forEach(([i, o]) => {
-          var n, h, r;
-          !o[0] && o[1] ? ("name" in o[1] && o[1].name === "image" && (o[1].status = this.userType === "STUDENT" ? "locked" : void 0), (n = this.polycanvas) == null || n.add({ ...o[1], cannotEdit: !a }, i)) : o[0] && !o[1] ? (h = this.polycanvas) == null || h.delete(i) : o[0] && o[1] && ((r = this.polycanvas) == null || r.update(i, { ...o[1] }));
-        });
-      } catch {
-        v("Error Updating Canvas", t);
-      }
+      Object.entries(t).forEach(([o, i]) => {
+        var n, h, r;
+        !i[0] && i[1] ? ("name" in i[1] && i[1].name === "image" && (i[1].status = this.userType === "STUDENT" ? "locked" : void 0), (n = this.polycanvas) == null || n.add({ ...i[1], cannotEdit: !a }, o)) : i[0] && !i[1] ? (h = this.polycanvas) == null || h.delete(o) : i[0] && i[1] && ((r = this.polycanvas) == null || r.update(o, { ...i[1] }));
+      });
     });
     s(this, "toggleTiles", (t) => {
       var e;
       (e = this.polycanvas) == null || e.toggleSidebar(t);
     });
     s(this, "setViewPort", ({ x: t, y: e, zoom: a }) => {
-      var i;
+      var o;
       if (this.polycanvas) {
-        const o = (i = this.polycanvas) == null ? void 0 : i.getViewport();
-        if (o.x === t && o.y === e && o.zoom === a)
+        const i = (o = this.polycanvas) == null ? void 0 : o.getViewport();
+        if (i.x === t && i.y === e && i.zoom === a)
           return;
         this.polycanvas.setViewport(t, e, a);
       }
@@ -144,42 +139,42 @@ class E {
       }), this.gridName = t, this.updateCanvasConfigChange && this.updateCanvasConfigChange({ gridName: t }));
     });
     s(this, "lockSelectedTiles", () => {
-      var a, i;
-      const { tiles: t } = ((a = this.polycanvas) == null ? void 0 : a.serialize()) || {}, e = ((i = this.polycanvas) == null ? void 0 : i.getSelection()) || [];
+      var a, o;
+      const { tiles: t } = ((a = this.polycanvas) == null ? void 0 : a.serialize()) || {}, e = ((o = this.polycanvas) == null ? void 0 : o.getSelection()) || [];
       if (e.length > 0 && t) {
-        const o = {};
+        const i = {};
         e.forEach((n) => {
-          var r, l, p;
+          var r, c, p;
           if (!((r = t[n]) != null && r.name)) return;
           const h = { ...t[n], status: "locked" };
-          (l = this.polycanvas) == null || l.update(n, h), (p = t[n]) != null && p.name && (o[n] = [t[n], h]);
-        }), this.publishToChannel(o);
+          (c = this.polycanvas) == null || c.update(n, h), (p = t[n]) != null && p.name && (i[n] = [t[n], h]);
+        }), this.publishToChannel(i);
       }
     });
     s(this, "unlockAllTiles", () => {
       if (!this.polycanvas) return;
       const { tiles: t } = this.polycanvas.serialize(), e = {};
-      t && Object.entries(t).length > 0 && (Object.entries(t).forEach(([a, i]) => {
+      t && Object.entries(t).length > 0 && (Object.entries(t).forEach(([a, o]) => {
         var n;
-        if (i.status !== "locked") return;
-        const o = { ...i, status: void 0 };
-        (n = this.polycanvas) == null || n.update(a, o), e[a] = [i, o];
+        if (o.status !== "locked") return;
+        const i = { ...o, status: void 0 };
+        (n = this.polycanvas) == null || n.update(a, i), e[a] = [o, i];
       }), this.publishToChannel(e));
     });
     s(this, "replaceCanvas", (t) => {
       if (!this.polycanvas) return;
       const { data: e, gridName: a } = t;
-      this.polycanvas.clear(), a && this.changeGrid(a), Object.entries(e).forEach(([i, o]) => {
+      this.polycanvas.clear(), a && this.changeGrid(a), Object.entries(e).forEach(([o, i]) => {
         var n;
-        if (!o[0] && o[1]) {
-          (n = this.polycanvas) == null || n.add({ ...o[1] }, i);
+        if (!i[0] && i[1]) {
+          (n = this.polycanvas) == null || n.add({ ...i[1] }, o);
           return;
         }
       }), this.publishToChannel(e);
     });
     s(this, "setTool", (t) => {
       if (this.polycanvas) {
-        const [e, a] = w(t);
+        const [e, a] = T(t);
         switch (e) {
           case "clearAll":
             this.clearCanvas();
@@ -232,8 +227,8 @@ class E {
      */
     s(this, "update", (t) => {
       if (Array.isArray(t)) {
-        const e = t.map((i) => i.height).filter(Boolean), a = Math.max(...e);
-        a > this.height && this.updateHeight(a), t.forEach((i) => this.updateCanvas(i));
+        const e = t.map((o) => o.height).filter(Boolean), a = Math.max(...e);
+        a > this.height && this.updateHeight(a), t.forEach((o) => this.updateCanvas(o));
       } else
         t.height > this.height && this.updateHeight(t.height), this.updateCanvas(t);
     });
@@ -247,9 +242,9 @@ class E {
     s(this, "destroy", () => {
       this.polycanvas && (this.polycanvas.off("change", this.onChange), this.polycanvas.destroy(), this.debouncedViewportChange.cancel(), this.renderAs === "whiteboard" && this.userType === "TEACHER" && this.polycanvas.off("viewport", this.debouncedViewportChange), this.polycanvas = void 0, this.fileInput && this.fileInput.parentNode && (this.fileInput.parentNode.removeChild(this.fileInput), this.fileInput = null));
     });
-    this.onUpdateHeight = i, this.onUpdateActiveTool = a, this.height = n, this.uploadImageToS3 = o, this.userId = h, this.canvasId = r, this.publish = t, this.userType = l, this.renderAs = p, this.debouncedViewportChange = f(this.onViewPortChange, 300), this.updateCanvasConfigChange = d, e == null || e(this.canvasId, this.update);
+    this.onUpdateHeight = o, this.onUpdateActiveTool = a, this.height = n, this.uploadImageToS3 = i, this.userId = h, this.canvasId = r, this.publish = t, this.userType = c, this.renderAs = p, this.debouncedViewportChange = v(this.onViewPortChange, 300), this.updateCanvasConfigChange = d, e == null || e(this.canvasId, this.update);
   }
-  async create({ canvasElementRef: t, canvasConfig: e, canvasSetting: a, initialData: i }) {
+  async create({ canvasElementRef: t, canvasConfig: e, canvasSetting: a, initialData: o }) {
     if (!t.current)
       throw new Error("PolyCanvas: Div Element Not found for canvas");
     this.polycanvas = await window.Polypad.create(t.current, {
@@ -258,10 +253,10 @@ class E {
       },
       ...a,
       imageUpload: this.renderAs === "whiteboard" && this.userType === "TEACHER" && this.uploadImageToS3 ? this.uploadImageToS3 : void 0
-    }), this.renderAs === "whiteboard" && this.userType === "TEACHER" && (this.polycanvas.toggleSidebar(!1), this.polycanvas.bindKeyboardEvents({}), y(t), this.polycanvas.on("viewport", this.debouncedViewportChange)), C(t), this.polycanvas.on("change", this.onChange), i && this.update(i);
+    }), this.renderAs === "whiteboard" && this.userType === "TEACHER" && (this.polycanvas.toggleSidebar(!1), this.polycanvas.bindKeyboardEvents({}), f(t), this.polycanvas.on("viewport", this.debouncedViewportChange)), y(t), this.polycanvas.on("change", this.onChange), o && this.update(o);
   }
 }
 export {
-  E as CueCanvasCore
+  k as CueCanvasCore
 };
 //# sourceMappingURL=cue-canvas-core.js.map

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 type { TUserTypes } from '../ui/types';\nimport type {\n  IActionData,\n  IViewport,\n  TCueCanvasChangeData,\n  TCueCanvasGridName,\n  TCueCanvasTool,\n  TPublish,\n  TRenderAs,\n  TCueCanvasChangeDataObject,\n  IReplaceCanvas,\n  ICueCanvasCoreProps,\n  TUpdateCanvasConfig,\n} from './types/cue-canvas';\nimport type { ICreateOptions } from './types/cue-canvas';\nimport type { IPolypad, IPolyPadInstance } from './types/polypad';\n\nimport { captureMessage } from '@sentry/browser';\nimport debounce from 'lodash.debounce';\n\nimport {\n  checkTextOrEquationTool,\n  getReverseMap,\n  getToolAndSubtool,\n  removeMask,\n  removeTileButton,\n} from './cue-canvas-helpers';\n\ndeclare global {\n  interface Window {\n    Polypad: IPolypad;\n  }\n}\n\n/**\n * The CueCanvasCore class manages the canvas state and tool synchronization.\n * When text or equations are added, Polypad automatically switches to 'move' tool.\n * onUpdateActiveTool ensures the UI reflects this automatic tool change.\n */\n\nexport class CueCanvasCore {\n  private polycanvas: IPolyPadInstance | undefined;\n  private publish?: TPublish;\n  private height: number;\n  private onUpdateActiveTool: (tool: TCueCanvasTool) => void;\n  private onUpdateHeight?: (height: number) => void;\n  private userId: string;\n  private canvasId: string;\n  private userType: TUserTypes;\n  private renderAs: TRenderAs;\n  private fileInput: HTMLInputElement | null = null;\n  private debouncedViewportChange: ReturnType<typeof debounce>;\n  private uploadImageToS3?: (file: File) => Promise<string>;\n  private updateCanvasConfigChange?: TUpdateCanvasConfig;\n  private gridName?: TCueCanvasGridName;\n\n  constructor({\n    onPublish,\n    onSubscribe,\n    onUpdateActiveTool,\n    onUpdateHeight,\n    uploadImageToS3,\n    height,\n    userId,\n    canvasId,\n    userType,\n    renderAs,\n    updateCanvasConfig,\n  }: ICueCanvasCoreProps) {\n    this.onUpdateHeight = onUpdateHeight;\n    this.onUpdateActiveTool = onUpdateActiveTool;\n    this.height = height;\n    this.uploadImageToS3 = uploadImageToS3;\n    this.userId = userId;\n    this.canvasId = canvasId;\n    this.publish = onPublish;\n    this.userType = userType;\n    this.renderAs = renderAs;\n    this.debouncedViewportChange = debounce(this.onViewPortChange, 300);\n    this.updateCanvasConfigChange = updateCanvasConfig;\n    onSubscribe?.(this.canvasId, 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      imageUpload:\n        this.renderAs === 'whiteboard' && this.userType === 'TEACHER' && this.uploadImageToS3\n          ? this.uploadImageToS3\n          : undefined,\n    });\n\n    if (this.renderAs === 'whiteboard' && this.userType === 'TEACHER') {\n      this.polycanvas.toggleSidebar(false);\n      this.polycanvas.bindKeyboardEvents({});\n\n      removeTileButton(canvasElementRef);\n      this.polycanvas.on('viewport', this.debouncedViewportChange);\n    }\n\n    removeMask(canvasElementRef);\n    this.polycanvas.on('change', this.onChange);\n    if (initialData) {\n      this.update(initialData);\n    }\n  }\n\n  private publishToChannel = (payload: TCueCanvasChangeDataObject) => {\n    if (!this.publish) return;\n\n    this.publish({\n      eventName: 'cue_canvas_changed',\n      eventPayload: {\n        data: payload,\n        height: this.height,\n        userId: this.userId,\n        responseId: this.canvasId,\n      },\n    });\n  };\n\n  private onChange = (e: unknown) => {\n    const data = e as TCueCanvasChangeData;\n    const payload = Object.fromEntries(data.entries());\n\n    if (checkTextOrEquationTool(payload)) {\n      this.onUpdateActiveTool('move');\n    }\n\n    this.publishToChannel(payload);\n  };\n\n  private 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  private 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  clearCanvas = () => {\n    if (this.polycanvas) {\n      this.polycanvas.clear();\n    }\n  };\n\n  private zoomIn = () => {\n    if (!this.polycanvas) return;\n\n    const viewPort = this.polycanvas.getViewport();\n\n    this.polycanvas.setViewport(viewPort.x, viewPort.y, viewPort.zoom * 1.1);\n  };\n\n  private zoomOut = () => {\n    if (!this.polycanvas) return;\n\n    const viewPort = this.polycanvas.getViewport();\n\n    this.polycanvas.setViewport(viewPort.x, viewPort.y, viewPort.zoom * 0.9);\n  };\n\n  getCanvasAsImage = async () => {\n    if (!this.polycanvas) return;\n\n    const image = await this.polycanvas.image(3000, 3000, 'png');\n\n    return image;\n  };\n\n  private downloadCanvasAsImage = async () => {\n    if (!this.polycanvas) return;\n\n    const image = await this.polycanvas.image(3000, 3000, 'png');\n\n    if (!image) return;\n\n    const downloadLink = document.createElement('a');\n\n    downloadLink.href = image;\n    downloadLink.download = `canvas-drawing-${Date.now()}.png`;\n    downloadLink.click();\n  };\n\n  private onViewPortChange = (e: IViewport): void => {\n    if (!this.updateCanvasConfigChange) return;\n\n    this.updateCanvasConfigChange({ dimesion: e });\n  };\n\n  private openFileUpload = (): void => {\n    if (!this.fileInput) {\n      this.fileInput = document.createElement('input');\n      this.fileInput.type = 'file';\n      this.fileInput.accept = 'image/*';\n      this.fileInput.style.display = 'none';\n      this.fileInput.onchange = this.onSelectImage;\n      document.body.appendChild(this.fileInput);\n    }\n\n    this.fileInput.click();\n  };\n\n  addImageToCanvas = (imageUrl: string): void => {\n    if (!this.polycanvas) return;\n\n    const viewPort = this.polycanvas.getViewport();\n    const imgJson = {\n      name: 'image',\n      href: imageUrl,\n      x: viewPort.x + 24,\n      y: viewPort.y + 24,\n      width: 500,\n    };\n\n    const key = this.polycanvas.add({\n      ...imgJson,\n    });\n\n    this.publishToChannel({\n      [key]: [undefined, { ...imgJson, status: 'locked' }],\n    });\n  };\n\n  private onSelectImage = async (event: Event): Promise<void> => {\n    const target = event.target as HTMLInputElement;\n    const file = target.files?.[0];\n\n    if (!file || !this.polycanvas || !this.uploadImageToS3) return;\n\n    const imageUrl = await this.uploadImageToS3(file);\n\n    if (imageUrl === 'error') {\n      return;\n    }\n\n    this.addImageToCanvas(imageUrl);\n\n    target.value = '';\n  };\n\n  private updateCanvas = ({ data, userId }: IActionData) => {\n    const canEditStroke = this.userType === 'TEACHER' || userId === this.userId;\n\n    try {\n      Object.entries(data).forEach(([key, value]) => {\n        if (!value[0] && value[1]) {\n          if ('name' in value[1] && value[1].name === 'image') {\n            value[1].status = this.userType === 'STUDENT' ? 'locked' : undefined; // Lock only images for students\n          }\n          this.polycanvas?.add({ ...value[1], cannotEdit: !canEditStroke }, key);\n        } else if (value[0] && !value[1]) {\n          this.polycanvas?.delete(key);\n        } else if (value[0] && value[1]) {\n          this.polycanvas?.update(key, { ...value[1] });\n        }\n      });\n    } catch (error) {\n      captureMessage('Error Updating Canvas', data);\n    }\n  };\n\n  toggleTiles = (val: boolean) => {\n    this.polycanvas?.toggleSidebar(val);\n  };\n\n  setViewPort = ({ x, y, zoom }: IViewport) => {\n    if (this.polycanvas) {\n      const cv = this.polycanvas?.getViewport();\n\n      if (cv.x === x && cv.y === y && cv.zoom === zoom) {\n        return; // No change needed\n      }\n\n      this.polycanvas.setViewport(x, y, zoom);\n    }\n  };\n\n  resetViewPort = () => {\n    if (this.polycanvas) {\n      this.polycanvas.resetViewport();\n    }\n  };\n\n  changeGrid = (gridName: TCueCanvasGridName) => {\n    if (!this.polycanvas || this.gridName === gridName) return;\n\n    this.polycanvas.setOptions({\n      grid: gridName,\n    });\n    this.gridName = gridName;\n    if (this.updateCanvasConfigChange) {\n      this.updateCanvasConfigChange({ gridName: gridName });\n    }\n  };\n\n  lockSelectedTiles = () => {\n    const { tiles: allTiles } = this.polycanvas?.serialize() || {};\n    const selectedItems = this.polycanvas?.getSelection() || [];\n\n    if (selectedItems.length > 0 && allTiles) {\n      const lockedTiles: TCueCanvasChangeDataObject = {};\n\n      selectedItems.forEach(key => {\n        if (!allTiles[key]?.name) return;\n\n        const updatedJson = { ...allTiles[key], status: 'locked' as const };\n\n        this.polycanvas?.update(key, updatedJson);\n        if (allTiles[key]?.name) lockedTiles[key] = [allTiles[key], updatedJson];\n      });\n\n      this.publishToChannel(lockedTiles);\n    }\n  };\n\n  unlockAllTiles = () => {\n    if (!this.polycanvas) return;\n\n    const { tiles: allTiles } = this.polycanvas.serialize();\n    const unlockedTiles: TCueCanvasChangeDataObject = {};\n\n    if (allTiles && Object.entries(allTiles).length > 0) {\n      Object.entries(allTiles).forEach(([key, item]) => {\n        if (item.status !== 'locked') return;\n\n        const updatedJson = { ...item, status: undefined };\n\n        this.polycanvas?.update(key, updatedJson);\n        unlockedTiles[key] = [item, updatedJson];\n      });\n\n      this.publishToChannel(unlockedTiles);\n    }\n  };\n\n  replaceCanvas = (data: IReplaceCanvas) => {\n    if (!this.polycanvas) return;\n\n    const { data: canvasData, gridName } = data;\n\n    this.polycanvas.clear();\n    if (gridName) {\n      this.changeGrid(gridName);\n    }\n\n    Object.entries(canvasData).forEach(([key, value]) => {\n      if (!value[0] && value[1]) {\n        this.polycanvas?.add({ ...value[1] }, key);\n\n        return;\n      }\n    });\n\n    this.publishToChannel(canvasData);\n  };\n\n  setTool = (tool: TCueCanvasTool) => {\n    if (this.polycanvas) {\n      const [currTool, currSubTool] = getToolAndSubtool(tool);\n\n      switch (currTool) {\n        case 'clearAll':\n          this.clearCanvas();\n          break;\n        case 'home':\n          this.resetViewPort();\n          break;\n        case 'undo':\n          this.undo();\n          break;\n        case 'redo':\n          this.redo();\n          break;\n        case 'lock':\n          this.lockSelectedTiles();\n          break;\n        case 'unlock':\n          this.unlockAllTiles();\n          break;\n        case 'zoomIn':\n          this.zoomIn();\n          break;\n        case 'zoomOut':\n          this.zoomOut();\n          break;\n        case 'upload':\n          this.openFileUpload();\n          break;\n        case 'download':\n          this.downloadCanvasAsImage();\n          break;\n        case 'grid':\n          break;\n        default:\n          this.polycanvas.setTool(currTool, currSubTool);\n      }\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).filter(Boolean);\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.debouncedViewportChange.cancel();\n\n      if (this.renderAs === 'whiteboard' && this.userType === 'TEACHER') {\n        this.polycanvas.off('viewport', this.debouncedViewportChange);\n      }\n      this.polycanvas = undefined;\n\n      if (this.fileInput && this.fileInput.parentNode) {\n        this.fileInput.parentNode.removeChild(this.fileInput);\n        this.fileInput = null;\n      }\n    }\n  };\n}\n"],"names":["CueCanvasCore","onPublish","onSubscribe","onUpdateActiveTool","onUpdateHeight","uploadImageToS3","height","userId","canvasId","userType","renderAs","updateCanvasConfig","__publicField","payload","e","checkTextOrEquationTool","data","undoData","getReverseMap","viewPort","image","downloadLink","imageUrl","imgJson","key","event","target","file","_a","canEditStroke","value","_b","_c","captureMessage","val","x","y","zoom","cv","gridName","allTiles","selectedItems","lockedTiles","updatedJson","unlockedTiles","item","canvasData","tool","currTool","currSubTool","getToolAndSubtool","heights","maxHeight","color","debounce","canvasElementRef","canvasConfig","canvasSetting","initialData","removeTileButton","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  IViewport,\n  TCueCanvasChangeData,\n  TCueCanvasGridName,\n  TCueCanvasTool,\n  TPublish,\n  TRenderAs,\n  TCueCanvasChangeDataObject,\n  IReplaceCanvas,\n  ICueCanvasCoreProps,\n  TUpdateCanvasConfig,\n} from './types/cue-canvas';\nimport type { ICreateOptions } from './types/cue-canvas';\nimport type { IPolypad, IPolyPadInstance } from './types/polypad';\n\nimport debounce from 'lodash.debounce';\n\nimport {\n  checkTextOrEquationTool,\n  getReverseMap,\n  getToolAndSubtool,\n  removeMask,\n  removeTileButton,\n} from './cue-canvas-helpers';\n\ndeclare global {\n  interface Window {\n    Polypad: IPolypad;\n  }\n}\n\n/**\n * The CueCanvasCore class manages the canvas state and tool synchronization.\n * When text or equations are added, Polypad automatically switches to 'move' tool.\n * onUpdateActiveTool ensures the UI reflects this automatic tool change.\n */\n\nexport class CueCanvasCore {\n  private polycanvas: IPolyPadInstance | undefined;\n  private publish?: TPublish;\n  private height: number;\n  private onUpdateActiveTool: (tool: TCueCanvasTool) => void;\n  private onUpdateHeight?: (height: number) => void;\n  private userId: string;\n  private canvasId: string;\n  private userType: TUserTypes;\n  private renderAs: TRenderAs;\n  private fileInput: HTMLInputElement | null = null;\n  private debouncedViewportChange: ReturnType<typeof debounce>;\n  private uploadImageToS3?: (file: File) => Promise<string>;\n  private updateCanvasConfigChange?: TUpdateCanvasConfig;\n  private gridName?: TCueCanvasGridName;\n\n  constructor({\n    onPublish,\n    onSubscribe,\n    onUpdateActiveTool,\n    onUpdateHeight,\n    uploadImageToS3,\n    height,\n    userId,\n    canvasId,\n    userType,\n    renderAs,\n    updateCanvasConfig,\n  }: ICueCanvasCoreProps) {\n    this.onUpdateHeight = onUpdateHeight;\n    this.onUpdateActiveTool = onUpdateActiveTool;\n    this.height = height;\n    this.uploadImageToS3 = uploadImageToS3;\n    this.userId = userId;\n    this.canvasId = canvasId;\n    this.publish = onPublish;\n    this.userType = userType;\n    this.renderAs = renderAs;\n    this.debouncedViewportChange = debounce(this.onViewPortChange, 300);\n    this.updateCanvasConfigChange = updateCanvasConfig;\n    onSubscribe?.(this.canvasId, 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      imageUpload:\n        this.renderAs === 'whiteboard' && this.userType === 'TEACHER' && this.uploadImageToS3\n          ? this.uploadImageToS3\n          : undefined,\n    });\n\n    if (this.renderAs === 'whiteboard' && this.userType === 'TEACHER') {\n      this.polycanvas.toggleSidebar(false);\n      this.polycanvas.bindKeyboardEvents({});\n\n      removeTileButton(canvasElementRef);\n      this.polycanvas.on('viewport', this.debouncedViewportChange);\n    }\n\n    removeMask(canvasElementRef);\n    this.polycanvas.on('change', this.onChange);\n    if (initialData) {\n      this.update(initialData);\n    }\n  }\n\n  private publishToChannel = (payload: TCueCanvasChangeDataObject) => {\n    if (!this.publish) return;\n\n    this.publish({\n      eventName: 'cue_canvas_changed',\n      eventPayload: {\n        data: payload,\n        height: this.height,\n        userId: this.userId,\n        responseId: this.canvasId,\n      },\n    });\n  };\n\n  private onChange = (e: unknown) => {\n    const data = e as TCueCanvasChangeData;\n    const payload = Object.fromEntries(data.entries());\n\n    if (checkTextOrEquationTool(payload)) {\n      this.onUpdateActiveTool('move');\n    }\n\n    this.publishToChannel(payload);\n  };\n\n  private 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  private 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  clearCanvas = () => {\n    if (this.polycanvas) {\n      this.polycanvas.clear();\n    }\n  };\n\n  private zoomIn = () => {\n    if (!this.polycanvas) return;\n\n    const viewPort = this.polycanvas.getViewport();\n\n    this.polycanvas.setViewport(viewPort.x, viewPort.y, viewPort.zoom * 1.1);\n  };\n\n  private zoomOut = () => {\n    if (!this.polycanvas) return;\n\n    const viewPort = this.polycanvas.getViewport();\n\n    this.polycanvas.setViewport(viewPort.x, viewPort.y, viewPort.zoom * 0.9);\n  };\n\n  getCanvasAsImage = async () => {\n    if (!this.polycanvas) return;\n\n    const image = await this.polycanvas.image(3000, 3000, 'png');\n\n    return image;\n  };\n\n  private downloadCanvasAsImage = async () => {\n    if (!this.polycanvas) return;\n\n    const image = await this.polycanvas.image(3000, 3000, 'png');\n\n    if (!image) return;\n\n    const downloadLink = document.createElement('a');\n\n    downloadLink.href = image;\n    downloadLink.download = `canvas-drawing-${Date.now()}.png`;\n    downloadLink.click();\n  };\n\n  private onViewPortChange = (e: IViewport): void => {\n    if (!this.updateCanvasConfigChange) return;\n\n    this.updateCanvasConfigChange({ dimesion: e });\n  };\n\n  private openFileUpload = (): void => {\n    if (!this.fileInput) {\n      this.fileInput = document.createElement('input');\n      this.fileInput.type = 'file';\n      this.fileInput.accept = 'image/*';\n      this.fileInput.style.display = 'none';\n      this.fileInput.onchange = this.onSelectImage;\n      document.body.appendChild(this.fileInput);\n    }\n\n    this.fileInput.click();\n  };\n\n  addImageToCanvas = (imageUrl: string): void => {\n    if (!this.polycanvas) return;\n\n    const viewPort = this.polycanvas.getViewport();\n    const imgJson = {\n      name: 'image',\n      href: imageUrl,\n      x: viewPort.x + 24,\n      y: viewPort.y + 24,\n      width: 500,\n    };\n\n    const key = this.polycanvas.add({\n      ...imgJson,\n    });\n\n    this.publishToChannel({\n      [key]: [undefined, { ...imgJson, status: 'locked' }],\n    });\n  };\n\n  private onSelectImage = async (event: Event): Promise<void> => {\n    const target = event.target as HTMLInputElement;\n    const file = target.files?.[0];\n\n    if (!file || !this.polycanvas || !this.uploadImageToS3) return;\n\n    const imageUrl = await this.uploadImageToS3(file);\n\n    if (imageUrl === 'error') {\n      return;\n    }\n\n    this.addImageToCanvas(imageUrl);\n\n    target.value = '';\n  };\n\n  private 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        if ('name' in value[1] && value[1].name === 'image') {\n          value[1].status = this.userType === 'STUDENT' ? 'locked' : undefined; // Lock only images for students\n        }\n        this.polycanvas?.add({ ...value[1], cannotEdit: !canEditStroke }, key);\n      } else if (value[0] && !value[1]) {\n        this.polycanvas?.delete(key);\n      } else if (value[0] && value[1]) {\n        this.polycanvas?.update(key, { ...value[1] });\n      }\n    });\n  };\n\n  toggleTiles = (val: boolean) => {\n    this.polycanvas?.toggleSidebar(val);\n  };\n\n  setViewPort = ({ x, y, zoom }: IViewport) => {\n    if (this.polycanvas) {\n      const cv = this.polycanvas?.getViewport();\n\n      if (cv.x === x && cv.y === y && cv.zoom === zoom) {\n        return; // No change needed\n      }\n\n      this.polycanvas.setViewport(x, y, zoom);\n    }\n  };\n\n  resetViewPort = () => {\n    if (this.polycanvas) {\n      this.polycanvas.resetViewport();\n    }\n  };\n\n  changeGrid = (gridName: TCueCanvasGridName) => {\n    if (!this.polycanvas || this.gridName === gridName) return;\n\n    this.polycanvas.setOptions({\n      grid: gridName,\n    });\n    this.gridName = gridName;\n    if (this.updateCanvasConfigChange) {\n      this.updateCanvasConfigChange({ gridName: gridName });\n    }\n  };\n\n  lockSelectedTiles = () => {\n    const { tiles: allTiles } = this.polycanvas?.serialize() || {};\n    const selectedItems = this.polycanvas?.getSelection() || [];\n\n    if (selectedItems.length > 0 && allTiles) {\n      const lockedTiles: TCueCanvasChangeDataObject = {};\n\n      selectedItems.forEach(key => {\n        if (!allTiles[key]?.name) return;\n\n        const updatedJson = { ...allTiles[key], status: 'locked' as const };\n\n        this.polycanvas?.update(key, updatedJson);\n        if (allTiles[key]?.name) lockedTiles[key] = [allTiles[key], updatedJson];\n      });\n\n      this.publishToChannel(lockedTiles);\n    }\n  };\n\n  unlockAllTiles = () => {\n    if (!this.polycanvas) return;\n\n    const { tiles: allTiles } = this.polycanvas.serialize();\n    const unlockedTiles: TCueCanvasChangeDataObject = {};\n\n    if (allTiles && Object.entries(allTiles).length > 0) {\n      Object.entries(allTiles).forEach(([key, item]) => {\n        if (item.status !== 'locked') return;\n\n        const updatedJson = { ...item, status: undefined };\n\n        this.polycanvas?.update(key, updatedJson);\n        unlockedTiles[key] = [item, updatedJson];\n      });\n\n      this.publishToChannel(unlockedTiles);\n    }\n  };\n\n  replaceCanvas = (data: IReplaceCanvas) => {\n    if (!this.polycanvas) return;\n\n    const { data: canvasData, gridName } = data;\n\n    this.polycanvas.clear();\n    if (gridName) {\n      this.changeGrid(gridName);\n    }\n\n    Object.entries(canvasData).forEach(([key, value]) => {\n      if (!value[0] && value[1]) {\n        this.polycanvas?.add({ ...value[1] }, key);\n\n        return;\n      }\n    });\n\n    this.publishToChannel(canvasData);\n  };\n\n  setTool = (tool: TCueCanvasTool) => {\n    if (this.polycanvas) {\n      const [currTool, currSubTool] = getToolAndSubtool(tool);\n\n      switch (currTool) {\n        case 'clearAll':\n          this.clearCanvas();\n          break;\n        case 'home':\n          this.resetViewPort();\n          break;\n        case 'undo':\n          this.undo();\n          break;\n        case 'redo':\n          this.redo();\n          break;\n        case 'lock':\n          this.lockSelectedTiles();\n          break;\n        case 'unlock':\n          this.unlockAllTiles();\n          break;\n        case 'zoomIn':\n          this.zoomIn();\n          break;\n        case 'zoomOut':\n          this.zoomOut();\n          break;\n        case 'upload':\n          this.openFileUpload();\n          break;\n        case 'download':\n          this.downloadCanvasAsImage();\n          break;\n        case 'grid':\n          break;\n        default:\n          this.polycanvas.setTool(currTool, currSubTool);\n      }\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).filter(Boolean);\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.debouncedViewportChange.cancel();\n\n      if (this.renderAs === 'whiteboard' && this.userType === 'TEACHER') {\n        this.polycanvas.off('viewport', this.debouncedViewportChange);\n      }\n      this.polycanvas = undefined;\n\n      if (this.fileInput && this.fileInput.parentNode) {\n        this.fileInput.parentNode.removeChild(this.fileInput);\n        this.fileInput = null;\n      }\n    }\n  };\n}\n"],"names":["CueCanvasCore","onPublish","onSubscribe","onUpdateActiveTool","onUpdateHeight","uploadImageToS3","height","userId","canvasId","userType","renderAs","updateCanvasConfig","__publicField","payload","e","checkTextOrEquationTool","data","undoData","getReverseMap","viewPort","image","downloadLink","imageUrl","imgJson","key","event","target","file","_a","canEditStroke","value","_b","_c","val","x","y","zoom","cv","gridName","allTiles","selectedItems","lockedTiles","updatedJson","unlockedTiles","item","canvasData","tool","currTool","currSubTool","getToolAndSubtool","heights","maxHeight","color","debounce","canvasElementRef","canvasConfig","canvasSetting","initialData","removeTileButton","removeMask"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js

@@ -0,0 +1,13 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as n } from "../../../../constants/api.js";
+const { useGet: m, invalidate: c } = r({
+  getURL: (e, u, t) => {
+    const { milestone_state_group: s, course_stream: o } = t;
+    return `${n}/user-milestones/users/${e}/course-streams/${o}/${s}/count`;
+  }
+});
+export {
+  c as invalidatePastMilestoneCount,
+  m as useGetPastMilestoneCount
+};
+//# sourceMappingURL=get-past-milestone-count.js.map

package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-past-milestone-count.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-past-milestone-count.ts"],"sourcesContent":["import type { TCourseStream } from '../../create/milestone-create-types';\nimport type { IMilestoneData } from '../milestone-list/milestone-list-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\ntype TQuery = {\n  milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';\n  student_id: string;\n  course_stream: TCourseStream;\n};\n\nconst { useGet: useGetPastMilestoneCount, invalidate: invalidatePastMilestoneCount } = createGetAPI<\n  IMilestoneData,\n  void,\n  TQuery\n>({\n  getURL: (studentId, _, query) => {\n    const { milestone_state_group, course_stream } = query;\n\n    return `${BASE_URL_V3}/user-milestones/users/${studentId}/course-streams/${course_stream}/${milestone_state_group}/count`;\n  },\n});\n\nexport { useGetPastMilestoneCount, invalidatePastMilestoneCount };\n"],"names":["useGetPastMilestoneCount","invalidatePastMilestoneCount","createGetAPI","studentId","_","query","milestone_state_group","course_stream","BASE_URL_V3"],"mappings":";;AAaA,MAAM,EAAE,QAAQA,GAA0B,YAAYC,EAAA,IAAiCC,EAIrF;AAAA,EACA,QAAQ,CAACC,GAAWC,GAAGC,MAAU;AACzB,UAAA,EAAE,uBAAAC,GAAuB,eAAAC,EAAkB,IAAAF;AAEjD,WAAO,GAAGG,CAAW,0BAA0BL,CAAS,mBAAmBI,CAAa,IAAID,CAAqB;AAAA,EACnH;AACF,CAAC;"}

package/dist/index.d.ts

@@ -2477,6 +2477,8 @@ export declare const invalidateMilestoneResources: (id: string, query?: void | u
 
 export declare const invalidateMilestonesData: (query?: TQuery | undefined) => void;
 
+export declare const invalidatePastMilestoneCount: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
+
 export declare const invalidateTestHelpData: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
 
 declare interface IOnChapterExitWarningProps {
@@ -5388,6 +5390,12 @@ declare type TQuery = {
     course_stream: TCourseStream;
 };
 
+declare type TQuery_2 = {
+    milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';
+    student_id: string;
+    course_stream: TCourseStream;
+};
+
 declare type TQuestionByQuestionOverviewList = {
     section: string;
     question_no: number;
@@ -5766,6 +5774,20 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
     } & Record<string, unknown>) | undefined;
 };
 
+export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
+    get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
+    resource: ResourceModel<IMilestoneData> | undefined;
+    data: IMilestoneData | undefined;
+    permissions: Record<string, unknown> | undefined;
+    isProcessing: boolean;
+    isProcessed: boolean;
+    isProcessingFailed: boolean;
+    isStale: boolean;
+    error: ({
+        message?: string | undefined;
+    } & Record<string, unknown>) | undefined;
+};
+
 export declare const useGetTestHelpData: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: {
         studentId: string;

package/dist/index.js

@@ -2,17 +2,17 @@ import { default as r } from "./features/ui/grade-selector/grade-selector.js";
 import { default as a } from "./features/ui/stepper/stepper.js";
 import { ILLUSTRATIONS as s } from "./assets/illustrations/illustrations.js";
 import { IMAGES as p } from "./assets/images/images.js";
-import { LOTTIE as u } from "./assets/lottie/lottie.js";
+import { LOTTIE as m } from "./assets/lottie/lottie.js";
 import { default as x } from "./assets/line-icons/icons/alert.js";
 import { default as c } from "./assets/line-icons/icons/back.js";
-import { default as i } from "./assets/line-icons/icons/bin.js";
+import { default as I } from "./assets/line-icons/icons/bin.js";
 import { default as S } from "./assets/line-icons/icons/bin2.js";
 import { default as C } from "./assets/line-icons/icons/book-closed.js";
-import { default as _ } from "./assets/line-icons/icons/book.js";
+import { default as P } from "./assets/line-icons/icons/book.js";
 import { default as h } from "./assets/line-icons/icons/book2.js";
 import { default as R } from "./assets/line-icons/icons/bookmark.js";
 import { default as N } from "./assets/line-icons/icons/bulb.js";
-import { default as M } from "./assets/line-icons/icons/bulb2.js";
+import { default as O } from "./assets/line-icons/icons/bulb2.js";
 import { default as D } from "./assets/line-icons/icons/calendar.js";
 import { default as g } from "./assets/line-icons/icons/check.js";
 import { default as U } from "./assets/line-icons/icons/check2.js";
@@ -29,17 +29,17 @@ import { default as re } from "./assets/line-icons/icons/draft.js";
 import { default as ae } from "./assets/line-icons/icons/drag.js";
 import { default as se } from "./assets/line-icons/icons/edit.js";
 import { default as pe } from "./assets/line-icons/icons/edit2.js";
-import { default as ue } from "./assets/line-icons/icons/edit-star.js";
+import { default as me } from "./assets/line-icons/icons/edit-star.js";
 import { default as xe } from "./assets/line-icons/icons/eraser.js";
 import { default as ce } from "./assets/line-icons/icons/eye.js";
-import { default as ie } from "./assets/line-icons/icons/eye2.js";
+import { default as Ie } from "./assets/line-icons/icons/eye2.js";
 import { default as Se } from "./assets/line-icons/icons/exclamation.js";
 import { default as Ce } from "./assets/line-icons/icons/hand.js";
-import { default as _e } from "./assets/line-icons/icons/help.js";
+import { default as Pe } from "./assets/line-icons/icons/help.js";
 import { default as he } from "./assets/line-icons/icons/highlighter.js";
 import { default as Re } from "./assets/line-icons/icons/home.js";
 import { default as Ne } from "./assets/line-icons/icons/image.js";
-import { default as Me } from "./assets/line-icons/icons/info.js";
+import { default as Oe } from "./assets/line-icons/icons/info.js";
 import { default as De } from "./assets/line-icons/icons/info2.js";
 import { default as ge } from "./assets/line-icons/icons/left.js";
 import { default as Ue } from "./assets/line-icons/icons/lock.js";
@@ -56,16 +56,16 @@ import { default as ro } from "./assets/line-icons/icons/pointer.js";
 import { default as ao } from "./assets/line-icons/icons/play.js";
 import { default as so } from "./assets/line-icons/icons/play2.js";
 import { default as po } from "./assets/line-icons/icons/plus.js";
-import { default as uo } from "./assets/line-icons/icons/plus2.js";
+import { default as mo } from "./assets/line-icons/icons/plus2.js";
 import { default as no } from "./assets/line-icons/icons/practice.js";
-import { default as Io } from "./assets/line-icons/icons/progress.js";
+import { default as io } from "./assets/line-icons/icons/progress.js";
 import { default as To } from "./assets/line-icons/icons/question.js";
 import { default as Eo } from "./assets/line-icons/icons/question-letter.js";
 import { default as Ao } from "./assets/line-icons/icons/redo.js";
-import { default as Po } from "./assets/line-icons/icons/right.js";
+import { default as _o } from "./assets/line-icons/icons/right.js";
 import { default as Lo } from "./assets/line-icons/icons/ruler.js";
 import { default as ko } from "./assets/line-icons/icons/search.js";
-import { default as Oo } from "./assets/line-icons/icons/sheet.js";
+import { default as Mo } from "./assets/line-icons/icons/sheet.js";
 import { default as Ho } from "./assets/line-icons/icons/star.js";
 import { default as Go } from "./assets/line-icons/icons/skip-colored.js";
 import { default as yo } from "./assets/line-icons/icons/skip.js";
@@ -82,17 +82,17 @@ import { default as or } from "./assets/line-icons/icons/unlock2.js";
 import { default as tr } from "./assets/line-icons/icons/up.js";
 import { default as fr } from "./assets/line-icons/icons/user.js";
 import { default as lr } from "./assets/line-icons/icons/user2.js";
-import { default as mr, default as ur } from "./assets/line-icons/icons/sketch.js";
+import { default as ur, default as mr } from "./assets/line-icons/icons/sketch.js";
 import { default as xr } from "./assets/line-icons/icons/back2.js";
 import { default as cr } from "./assets/line-icons/icons/chevron-right.js";
-import { default as ir } from "./assets/line-icons/icons/chevron-left.js";
+import { default as Ir } from "./assets/line-icons/icons/chevron-left.js";
 import { default as Sr } from "./assets/line-icons/icons/chevron-down.js";
 import { default as Cr } from "./assets/line-icons/icons/game.js";
-import { default as _r } from "./assets/line-icons/icons/tutoring.js";
+import { default as Pr } from "./assets/line-icons/icons/tutoring.js";
 import { default as hr } from "./assets/line-icons/icons/chat.js";
 import { default as Rr } from "./assets/line-icons/icons/cuemath-logo.js";
 import { default as Nr } from "./assets/line-icons/icons/next2.js";
-import { AutoPlayPermissionProvider as Mr } from "./features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js";
+import { AutoPlayPermissionProvider as Or } from "./features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js";
 import { default as Dr } from "./features/hooks/use-zoom-disable.js";
 import { default as gr } from "./features/hooks/use-force-reload.js";
 import { default as Ur } from "./features/ui/accordion-section/accordion-section.js";
@@ -109,17 +109,17 @@ import { default as rt } from "./features/ui/error/error.js";
 import { default as at } from "./features/ui/inputs/checkbox-input/checkbox-input.js";
 import { default as st } from "./features/ui/inputs/checkbox-input-list/checkbox-input-list.js";
 import { default as pt } from "./features/ui/inputs/radio-input/radio-input.js";
-import { default as ut } from "./features/ui/inputs/select-input/select-input.js";
+import { default as mt } from "./features/ui/inputs/select-input/select-input.js";
 import { default as xt } from "./features/ui/inputs/searchable-select-input/searchable-select-input.js";
 import { default as ct } from "./features/ui/inputs/google-places-search-input/google-places-search-input.js";
-import { default as it } from "./features/ui/inputs/text-input/text-input.js";
+import { default as It } from "./features/ui/inputs/text-input/text-input.js";
 import { default as St } from "./features/ui/inputs/cascading-select-input/cascading-select-input.js";
 import { default as Ct } from "./features/ui/inputs/num-range-input/num-range-input.js";
-import { default as _t } from "./features/ui/inputs/percentile-input/percentile-input.js";
+import { default as Pt } from "./features/ui/inputs/percentile-input/percentile-input.js";
 import { default as ht } from "./features/ui/selection-cards/selection-cards.js";
 import { default as Rt } from "./features/ui/layout/flex-view.js";
 import { default as Nt } from "./features/ui/loader/app-loader/app-loader.js";
-import { CircularLoader as Mt } from "./features/ui/loader/circular-loader/circular-loader.js";
+import { CircularLoader as Ot } from "./features/ui/loader/circular-loader/circular-loader.js";
 import { default as Dt } from "./features/ui/radio-cards/radio-cards.js";
 import { default as gt } from "./features/ui/section-list/section-list.js";
 import { default as Ut } from "./features/ui/text/text.js";
@@ -135,17 +135,17 @@ import { default as oa } from "./features/ui/tab/tab.js";
 import { default as ta } from "./features/ui/streak-icon/streak-icon.js";
 import { default as fa } from "./features/ui/separator/separator.js";
 import { default as la } from "./features/ui/video/index.js";
-import { default as ma } from "./features/ui/perfect-hits/perfect-hits.js";
+import { default as ua } from "./features/ui/perfect-hits/perfect-hits.js";
 import { default as da } from "./features/ui/image/image.js";
 import { default as na } from "./features/ui/animated-arc/animated-arc.js";
-import { default as Ia } from "./features/auth/comps/auth-static-panel/auth-static-panel.js";
+import { default as ia } from "./features/auth/comps/auth-static-panel/auth-static-panel.js";
 import { default as Ta } from "./features/auth/comps/auth-page-layout/auth-page-layout.js";
 import { default as Ea } from "./features/auth/comps/overlay-loader/overlay-loader.js";
 import { default as Aa } from "./features/auth/comps/tabs/tabs.js";
-import { default as Pa } from "./features/auth/comps/input-status-icon/input-status-icon.js";
+import { default as _a } from "./features/auth/comps/input-status-icon/input-status-icon.js";
 import { default as La } from "./features/auth/comps/resend-otp/resend-otp.js";
 import { default as ka } from "./features/auth/signup/user-type-selector/user-type-selector.js";
-import { default as Oa } from "./features/auth/signup/claim-user-account/claim-user-account.js";
+import { default as Ma } from "./features/auth/signup/claim-user-account/claim-user-account.js";
 import { default as Ha } from "./features/auth/signup/custom-input-field/grade-input/grade-input.js";
 import { default as Ga } from "./features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js";
 import { default as ya } from "./features/auth/signup/custom-input-field/custom-input-field.js";
@@ -162,17 +162,17 @@ import { default as of } from "./features/auth/forgot-password/user-identifier-f
 import { AUTH_TABS as tf } from "./features/auth/login/login-constants.js";
 import { AuthApiErrorCode as ff } from "./features/auth/signup/signup-constants.js";
 import { PLATFORM_EVENTS_STUDENT as lf } from "./features/analytics-events/platform-events-student.js";
-import { PLATFORM_EVENTS_TEACHER as mf } from "./features/analytics-events/platform-events-teacher.js";
+import { PLATFORM_EVENTS_TEACHER as uf } from "./features/analytics-events/platform-events-teacher.js";
 import { WHITELIST_EVENTS as df } from "./features/analytics-events/whitelist-events.js";
 import { default as nf } from "./features/blockers/multi-tab-blocker/use-is-tab-blocked.js";
 import { default as If } from "./features/blockers/multi-tab-blocker/multi-tab-blocker.js";
 import { default as Sf } from "./features/chapters/chapter/chapter.js";
 import { default as Cf } from "./features/chapters/chapters-list/chapters-list.js";
-import { default as _f } from "./features/chapters/lpar-chapter/lpar-chapter.js";
+import { default as Pf } from "./features/chapters/lpar-chapter/lpar-chapter.js";
 import { default as hf } from "./features/chapters/lpar-milestone-chapter/lpar-milestone-chapter.js";
 import { default as Rf } from "./features/chapters/lpar-chapter/block-section/sat-sheet-item/sat-sheet-summary/sat-sheet-summary.js";
 import { checkIfPPTNodeType as Nf } from "./features/chapters/lpar-chapter/utils/index.js";
-import { default as Mf } from "./features/chapters-v2/chapter-details/chapter-details.js";
+import { default as Of } from "./features/chapters-v2/chapter-details/chapter-details.js";
 import { invalidateGetChapterDetails as Df } from "./features/chapters-v2/api/chapter.js";
 import { GAME_LAUNCHER_ASSET_PADDING as gf } from "./features/circle-games/game-launcher/comps/segmented-game-card/constants.js";
 import { GAME_LAUNCHER_SIZE as Uf } from "./features/circle-games/game-launcher/comps/card-container/constants.js";
@@ -189,16 +189,16 @@ import { ProjectType as rs } from "./features/circle-games/games/web-view/enums/
 import { PlayerType as as } from "./features/circle-games/games/web-view/enums/player-type-enum.js";
 import { IStatsToAwardErrorCode as ss } from "./features/circle-games/games/web-view/web-view-types.js";
 import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ps } from "./features/circle-games/enum/circle-onboarding-steps.js";
-import { CIRCLE_ACTION_IDS as us } from "./features/circle-games/enum/circle-action-ids.js";
+import { CIRCLE_ACTION_IDS as ms } from "./features/circle-games/enum/circle-action-ids.js";
 import { GameLauncher as xs } from "./features/circle-games/game-launcher/game-launcher.js";
 import { useGetCircleHomeDetailsDal as cs } from "./features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js";
-import { Leaderboard as is } from "./features/circle-games/leaderboard/leaderboard.js";
+import { Leaderboard as Is } from "./features/circle-games/leaderboard/leaderboard.js";
 import { BackgroundImage as Ss, CircularSteps as Es } from "./features/circle-games/sign-up/comp/circular-steps/circular-steps.js";
 import { SplashScreen as As } from "./features/circle-games/sign-up/comp/splash-screen/splash-screen.js";
-import { SignUp as Ps } from "./features/circle-games/sign-up/sign-up.js";
+import { SignUp as _s } from "./features/circle-games/sign-up/sign-up.js";
 import { default as Ls } from "./features/cue-canvas/cue-canvas-provider.js";
 import { default as ks } from "./features/cue-canvas/toolbar/toolbar.js";
-import { default as Os } from "./features/cue-canvas/cue-canvas.js";
+import { default as Ms } from "./features/cue-canvas/cue-canvas.js";
 import { default as Hs } from "./features/cue-canvas/hooks/use-canvas-sync-broker.js";
 import { default as Gs } from "./features/cue-canvas/sidebar/sidebar.js";
 import { default as ys } from "./features/cue-canvas/bottombar/homework-controls.js";
@@ -215,17 +215,17 @@ import { default as rl } from "./features/homework/hw-card-list/hw-card-list.js"
 import { invalidateHomeworks as al } from "./features/homework/hw-card-list/api/get-homeworks.js";
 import { useAutoPlayPermission as sl } from "./features/hooks/use-auto-play-permission/use-auto-play-permission.js";
 import { JOURNEY_ID_STUDENT as pl } from "./features/journey/journey-id/journey-id-student.js";
-import { JOURNEY_ID_TEACHER as ul } from "./features/journey/journey-id/journey-id-teacher.js";
+import { JOURNEY_ID_TEACHER as ml } from "./features/journey/journey-id/journey-id-teacher.js";
 import { useJourney as xl } from "./features/journey/use-journey/use-journey.js";
 import { useGetEligibleJourneysViaRoute as cl } from "./features/journey/hooks/use-get-eligible-journeys-via-route.js";
-import { JourneyProvider as il } from "./features/journey/use-journey/journey-context-provider.js";
+import { JourneyProvider as Il } from "./features/journey/use-journey/journey-context-provider.js";
 import { IndicatorType as Sl } from "./features/journey/use-journey/constants.js";
 import { Coachmark as Cl } from "./features/journey/comps/coachmark/coachmark.js";
-import { useHomePageJourney as _l } from "./features/journey/hooks/use-home-page-journey/use-home-page-journey.js";
+import { useHomePageJourney as Pl } from "./features/journey/hooks/use-home-page-journey/use-home-page-journey.js";
 import { useChapterPageJourney as hl } from "./features/journey/hooks/use-chapter-journey.js";
 import { default as Rl } from "./features/maintenance/maintenance.js";
 import { default as Nl } from "./features/milestone/create/submit-modal/submit-modal.js";
-import { default as Ml } from "./features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.js";
+import { default as Ol } from "./features/milestone/create/comps/confirmation-modals/goal-creation-confirmation.js";
 import { default as Dl } from "./features/milestone/create/comps/confirmation-modals/chapter-clearance-confirmation.js";
 import { default as gl } from "./features/milestone/create/milestone-create-container.js";
 import { default as Ul } from "./features/milestone/edit/goal-drafts/goal-draft-edit-container.js";
@@ -241,33 +241,34 @@ import { default as ep } from "./features/milestone/start/milestone-start.js";
 import { default as rp } from "./features/milestone/milestone-tests/tests-creation/tests-creation.js";
 import { default as ap } from "./features/milestone/milestone-resources/resources-assign/resources-assign.js";
 import { ACHIEVEMENT_ACTIONS as sp, STAGES as lp } from "./features/milestone/outcome/milestone-outcome-constants.js";
-import { invalidateMilestonesData as mp, useGetAllMilestonesdata as up } from "./features/milestone/milestone-list-container/api/get-milestones.js";
-import { invalidateTestHelpData as xp, useGetTestHelpData as np } from "./features/milestone/milestone-list-container/api/get-tests-list.js";
-import { invalidateMilestoneResources as Ip, useGetMilestoneResources as ip } from "./features/milestone/milestone-list-container/api/get-milestone-resources.js";
-import { default as Sp } from "./features/pointer-sync/pointer.js";
-import { default as Cp } from "./features/pointer-sync/hooks/use-pointer-sync.js";
-import { DigitalMeter as _p } from "./features/post-game-stats/digital-meter/digital-meter.js";
-import { EPostGameStat as hp } from "./features/post-game-stats/enums/post-game-stats-enum.js";
-import { PostGameStats as Rp } from "./features/post-game-stats/post-game-stats.js";
-import { default as Np } from "./features/recent-chapters/recent-chapters.js";
-import { SENTRY_DENIED_URLS as Mp, SENTRY_IGNORED_ERRORS as Hp } from "./features/sentry/constants/ignored.js";
-import { default as Gp } from "./features/sheet-tools/desmos-calculator/desmos-calculator.js";
-import { default as yp } from "./features/sheet-tools/tool-header/tool-header.js";
-import { default as Bp } from "./features/sheets/sheets-list/sheets-list.js";
-import { default as bp } from "./features/sheets/reference-sheet/reference-sheet.js";
-import { WORKSHEET_V3_NODE_TYPES as Wp } from "./features/sheets/utils/is-v3-worksheet.js";
-import { COMPLETED_SHEET_STATE as Fp, NODE_LABELS as Yp, NODE_SUB_GROUP as Jp, NODE_TYPE as Qp, PYTHON_NODE_TYPES as Kp, REWARDS_LIST as jp, SHEET_ACTIONS as Zp, SHEET_ATTEMPT_LOCATION as qp, SHEET_ATTEMPT_LOCATION_MAP as zp, SHEET_ATTEMPT_STATE as Xp, SHEET_DATA_TYPE as $p, SHEET_STATE as em } from "./features/sheets/constants/sheet.js";
-import { default as rm } from "./features/student-details/student-details.js";
-import { default as am } from "./features/utils/load-script.js";
-import { ACTION_BAR_HEIGHT as sm, QUESTIONS_GAP as lm, QUESTION_WIDTH as pm, TOP_NAVIGATION_HEIGHT as mm } from "./features/worksheet/worksheet/constants.js";
-import { isOkayTypeQuestion as dm } from "./features/worksheet/worksheet/worksheet-helpers.js";
-import { default as nm } from "./features/worksheet/worksheet/worksheet-container.js";
-import { default as Im } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
-import { default as Tm } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
-import { default as Em } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
-import { default as Am } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
-import { default as Pm } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
-import { default as Lm } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
+import { invalidateMilestonesData as up, useGetAllMilestonesdata as mp } from "./features/milestone/milestone-list-container/api/get-milestones.js";
+import { invalidatePastMilestoneCount as xp, useGetPastMilestoneCount as np } from "./features/milestone/milestone-list-container/api/get-past-milestone-count.js";
+import { invalidateTestHelpData as ip, useGetTestHelpData as Ip } from "./features/milestone/milestone-list-container/api/get-tests-list.js";
+import { invalidateMilestoneResources as Sp, useGetMilestoneResources as Ep } from "./features/milestone/milestone-list-container/api/get-milestone-resources.js";
+import { default as Ap } from "./features/pointer-sync/pointer.js";
+import { default as _p } from "./features/pointer-sync/hooks/use-pointer-sync.js";
+import { DigitalMeter as Lp } from "./features/post-game-stats/digital-meter/digital-meter.js";
+import { EPostGameStat as kp } from "./features/post-game-stats/enums/post-game-stats-enum.js";
+import { PostGameStats as Mp } from "./features/post-game-stats/post-game-stats.js";
+import { default as Hp } from "./features/recent-chapters/recent-chapters.js";
+import { SENTRY_DENIED_URLS as Gp, SENTRY_IGNORED_ERRORS as gp } from "./features/sentry/constants/ignored.js";
+import { default as Up } from "./features/sheet-tools/desmos-calculator/desmos-calculator.js";
+import { default as vp } from "./features/sheet-tools/tool-header/tool-header.js";
+import { default as wp } from "./features/sheets/sheets-list/sheets-list.js";
+import { default as Vp } from "./features/sheets/reference-sheet/reference-sheet.js";
+import { WORKSHEET_V3_NODE_TYPES as Yp } from "./features/sheets/utils/is-v3-worksheet.js";
+import { COMPLETED_SHEET_STATE as Qp, NODE_LABELS as Kp, NODE_SUB_GROUP as jp, NODE_TYPE as Zp, PYTHON_NODE_TYPES as qp, REWARDS_LIST as zp, SHEET_ACTIONS as Xp, SHEET_ATTEMPT_LOCATION as $p, SHEET_ATTEMPT_LOCATION_MAP as eu, SHEET_ATTEMPT_STATE as ou, SHEET_DATA_TYPE as ru, SHEET_STATE as tu } from "./features/sheets/constants/sheet.js";
+import { default as fu } from "./features/student-details/student-details.js";
+import { default as lu } from "./features/utils/load-script.js";
+import { ACTION_BAR_HEIGHT as uu, QUESTIONS_GAP as mu, QUESTION_WIDTH as du, TOP_NAVIGATION_HEIGHT as xu } from "./features/worksheet/worksheet/constants.js";
+import { isOkayTypeQuestion as cu } from "./features/worksheet/worksheet/worksheet-helpers.js";
+import { default as Iu } from "./features/worksheet/worksheet/worksheet-container.js";
+import { default as Su } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
+import { default as Cu } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
+import { default as Pu } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
+import { default as hu } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
+import { default as Ru } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
+import { default as Nu } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
 export {
   sp as ACHIEVEMENT_ACTIONS,
   tf as AUTH_TABS,
@@ -282,30 +283,30 @@ export {
   vr as ArrowTooltip,
   ff as AuthApiErrorCode,
   Ta as AuthPageLayout,
-  Ia as AuthStaticPanel,
-  Mr as AutoPlayPermissionProvider,
+  ia as AuthStaticPanel,
+  Or as AutoPlayPermissionProvider,
   zt as Avatar,
   xr as Back2Icon,
   c as BackIcon,
   Ss as BackgroundImage,
   S as Bin2Icon,
-  i as BinIcon,
+  I as BinIcon,
   h as Book2Icon,
   C as BookClosedIcon,
-  _ as BookIcon,
+  P as BookIcon,
   R as BookmarkIcon,
-  M as Bulb2Icon,
+  O as Bulb2Icon,
   N as BulbIcon,
   Qr as Button,
-  us as CIRCLE_ACTION_IDS,
+  ms as CIRCLE_ACTION_IDS,
   ps as CIRCLE_ONBOARDING_ANALYTICS_STEPS,
-  Fp as COMPLETED_SHEET_STATE,
+  Qp as COMPLETED_SHEET_STATE,
   D as CalendarIcon,
   wt as Callout,
   St as CascadingSelectInput,
   Sf as Chapter,
   Dl as ChapterClearanceConfirmationModal,
-  Mf as ChapterDetails,
+  Of as ChapterDetails,
   Cf as ChaptersList,
   hr as ChatIcon,
   U as Check2Icon,
@@ -313,13 +314,13 @@ export {
   at as CheckboxInput,
   st as CheckboxInputList,
   Sr as ChevronDownIcon,
-  ir as ChevronLeftIcon,
+  Ir as ChevronLeftIcon,
   cr as ChevronRightIcon,
   wf as CircleSoundKey,
-  Mt as CircularLoader,
+  Ot as CircularLoader,
   Ba as CircularStepWrapper,
   Es as CircularSteps,
-  Oa as ClaimUserAccount,
+  Ma as ClaimUserAccount,
   jr as Clickable,
   v as ClipboardIcon,
   V as Clock2Icon,
@@ -330,7 +331,7 @@ export {
   Q as CopyIcon,
   Vr as CountdownTimer,
   j as CrossIcon,
-  Os as CueCanvas,
+  Ms as CueCanvas,
   ks as CueCanvasController,
   ys as CueCanvasHomeworkController,
   Ls as CueCanvasProvider,
@@ -340,40 +341,40 @@ export {
   ya as CustomInputField,
   X as DashArrowIcon,
   Ga as DatePickerInput,
-  Gp as DesmosCalculator,
-  _p as DigitalMeter,
+  Up as DesmosCalculator,
+  Lp as DigitalMeter,
   ee as DownIcon,
   re as DraftIcon,
   ae as DragIcon,
   js as EClassTimeAlertLevel,
   Yf as ELeaderboardType,
   ap as EPResourceAssign,
-  hp as EPostGameStat,
+  kp as EPostGameStat,
   Ws as EVENTS,
   pe as Edit2Icon,
   se as EditIcon,
   Yl as EditMilestoneModal,
-  ue as EditStarIcon,
+  me as EditStarIcon,
   xe as EraserIcon,
   rt as Error,
   Se as ExclamationIcon,
-  yp as ExpandableHeader,
+  vp as ExpandableHeader,
   el as ExtraPractice,
-  ie as Eye2Icon,
+  Ie as Eye2Icon,
   ce as EyeIcon,
   Rt as FlexView,
   gf as GAME_LAUNCHER_ASSET_PADDING,
   Uf as GAME_LAUNCHER_SIZE,
   Cr as GameIcon,
   xs as GameLauncher,
-  Ml as GoalCreationConfirmationModal,
+  Ol as GoalCreationConfirmationModal,
   Ul as GoalDraftEdit,
   Ql as GoalEdit,
   ct as GooglePlacesSearchInput,
   Ha as GradeInput,
   r as GradeSelector,
   Ce as HandIcon,
-  _e as HelpIcon,
+  Pe as HelpIcon,
   he as HighlighterIcon,
   Re as HomeIcon,
   rl as HomeworkCardList,
@@ -386,16 +387,16 @@ export {
   Ne as ImageIcon,
   Sl as IndicatorType,
   De as Info2Icon,
-  Me as InfoIcon,
-  Pa as InputStatusIcon,
+  Oe as InfoIcon,
+  _a as InputStatusIcon,
   pl as JOURNEY_ID_STUDENT,
-  ul as JOURNEY_ID_TEACHER,
-  il as JourneyProvider,
-  u as LOTTIE,
-  _f as LPARChapter,
+  ml as JOURNEY_ID_TEACHER,
+  Il as JourneyProvider,
+  m as LOTTIE,
+  Pf as LPARChapter,
   hf as LPARMilestoneChapter,
-  is as Leaderboard,
-  Am as LearnosityPreloader,
+  Is as Leaderboard,
+  hu as LearnosityPreloader,
   ge as LeftIcon,
   ve as Lock2Icon,
   we as Lock3Icon,
@@ -413,9 +414,9 @@ export {
   je as Mobile,
   qe as MoreVerticalIcon,
   If as MultiTabBlocker,
-  Yp as NODE_LABELS,
-  Jp as NODE_SUB_GROUP,
-  Qp as NODE_TYPE,
+  Kp as NODE_LABELS,
+  jp as NODE_SUB_GROUP,
+  Zp as NODE_TYPE,
   Nr as Next2Icon,
   Xe as NextIcon,
   Yr as Nudge,
@@ -423,60 +424,60 @@ export {
   za as OTPForm,
   Ea as OverlayLoader,
   lf as PLATFORM_EVENTS_STUDENT,
-  mf as PLATFORM_EVENTS_TEACHER,
-  Kp as PYTHON_NODE_TYPES,
+  uf as PLATFORM_EVENTS_TEACHER,
+  qp as PYTHON_NODE_TYPES,
   eo as PencilIcon,
-  _t as PercentileInput,
-  ma as PerfectHits,
+  Pt as PercentileInput,
+  ua as PerfectHits,
   so as Play2Icon,
   ao as PlayIcon,
   as as PlayerType,
-  uo as Plus2Icon,
+  mo as Plus2Icon,
   po as PlusIcon,
   ro as PointerIcon,
-  Rp as PostGameStats,
+  Mp as PostGameStats,
   no as PracticeIcon,
-  Im as PreviewWorksheet,
-  Io as ProgressIcon,
+  Su as PreviewWorksheet,
+  io as ProgressIcon,
   Xf as ProjectOutcome,
   rs as ProjectType,
   To as QuestionIcon,
   Eo as QuestionLetterIcon,
-  jp as REWARDS_LIST,
+  zp as REWARDS_LIST,
   Dt as RadioCard,
   pt as RadioInput,
-  Np as RecentChapters,
+  Hp as RecentChapters,
   Ao as RedoIcon,
-  bp as ReferenceSheet,
-  Sp as RemotePeerPointer,
+  Vp as ReferenceSheet,
+  Ap as RemotePeerPointer,
   La as ResendOTP,
   $a as ResetPasswordForm,
-  Po as RightIcon,
+  _o as RightIcon,
   Lo as RulerIcon,
   Rf as SATSheetSummary,
-  Mp as SENTRY_DENIED_URLS,
-  Hp as SENTRY_IGNORED_ERRORS,
-  Zp as SHEET_ACTIONS,
-  qp as SHEET_ATTEMPT_LOCATION,
-  zp as SHEET_ATTEMPT_LOCATION_MAP,
-  Xp as SHEET_ATTEMPT_STATE,
-  $p as SHEET_DATA_TYPE,
-  em as SHEET_STATE,
+  Gp as SENTRY_DENIED_URLS,
+  gp as SENTRY_IGNORED_ERRORS,
+  Xp as SHEET_ACTIONS,
+  $p as SHEET_ATTEMPT_LOCATION,
+  eu as SHEET_ATTEMPT_LOCATION_MAP,
+  ou as SHEET_ATTEMPT_STATE,
+  ru as SHEET_DATA_TYPE,
+  tu as SHEET_STATE,
   lp as STAGES,
-  mr as ScribbleIcon,
+  ur as ScribbleIcon,
   ko as SearchIcon,
   xt as SearchableSelectInput,
   gt as SectionList,
-  ut as SelectInput,
+  mt as SelectInput,
   ht as SelectionCards,
   fa as Separator,
-  Em as SheetError,
-  Oo as SheetIcon,
-  Bp as SheetList,
-  Tm as SheetLocked,
-  Ps as SignUp,
+  Pu as SheetError,
+  Mo as SheetIcon,
+  wp as SheetList,
+  Cu as SheetLocked,
+  _s as SignUp,
   ba as SignupMethods,
-  ur as SketchIcon,
+  mr as SketchIcon,
   Bo as Skip2Icon,
   Go as SkipColoredIcon,
   yo as SkipIcon,
@@ -490,7 +491,7 @@ export {
   ta as StreakIcon,
   Qf as StreakReductionLocalStorageUtil,
   Fo as StrikedEyeIcon,
-  rm as StudentDetails,
+  fu as StudentDetails,
   Nl as SubmitMilestoneModal,
   Jo as SwitchIcon,
   oa as TabComponent,
@@ -500,13 +501,13 @@ export {
   rp as TestsCreation,
   Ut as Text,
   Xr as TextButton,
-  it as TextInput,
+  It as TextInput,
   Ko as TickIcon,
   $t as TimeLeftTimeline,
   Qs as TrialSession,
   Zo as TrophyIcon,
   jf as Tutorial,
-  _r as TutoringIcon,
+  Pr as TutoringIcon,
   Vt as UIContext,
   zo as UndoIcon,
   or as Unlock2Icon,
@@ -519,23 +520,24 @@ export {
   Ka as UsernamePasswordForm,
   la as Video,
   df as WHITELIST_EVENTS,
-  sm as WORKSHEET_ACTION_BAR_HEIGHT,
-  lm as WORKSHEET_QUESTIONS_GAP,
-  pm as WORKSHEET_QUESTION_WIDTH,
-  mm as WORKSHEET_TOP_NAVIGATION_HEIGHT,
-  Wp as WORKSHEET_V3_NODE_TYPES,
+  uu as WORKSHEET_ACTION_BAR_HEIGHT,
+  mu as WORKSHEET_QUESTIONS_GAP,
+  du as WORKSHEET_QUESTION_WIDTH,
+  xu as WORKSHEET_TOP_NAVIGATION_HEIGHT,
+  Yp as WORKSHEET_V3_NODE_TYPES,
   qf as WebView,
   es as WebViewEvent,
-  nm as Worksheet,
+  Iu as Worksheet,
   Nf as checkIfPPTNodeType,
   Zt as getTheme,
   Df as invalidateGetChapterDetails,
   al as invalidateHomeworks,
-  Ip as invalidateMilestoneResources,
-  mp as invalidateMilestonesData,
-  xp as invalidateTestHelpData,
-  dm as isOkayTypeQuestion,
-  am as loadScript,
+  Sp as invalidateMilestoneResources,
+  up as invalidateMilestonesData,
+  xp as invalidatePastMilestoneCount,
+  ip as invalidateTestHelpData,
+  cu as isOkayTypeQuestion,
+  lu as loadScript,
   sl as useAutoPlayPermission,
   Hs as useCanvasSyncBroker,
   hl as useChapterPageJourney,
@@ -543,24 +545,25 @@ export {
   qs as useClassTimeAlerts,
   Kt as useContextMenuClickHandler,
   gr as useForceReload,
-  up as useGetAllMilestonesdata,
+  mp as useGetAllMilestonesdata,
   cs as useGetCircleHomeDetailsDal,
   cl as useGetEligibleJourneysViaRoute,
   Vf as useGetLeaderboardDal,
-  ip as useGetMilestoneResources,
-  np as useGetTestHelpData,
-  _l as useHomePageJourney,
+  Ep as useGetMilestoneResources,
+  np as useGetPastMilestoneCount,
+  Ip as useGetTestHelpData,
+  Pl as useHomePageJourney,
   Fs as useInClassActionDispatcher,
   Ys as useInClassActionListener,
   Bs as useInClassMessageBroker,
-  Pm as useIsLearnosityLoaded,
+  Ru as useIsLearnosityLoaded,
   nf as useIsTabBlocked,
   xl as useJourney,
-  Cp as usePointerSync,
+  _p as usePointerSync,
   Jt as useTrackingContext,
   bs as useTrialSessionMessageBroker,
   Ft as useUIContext,
-  Lm as useWorksheetLayout,
+  Nu as useWorksheetLayout,
   Dr as useZoomDisable
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.1",
+  "version": "3.1.2-beta-0.2",
   "type": "module",
   "files": [
     "dist"