@cuemath/leap 3.0.21 → 3.0.22-aa1

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-styled.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar-styled.tsx"],"sourcesContent":["import type { TActiveSidebar } from '../sidebar/puzzles/puzzles-type';\n\nimport styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface IStyledTileContainer {\n  $activeSidebar?: TActiveSidebar;\n}\n\nexport const SideBarContainer = styled(FlexView)<IStyledTileContainer>(({\n  theme,\n  $activeSidebar,\n}) => {\n  return css`\n    z-index: ${theme.zIndex.TILE_CONTAINER};\n    background-color: ${theme.colors.WHITE};\n    padding: 7px;\n    gap: 4px;\n    border-radius: 8px;\n    border: 1px solid ${theme.colors.BLACK_10};\n    box-shadow: 0px 1px 5px 0px ${theme.colors.BLACK_10};\n\n    ${$activeSidebar === 'tile' &&\n    css`\n      border: none;\n      box-shadow: none;\n    `}\n  `;\n});\n\nexport const StyledToolContainer = styled(FlexView)`\n  margin: auto;\n  box-shadow: 0px 1px 5px 0px ${({ theme }) => theme.colors.BLACK_10};\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n"],"names":["SideBarContainer","styled","FlexView","theme","$activeSidebar","css"],"mappings":";;AAUO,MAAMA,IAAmBC,EAAOC,CAAQ,EAAwB,CAAC;AAAA,EACtE,OAAAC;AAAA,EACA,gBAAAC;AACF,MACSC;AAAA,eACMF,EAAM,OAAO,cAAc;AAAA,wBAClBA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIlBA,EAAM,OAAO,QAAQ;AAAA,kCACXA,EAAM,OAAO,QAAQ;AAAA;AAAA,MAEjDC,MAAmB,UACrBC;AAAA;AAAA;AAAA,KAGC;AAAA,GAEJ;AAEkCJ,EAAOC,CAAQ;AAAA;AAAA,gCAElB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { memo as p, useState as d, useMemo as f } from "react";
+import s from "../../ui/layout/flex-view.js";
+import o from "../../ui/separator/separator.js";
+import c from "./homework/homework.js";
+import u from "./puzzles/puzzles.js";
+import { SideBarContainer as l } from "./sidebar-styled.js";
+import x from "./tiles/tile.js";
+const w = ({ grade: m, hwRequests: i }) => {
+  const [r, t] = d(), a = f(() => r === "tile" ? "300px" : r === "homework" ? "248px" : r === "puzzle" ? "650px" : "auto", [r]);
+  return /* @__PURE__ */ e(l, { $activeSidebar: r, $width: a, children: /* @__PURE__ */ n(s, { $flexDirection: "row", children: [
+    /* @__PURE__ */ e(x, { activeSidebar: r, setActiveSidebar: t }),
+    /* @__PURE__ */ e(o, { width: 8 }),
+    /* @__PURE__ */ e(u, { grade: m, activeSidebar: r, setActiveSidebar: t }),
+    /* @__PURE__ */ e(o, { width: 8 }),
+    i && /* @__PURE__ */ e(
+      c,
+      {
+        activeSidebar: r,
+        setActiveSidebar: t,
+        hwRequests: i
+      }
+    )
+  ] }) });
+}, B = p(w);
+export {
+  B as default
+};
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar.tsx"],"sourcesContent":["import type { IHomeWorkHelpRequestModelWithStudentName } from './homework/homework-types';\nimport type { TActiveSidebar } from './puzzles/puzzles-type';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useState } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Homework from './homework/homework';\nimport Puzzles from './puzzles/puzzles';\nimport { SideBarContainer } from './sidebar-styled';\nimport TileBar from './tiles/tile';\n\ninterface ISidebar {\n  grade?: string;\n  hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];\n}\n\nconst Sidebar: FC<ISidebar> = ({ grade, hwRequests }) => {\n  const [activeSidebar, setActiveSidebar] = useState<TActiveSidebar | undefined>();\n\n  const width = useMemo(() => {\n    if (activeSidebar === 'tile') {\n      return '300px';\n    }\n\n    if (activeSidebar === 'homework') {\n      return '248px';\n    }\n\n    if (activeSidebar === 'puzzle') {\n      return '650px';\n    }\n\n    return 'auto';\n  }, [activeSidebar]);\n\n  return (\n    <SideBarContainer $activeSidebar={activeSidebar} $width={width}>\n      <FlexView $flexDirection=\"row\">\n        <TileBar activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n        <Puzzles grade={grade} activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n        <Separator width={8} />\n\n        {hwRequests && (\n          <Homework\n            activeSidebar={activeSidebar}\n            setActiveSidebar={setActiveSidebar}\n            hwRequests={hwRequests}\n          />\n        )}\n      </FlexView>\n    </SideBarContainer>\n  );\n};\n\nexport default memo(Sidebar);\n"],"names":["Sidebar","grade","hwRequests","activeSidebar","setActiveSidebar","useState","width","useMemo","jsx","SideBarContainer","jsxs","FlexView","TileBar","Separator","Puzzles","Homework","sidebar","memo"],"mappings":";;;;;;;;AAkBA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,YAAAC,QAAiB;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,GAEzEC,IAAQC,EAAQ,MAChBJ,MAAkB,SACb,UAGLA,MAAkB,aACb,UAGLA,MAAkB,WACb,UAGF,QACN,CAACA,CAAa,CAAC;AAGhB,SAAA,gBAAAK,EAACC,KAAiB,gBAAgBN,GAAe,QAAQG,GACvD,UAAA,gBAAAI,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAQ,eAAAT,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IAC3E,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACpB,gBAAAL,EAAAM,GAAA,EAAQ,OAAAb,GAAc,eAAAE,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IACzF,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IAEpBX,KACC,gBAAAM;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,eAAAZ;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEec,IAAAC,EAAKjB,CAAO;"}

package/dist/features/cue-canvas/sidebar/tiles/tile.js

@@ -0,0 +1,16 @@
+import { jsx as l } from "react/jsx-runtime";
+import { memo as c, useCallback as a } from "react";
+import n from "../../../../assets/line-icons/icons/tile.js";
+import { StyledWrapper as p } from "../../cue-cavas-styled.js";
+import { useCueCanvasActions as d } from "../../hooks/use-cue-canvas-actions.js";
+const C = c((s) => {
+  const { setActiveSidebar: t, activeSidebar: o } = s, { activeInstance: e, setActiveTool: i } = d(), m = a(() => {
+    const r = o !== "tile";
+    e == null || e.toggleTiles(r), t(r ? "tile" : void 0), i("move");
+  }, [o, e, t, i]);
+  return /* @__PURE__ */ l(p, { $active: o === "tile", onClick: m, children: /* @__PURE__ */ l(n, {}) });
+});
+export {
+  C as default
+};
+//# sourceMappingURL=tile.js.map

package/dist/features/cue-canvas/sidebar/tiles/tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.js","sources":["../../../../../src/features/cue-canvas/sidebar/tiles/tile.tsx"],"sourcesContent":["import type { TActiveSidebar } from '../puzzles/puzzles-type';\nimport type { Dispatch, FC, SetStateAction } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport TileIcon from '../../../../assets/line-icons/icons/tile';\nimport { StyledWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\n\ninterface ITileBar {\n  setActiveSidebar: Dispatch<SetStateAction<TActiveSidebar | undefined>>;\n  activeSidebar?: TActiveSidebar;\n}\n\nconst TileBar: FC<ITileBar> = memo(props => {\n  const { setActiveSidebar, activeSidebar } = props;\n  const { activeInstance, setActiveTool } = useCueCanvasActions();\n\n  const toggleTiles = useCallback(() => {\n    const newTileState = activeSidebar !== 'tile';\n\n    activeInstance?.toggleTiles(newTileState);\n    setActiveSidebar(newTileState ? 'tile' : undefined);\n    setActiveTool('move');\n  }, [activeSidebar, activeInstance, setActiveSidebar, setActiveTool]);\n\n  return (\n    <StyledWrapper $active={activeSidebar === 'tile'} onClick={toggleTiles}>\n      <TileIcon />\n    </StyledWrapper>\n  );\n});\n\nexport default TileBar;\n"],"names":["TileBar","memo","props","setActiveSidebar","activeSidebar","activeInstance","setActiveTool","useCueCanvasActions","toggleTiles","useCallback","newTileState","jsx","StyledWrapper","TileIcon"],"mappings":";;;;;AAcM,MAAAA,IAAwBC,EAAK,CAASC,MAAA;AACpC,QAAA,EAAE,kBAAAC,GAAkB,eAAAC,EAAkB,IAAAF,GACtC,EAAE,gBAAAG,GAAgB,eAAAC,EAAc,IAAIC,EAAoB,GAExDC,IAAcC,EAAY,MAAM;AACpC,UAAMC,IAAeN,MAAkB;AAEvC,IAAAC,KAAA,QAAAA,EAAgB,YAAYK,IACXP,EAAAO,IAAe,SAAS,MAAS,GAClDJ,EAAc,MAAM;AAAA,KACnB,CAACF,GAAeC,GAAgBF,GAAkBG,CAAa,CAAC;AAGjE,SAAA,gBAAAK,EAACC,KAAc,SAASR,MAAkB,QAAQ,SAASI,GACzD,UAAC,gBAAAG,EAAAE,GAAA,CAAS,CAAA,EACZ,CAAA;AAEJ,CAAC;"}

package/dist/features/hooks/use-debounce.js

@@ -0,0 +1,16 @@
+import { useRef as n, useCallback as c } from "react";
+function a(u, r) {
+  const e = n(null);
+  return c(
+    (t) => (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+      u(t);
+    }, r), () => {
+      e.current && clearTimeout(e.current);
+    }),
+    [u, r]
+  );
+}
+export {
+  a as default
+};
+//# sourceMappingURL=use-debounce.js.map

package/dist/features/hooks/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","sources":["../../../src/features/hooks/use-debounce.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nfunction useDebounce<T>(callback: (arg: T) => void, wait: number) {\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const debouncedCallback = useCallback(\n    (val: T) => {\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n      timeoutIdRef.current = setTimeout(() => {\n        callback(val);\n      }, wait);\n\n      return () => {\n        if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n      };\n    },\n    [callback, wait],\n  );\n\n  return debouncedCallback;\n}\n\nexport default useDebounce;\n"],"names":["useDebounce","callback","wait","timeoutIdRef","useRef","useCallback","val"],"mappings":";AAEA,SAASA,EAAeC,GAA4BC,GAAc;AAC1D,QAAAC,IAAeC,EAA6C,IAAI;AAgB/D,SAdmBC;AAAA,IACxB,CAACC,OACKH,EAAa,WAAsB,aAAAA,EAAa,OAAO,GAC9CA,EAAA,UAAU,WAAW,MAAM;AACtC,MAAAF,EAASK,CAAG;AAAA,OACXJ,CAAI,GAEA,MAAM;AACX,MAAIC,EAAa,WAAsB,aAAAA,EAAa,OAAO;AAAA,IAAA;AAAA,IAG/D,CAACF,GAAUC,CAAI;AAAA,EAAA;AAInB;"}

package/dist/features/ui/stepper/stepper.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import m from "../../../assets/line-icons/icons/check.js";
-import h from "../text/text.js";
+import l from "../../../assets/line-icons/icons/check.js";
+import m from "../text/text.js";
 import { getTheme as p } from "../theme/get-theme.js";
 import { MainWrapper as a, HorizontalLine as d, Wrapper as g, NumberWrapper as f, StyledText as s } from "./stepper-styled.js";
 const { layout: u } = p(), { gutter: i } = u;
-function j({ stepsInfo: n = [], currentStep: e = 2 }) {
+function W({ stepsInfo: n = [], currentStep: e = 2 }) {
   const c = n.length && e >= 1 ? (e - 1) / n.length * 100 : 0;
   return /* @__PURE__ */ o(a, { $flexDirection: "row", $width: "fit-content", $gutterX: 0.625, $gapX: 0.625, children: [
     /* @__PURE__ */ t(d, { $percentageCompleted: c, $height: 1 }),
-    n.map(({ id: $, label: l }, r) => /* @__PURE__ */ o(
+    n.map(({ id: $, label: h }, r) => /* @__PURE__ */ o(
       g,
       {
         $flexDirection: "row",
@@ -25,10 +25,10 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
               $justifyContent: "center",
               $heightX: 1.25,
               $widthX: 1.25,
-              children: r + 1 < e ? /* @__PURE__ */ t(m, { height: i, width: i }) : /* @__PURE__ */ t(h, { $renderAs: "body3", $color: "WHITE", children: $ })
+              children: r + 1 < e ? /* @__PURE__ */ t(l, { height: i, width: i }) : /* @__PURE__ */ t(m, { $renderAs: "body3", $color: "WHITE", children: $ })
             }
           ),
-          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: l })
+          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: h })
         ]
       },
       r
@@ -36,6 +36,6 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
   ] });
 }
 export {
-  j as default
+  W as default
 };
 //# sourceMappingURL=stepper.js.map

package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js

@@ -1,33 +1,36 @@
-import { useEffect as g, useCallback as w } from "react";
-import { useAwsSignedKey as S } from "../api/subjective-review.js";
-import h from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const A = (c) => {
-  const { studentId: t, query: o } = c, { data: a, get: s } = S();
-  return g(() => {
-    s(t, o);
-  }, [o, s, t]), w(
-    async ({ images: d, onSuccess: i, onError: l, fileKey: u, fileName: m }) => {
+import { useRef as h, useEffect as f, useCallback as k } from "react";
+import { useAwsSignedKey as I } from "../api/subjective-review.js";
+import S from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const C = (y) => {
+  const { studentId: t, query: o, enabled: r = !0 } = y, { data: s, get: d } = I(), c = h(s);
+  return f(() => {
+    c.current = s;
+  }, [s]), f(() => {
+    r && t && d(t, o);
+  }, [o, d, t, r]), k(
+    async ({ images: g, onSuccess: n, onError: p, fileKey: w, fileName: K }) => {
+      const a = c.current;
       if (!a) return;
-      const r = `https://${a.bucketName}.s3.amazonaws.com/`;
+      const i = `https://${a.bucketName}.s3.amazonaws.com/`;
       try {
-        const n = d.map(async (f) => {
-          const e = new FormData(), p = `${u}${m ?? h()}`;
-          if (e.append("key", p), e.append("AWSAccessKeyId", a.awsKey), e.append("acl", "public-read"), e.append("success_action_redirect", ""), e.append("policy", a.policy), e.append("signature", a.signature), e.append("Content-Type", "image/jpeg"), e.append("file", f.file), !(await fetch(r, {
+        const l = g.map(async (b) => {
+          const e = new FormData(), m = `${w}${K ?? S()}`;
+          if (e.append("key", m), e.append("AWSAccessKeyId", a.awsKey), e.append("acl", "public-read"), e.append("success_action_redirect", ""), e.append("policy", a.policy), e.append("signature", a.signature), e.append("Content-Type", "image/jpeg"), e.append("file", b.file), !(await fetch(i, {
             method: "POST",
             body: e
           })).ok)
             throw new Error("Upload failed");
-          return `${r}${p}`;
-        }), y = await Promise.all(n);
-        i(y);
+          return `${i}${m}`;
+        }), u = await Promise.all(l);
+        return n == null || n(u), u;
       } catch {
-        l();
+        p == null || p();
       }
     },
-    [a]
+    []
   );
 };
 export {
-  A as default
+  C as default
 };
 //# sourceMappingURL=use-s3-helper.js.map

package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-s3-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-s3-helper.ts"],"sourcesContent":["import type { IFile } from '../worksheet-question/subjective-review';\n\nimport { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from '../api/subjective-review';\n\ninterface IUseS3helper {\n  (params: {\n    studentId: string;\n    query: {\n      type: string;\n    };\n  }): (props: IUploadImageProps) => void;\n}\n\ninterface IUploadImageProps {\n  images: IFile[];\n  onSuccess: (urls: string[]) => void;\n  onError: () => void;\n  fileKey: string;\n  fileName?: string;\n}\n\nconst useS3ImageUploadHelper: IUseS3helper = props => {\n  const { studentId, query } = props;\n  const { data: awsSignedKey, get: getAwsSignedKey } = useAwsSignedKey();\n\n  useEffect(() => {\n    getAwsSignedKey(studentId, query);\n  }, [query, getAwsSignedKey, studentId]);\n\n  const uploadImagesToS3 = useCallback(\n    async ({ images, onSuccess, onError, fileKey, fileName }: IUploadImageProps) => {\n      if (!awsSignedKey) return;\n\n      const url = `https://${awsSignedKey.bucketName}.s3.amazonaws.com/`;\n\n      try {\n        const uploadPromises = images.map(async (item: { file: string | Blob }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${fileName ?? uuidv4()}`;\n\n          formData.append('key', key);\n          formData.append('AWSAccessKeyId', awsSignedKey.awsKey);\n          formData.append('acl', 'public-read');\n          formData.append('success_action_redirect', '');\n          formData.append('policy', awsSignedKey.policy);\n          formData.append('signature', awsSignedKey.signature);\n          formData.append('Content-Type', 'image/jpeg');\n          formData.append('file', item.file);\n\n          const res = await fetch(url, {\n            method: 'POST',\n            body: formData,\n          });\n\n          if (!res.ok) {\n            throw new Error('Upload failed');\n          }\n\n          return `${url}${key}`;\n        });\n\n        const uploadedUrls = await Promise.all(uploadPromises);\n\n        onSuccess(uploadedUrls);\n      } catch (error) {\n        onError();\n      }\n    },\n    [awsSignedKey],\n  );\n\n  return uploadImagesToS3;\n};\n\nexport default useS3ImageUploadHelper;\n"],"names":["useS3ImageUploadHelper","props","studentId","query","awsSignedKey","getAwsSignedKey","useAwsSignedKey","useEffect","useCallback","images","onSuccess","onError","fileKey","fileName","url","uploadPromises","item","formData","key","uuidv4","uploadedUrls"],"mappings":";;;AAwBA,MAAMA,IAAuC,CAASC,MAAA;AAC9C,QAAA,EAAE,WAAAC,GAAW,OAAAC,EAAU,IAAAF,GACvB,EAAE,MAAMG,GAAc,KAAKC,EAAA,IAAoBC;AAErD,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAgBH,GAAWC,CAAK;AAAA,EAC/B,GAAA,CAACA,GAAOE,GAAiBH,CAAS,CAAC,GAEbM;AAAA,IACvB,OAAO,EAAE,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,GAAS,SAAAC,GAAS,UAAAC,QAAkC;AAC9E,UAAI,CAACT,EAAc;AAEb,YAAAU,IAAM,WAAWV,EAAa,UAAU;AAE1C,UAAA;AACF,cAAMW,IAAiBN,EAAO,IAAI,OAAOO,MAAkC;AACnE,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGN,CAAO,GAAGC,KAAYM,EAAQ,CAAA;AAgBzC,cAdKF,EAAA,OAAO,OAAOC,CAAG,GACjBD,EAAA,OAAO,kBAAkBb,EAAa,MAAM,GAC5Ca,EAAA,OAAO,OAAO,aAAa,GAC3BA,EAAA,OAAO,2BAA2B,EAAE,GACpCA,EAAA,OAAO,UAAUb,EAAa,MAAM,GACpCa,EAAA,OAAO,aAAab,EAAa,SAAS,GAC1Ca,EAAA,OAAO,gBAAgB,YAAY,GACnCA,EAAA,OAAO,QAAQD,EAAK,IAAI,GAO7B,EALQ,MAAM,MAAMF,GAAK;AAAA,YAC3B,QAAQ;AAAA,YACR,MAAMG;AAAA,UAAA,CACP,GAEQ;AACD,kBAAA,IAAI,MAAM,eAAe;AAG1B,iBAAA,GAAGH,CAAG,GAAGI,CAAG;AAAA,QAAA,CACpB,GAEKE,IAAe,MAAM,QAAQ,IAAIL,CAAc;AAErD,QAAAL,EAAUU,CAAY;AAAA,cACR;AACN,QAAAT;MACV;AAAA,IACF;AAAA,IACA,CAACP,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-s3-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-s3-helper.ts"],"sourcesContent":["import type { IFile } from '../worksheet-question/subjective-review';\n\nimport { useCallback, useEffect, useRef } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from '../api/subjective-review';\n\ninterface IUseS3helperProps {\n  studentId: string;\n  query: {\n    type: string;\n  };\n  enabled?: boolean;\n}\n\ninterface IUploadImageProps {\n  images: IFile[];\n  onSuccess?: (urls: string[]) => void;\n  onError?: () => void;\n  fileKey: string;\n  fileName?: string;\n}\n\nconst useS3ImageUploadHelper = (props: IUseS3helperProps) => {\n  const { studentId, query, enabled = true } = props;\n  const { data, get: getAwsSignedKey } = useAwsSignedKey();\n  const awsSignedKeyRef = useRef(data);\n\n  useEffect(() => {\n    awsSignedKeyRef.current = data;\n  }, [data]);\n\n  useEffect(() => {\n    if (enabled && studentId) {\n      getAwsSignedKey(studentId, query);\n    }\n  }, [query, getAwsSignedKey, studentId, enabled]);\n\n  const uploadImagesToS3 = useCallback(\n    async ({ images, onSuccess, onError, fileKey, fileName }: IUploadImageProps) => {\n      const awsSignedKey = awsSignedKeyRef.current;\n\n      if (!awsSignedKey) return;\n\n      const url = `https://${awsSignedKey.bucketName}.s3.amazonaws.com/`;\n\n      try {\n        const uploadPromises = images.map(async (item: { file: string | Blob }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${fileName ?? uuidv4()}`;\n\n          formData.append('key', key);\n          formData.append('AWSAccessKeyId', awsSignedKey.awsKey);\n          formData.append('acl', 'public-read');\n          formData.append('success_action_redirect', '');\n          formData.append('policy', awsSignedKey.policy);\n          formData.append('signature', awsSignedKey.signature);\n          formData.append('Content-Type', 'image/jpeg');\n          formData.append('file', item.file);\n\n          const res = await fetch(url, {\n            method: 'POST',\n            body: formData,\n          });\n\n          if (!res.ok) {\n            throw new Error('Upload failed');\n          }\n\n          return `${url}${key}`;\n        });\n\n        const uploadedUrls = await Promise.all(uploadPromises);\n\n        onSuccess?.(uploadedUrls);\n\n        return uploadedUrls;\n      } catch (error) {\n        onError?.();\n      }\n    },\n    [],\n  );\n\n  return uploadImagesToS3;\n};\n\nexport default useS3ImageUploadHelper;\n"],"names":["useS3ImageUploadHelper","props","studentId","query","enabled","data","getAwsSignedKey","useAwsSignedKey","awsSignedKeyRef","useRef","useEffect","useCallback","images","onSuccess","onError","fileKey","fileName","awsSignedKey","url","uploadPromises","item","formData","key","uuidv4","uploadedUrls"],"mappings":";;;AAuBM,MAAAA,IAAyB,CAACC,MAA6B;AAC3D,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,OAASH,GACvC,EAAE,MAAAI,GAAM,KAAKC,MAAoBC,EAAgB,GACjDC,IAAkBC,EAAOJ,CAAI;AAEnC,SAAAK,EAAU,MAAM;AACd,IAAAF,EAAgB,UAAUH;AAAA,EAAA,GACzB,CAACA,CAAI,CAAC,GAETK,EAAU,MAAM;AACd,IAAIN,KAAWF,KACbI,EAAgBJ,GAAWC,CAAK;AAAA,KAEjC,CAACA,GAAOG,GAAiBJ,GAAWE,CAAO,CAAC,GAEtBO;AAAA,IACvB,OAAO,EAAE,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,GAAS,SAAAC,GAAS,UAAAC,QAAkC;AAC9E,YAAMC,IAAeT,EAAgB;AAErC,UAAI,CAACS,EAAc;AAEb,YAAAC,IAAM,WAAWD,EAAa,UAAU;AAE1C,UAAA;AACF,cAAME,IAAiBP,EAAO,IAAI,OAAOQ,MAAkC;AACnE,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGP,CAAO,GAAGC,KAAYO,EAAQ,CAAA;AAgBzC,cAdKF,EAAA,OAAO,OAAOC,CAAG,GACjBD,EAAA,OAAO,kBAAkBJ,EAAa,MAAM,GAC5CI,EAAA,OAAO,OAAO,aAAa,GAC3BA,EAAA,OAAO,2BAA2B,EAAE,GACpCA,EAAA,OAAO,UAAUJ,EAAa,MAAM,GACpCI,EAAA,OAAO,aAAaJ,EAAa,SAAS,GAC1CI,EAAA,OAAO,gBAAgB,YAAY,GACnCA,EAAA,OAAO,QAAQD,EAAK,IAAI,GAO7B,EALQ,MAAM,MAAMF,GAAK;AAAA,YAC3B,QAAQ;AAAA,YACR,MAAMG;AAAA,UAAA,CACP,GAEQ;AACD,kBAAA,IAAI,MAAM,eAAe;AAG1B,iBAAA,GAAGH,CAAG,GAAGI,CAAG;AAAA,QAAA,CACpB,GAEKE,IAAe,MAAM,QAAQ,IAAIL,CAAc;AAErD,eAAAN,KAAA,QAAAA,EAAYW,IAELA;AAAA,cACO;AACJ,QAAAV,KAAA,QAAAA;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EAAA;AAIL;"}

package/dist/index.d.ts

@@ -295,10 +295,14 @@ export declare const CueCanvas: React.FC<ICueCanvas>;
 
 export declare const CueCanvasController: React_2.FC<IToolbarProps>;
 
+export declare const CueCanvasHomeworkController: NamedExoticComponent<IHomeWorkControllerProps>;
+
 export declare const CueCanvasProvider: FC<PropsWithChildren<{
     userType: TUserTypes;
 }>>;
 
+export declare const CueCanvasSideBar: NamedExoticComponent<ISidebar>;
+
 export declare const CuemathLogo: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const CueRocket: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -403,6 +407,7 @@ export declare const EVENTS: {
     CHANGE_LOCATION: "CHANGE_LOCATION";
     SHEET_MARKED_AS_REVIEWED: "SHEET_MARKED_AS_REVIEWED";
     SHEET_STARTED: "SHEET_STARTED";
+    SHEET_SUBMITTED: "SHEET_SUBMITTED";
     SHEET_UNASSIGNED: "SHEET_UNASSIGNED";
     SHEET_REATTEMPTED: "SHEET_REATTEMPTED";
     INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION: "INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION";
@@ -544,6 +549,8 @@ declare interface HWCardListProps extends INodeCardCallbacks {
     canStartJourney?: boolean;
 }
 
+export declare const HWIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
 declare interface IAccordionSectionProps {
     headerElement: React.ReactElement;
     bodyElement: React.ReactElement;
@@ -1477,6 +1484,30 @@ export declare interface IHomepageStartJourneyProps {
     userType: TUserTypes;
 }
 
+declare interface IHomeWorkControllerProps {
+    width: number;
+    hwRequests?: IHomeWorkHelpRequestModel[];
+    onMarkAsResolved?: (homeworkId: string, onSuccess: () => void) => void;
+    onSendImageToChat?: (homeworkId: string, snapshot: Blob[], onSuccess: () => void) => void;
+}
+
+export declare interface IHomeWorkHelpRequestModel {
+    channel_id: string;
+    created_on_ts: number;
+    homework_id: string;
+    id: string;
+    message_timestamp: string;
+    problem_description: string;
+    problem_image_urls: string[];
+    state: string;
+    student_id: string;
+    teacher_id: string;
+}
+
+declare interface IHomeWorkHelpRequestModelWithStudentName extends IHomeWorkHelpRequestModel {
+    student_name: string;
+}
+
 declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel' | 'renderAs'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
@@ -2965,6 +2996,11 @@ declare interface ISheetsListProps extends ISheetItemCallbackProps {
     section?: TSheetsSection;
 }
 
+declare interface ISidebar {
+    grade?: string;
+    hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];
+}
+
 declare interface ISignupMethodsProps {
     onEmailSignup: () => void;
     onPhoneSignup: () => void;
@@ -3333,6 +3369,8 @@ declare interface ITile {
         toPort?: string;
         toTileId: string;
     }[];
+    html?: string;
+    width?: number | string;
 }
 
 declare interface ITimeLeftTimelineProps {
@@ -4868,11 +4906,6 @@ export declare type TInclassMessage = {
         mediaType: TWORKSHHET_QUESTION_MEDIA_TYPE;
         mediaState: Record<string, unknown>;
     };
-} | {
-    eventName: 'STUDENT_LEARNING_WORKSHEET_COMPLETED';
-    eventPayload: {
-        worksheetId: string;
-    };
 } | {
     eventName: typeof EVENTS.SHEET_MARKED_AS_REVIEWED;
     eventPayload: {
@@ -4947,6 +4980,13 @@ export declare type TInclassMessage = {
         sheetIds: string[];
         milestoneId?: string;
     };
+} | {
+    eventName: typeof EVENTS.SHEET_SUBMITTED;
+    eventPayload: {
+        milestoneId?: string;
+        worksheetId?: string;
+        nodeType: TNodeTypes;
+    };
 } | {
     eventName: typeof EVENTS.MILESTONE_NAME_UPDATED;
     eventPayload: {
@@ -5607,7 +5647,7 @@ export declare const UpIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const useAutoPlayPermission: () => IAutoPlayPermissionContextType;
 
-export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>) => {
+export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>, type?: TRenderAs_2) => {
     publishStrokes: ((message: unknown) => boolean) | undefined;
     channelStatus: ChannelStatus | undefined;
     closeChannel: () => void;