@cuemath/leap 3.0.22-aa16 → 3.0.22-aa18

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.0.22-aa16",
+  "version": "3.0.22-aa18",
   "type": "module",
   "files": [
     "dist"
@@ -85,6 +85,7 @@
     "prettier": "3.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-error-boundary": "4.0.12",
     "storybook": "^7.6.3",
     "storybook-addon-fetch-mock": "^2.0.1",
     "styled-components": "6.0.7",

package/dist/assets/line-icons/icons/puzzle-icon.js

@@ -1,51 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-const e = (c) => /* @__PURE__ */ l(
-  "svg",
-  {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...c,
-    children: [
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M4.84375 5.78632L4.84375 4.37218C4.84375 3.98865 5.15466 3.67773 5.53819 3.67773H7.11038",
-          stroke: "currentColor",
-          strokeWidth: "1.39167"
-        }
-      ),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M14.6472 16.5289L17.3453 4.68253C17.4304 4.30858 17.1963 3.93638 16.8224 3.85121L10.0307 2.30435C9.67373 2.22305 9.31497 2.43282 9.21075 2.78377L8.31911 5.78642",
-          stroke: "currentColor",
-          strokeWidth: "1.39167"
-        }
-      ),
-      /* @__PURE__ */ r(
-        "rect",
-        {
-          x: "3.33325",
-          y: "7.59961",
-          width: "9.0665",
-          height: "9.0665",
-          rx: "0.694444",
-          fill: "#F6F6F6",
-          stroke: "currentColor",
-          strokeWidth: "1.39167"
-        }
-      ),
-      /* @__PURE__ */ r("circle", { cx: "6.29508", cy: "10.563", r: "0.695833", fill: "black" }),
-      /* @__PURE__ */ r("circle", { cx: "6.29508", cy: "13.7359", r: "0.695833", fill: "black" }),
-      /* @__PURE__ */ r("circle", { cx: "9.4689", cy: "10.563", r: "0.695833", fill: "black" }),
-      /* @__PURE__ */ r("circle", { cx: "9.4689", cy: "13.7359", r: "0.695833", fill: "black" })
-    ]
-  }
-);
-export {
-  e as default
-};
-//# sourceMappingURL=puzzle-icon.js.map

package/dist/assets/line-icons/icons/puzzle-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"puzzle-icon.js","sources":["../../../../src/assets/line-icons/icons/puzzle-icon.tsx"],"sourcesContent":["const PuzzleIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M4.84375 5.78632L4.84375 4.37218C4.84375 3.98865 5.15466 3.67773 5.53819 3.67773H7.11038\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.39167\"\n    />\n    <path\n      d=\"M14.6472 16.5289L17.3453 4.68253C17.4304 4.30858 17.1963 3.93638 16.8224 3.85121L10.0307 2.30435C9.67373 2.22305 9.31497 2.43282 9.21075 2.78377L8.31911 5.78642\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.39167\"\n    />\n    <rect\n      x=\"3.33325\"\n      y=\"7.59961\"\n      width=\"9.0665\"\n      height=\"9.0665\"\n      rx=\"0.694444\"\n      fill=\"#F6F6F6\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.39167\"\n    />\n    <circle cx=\"6.29508\" cy=\"10.563\" r=\"0.695833\" fill=\"black\" />\n    <circle cx=\"6.29508\" cy=\"13.7359\" r=\"0.695833\" fill=\"black\" />\n    <circle cx=\"9.4689\" cy=\"10.563\" r=\"0.695833\" fill=\"black\" />\n    <circle cx=\"9.4689\" cy=\"13.7359\" r=\"0.695833\" fill=\"black\" />\n  </svg>\n);\n\nexport default PuzzleIcon;\n"],"names":["PuzzleIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAsD,CAC1DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UACP,IAAG;AAAA,UACH,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,UAAS,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC3D,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC5D,gBAAAA,EAAC,YAAO,IAAG,UAAS,IAAG,UAAS,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC1D,gBAAAA,EAAC,YAAO,IAAG,UAAS,IAAG,WAAU,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,IAAA;AAAA,EAAA;AAC7D;"}

package/dist/assets/line-icons/icons/share.js

