@cuemath/leap 3.1.6-j1 → 3.1.7-aa0

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/features/worksheet/worksheet/worksheet-container.js

@@ -1,25 +1,25 @@
 import { jsx as f } from "react/jsx-runtime";
 import { memo as W, forwardRef as S, useCallback as q, useEffect as m } from "react";
-import L from "../../cue-canvas/cue-canvas-provider.js";
-import v from "../constants/events.js";
-import I from "./hooks/use-learnosity.js";
-import T from "./hooks/use-worksheet-data-helper.js";
-import w from "./worksheet.js";
-const x = (u, l) => {
+import v from "../../cue-canvas/cue-canvas-provider.js";
+import L from "../constants/events.js";
+import A from "./hooks/use-learnosity.js";
+import I from "./hooks/use-worksheet-data-helper.js";
+import T from "./worksheet.js";
+const w = (u, l) => {
   const {
     attemptId: R,
     itemsSignedRequest: g,
-    questionsSignedRequest: p,
+    questionsSignedRequest: c,
     onLoaded: r,
     onErrored: t,
     onResponsesLoaded: a,
-    loggerRef: o,
-    userType: c,
+    loggerRef: s,
+    userType: d,
     ...E
-  } = u, { loadingState: s, learnosityActivityRef: h, data: e, error: d } = T({
+  } = u, { loadingState: o, learnosityActivityRef: h, data: e, error: p } = I({
     attemptId: R,
     signedRequest: g,
-    loggerRef: o
+    loggerRef: s
   }), y = q(
     (i) => {
       t({
@@ -28,39 +28,39 @@ const x = (u, l) => {
       });
     },
     [t]
-  ), { learnosity: n, appendedQuestionIds: k } = I(
-    p,
+  ), { learnosity: n, appendedQuestionIds: k } = A(
+    c,
     y,
-    o
+    s
   );
   if (m(() => {
-    s === "error" && t({
-      message: d ?? "Error loading worksheet"
+    o === "error" && t({
+      message: p ?? "Error loading worksheet"
     });
-  }, [s, d, r, t]), m(() => {
-    n && s === "success" && r && (o.current(v.WORKSHEET_V3_READY), r());
-  }, [n, s, o, r]), m(() => {
+  }, [o, p, r, t]), m(() => {
+    n && o === "success" && r && (s.current(L.WORKSHEET_V3_READY), r());
+  }, [n, o, s, r]), m(() => {
     e != null && e.responses && a && a(e.responses ?? {});
-  }, [e == null ? void 0 : e.responses, a]), s === "success" && e && n) {
+  }, [e == null ? void 0 : e.responses, a]), o === "success" && e && n) {
     const { learnosityItems: i, responses: C } = e;
-    return /* @__PURE__ */ f(L, { userType: c, children: /* @__PURE__ */ f(
-      w,
+    return /* @__PURE__ */ f(v, { userType: d, renderAs: "canvas", children: /* @__PURE__ */ f(
+      T,
       {
         ref: l,
-        questionsSignedRequest: p,
+        questionsSignedRequest: c,
         learnosity: n,
         appendedQuestionIds: k,
         learnosityActivityRef: h,
         learnosityItems: i,
         learnosityResponses: C,
-        loggerRef: o,
-        userType: c,
+        loggerRef: s,
+        userType: d,
         ...E
       }
     ) });
   }
   return null;
-}, A = W(S(x)), N = A;
+}, x = W(S(w)), N = x;
 export {
   N as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-container.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-container.tsx"],"sourcesContent":["import type { IWorksheetRef } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo, useCallback, useEffect } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport Worksheet from './worksheet';\nimport { type ILearnosityError, type IWorksheetContainerProps } from './worksheet-types';\n\nconst WorksheetContainerComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetContainerProps> = (\n  props,\n  ref,\n) => {\n  const {\n    attemptId,\n    itemsSignedRequest,\n    questionsSignedRequest,\n    onLoaded,\n    onErrored,\n    onResponsesLoaded,\n    loggerRef,\n    userType,\n    ...other\n  } = props;\n\n  const { loadingState, learnosityActivityRef, data, error } = useWorksheetDataHelper({\n    attemptId,\n    signedRequest: itemsSignedRequest,\n    loggerRef,\n  });\n\n  const onLearnosityErrored = useCallback(\n    (err: ILearnosityError) => {\n      onErrored({\n        code: err.code,\n        message: err.detail,\n      });\n    },\n    [onErrored],\n  );\n\n  const { learnosity, appendedQuestionIds } = useLearnosity(\n    questionsSignedRequest,\n    onLearnosityErrored,\n    loggerRef,\n  );\n\n  useEffect(() => {\n    if (loadingState === 'error') {\n      onErrored({\n        message: error ?? 'Error loading worksheet',\n      });\n    }\n  }, [loadingState, error, onLoaded, onErrored]);\n\n  useEffect(() => {\n    if (learnosity && loadingState === 'success' && onLoaded) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n      onLoaded();\n    }\n  }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n  useEffect(() => {\n    if (data?.responses && onResponsesLoaded) {\n      onResponsesLoaded(data.responses ?? {});\n    }\n  }, [data?.responses, onResponsesLoaded]);\n\n  if (loadingState === 'success' && data && learnosity) {\n    const { learnosityItems, responses } = data;\n\n    return (\n      <CueCanvasProvider userType={userType}>\n        <Worksheet\n          ref={ref}\n          questionsSignedRequest={questionsSignedRequest}\n          learnosity={learnosity}\n          appendedQuestionIds={appendedQuestionIds}\n          learnosityActivityRef={learnosityActivityRef}\n          learnosityItems={learnosityItems}\n          learnosityResponses={responses}\n          loggerRef={loggerRef}\n          userType={userType}\n          {...other}\n        />\n      </CueCanvasProvider>\n    );\n  }\n\n  return null;\n};\n\nconst WorksheetContainer = memo(forwardRef(WorksheetContainerComp));\n\nexport default WorksheetContainer;\n"],"names":["WorksheetContainerComp","props","ref","attemptId","itemsSignedRequest","questionsSignedRequest","onLoaded","onErrored","onResponsesLoaded","loggerRef","userType","other","loadingState","learnosityActivityRef","data","error","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","appendedQuestionIds","useLearnosity","useEffect","EVENTS","learnosityItems","responses","jsx","CueCanvasProvider","Worksheet","WorksheetContainer","memo","forwardRef","WorksheetContainer$1"],"mappings":";;;;;;;AAYA,MAAMA,IAA4F,CAChGC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEE,EAAE,cAAAW,GAAc,uBAAAC,GAAuB,MAAAC,GAAM,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IAClF,WAAAb;AAAA,IACA,eAAeC;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKQ,IAAsBC;AAAA,IAC1B,CAACC,MAA0B;AACf,MAAAZ,EAAA;AAAA,QACR,MAAMY,EAAI;AAAA,QACV,SAASA,EAAI;AAAA,MAAA,CACd;AAAA,IACH;AAAA,IACA,CAACZ,CAAS;AAAA,EAAA,GAGN,EAAE,YAAAa,GAAY,qBAAAC,EAAA,IAAwBC;AAAA,IAC1CjB;AAAA,IACAY;AAAA,IACAR;AAAA,EAAA;AAwBE,MArBJc,EAAU,MAAM;AACd,IAAIX,MAAiB,WACTL,EAAA;AAAA,MACR,SAASQ,KAAS;AAAA,IAAA,CACnB;AAAA,KAEF,CAACH,GAAcG,GAAOT,GAAUC,CAAS,CAAC,GAE7CgB,EAAU,MAAM;AACV,IAAAH,KAAcR,MAAiB,aAAaN,MACpCG,EAAA,QAAQe,EAAO,kBAAkB,GAClClB;KAEV,CAACc,GAAYR,GAAcH,GAAWH,CAAQ,CAAC,GAElDiB,EAAU,MAAM;AACV,IAAAT,KAAA,QAAAA,EAAM,aAAaN,KACHA,EAAAM,EAAK,aAAa,CAAA,CAAE;AAAA,EAEvC,GAAA,CAACA,KAAA,gBAAAA,EAAM,WAAWN,CAAiB,CAAC,GAEnCI,MAAiB,aAAaE,KAAQM,GAAY;AAC9C,UAAA,EAAE,iBAAAK,GAAiB,WAAAC,EAAc,IAAAZ;AAGrC,WAAA,gBAAAa,EAACC,KAAkB,UAAAlB,GACjB,UAAA,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,wBAAAG;AAAA,QACA,YAAAe;AAAA,QACA,qBAAAC;AAAA,QACA,uBAAAR;AAAA,QACA,iBAAAY;AAAA,QACA,qBAAqBC;AAAA,QACrB,WAAAjB;AAAA,QACA,UAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AAEO,SAAA;AACT,GAEMmB,IAAqBC,EAAKC,EAAWhC,CAAsB,CAAC,GAElEiC,IAAeH;"}
+{"version":3,"file":"worksheet-container.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-container.tsx"],"sourcesContent":["import type { IWorksheetRef } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo, useCallback, useEffect } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport Worksheet from './worksheet';\nimport { type ILearnosityError, type IWorksheetContainerProps } from './worksheet-types';\n\nconst WorksheetContainerComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetContainerProps> = (\n  props,\n  ref,\n) => {\n  const {\n    attemptId,\n    itemsSignedRequest,\n    questionsSignedRequest,\n    onLoaded,\n    onErrored,\n    onResponsesLoaded,\n    loggerRef,\n    userType,\n    ...other\n  } = props;\n\n  const { loadingState, learnosityActivityRef, data, error } = useWorksheetDataHelper({\n    attemptId,\n    signedRequest: itemsSignedRequest,\n    loggerRef,\n  });\n\n  const onLearnosityErrored = useCallback(\n    (err: ILearnosityError) => {\n      onErrored({\n        code: err.code,\n        message: err.detail,\n      });\n    },\n    [onErrored],\n  );\n\n  const { learnosity, appendedQuestionIds } = useLearnosity(\n    questionsSignedRequest,\n    onLearnosityErrored,\n    loggerRef,\n  );\n\n  useEffect(() => {\n    if (loadingState === 'error') {\n      onErrored({\n        message: error ?? 'Error loading worksheet',\n      });\n    }\n  }, [loadingState, error, onLoaded, onErrored]);\n\n  useEffect(() => {\n    if (learnosity && loadingState === 'success' && onLoaded) {\n      loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n      onLoaded();\n    }\n  }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n  useEffect(() => {\n    if (data?.responses && onResponsesLoaded) {\n      onResponsesLoaded(data.responses ?? {});\n    }\n  }, [data?.responses, onResponsesLoaded]);\n\n  if (loadingState === 'success' && data && learnosity) {\n    const { learnosityItems, responses } = data;\n\n    return (\n      <CueCanvasProvider userType={userType} renderAs=\"canvas\">\n        <Worksheet\n          ref={ref}\n          questionsSignedRequest={questionsSignedRequest}\n          learnosity={learnosity}\n          appendedQuestionIds={appendedQuestionIds}\n          learnosityActivityRef={learnosityActivityRef}\n          learnosityItems={learnosityItems}\n          learnosityResponses={responses}\n          loggerRef={loggerRef}\n          userType={userType}\n          {...other}\n        />\n      </CueCanvasProvider>\n    );\n  }\n\n  return null;\n};\n\nconst WorksheetContainer = memo(forwardRef(WorksheetContainerComp));\n\nexport default WorksheetContainer;\n"],"names":["WorksheetContainerComp","props","ref","attemptId","itemsSignedRequest","questionsSignedRequest","onLoaded","onErrored","onResponsesLoaded","loggerRef","userType","other","loadingState","learnosityActivityRef","data","error","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","appendedQuestionIds","useLearnosity","useEffect","EVENTS","learnosityItems","responses","jsx","CueCanvasProvider","Worksheet","WorksheetContainer","memo","forwardRef","WorksheetContainer$1"],"mappings":";;;;;;;AAYA,MAAMA,IAA4F,CAChGC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEE,EAAE,cAAAW,GAAc,uBAAAC,GAAuB,MAAAC,GAAM,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IAClF,WAAAb;AAAA,IACA,eAAeC;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKQ,IAAsBC;AAAA,IAC1B,CAACC,MAA0B;AACf,MAAAZ,EAAA;AAAA,QACR,MAAMY,EAAI;AAAA,QACV,SAASA,EAAI;AAAA,MAAA,CACd;AAAA,IACH;AAAA,IACA,CAACZ,CAAS;AAAA,EAAA,GAGN,EAAE,YAAAa,GAAY,qBAAAC,EAAA,IAAwBC;AAAA,IAC1CjB;AAAA,IACAY;AAAA,IACAR;AAAA,EAAA;AAwBE,MArBJc,EAAU,MAAM;AACd,IAAIX,MAAiB,WACTL,EAAA;AAAA,MACR,SAASQ,KAAS;AAAA,IAAA,CACnB;AAAA,KAEF,CAACH,GAAcG,GAAOT,GAAUC,CAAS,CAAC,GAE7CgB,EAAU,MAAM;AACV,IAAAH,KAAcR,MAAiB,aAAaN,MACpCG,EAAA,QAAQe,EAAO,kBAAkB,GAClClB;KAEV,CAACc,GAAYR,GAAcH,GAAWH,CAAQ,CAAC,GAElDiB,EAAU,MAAM;AACV,IAAAT,KAAA,QAAAA,EAAM,aAAaN,KACHA,EAAAM,EAAK,aAAa,CAAA,CAAE;AAAA,EAEvC,GAAA,CAACA,KAAA,gBAAAA,EAAM,WAAWN,CAAiB,CAAC,GAEnCI,MAAiB,aAAaE,KAAQM,GAAY;AAC9C,UAAA,EAAE,iBAAAK,GAAiB,WAAAC,EAAc,IAAAZ;AAEvC,WACG,gBAAAa,EAAAC,GAAA,EAAkB,UAAAlB,GAAoB,UAAS,UAC9C,UAAA,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,wBAAAG;AAAA,QACA,YAAAe;AAAA,QACA,qBAAAC;AAAA,QACA,uBAAAR;AAAA,QACA,iBAAAY;AAAA,QACA,qBAAqBC;AAAA,QACrB,WAAAjB;AAAA,QACA,UAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AAEO,SAAA;AACT,GAEMmB,IAAqBC,EAAKC,EAAWhC,CAAsB,CAAC,GAElEiC,IAAeH;"}

package/dist/index.d.ts

@@ -277,8 +277,6 @@ export declare const CopyIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const CountdownTimer: FC<ICountdownTimer>;
 
-export declare const COUNTRY_CODE_MAP: ICountryOption[];
-
 declare const COURSE_STREAMS: {
     readonly SAT_DEMO: "SAT-DEMO";
     readonly SAT_MATH: "SAT-MATH";
@@ -297,10 +295,15 @@ 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;
+    renderAs: TRenderAs_2;
 }>>;
 
+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>>;
@@ -755,7 +758,7 @@ declare interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>,
     shape?: 'curved' | 'square';
     disabled?: boolean;
     busy?: boolean;
-    width?: number | string;
+    width?: number;
     widthX?: number;
     Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
     iconPosition?: 'left' | 'right';
@@ -801,6 +804,13 @@ declare interface ICalloutProps {
     marginBottomX: number;
 }
 
+declare interface ICanvasUpdateConfig {
+    dimesion?: IViewport;
+    gridName?: TCueCanvasGridName;
+    height?: number;
+    users?: Record<string, IUserCanvasConfig>;
+}
+
 declare interface ICascadeSelectValue {
     variant: string;
     detail: string;
@@ -1206,6 +1216,8 @@ declare interface ICueCanvas {
     onUpdateHeight?: TUpdateHeight;
     onPublish?: TPublish;
     onSubscribe?: TSubscribe;
+    canvasConfig?: ICanvasUpdateConfig | null;
+    updateCanvasConfig?: TUpdateCanvasConfig;
 }
 
 declare interface ICueCanvasCallbackProps {
@@ -1453,6 +1465,7 @@ declare interface IGoalCurriculumMap {
     program_code: string;
     program_name: string;
     program_id: string;
+    is_live: boolean;
 }
 
 declare interface IGooglePlaceOption extends google.maps.places.AutocompletePrediction, ISelectOption<string> {
@@ -1480,6 +1493,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;
@@ -1910,6 +1947,7 @@ export declare const ILLUSTRATIONS: {
     DURATION_60MIN_GRAY: string;
     DURATION_90MIN_GRAY: string;
     EARTH_GREEN: string;
+    ELLIPSE_CLIP: string;
     FEMALE_AVATAR: string;
     GAME_PLAY: string;
     GLOBE_WITH_BLUE_FILL: string;
@@ -2374,38 +2412,38 @@ export declare interface INodeDataProps {
     attempt_location: TSheetAttemptLocation_2;
     block_id: string;
     card_header: string;
-    chapter_id: string;
+    chapter_id: string | null;
+    chapter_name?: string;
     complete_status: boolean;
     course_type: TCourseType;
     desmos_calculator_enabled: boolean;
     due_date_ts: number | null;
+    homework_id?: string;
+    id: string;
+    image_hue: THueNames;
+    image_url: string | null;
     is_lesson_v3_enabled: boolean;
     is_optional: boolean;
     is_timed: boolean;
     is_worksheet_v3: boolean | null;
+    items?: TNodeDataTestItemsDataProps[];
     learnosity_activity_ref: string;
     marked_as_completed: boolean;
     node_id: string;
-    id: string;
     node_type: TNodeTypes_2;
-    sheet_statement: string;
     permissions: INodePermissions;
+    sheet_statement: string;
     sheet_time: number | null;
     state: TSheetStates;
+    subtext: string | null;
     title: string;
-    user_chapter_id: string | null;
-    user_node_id: string | null;
-    worksheet_id: string;
-    image_url: string;
-    image_hue: THueNames;
     total_questions: number | null;
     unlocked_on_ts: number | null;
-    items?: TNodeDataTestItemsDataProps[];
-    user_milestone_id?: string;
     user_attempt_id: string | null;
-    subtext: string | null;
-    homework_id?: string;
-    chapter_name?: string;
+    user_chapter_id: string | null;
+    user_milestone_id?: string;
+    user_node_id: string | null;
+    worksheet_id: string;
 }
 
 declare interface INodePermissions {
@@ -2442,6 +2480,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 {
@@ -2465,7 +2505,7 @@ declare interface IOTPResendProps {
     showVoiceOTP?: boolean;
     disabled?: boolean;
     renderAs?: 'submit' | 'text';
-    width?: number | string;
+    width?: number;
 }
 
 declare interface IOutcomeConfig {
@@ -2973,6 +3013,11 @@ declare interface ISheetsListProps extends ISheetItemCallbackProps {
     section?: TSheetsSection;
 }
 
+declare interface ISidebar {
+    grade?: string;
+    hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];
+}
+
 declare interface ISignupMethodsProps {
     onEmailSignup: () => void;
     onPhoneSignup: () => void;
@@ -3012,8 +3057,7 @@ declare interface ISingleFieldFormProps {
 
 declare interface ISocialAccountNotFoundProps {
     onRetryLogin: () => void;
-    onGoToSignup?: () => void;
-    showSignupButton?: boolean;
+    onGoToSignup: () => void;
 }
 
 declare interface ISocialLoginMethodsProps {
@@ -3342,6 +3386,8 @@ declare interface ITile {
         toPort?: string;
         toTileId: string;
     }[];
+    html?: string;
+    width?: number | string;
 }
 
 declare interface ITimeLeftTimelineProps {
@@ -3530,6 +3576,11 @@ declare interface IusePointerSyncProps {
     targetUserId?: string;
 }
 
+declare interface IUserCanvasConfig {
+    tool?: TCueCanvasTool;
+    color?: TCueCanvasColors;
+}
+
 export declare interface IUserChapterData {
     chapter_code: string;
     chapter_id: string;
@@ -3584,12 +3635,6 @@ declare interface IUseTrialSessionMessageBroker {
     };
 }
 
-declare interface IUseViewportReturn {
-    isCompact: boolean;
-    isMobile: boolean;
-    isDesktop: boolean;
-}
-
 declare interface IUseWorksheetLayout {
     (options: {
         userType: TUserTypes;
@@ -4058,11 +4103,6 @@ export declare const Maintenance: React_2.FC<IMaintenanceProps>;
 
 declare const MASTERY: "mastery";
 
-export declare const media: {
-    up920: string;
-    down919: string;
-};
-
 export declare const MilestoneActionWidget: React_2.FC<IMilestoneActionWidgetProps>;
 
 export declare const MilestoneCreate: React.FC<IMileStoneCreateContainerProps>;
@@ -4487,7 +4527,7 @@ export declare const SkipColoredIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const SkipIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const SocialAccountNotFound: MemoExoticComponent<({ onRetryLogin, onGoToSignup, showSignupButton, }: ISocialAccountNotFoundProps) => JSX_2.Element>;
+export declare const SocialAccountNotFound: MemoExoticComponent<({ onRetryLogin, onGoToSignup }: ISocialAccountNotFoundProps) => JSX_2.Element>;
 
 export declare const SocialLoginMethods: NamedExoticComponent<ISocialLoginMethodsProps>;
 
@@ -4746,8 +4786,12 @@ declare type TCreateOnPresubmit = (options: TOnPreSubmitOptions) => void;
 
 declare type TCueCanvasChangeDataObject = Record<string, TDrawingData[]>;
 
+declare type TCueCanvasColors = 'CANVAS_RED' | 'CANVAS_YELLOW' | 'CANVAS_GREEN' | 'CANVAS_BLUE' | 'CANVAS_PURPLE' | 'CANVAS_PINK' | 'LIGHT_ORANGE' | 'LIGHT_RED' | 'LIGHT_PINK' | 'LIGHT_PURPLE' | 'LIGHT_BLUE' | 'LIGHT_TEAL' | 'LIGHT_GREEN' | 'LIGHT_YELLOW' | 'WHITE' | 'ORANGE' | 'RED' | 'PINK' | 'PURPLE' | 'BLUE' | 'TEAL' | 'GREEN' | 'YELLOW' | 'GREY' | 'DARK_ORANGE' | 'DARK_RED' | 'DARK_PINK' | 'DARK_PURPLE' | 'DARK_BLUE' | 'DARK_TEAL' | 'DARK_GREEN' | 'DARK_YELLOW' | 'BLACK';
+
 declare type TCueCanvasGridName = 'none' | 'square2-grid' | 'square-checked' | 'square-dots' | 'square-grid' | 'tri-dots' | 'tri-grid' | 'tri2-dots' | 'tri2-grid';
 
+declare type TCueCanvasTool = 'pen' | 'eraser' | 'move' | 'undo' | 'redo' | 'marker' | 'highlighter' | 'ruler' | 'pan' | 'clearAll' | 'text' | 'equation' | 'grid' | 'home' | 'lock' | 'unlock' | 'zoomIn' | 'zoomOut' | 'upload' | 'download';
+
 declare type TCueProgramData = {
     description: string;
     id: string;
@@ -5358,6 +5402,11 @@ declare type TQuery = {
     course_stream: TCourseStream;
 };
 
+declare type TQuery_2 = {
+    milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';
+    course_stream: TCourseStream;
+};
+
 declare type TQuestionByQuestionOverviewList = {
     section: string;
     question_no: number;
@@ -5583,6 +5632,8 @@ export declare type TTrialSessionMessage = {
     };
 };
 
+declare type TUpdateCanvasConfig = (data: ICanvasUpdateConfig) => void;
+
 declare type TUpdateHeight = (height: number) => void;
 
 declare type TUserAccount = {
@@ -5634,12 +5685,14 @@ 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>) => {
-    publishStrokes: ((message: unknown) => boolean) | undefined;
+export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>, type?: TRenderAs_2) => {
+    publishStrokes: ((message: IPublishData) => boolean) | undefined;
     channelStatus: ChannelStatus | undefined;
     closeChannel: () => void;
     initialStrokesData: Record<string, IActionData[]>;
     registerCallback: (qrId: string, cb: (data: IActionData) => void) => void;
+    setChannelMetadata: ((metadata: ICanvasUpdateConfig, merge?: boolean) => void) | undefined;
+    channelMetadata: ICanvasUpdateConfig | null | undefined;
 };
 
 export declare const useChapterPageJourney: () => {
@@ -5732,6 +5785,24 @@ 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<{
+        user_milestones_count: number;
+    }> | undefined;
+    data: {
+        user_milestones_count: number;
+    } | 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;
@@ -5792,8 +5863,6 @@ export declare const useTrialSessionMessageBroker: IUseTrialSessionMessageBroker
 
 export declare const useUIContext: () => UIContextProps;
 
-export declare const useViewport: () => IUseViewportReturn;
-
 export declare const useWorksheetLayout: IUseWorksheetLayout;
 
 export declare const useZoomDisable: () => void;