@@ -1,48 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-const s = (o) => /* @__PURE__ */ t(
-  "svg",
-  {
-    width: "21",
-    height: "20",
-    viewBox: "0 0 21 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M14.6667 10.6951V14.8618C14.6667 15.2301 14.5203 15.5834 14.2599 15.8439C13.9994 16.1043 13.6461 16.2507 13.2778 16.2507H5.63889C5.27053 16.2507 4.91726 16.1043 4.6568 15.8439C4.39633 15.5834 4.25 15.2301 4.25 14.8618V7.22287C4.25 6.85452 4.39633 6.50125 4.6568 6.24078C4.91726 5.98031 5.27053 5.83398 5.63889 5.83398H9.80556",
-          stroke: "#2B2B2B",
-          strokeWidth: "1.66667",
-          strokeLinecap: "square",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M12.5835 3.75H16.7502V7.91667",
-          stroke: "#2B2B2B",
-          strokeWidth: "1.66667",
-          strokeLinecap: "square",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M9.11133 11.3898L16.0558 4.44531",
-          stroke: "#2B2B2B",
-          strokeWidth: "1.66667",
-          strokeLinecap: "square",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
-export {
-  s as default
-};
-//# sourceMappingURL=share.js.map

package/dist/assets/line-icons/icons/share.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"share.js","sources":["../../../../src/assets/line-icons/icons/share.tsx"],"sourcesContent":["const ShareIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"21\"\n    height=\"20\"\n    viewBox=\"0 0 21 20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M14.6667 10.6951V14.8618C14.6667 15.2301 14.5203 15.5834 14.2599 15.8439C13.9994 16.1043 13.6461 16.2507 13.2778 16.2507H5.63889C5.27053 16.2507 4.91726 16.1043 4.6568 15.8439C4.39633 15.5834 4.25 15.2301 4.25 14.8618V7.22287C4.25 6.85452 4.39633 6.50125 4.6568 6.24078C4.91726 5.98031 5.27053 5.83398 5.63889 5.83398H9.80556\"\n      stroke=\"#2B2B2B\"\n      strokeWidth=\"1.66667\"\n      strokeLinecap=\"square\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M12.5835 3.75H16.7502V7.91667\"\n      stroke=\"#2B2B2B\"\n      strokeWidth=\"1.66667\"\n      strokeLinecap=\"square\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M9.11133 11.3898L16.0558 4.44531\"\n      stroke=\"#2B2B2B\"\n      strokeWidth=\"1.66667\"\n      strokeLinecap=\"square\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default ShareIcon;\n"],"names":["ShareIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAqD,CACzDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/assets/line-icons/icons/tile.js

@@ -1,54 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-const o = (e) => /* @__PURE__ */ i(
-  "svg",
-  {
-    className: "tile-icon",
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: [
-      /* @__PURE__ */ t("rect", { x: "0.5", y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
-      /* @__PURE__ */ t("rect", { x: "0.5", y: "0.5", width: "31", height: "31", rx: "15.5", stroke: "white" }),
-      /* @__PURE__ */ t(
-        "rect",
-        {
-          x: "8.5",
-          y: "16",
-          width: "5.83333",
-          height: "6.66667",
-          rx: "0.833333",
-          stroke: "#2B2B2B",
-          strokeWidth: "1.39167",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "circle",
-        {
-          cx: "20.1667",
-          cy: "19.2542",
-          r: "3.33333",
-          stroke: "#2B2B2B",
-          strokeWidth: "1.39167",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          d: "M18.8222 13.6583H11.7094C10.9896 13.6583 10.6084 12.8073 11.0875 12.2702L14.644 8.28391C14.9753 7.91249 15.5563 7.9125 15.8876 8.28391L19.444 12.2702C19.9232 12.8073 19.542 13.6583 18.8222 13.6583Z",
-          stroke: "#2B2B2B",
-          strokeWidth: "1.39167",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
-export {
-  o as default
-};
-//# sourceMappingURL=tile.js.map

package/dist/assets/line-icons/icons/tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tile.js","sources":["../../../../src/assets/line-icons/icons/tile.tsx"],"sourcesContent":["const TileIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    className=\"tile-icon\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <rect x=\"0.5\" y=\"0.5\" width=\"31\" height=\"31\" rx=\"15.5\" fill=\"white\" />\n    <rect x=\"0.5\" y=\"0.5\" width=\"31\" height=\"31\" rx=\"15.5\" stroke=\"white\" />\n    <rect\n      x=\"8.5\"\n      y=\"16\"\n      width=\"5.83333\"\n      height=\"6.66667\"\n      rx=\"0.833333\"\n      stroke=\"#2B2B2B\"\n      strokeWidth=\"1.39167\"\n      strokeLinejoin=\"round\"\n    />\n    <circle\n      cx=\"20.1667\"\n      cy=\"19.2542\"\n      r=\"3.33333\"\n      stroke=\"#2B2B2B\"\n      strokeWidth=\"1.39167\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M18.8222 13.6583H11.7094C10.9896 13.6583 10.6084 12.8073 11.0875 12.2702L14.644 8.28391C14.9753 7.91249 15.5563 7.9125 15.8876 8.28391L19.444 12.2702C19.9232 12.8073 19.542 13.6583 18.8222 13.6583Z\"\n      stroke=\"#2B2B2B\"\n      strokeWidth=\"1.39167\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default TileIcon;\n"],"names":["TileIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAoD,CACxDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,OAAM,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,IAAG,QAAO,MAAK,SAAQ;AAAA,MACnE,gBAAAA,EAAA,QAAA,EAAK,GAAE,OAAM,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,IAAG,QAAO,QAAO,SAAQ;AAAA,MACtE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UACP,IAAG;AAAA,UACH,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/features/cue-canvas/bottombar/homework-controls.js

@@ -1,73 +0,0 @@
-import { jsx as n, jsxs as g } from "react/jsx-runtime";
-import { memo as b, useState as w, useCallback as i } from "react";
-import k from "../../../assets/line-icons/icons/check.js";
-import y from "../../../assets/line-icons/icons/share.js";
-import f from "../../ui/buttons/button/button.js";
-import p from "../../ui/layout/flex-view.js";
-import I from "../../ui/separator/separator.js";
-import B from "../../ui/text/text.js";
-import { dataURIToBlob as x } from "../cue-canvas-helpers.js";
-import { useCueCanvasActions as A } from "../hooks/use-cue-canvas-actions.js";
-const S = (h) => {
-  const { width: c, onSendImageToChat: t, onMarkAsResolved: s } = h, { homeworkId: o, activeInstance: r, setHomeworkId: l } = A(), [m, u] = w(!1), a = i(() => {
-    r == null || r.clearCanvas(), l(void 0), u(!1);
-  }, [r, l]), d = i(async () => {
-    if (!r) return;
-    const e = await (r == null ? void 0 : r.getCanvasAsImage());
-    return e ? [x(e)] : void 0;
-  }, [r]), $ = i(async () => {
-    const e = await d();
-    !o || !t || !e || t == null || t(o, e, a);
-  }, [d, o, t, a]), C = i(() => {
-    o && (u(!0), s == null || s(o, a));
-  }, [o, s, a]);
-  return o ? m ? /* @__PURE__ */ n(
-    p,
-    {
-      $gapX: 1,
-      $gutterX: 0.5,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $width: c,
-      $background: "YELLOW_1",
-      children: /* @__PURE__ */ n(B, { $renderAs: "body3", $color: "BLACK", children: "Resolving...." })
-    }
-  ) : /* @__PURE__ */ g(
-    p,
-    {
-      $flexDirection: "row",
-      $gapX: 1,
-      $gutterX: 0.5,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $width: c,
-      $background: "YELLOW_1",
-      children: [
-        /* @__PURE__ */ n(
-          f,
-          {
-            label: "Mark as reolved",
-            onClick: C,
-            renderAs: "primary",
-            Icon: k,
-            busy: m
-          }
-        ),
-        /* @__PURE__ */ n(I, { width: 16 }),
-        /* @__PURE__ */ n(
-          f,
-          {
-            label: "Send CueBoard image to chat",
-            onClick: $,
-            renderAs: "primary",
-            Icon: y
-          }
-        )
-      ]
-    }
-  ) : null;
-}, _ = b(S);
-export {
-  _ as default
-};
-//# sourceMappingURL=homework-controls.js.map

package/dist/features/cue-canvas/bottombar/homework-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"homework-controls.js","sources":["../../../../src/features/cue-canvas/bottombar/homework-controls.tsx"],"sourcesContent":["import type { IHomeWorkControllerProps } from './bottombar-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport CheckIcon from '../../../assets/line-icons/icons/check';\nimport ShareIcon from '../../../assets/line-icons/icons/share';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { dataURIToBlob } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\n\nconst HomeworkController: FC<IHomeWorkControllerProps> = props => {\n  const { width, onSendImageToChat, onMarkAsResolved } = props;\n  const { homeworkId, activeInstance, setHomeworkId } = useCueCanvasActions();\n  const [isBusy, setIsBusy] = useState(false);\n\n  const onSuccess = useCallback(() => {\n    activeInstance?.clearCanvas();\n    setHomeworkId(undefined);\n    setIsBusy(false);\n  }, [activeInstance, setHomeworkId]);\n\n  const getBoardSnapshot = useCallback(async () => {\n    if (!activeInstance) return;\n\n    const snapshot = await activeInstance?.getCanvasAsImage();\n\n    if (!snapshot) {\n      return;\n    }\n\n    const blobdata = dataURIToBlob(snapshot);\n\n    return [blobdata];\n  }, [activeInstance]);\n\n  const handleSendImageToChat = useCallback(async () => {\n    const snapshot = await getBoardSnapshot();\n\n    if (!homeworkId || !onSendImageToChat || !snapshot) return;\n\n    onSendImageToChat?.(homeworkId, snapshot, onSuccess);\n  }, [getBoardSnapshot, homeworkId, onSendImageToChat, onSuccess]);\n\n  const handleMarkAsResolved = useCallback(() => {\n    if (!homeworkId) return;\n    setIsBusy(true);\n    onMarkAsResolved?.(homeworkId, onSuccess);\n  }, [homeworkId, onMarkAsResolved, onSuccess]);\n\n  if (!homeworkId) return null;\n\n  if (isBusy) {\n    return (\n      <FlexView\n        $gapX={1}\n        $gutterX={0.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width={width}\n        $background=\"YELLOW_1\"\n      >\n        <Text $renderAs=\"body3\" $color=\"BLACK\">\n          Resolving....\n        </Text>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $gapX={1}\n      $gutterX={0.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width={width}\n      $background=\"YELLOW_1\"\n    >\n      <Button\n        label=\"Mark as reolved\"\n        onClick={handleMarkAsResolved}\n        renderAs={'primary'}\n        Icon={CheckIcon}\n        busy={isBusy}\n      />\n      <Separator width={16} />\n      <Button\n        label=\"Send CueBoard image to chat\"\n        onClick={handleSendImageToChat}\n        renderAs={'primary'}\n        Icon={ShareIcon}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(HomeworkController);\n"],"names":["HomeworkController","props","width","onSendImageToChat","onMarkAsResolved","homeworkId","activeInstance","setHomeworkId","useCueCanvasActions","isBusy","setIsBusy","useState","onSuccess","useCallback","getBoardSnapshot","snapshot","dataURIToBlob","handleSendImageToChat","handleMarkAsResolved","jsx","FlexView","Text","jsxs","Button","CheckIcon","Separator","ShareIcon","homeworkControls","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAmD,CAASC,MAAA;AAChE,QAAM,EAAE,OAAAC,GAAO,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBH,GACjD,EAAE,YAAAI,GAAY,gBAAAC,GAAgB,eAAAC,MAAkBC,EAAoB,GACpE,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAYC,EAAY,MAAM;AAClC,IAAAP,KAAA,QAAAA,EAAgB,eAChBC,EAAc,MAAS,GACvBG,EAAU,EAAK;AAAA,EAAA,GACd,CAACJ,GAAgBC,CAAa,CAAC,GAE5BO,IAAmBD,EAAY,YAAY;AAC/C,QAAI,CAACP,EAAgB;AAEf,UAAAS,IAAW,OAAMT,KAAA,gBAAAA,EAAgB;AAEvC,WAAKS,IAME,CAFUC,EAAcD,CAAQ,CAEvB,IALd;AAAA,EAKc,GACf,CAACT,CAAc,CAAC,GAEbW,IAAwBJ,EAAY,YAAY;AAC9C,UAAAE,IAAW,MAAMD;AAEvB,IAAI,CAACT,KAAc,CAACF,KAAqB,CAACY,KAEtBZ,KAAA,QAAAA,EAAAE,GAAYU,GAAUH;AAAA,KACzC,CAACE,GAAkBT,GAAYF,GAAmBS,CAAS,CAAC,GAEzDM,IAAuBL,EAAY,MAAM;AAC7C,IAAKR,MACLK,EAAU,EAAI,GACdN,KAAA,QAAAA,EAAmBC,GAAYO;AAAA,EAC9B,GAAA,CAACP,GAAYD,GAAkBQ,CAAS,CAAC;AAExC,SAACP,IAEDI,IAEA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,4BAACmB,GAAK,EAAA,WAAU,SAAQ,QAAO,SAAQ,UAEvC,iBAAA;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAC;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAQlB;AAAA,MACR,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASL;AAAA,YACT,UAAU;AAAA,YACV,MAAMM;AAAA,YACN,MAAMf;AAAA,UAAA;AAAA,QACR;AAAA,QACA,gBAAAU,EAACM,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,QACtB,gBAAAN;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAASN;AAAA,YACT,UAAU;AAAA,YACV,MAAMS;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA1CoB;AA6C1B,GAEeC,IAAAC,EAAK5B,CAAkB;"}

package/dist/features/cue-canvas/hooks/use-upload-helper.js

@@ -1,23 +0,0 @@
-import { useRef as d, useCallback as c } from "react";
-import m from "../../worksheet/worksheet/hooks/use-s3-helper.js";
-const p = { type: "cuemath_whiteboard" }, h = (a) => {
-  const { userId: o, renderAs: u, userType: s } = a, l = d(), r = m({
-    studentId: o,
-    query: p,
-    enabled: u === "whiteboard" && s === "TEACHER"
-  }), t = c(
-    async (n) => {
-      const e = await r({
-        fileKey: "media/cuemath-whiteboard/",
-        images: [{ file: n, url: "" }]
-      });
-      return e && e.length > 0 ? e[0] ?? "error" : "error";
-    },
-    [r]
-  );
-  return l.current = t, t;
-};
-export {
-  h as default
-};
-//# sourceMappingURL=use-upload-helper.js.map

package/dist/features/cue-canvas/hooks/use-upload-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-upload-helper.js","sources":["../../../../src/features/cue-canvas/hooks/use-upload-helper.ts"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TRenderAs } from '../types/cue-canvas';\n\nimport { useCallback } from 'react';\nimport { useRef } from 'react';\n\nimport useS3ImageUploadHelper from '../../worksheet/worksheet/hooks/use-s3-helper';\n\ninterface IUseUploadHelper {\n  userId: string;\n  renderAs: TRenderAs;\n  userType: TUserTypes;\n}\nconst QUERY = { type: 'cuemath_whiteboard' };\n\nconst useUploadHelper = (props: IUseUploadHelper) => {\n  const { userId, renderAs, userType } = props;\n  const uploadImageRef = useRef<(file: File) => Promise<string>>();\n  const uploadImages = useS3ImageUploadHelper({\n    studentId: userId,\n    query: QUERY,\n    enabled: renderAs === 'whiteboard' && userType === 'TEACHER',\n  });\n\n  const uploadImageToS3 = useCallback(\n    async (file: File) => {\n      const urls = await uploadImages({\n        fileKey: `media/cuemath-whiteboard/`,\n        images: [{ file: file, url: '' }],\n      });\n\n      if (urls && urls.length > 0) {\n        const url = urls[0] ?? 'error';\n\n        return url;\n      }\n\n      return 'error';\n    },\n    [uploadImages],\n  );\n\n  uploadImageRef.current = uploadImageToS3;\n\n  return uploadImageToS3;\n};\n\nexport default useUploadHelper;\n"],"names":["QUERY","useUploadHelper","props","userId","renderAs","userType","uploadImageRef","useRef","uploadImages","useS3ImageUploadHelper","uploadImageToS3","useCallback","file","urls"],"mappings":";;AAaA,MAAMA,IAAQ,EAAE,MAAM,wBAEhBC,IAAkB,CAACC,MAA4B;AACnD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,EAAA,IAAaH,GACjCI,IAAiBC,KACjBC,IAAeC,EAAuB;AAAA,IAC1C,WAAWN;AAAA,IACX,OAAOH;AAAA,IACP,SAASI,MAAa,gBAAgBC,MAAa;AAAA,EAAA,CACpD,GAEKK,IAAkBC;AAAA,IACtB,OAAOC,MAAe;AACd,YAAAC,IAAO,MAAML,EAAa;AAAA,QAC9B,SAAS;AAAA,QACT,QAAQ,CAAC,EAAE,MAAAI,GAAY,KAAK,IAAI;AAAA,MAAA,CACjC;AAEG,aAAAC,KAAQA,EAAK,SAAS,IACZA,EAAK,CAAC,KAAK,UAKlB;AAAA,IACT;AAAA,IACA,CAACL,CAAY;AAAA,EAAA;AAGf,SAAAF,EAAe,UAAUI,GAElBA;AACT;"}

package/dist/features/cue-canvas/sidebar/homework/helper.js

@@ -1,20 +0,0 @@
-const m = (t) => {
-  const e = typeof t == "string" ? new Date(t) : new Date(t * 1e3), o = e.getDate(), r = e.getMonth() + 1;
-  return { year: e.getFullYear(), month: r, date: o };
-};
-function a(t) {
-  const n = /* @__PURE__ */ new Date();
-  return n.setMonth(t - 1), n.toLocaleString("en-US", {
-    month: "short"
-  });
-}
-const c = (t) => {
-  var e;
-  return (e = a(+t)) == null ? void 0 : e.toUpperCase();
-};
-export {
-  m as getDateInInputFormat,
-  c as getMonthNameforNumber,
-  a as toMonthName
-};
-//# sourceMappingURL=helper.js.map

package/dist/features/cue-canvas/sidebar/homework/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/helper.ts"],"sourcesContent":["export const getDateInInputFormat = (inputDate: number | string) => {\n  const isDateInString = typeof inputDate === 'string';\n  const dateToBeConverted = isDateInString ? new Date(inputDate) : new Date(inputDate * 1000);\n\n  const dateNum = dateToBeConverted.getDate();\n  const monthNum = dateToBeConverted.getMonth() + 1;\n  const year = dateToBeConverted.getFullYear();\n\n  return { year, month: monthNum, date: dateNum };\n};\n\nexport function toMonthName(monthNumber: number) {\n  const date = new Date();\n\n  date.setMonth(monthNumber - 1);\n\n  return date.toLocaleString('en-US', {\n    month: 'short',\n  });\n}\nexport const getMonthNameforNumber = (num: number) => {\n  const monthName = toMonthName(+num)?.toUpperCase();\n\n  return monthName;\n};\n"],"names":["getDateInInputFormat","inputDate","dateToBeConverted","dateNum","monthNum","toMonthName","monthNumber","date","getMonthNameforNumber","num","_a"],"mappings":"AAAa,MAAAA,IAAuB,CAACC,MAA+B;AAE5D,QAAAC,IADiB,OAAOD,KAAc,WACD,IAAI,KAAKA,CAAS,IAAI,IAAI,KAAKA,IAAY,GAAI,GAEpFE,IAAUD,EAAkB,WAC5BE,IAAWF,EAAkB,SAAA,IAAa;AAGhD,SAAO,EAAE,MAFIA,EAAkB,eAEhB,OAAOE,GAAU,MAAMD,EAAQ;AAChD;AAEO,SAASE,EAAYC,GAAqB;AACzC,QAAAC,wBAAW;AAEZ,SAAAA,EAAA,SAASD,IAAc,CAAC,GAEtBC,EAAK,eAAe,SAAS;AAAA,IAClC,OAAO;AAAA,EAAA,CACR;AACH;AACa,MAAAC,IAAwB,CAACC,MAAgB;AApBzC,MAAAC;AAuBJ,UAFWA,IAAAL,EAAY,CAACI,CAAG,MAAhB,gBAAAC,EAAmB;AAGvC;"}

package/dist/features/cue-canvas/sidebar/homework/homework-menu.js

@@ -1,33 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { memo as l } from "react";
-import m from "../../../../assets/line-icons/icons/cross.js";
-import s from "../../../ui/buttons/clickable/clickable.js";
-import r from "../../../ui/layout/flex-view.js";
-import i from "../../../ui/text/text.js";
-import $ from "./homework-request.js";
-import { MenuContainer as d } from "./homework-styled.js";
-const a = ({ onSelect: n, hwRequests: c }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(
-  r,
-  {
-    $flexDirection: "row",
-    $alignItems: "center",
-    $justifyContent: "center",
-    $flexWrap: !0,
-    $gutterX: 0.5,
-    $gapX: 0.5,
-    children: [
-      /* @__PURE__ */ t(r, { $flexDirection: "row", $gapX: 0.5, children: [
-        /* @__PURE__ */ t(r, { $width: "184px", $gutterX: 1, children: [
-          /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "eyebrow2", children: "HOMEWORK" }),
-          /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "eyebrow2", children: "HELP REQUESTS" })
-        ] }),
-        /* @__PURE__ */ e(s, { onClick: n, label: "close activities menu", children: /* @__PURE__ */ e(m, { color: "WHITE" }) })
-      ] }),
-      c.map((o) => /* @__PURE__ */ e(r, { $gutterX: 0.25, $gapX: 0.5, children: /* @__PURE__ */ e($, { hwRequest: o, onSelect: n, studentName: o.student_name }) }, o.created_on_ts))
-    ]
-  }
-) }) }), w = l(a);
-export {
-  w as default
-};
-//# sourceMappingURL=homework-menu.js.map

package/dist/features/cue-canvas/sidebar/homework/homework-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"homework-menu.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-menu.tsx"],"sourcesContent":["import type { IHomeWorkMenuProps } from './homework-types';\n\nimport { memo } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport HWRequest from './homework-request';\nimport * as Styled from './homework-styled';\n\nconst HomeWorkMenu: React.FC<IHomeWorkMenuProps> = ({ onSelect, hwRequests }) => {\n  return (\n    <Styled.MenuContainer>\n      <FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flexWrap\n          $gutterX={0.5}\n          $gapX={0.5}\n        >\n          <FlexView $flexDirection=\"row\" $gapX={0.5}>\n            <FlexView $width={'184px'} $gutterX={1}>\n              <Text $color=\"WHITE\" $renderAs=\"eyebrow2\">\n                HOMEWORK\n              </Text>\n              <Text $color=\"WHITE\" $renderAs=\"eyebrow2\">\n                HELP REQUESTS\n              </Text>\n            </FlexView>\n            <Clickable onClick={onSelect} label=\"close activities menu\">\n              <CrossIcon color=\"WHITE\" />\n            </Clickable>\n          </FlexView>\n\n          {hwRequests.map(item => (\n            <FlexView $gutterX={0.25} $gapX={0.5} key={item.created_on_ts}>\n              <HWRequest hwRequest={item} onSelect={onSelect} studentName={item.student_name} />\n            </FlexView>\n          ))}\n        </FlexView>\n      </FlexView>\n    </Styled.MenuContainer>\n  );\n};\n\nexport default memo(HomeWorkMenu);\n"],"names":["HomeWorkMenu","onSelect","hwRequests","jsx","Styled.MenuContainer","FlexView","jsxs","Text","Clickable","CrossIcon","item","HWRequest","HomeWorkMenu$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAE3D,gBAAAC,EAAAC,GAAA,EACC,4BAACC,GACC,EAAA,UAAA,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACC,gBAAe;AAAA,IACf,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,WAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAS,EAAA,gBAAe,OAAM,OAAO,KACpC,UAAA;AAAA,QAAA,gBAAAC,EAACD,GAAS,EAAA,QAAQ,SAAS,UAAU,GACnC,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAK,EAAA,QAAO,SAAQ,WAAU,YAAW,UAE1C,YAAA;AAAA,4BACCA,GAAK,EAAA,QAAO,SAAQ,WAAU,YAAW,UAE1C,iBAAA;AAAA,QAAA,GACF;AAAA,QACA,gBAAAJ,EAACK,GAAU,EAAA,SAASP,GAAU,OAAM,yBAClC,UAAC,gBAAAE,EAAAM,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA;AAAA,MAAA,GACF;AAAA,MAECP,EAAW,IAAI,CACdQ,MAAA,gBAAAP,EAACE,KAAS,UAAU,MAAM,OAAO,KAC/B,UAAA,gBAAAF,EAACQ,KAAU,WAAWD,GAAM,UAAAT,GAAoB,aAAaS,EAAK,cAAc,EADvC,GAAAA,EAAK,aAEhD,CACD;AAAA,IAAA;AAAA,EAAA;AAAA,EAEL,CAAA,EACF,CAAA,GAIWE,IAAAC,EAAKb,CAAY;"}

package/dist/features/cue-canvas/sidebar/homework/homework-request.js

@@ -1,68 +0,0 @@
-import { jsx as o, jsxs as R } from "react/jsx-runtime";
-import { h as c } from "../../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as q, useCallback as k } from "react";
-import y from "../../../ui/buttons/clickable/clickable.js";
-import $ from "../../../ui/layout/flex-view.js";
-import d from "../../../ui/text/text.js";
-import { useCueCanvasActions as W } from "../../hooks/use-cue-canvas-actions.js";
-import { getDateInInputFormat as _, getMonthNameforNumber as E } from "./helper.js";
-import { HWImageContainer as T } from "./homework-styled.js";
-import l from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const v = (u) => {
-  var a;
-  const { hwRequest: p, onSelect: r, studentName: h } = u, {
-    problem_description: m,
-    problem_image_urls: e,
-    created_on_ts: f,
-    homework_id: s
-  } = p, { setHomeworkId: n, activeInstance: t } = W(), g = k(() => {
-    const x = l();
-    if (e && e.length > 0) {
-      const i = {
-        data: {
-          [x]: [
-            void 0,
-            {
-              name: "text",
-              html: m,
-              x: 500,
-              y: 75,
-              rot: 0
-            }
-          ]
-        }
-      };
-      e.forEach((C) => {
-        const H = l();
-        i.data[H] = [
-          void 0,
-          {
-            name: "image",
-            href: C + "?dummyProp=true",
-            x: 48,
-            y: 72,
-            rot: 0,
-            width: 400
-          }
-        ];
-      }), t == null || t.replaceCanvas(i);
-    }
-    r(), n(s);
-  }, [t, m, s, e, r, n]), { date: I, month: w } = _(f), b = `${c.ordinal(I)} ${c.titleCase((a = E(w)) == null ? void 0 : a.toLowerCase())}`;
-  return /* @__PURE__ */ o(y, { label: "HW Request Item", onClick: g, children: /* @__PURE__ */ R($, { $alignItems: "center", $justifyContent: "center", $borderRadius: 8, $background: "WHITE", children: [
-    /* @__PURE__ */ o(
-      T,
-      {
-        src: e[0] + "?dummyProp=true",
-        alt: "Homework Request",
-        crossOrigin: "anonymous"
-      }
-    ),
-    /* @__PURE__ */ o(d, { $renderAs: "body3", color: "WHITE", children: h }),
-    /* @__PURE__ */ o(d, { $renderAs: "body3", color: "WHITE", children: b })
-  ] }) });
-}, M = q(v);
-export {
-  M as default
-};
-//# sourceMappingURL=homework-request.js.map

package/dist/features/cue-canvas/sidebar/homework/homework-request.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"homework-request.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-request.tsx"],"sourcesContent":["import type { IReplaceCanvas } from '../../types/cue-canvas';\nimport type { IHomeWorkRequestProps } from './homework-types';\n\nimport { ordinal, titleCase } from 'humanize-plus';\nimport { memo, useCallback } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport { getDateInInputFormat, getMonthNameforNumber } from './helper';\nimport * as Styled from './homework-styled';\n\nconst HomeWorkRequest: React.FC<IHomeWorkRequestProps> = props => {\n  const { hwRequest, onSelect, studentName } = props;\n  const {\n    problem_description: hwRequestDesc,\n    problem_image_urls: hwRequestImages,\n    created_on_ts: createdOnTs,\n    homework_id: hwRequestId,\n  } = hwRequest;\n  const { setHomeworkId, activeInstance } = useCueCanvasActions();\n\n  const onSelectHwRequest = useCallback(() => {\n    const textId = uuidv4();\n\n    if (hwRequestImages && hwRequestImages.length > 0) {\n      const actionData: IReplaceCanvas = {\n        data: {\n          [textId]: [\n            undefined,\n            {\n              name: 'text',\n              html: hwRequestDesc,\n              x: 500,\n              y: 75,\n              rot: 0,\n            },\n          ],\n        },\n      };\n\n      hwRequestImages.forEach(image => {\n        const imgId = uuidv4();\n\n        actionData.data[imgId] = [\n          undefined,\n          {\n            name: 'image',\n            href: image + '?dummyProp=true',\n            x: 48,\n            y: 72,\n            rot: 0,\n            width: 400,\n          },\n        ];\n      });\n\n      activeInstance?.replaceCanvas(actionData);\n    }\n    // const url = new URL(window.location.href);\n    // url.searchParams.set('homeworkId', hwRequestId);\n    // console.log('url', url);\n    // window.history.replaceState({}, '', url.toString());\n    onSelect();\n    setHomeworkId(hwRequestId);\n  }, [activeInstance, hwRequestDesc, hwRequestId, hwRequestImages, onSelect, setHomeworkId]);\n\n  const { date, month } = getDateInInputFormat(createdOnTs);\n\n  const dateString = `${ordinal(date)} ${titleCase(getMonthNameforNumber(month)?.toLowerCase())}`;\n\n  return (\n    <Clickable label=\"HW Request Item\" onClick={onSelectHwRequest}>\n      <FlexView $alignItems=\"center\" $justifyContent=\"center\" $borderRadius={8} $background=\"WHITE\">\n        <Styled.HWImageContainer\n          src={hwRequestImages[0] + '?dummyProp=true'}\n          alt=\"Homework Request\"\n          crossOrigin=\"anonymous\"\n        />\n        <Text $renderAs=\"body3\" color=\"WHITE\">\n          {studentName}\n        </Text>\n        <Text $renderAs=\"body3\" color=\"WHITE\">\n          {dateString}\n        </Text>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(HomeWorkRequest);\n"],"names":["HomeWorkRequest","props","hwRequest","onSelect","studentName","hwRequestDesc","hwRequestImages","createdOnTs","hwRequestId","setHomeworkId","activeInstance","useCueCanvasActions","onSelectHwRequest","useCallback","textId","uuidv4","actionData","image","imgId","date","month","getDateInInputFormat","dateString","ordinal","titleCase","_a","getMonthNameforNumber","jsx","Clickable","jsxs","FlexView","Styled.HWImageContainer","Text","HWRequest","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAmD,CAASC,MAAA;;AAChE,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,aAAAC,EAAA,IAAgBH,GACvC;AAAA,IACJ,qBAAqBI;AAAA,IACrB,oBAAoBC;AAAA,IACpB,eAAeC;AAAA,IACf,aAAaC;AAAA,EACX,IAAAN,GACE,EAAE,eAAAO,GAAe,gBAAAC,EAAe,IAAIC,EAAoB,GAExDC,IAAoBC,EAAY,MAAM;AAC1C,UAAMC,IAASC;AAEX,QAAAT,KAAmBA,EAAgB,SAAS,GAAG;AACjD,YAAMU,IAA6B;AAAA,QACjC,MAAM;AAAA,UACJ,CAACF,CAAM,GAAG;AAAA,YACR;AAAA,YACA;AAAA,cACE,MAAM;AAAA,cACN,MAAMT;AAAA,cACN,GAAG;AAAA,cACH,GAAG;AAAA,cACH,KAAK;AAAA,YACP;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAGF,MAAAC,EAAgB,QAAQ,CAASW,MAAA;AAC/B,cAAMC,IAAQH;AAEH,QAAAC,EAAA,KAAKE,CAAK,IAAI;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAMD,IAAQ;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,KAAK;AAAA,YACL,OAAO;AAAA,UACT;AAAA,QAAA;AAAA,MACF,CACD,GAEDP,KAAA,QAAAA,EAAgB,cAAcM;AAAA,IAChC;AAKS,IAAAb,KACTM,EAAcD,CAAW;AAAA,EAAA,GACxB,CAACE,GAAgBL,GAAeG,GAAaF,GAAiBH,GAAUM,CAAa,CAAC,GAEnF,EAAE,MAAAU,GAAM,OAAAC,EAAM,IAAIC,EAAqBd,CAAW,GAElDe,IAAa,GAAGC,UAAQJ,CAAI,CAAC,IAAIK,aAAUC,IAAAC,EAAsBN,CAAK,MAA3B,gBAAAK,EAA8B,aAAa,CAAC;AAE7F,SACG,gBAAAE,EAAAC,GAAA,EAAU,OAAM,mBAAkB,SAAShB,GAC1C,UAAA,gBAAAiB,EAACC,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,eAAe,GAAG,aAAY,SACpF,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,KAAKzB,EAAgB,CAAC,IAAI;AAAA,QAC1B,KAAI;AAAA,QACJ,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,sBACC0B,GAAK,EAAA,WAAU,SAAQ,OAAM,SAC3B,UACH5B,GAAA;AAAA,sBACC4B,GAAK,EAAA,WAAU,SAAQ,OAAM,SAC3B,UACHV,GAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKlC,CAAe;"}

package/dist/features/cue-canvas/sidebar/homework/homework-styled.js

@@ -1,25 +0,0 @@
-import o from "styled-components";
-import t from "../../../ui/layout/flex-view.js";
-const i = o(t)`
-  position: absolute;
-  top: 38px;
-  left: -87px; //32px + 32 px  for icon +8+8(separator) +7 gutter
-  width: 248px;
-  height: 438px;
-  border-radius: 6px;
-  background: #292734;
-  box-shadow: 0px 4px 8px ${({ theme: r }) => r.colors.BLACK_T_20};
-  overflow-y: auto;
-`, a = o.img.attrs({ loading: "lazy" })`
-  width: 184px;
-  height: 128px;
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-`;
-export {
-  a as HWImageContainer,
-  i as MenuContainer
-};
-//# sourceMappingURL=homework-styled.js.map

package/dist/features/cue-canvas/sidebar/homework/homework-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"homework-styled.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst MenuContainer = styled(FlexView)`\n  position: absolute;\n  top: 38px;\n  left: -87px; //32px + 32 px  for icon +8+8(separator) +7 gutter\n  width: 248px;\n  height: 438px;\n  border-radius: 6px;\n  background: #292734;\n  box-shadow: 0px 4px 8px ${({ theme }) => theme.colors.BLACK_T_20};\n  overflow-y: auto;\n`;\nconst HWImageContainer = styled.img.attrs({ loading: 'lazy' })`\n  width: 184px;\n  height: 128px;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n`;\n\nexport { MenuContainer, HWImageContainer };\n"],"names":["MenuContainer","styled","FlexView","theme","HWImageContainer"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQT,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG5DC,IAAmBH,EAAO,IAAI,MAAM,EAAE,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,39 +0,0 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { memo as u, useRef as d, useCallback as f, useEffect as k } from "react";
-import p from "../../../ui/buttons/clickable/clickable.js";
-import h from "../../../ui/hooks/use-context-menu-click-handler.js";
-import C from "../../../ui/layout/flex-view.js";
-import b from "../../../ui/text/text.js";
-import { StyledWrapper as w, HWWrapper as W } from "../../cue-cavas-styled.js";
-import { useCueCanvasActions as H } from "../../hooks/use-cue-canvas-actions.js";
-import $ from "./homework-menu.js";
-const v = (m) => {
-  const { activeSidebar: e, setActiveSidebar: n, hwRequests: s } = m, { activeInstance: r } = H(), c = d(null), { menuVisible: i, onMenuClick: t } = h(
-    c,
-    void 0,
-    !0,
-    void 0
-  ), l = f(() => {
-    e === "tile" && (r == null || r.toggleTiles(!1)), n(e === "homework" ? void 0 : "homework"), t();
-  }, [e, r, t, n]);
-  return k(() => {
-    (e === "tile" || e === "puzzle") && i && t();
-  }, [e, i, t]), /* @__PURE__ */ a(C, { $position: "relative", children: [
-    /* @__PURE__ */ o(p, { onClick: l, label: "homework help", children: /* @__PURE__ */ o(w, { $active: e === "homework", children: /* @__PURE__ */ o(
-      W,
-      {
-        $background: e === "homework" ? "BLACK" : "WHITE",
-        $borderColor: e === "homework" ? "WHITE" : "BLACK",
-        $borderRadius: 4,
-        $alignItems: "center",
-        $justifyContent: "center",
-        children: /* @__PURE__ */ o(b, { $color: e === "homework" ? "WHITE" : "BLACK", $renderAs: "ub3-bold", children: "HW" })
-      }
-    ) }) }),
-    i && /* @__PURE__ */ o($, { onSelect: l, hwRequests: s })
-  ] });
-}, j = u(v);
-export {
-  j as default
-};
-//# sourceMappingURL=homework.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"homework.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework.tsx"],"sourcesContent":["import type { IHomeWorkRequestsContainerProps } from './homework-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { StyledWrapper, HWWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport HomeWorkMenu from './homework-menu';\n\nconst HomeWorkRequestsContainer: FC<IHomeWorkRequestsContainerProps> = props => {\n  const { activeSidebar, setActiveSidebar, hwRequests } = props;\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const homeWorkMenuRef = useRef(null);\n\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    homeWorkMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  const handleClick = useCallback(() => {\n    if (activeSidebar === 'tile') {\n      cueCanvas?.toggleTiles(false);\n    }\n    setActiveSidebar(activeSidebar === 'homework' ? undefined : 'homework');\n    onMenuClick();\n  }, [activeSidebar, cueCanvas, onMenuClick, setActiveSidebar]);\n\n  useEffect(() => {\n    if ((activeSidebar === 'tile' || activeSidebar === 'puzzle') && menuVisible) {\n      onMenuClick();\n    }\n  }, [activeSidebar, menuVisible, onMenuClick]);\n\n  return (\n    <FlexView $position=\"relative\">\n      <Clickable onClick={handleClick} label=\"homework help\">\n        <StyledWrapper $active={activeSidebar === 'homework'}>\n          <HWWrapper\n            $background={activeSidebar === 'homework' ? 'BLACK' : 'WHITE'}\n            $borderColor={activeSidebar === 'homework' ? 'WHITE' : 'BLACK'}\n            $borderRadius={4}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <Text $color={activeSidebar === 'homework' ? 'WHITE' : 'BLACK'} $renderAs=\"ub3-bold\">\n              HW\n            </Text>\n          </HWWrapper>\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && <HomeWorkMenu onSelect={handleClick} hwRequests={hwRequests} />}\n    </FlexView>\n  );\n};\n\nexport default memo(HomeWorkRequestsContainer);\n"],"names":["HomeWorkRequestsContainer","props","activeSidebar","setActiveSidebar","hwRequests","cueCanvas","useCueCanvasActions","homeWorkMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","handleClick","useCallback","useEffect","jsxs","FlexView","jsx","Clickable","StyledWrapper","HWWrapper","Text","HomeWorkMenu","Homework","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAiE,CAASC,MAAA;AAC9E,QAAM,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,YAAAC,EAAA,IAAeH,GAClD,EAAE,gBAAgBI,EAAU,IAAIC,EAAoB,GACpDC,IAAkBC,EAAO,IAAI,GAE7B,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIK,IAAcC,EAAY,MAAM;AACpC,IAAIX,MAAkB,WACpBG,KAAA,QAAAA,EAAW,YAAY,MAERF,EAAAD,MAAkB,aAAa,SAAY,UAAU,GAC1DQ;KACX,CAACR,GAAeG,GAAWK,GAAaP,CAAgB,CAAC;AAE5D,SAAAW,EAAU,MAAM;AACd,KAAKZ,MAAkB,UAAUA,MAAkB,aAAaO,KAClDC;EAEb,GAAA,CAACR,GAAeO,GAAaC,CAAW,CAAC,GAG1C,gBAAAK,EAACC,GAAS,EAAA,WAAU,YAClB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAASN,GAAa,OAAM,iBACrC,UAAC,gBAAAK,EAAAE,GAAA,EAAc,SAASjB,MAAkB,YACxC,UAAA,gBAAAe;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,aAAalB,MAAkB,aAAa,UAAU;AAAA,QACtD,cAAcA,MAAkB,aAAa,UAAU;AAAA,QACvD,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAEhB,UAAA,gBAAAe,EAACI,KAAK,QAAQnB,MAAkB,aAAa,UAAU,SAAS,WAAU,YAAW,UAErF,KAAA,CAAA;AAAA,MAAA;AAAA,OAEJ,EACF,CAAA;AAAA,IACCO,KAAe,gBAAAQ,EAACK,GAAa,EAAA,UAAUV,GAAa,YAAAR,GAAwB;AAAA,EAC/E,EAAA,CAAA;AAEJ,GAEemB,IAAAC,EAAKxB,CAAyB;"}

package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js

@@ -1,13 +0,0 @@
-import { createGetAPI as e } from "@cuemath/rest-api";
-import { BASE_URL_V3 as r, BASE_URL_V2 as c } from "../../../../../constants/api.js";
-import { stringify as o } from "../../../../../helpers/query-string.js";
-const { get: g } = e({
-  getURL: (t, i) => `${r}/curriculum/cueboard-activities/?${o(i)}`
-}), { useGet: _ } = e({
-  getURL: (t) => `${c}/curriculum/wb-activities/${t}`
-});
-export {
-  g as getPuzzles,
-  _ as useGetActivity
-};
-//# sourceMappingURL=get-puzzles.js.map

package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-puzzles.js","sources":["../../../../../../src/features/cue-canvas/sidebar/puzzles/api/get-puzzles.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2, BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\nexport interface IFilterOption {\n  applied: boolean;\n  code: string;\n  name: string;\n}\n\nexport interface IFilterData {\n  activity_tiles: IFilterOption[];\n  activity_topics: IFilterOption[];\n  activity_types: IFilterOption[];\n  grades: IFilterOption[];\n  search: string;\n}\n\nexport interface IPuzzlesResultData {\n  activity_tiles: string[];\n  activity_topics: string[];\n  activity_types: string[];\n  activity_url: string;\n  created_on: string;\n  created_on_ts: number;\n  grades: string[];\n  id: string;\n  is_live: boolean;\n  name: string;\n  node_id: string;\n  updated_on: string;\n  updated_on_ts: number;\n}\nexport interface IPuzzlesResponses {\n  filters: IFilterData;\n  results: IPuzzlesResultData[];\n}\nexport interface IGetPuzzles {\n  activity_tiles?: string[];\n  activity_topics?: string[];\n  activity_types?: string[];\n  grades?: string[];\n  search?: string;\n}\n\nexport interface ActivityMetadata {\n  code: string;\n  description: string | null;\n  id: string;\n  is_live: boolean;\n  name: string;\n  priority: number | null;\n  type: 'ACTIVITY_TILE' | 'ACTIVITY_TOPIC' | 'ACTIVITY_TYPE' | string;\n}\n\nexport interface IActivityGrade {\n  code: string;\n  description: string;\n  id: string;\n  is_live: boolean;\n  name: string;\n  priority: number;\n  type: 'GRADE';\n}\n\nexport interface ActivityData {\n  activity_tiles: ActivityMetadata[];\n  activity_topics: ActivityMetadata[];\n  activity_types: ActivityMetadata[];\n  grades: IActivityGrade[];\n  worksheet: Worksheet;\n}\n\ninterface Worksheet {\n  code: string;\n  complete_in: number | null;\n  course_type: string;\n  description: string | null;\n  desmos_calculator_enabled: boolean;\n  id: string;\n  instructions_ref: string | null;\n  is_lesson_v3_enabled: boolean;\n  is_live: boolean;\n  is_subjective: boolean;\n  is_turing: boolean;\n  learnosity_activity_ref: string | null;\n  name: string;\n  points_available: number;\n  project_name: string;\n  sheet_time: number | null;\n  student_instructions_ref: string | null;\n  target_accuracy: number;\n  thumbnail_url: string | null;\n  total_questions: number | null;\n  visible_in_mpr: boolean;\n  worksheet_type: string;\n}\n\nconst { get: getPuzzles } = createGetAPI<IPuzzlesResponses, IGetPuzzles>({\n  getURL: (_, query) => `${BASE_URL_V3}/curriculum/cueboard-activities/?${stringify(query)}`,\n});\n\nconst { useGet: useGetActivity } = createGetAPI<ActivityData>({\n  getURL: nodeId => `${BASE_URL_V2}/curriculum/wb-activities/${nodeId}`,\n});\n\nexport { getPuzzles, useGetActivity };\n"],"names":["getPuzzles","createGetAPI","_","query","BASE_URL_V3","stringify","useGetActivity","nodeId","BASE_URL_V2"],"mappings":";;;AAmGA,MAAM,EAAE,KAAKA,EAAW,IAAIC,EAA6C;AAAA,EACvE,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,oCAAoCC,EAAUF,CAAK,CAAC;AAC1F,CAAC,GAEK,EAAE,QAAQG,EAAe,IAAIL,EAA2B;AAAA,EAC5D,QAAQ,CAAAM,MAAU,GAAGC,CAAW,6BAA6BD,CAAM;AACrE,CAAC;"}