@cuemath/leap 4.0.7-as1 → 4.0.7-as3

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

@@ -1,5 +1,5 @@
 import { useRef as d, useCallback as c } from "react";
-import m from "../../worksheet/worksheet/hooks/use-s3-helper.js";
+import m from "../../hooks/use-s3-helper/use-s3-helper.js";
 const p = { type: "cuemath_whiteboard" }, h = (a) => {
   const { userId: o, renderAs: u, userType: s } = a, l = d(null), r = m({
     studentId: o,

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

@@ -1 +1 @@
-{"version":3,"file":"use-upload-helper.js","sources":["../../../../src/features/cue-canvas/hooks/use-upload-helper.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport type { TUserTypes } from '../../ui/types';\nimport useS3ImageUploadHelper from '../../worksheet/worksheet/hooks/use-s3-helper';\nimport type { TRenderAs } from '../types/cue-canvas';\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>>(null);\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":";;AAWA,MAAMA,IAAQ,EAAE,MAAM,wBAEhBC,IAAkB,CAACC,MAA4B;AACnD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,EAAA,IAAaH,GACjCI,IAAiBC,EAAwC,IAAI,GAC7DC,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;"}
+{"version":3,"file":"use-upload-helper.js","sources":["../../../../src/features/cue-canvas/hooks/use-upload-helper.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport type { TUserTypes } from '../../ui/types';\nimport type { TRenderAs } from '../types/cue-canvas';\nimport useS3ImageUploadHelper from '../../hooks/use-s3-helper/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>>(null);\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":";;AAWA,MAAMA,IAAQ,EAAE,MAAM,wBAEhBC,IAAkB,CAACC,MAA4B;AACnD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,EAAA,IAAaH,GACjCI,IAAiBC,EAAwC,IAAI,GAC7DC,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/fraud-detection/hooks/report-fraud-analytics.js

@@ -1,10 +1,12 @@
 import { PLUGINS as e } from "../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var r = /* @__PURE__ */ ((E) => (E.FRAUD_DETECTED = "fraud_detected", E))(r || {});
-const T = {
-  fraud_detected: [e.WEBENGAGE, e.MIXPANEL]
+var E = /* @__PURE__ */ ((_) => (_.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT = "fraud_login__teacher_entered_class_as_student", _))(E || {});
+const t = {
+  fraud_login__teacher_entered_class_as_student: [
+    e.WEBENGAGE
+  ]
 };
 export {
-  r as FRAUD_DETECTION_ANALYTICS_EVENTS,
-  T as FRAUD_DETECTION_EVENTS_WHITELIST
+  E as FRAUD_DETECTION_ANALYTICS_EVENTS,
+  t as FRAUD_DETECTION_EVENTS_WHITELIST
 };
 //# sourceMappingURL=report-fraud-analytics.js.map

package/dist/features/fraud-detection/hooks/report-fraud-analytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"report-fraud-analytics.js","sources":["../../../../src/features/fraud-detection/hooks/report-fraud-analytics.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum FRAUD_DETECTION_ANALYTICS_EVENTS {\n  FRAUD_DETECTED = 'fraud_detected',\n}\n\nexport const FRAUD_DETECTION_EVENTS_WHITELIST = {\n  [FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_DETECTED]: [PLUGINS.WEBENGAGE, PLUGINS.MIXPANEL],\n};\n"],"names":["FRAUD_DETECTION_ANALYTICS_EVENTS","FRAUD_DETECTION_EVENTS_WHITELIST","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,iBAAiB,kBADPA,IAAAA,KAAA,CAAA,CAAA;AAIL,MAAMC,IAAmC;AAAA,EAC7C,gBAAkD,CAACC,EAAQ,WAAWA,EAAQ,QAAQ;AACzF;"}
+{"version":3,"file":"report-fraud-analytics.js","sources":["../../../../src/features/fraud-detection/hooks/report-fraud-analytics.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum FRAUD_DETECTION_ANALYTICS_EVENTS {\n  FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT = 'fraud_login__teacher_entered_class_as_student',\n}\n\nexport const FRAUD_DETECTION_EVENTS_WHITELIST = {\n  [FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT]: [\n    PLUGINS.WEBENGAGE,\n  ],\n};\n"],"names":["FRAUD_DETECTION_ANALYTICS_EVENTS","FRAUD_DETECTION_EVENTS_WHITELIST","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,+CAA+C,iDADrCA,IAAAA,KAAA,CAAA,CAAA;AAIL,MAAMC,IAAmC;AAAA,EAC7C,+CAAgF;AAAA,IAC/EC,EAAQ;AAAA,EACV;AACF;"}

package/dist/features/fraud-detection/hooks/use-report-fraud.js

@@ -1,68 +1,70 @@
-import { useCallback as m } from "react";
-import { useLocalPeer as R, useRemotePeers as D, useCaptureMediaStreamImage as $ } from "@cuemath/av";
-import { useUIContext as A } from "../../ui/context/context.js";
-import l from "../../worksheet/worksheet/hooks/use-s3-helper.js";
+import { useState as S, useCallback as s, useEffect as T } from "react";
+import { useLocalPeer as l, useRemotePeers as D, useCaptureMediaStreamImage as $ } from "@cuemath/av";
+import { useUIContext as C } from "../../ui/context/context.js";
 import { base64ToFile as F } from "../fraud-alert-modal/fraud-alert-modal-helpers.js";
-import { FRAUD_DETECTION_ANALYTICS_EVENTS as U } from "./report-fraud-analytics.js";
-const C = { type: "class_fraud_login" }, T = ({
-  teacherId: o,
-  studentId: a,
-  studentClassroomId: s,
-  teacherClassroomId: g,
-  classStartTs: u
+import { FRAUD_DETECTION_ANALYTICS_EVENTS as N } from "./report-fraud-analytics.js";
+import U from "../../hooks/use-s3-helper/use-s3-helper.js";
+const L = { type: "class_fraud_login" }, k = ({
+  teacherId: n,
+  studentId: o,
+  studentClassroomId: m,
+  teacherClassroomId: c,
+  classStartTs: i
 }) => {
-  const { onEvent: r } = A(), e = R(), n = D().find((i) => i.userId === o), t = $(), f = l({
-    studentId: a,
-    query: C
-  }), c = m(
-    (i) => {
-      r(
-        U.FRAUD_DETECTED,
-        { urls: i, classStartTs: u, teacherId: o, studentId: a },
-        {
-          webengage: !0
-        }
-      );
+  const { onEvent: u } = C(), [f, _] = S(!1), e = l(), a = D().find((t) => t.userId === n), r = $(), g = U({
+    studentId: o,
+    query: L
+  }), p = s(
+    (t) => {
+      u(N.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
+        urls: t,
+        classStartTs: i,
+        teacherId: n,
+        studentId: o
+      });
     },
-    [u, r, a, o]
-  ), p = m(() => {
-    r("fraud_detection_images_failed", { classStartTs: u, teacherId: o, studentId: a });
-  }, [u, r, a, o]);
-  return m(() => {
-    if (!(n != null && n.id) || !(e != null && e.id))
+    [i, u, o, n]
+  ), E = s(() => {
+    u("fraud_detection_images_failed", { classStartTs: i, teacherId: n, studentId: o });
+  }, [i, u, o, n]);
+  return T(() => {
+    if (!f || !(a != null && a.id) || !(e != null && e.id))
       return;
-    const { image: i } = t(n == null ? void 0 : n.id, "camera"), { image: d } = t(e == null ? void 0 : e.id, "camera"), _ = F(i, `teacher-${Date.now()}.png`), E = F(d, `student-${Date.now()}.png`);
-    !_ || !E || f({
+    const { image: t } = r(a == null ? void 0 : a.id, "camera"), { image: d } = r(e == null ? void 0 : e.id, "camera"), R = F(t, `teacher-${Date.now()}.png`), A = F(d, `student-${Date.now()}.png`);
+    !R || !A || (g({
       fileKey: "media/class_fraud_login/",
-      onSuccess: c,
-      onError: p,
+      onSuccess: p,
+      onError: E,
       images: [
         {
-          file: _,
-          name: `teacher_${g}_${o}`,
+          file: R,
+          name: `teacher_${c}_${n}`,
           url: ""
         },
         {
-          file: E,
-          name: `student_${s}_${a}`,
+          file: A,
+          name: `student_${m}_${o}`,
           url: ""
         }
       ]
-    });
+    }), _(!1));
   }, [
-    t,
+    f,
+    r,
     e == null ? void 0 : e.id,
+    E,
     p,
-    c,
-    n == null ? void 0 : n.id,
-    s,
-    a,
-    g,
+    a == null ? void 0 : a.id,
+    m,
     o,
-    f
-  ]);
-}, M = T;
+    c,
+    n,
+    g
+  ]), s(() => {
+    _(!0);
+  }, []);
+}, O = k;
 export {
-  M as default
+  O as default
 };
 //# sourceMappingURL=use-report-fraud.js.map

package/dist/features/fraud-detection/hooks/use-report-fraud.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-report-fraud.js","sources":["../../../../src/features/fraud-detection/hooks/use-report-fraud.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useCaptureMediaStreamImage, useLocalPeer, useRemotePeers } from '@cuemath/av';\n\nimport { useUIContext } from '../../ui/context/context';\nimport useS3ImageUploadHelper from '../../worksheet/worksheet/hooks/use-s3-helper';\nimport { base64ToFile } from '../fraud-alert-modal/fraud-alert-modal-helpers';\nimport { type IUseFraudAlertProps } from './report-fraud-types';\nimport { FRAUD_DETECTION_ANALYTICS_EVENTS } from './report-fraud-analytics';\n\nconst QUERY = { type: 'class_fraud_login' };\n\nconst useReportFraud = ({\n  teacherId,\n  studentId,\n  studentClassroomId,\n  teacherClassroomId,\n  classStartTs,\n}: IUseFraudAlertProps) => {\n  const { onEvent } = useUIContext();\n  const localpeer = useLocalPeer();\n  const remotePeer = useRemotePeers().find(peer => peer.userId === teacherId);\n  const captureMediaStreamImage = useCaptureMediaStreamImage();\n  const uploadImages = useS3ImageUploadHelper({\n    studentId,\n    query: QUERY,\n  });\n  const onSuccess = useCallback(\n    (urls: string[]) => {\n      onEvent(\n        FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_DETECTED,\n        { urls, classStartTs, teacherId, studentId },\n        {\n          webengage: true,\n        },\n      );\n    },\n    [classStartTs, onEvent, studentId, teacherId],\n  );\n\n  const onError = useCallback(() => {\n    onEvent('fraud_detection_images_failed', { classStartTs, teacherId, studentId });\n  }, [classStartTs, onEvent, studentId, teacherId]);\n\n  const captureAndReportFraudImages = useCallback(() => {\n    if (!remotePeer?.id || !localpeer?.id) {\n      return;\n    }\n\n    const { image: teacherImage } = captureMediaStreamImage(remotePeer?.id, 'camera');\n    const { image: studentImage } = captureMediaStreamImage(localpeer?.id, 'camera');\n    const teacherFile = base64ToFile(teacherImage, `teacher-${Date.now()}.png`);\n    const studentFile = base64ToFile(studentImage, `student-${Date.now()}.png`);\n\n    if (!teacherFile || !studentFile) {\n      return;\n    }\n\n    uploadImages({\n      fileKey: `media/class_fraud_login/`,\n      onSuccess,\n      onError,\n      images: [\n        {\n          file: teacherFile,\n          name: `teacher_${teacherClassroomId}_${teacherId}`,\n          url: '',\n        },\n        {\n          file: studentFile,\n          name: `student_${studentClassroomId}_${studentId}`,\n          url: '',\n        },\n      ],\n    });\n  }, [\n    captureMediaStreamImage,\n    localpeer?.id,\n    onError,\n    onSuccess,\n    remotePeer?.id,\n    studentClassroomId,\n    studentId,\n    teacherClassroomId,\n    teacherId,\n    uploadImages,\n  ]);\n\n  return captureAndReportFraudImages;\n};\n\nexport default useReportFraud;\n"],"names":["QUERY","useReportFraud","teacherId","studentId","studentClassroomId","teacherClassroomId","classStartTs","onEvent","useUIContext","localpeer","useLocalPeer","remotePeer","useRemotePeers","peer","captureMediaStreamImage","useCaptureMediaStreamImage","uploadImages","useS3ImageUploadHelper","onSuccess","useCallback","urls","FRAUD_DETECTION_ANALYTICS_EVENTS","onError","teacherImage","studentImage","teacherFile","base64ToFile","studentFile","useReportFraud$1"],"mappings":";;;;;;AAUA,MAAMA,IAAQ,EAAE,MAAM,uBAEhBC,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACnB,QAAA,EAAE,SAAAC,MAAYC,KACdC,IAAYC,KACZC,IAAaC,EAAe,EAAE,KAAK,CAAQC,MAAAA,EAAK,WAAWX,CAAS,GACpEY,IAA0BC,KAC1BC,IAAeC,EAAuB;AAAA,IAC1C,WAAAd;AAAA,IACA,OAAOH;AAAA,EAAA,CACR,GACKkB,IAAYC;AAAA,IAChB,CAACC,MAAmB;AAClB,MAAAb;AAAA,QACEc,EAAiC;AAAA,QACjC,EAAE,MAAAD,GAAM,cAAAd,GAAc,WAAAJ,GAAW,WAAAC,EAAU;AAAA,QAC3C;AAAA,UACE,WAAW;AAAA,QACb;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,CAACG,GAAcC,GAASJ,GAAWD,CAAS;AAAA,EAAA,GAGxCoB,IAAUH,EAAY,MAAM;AAChC,IAAAZ,EAAQ,iCAAiC,EAAE,cAAAD,GAAc,WAAAJ,GAAW,WAAAC,EAAW,CAAA;AAAA,KAC9E,CAACG,GAAcC,GAASJ,GAAWD,CAAS,CAAC;AA8CzC,SA5C6BiB,EAAY,MAAM;AACpD,QAAI,EAACR,KAAA,QAAAA,EAAY,OAAM,EAACF,KAAA,QAAAA,EAAW;AACjC;AAGF,UAAM,EAAE,OAAOc,MAAiBT,EAAwBH,KAAA,gBAAAA,EAAY,IAAI,QAAQ,GAC1E,EAAE,OAAOa,MAAiBV,EAAwBL,KAAA,gBAAAA,EAAW,IAAI,QAAQ,GACzEgB,IAAcC,EAAaH,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM,GACpEI,IAAcD,EAAaF,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM;AAEtE,IAAA,CAACC,KAAe,CAACE,KAIRX,EAAA;AAAA,MACX,SAAS;AAAA,MACT,WAAAE;AAAA,MACA,SAAAI;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,UACE,MAAMG;AAAA,UACN,MAAM,WAAWpB,CAAkB,IAAIH,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAMyB;AAAA,UACN,MAAM,WAAWvB,CAAkB,IAAID,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EAAA,GACA;AAAA,IACDW;AAAA,IACAL,KAAA,gBAAAA,EAAW;AAAA,IACXa;AAAA,IACAJ;AAAA,IACAP,KAAA,gBAAAA,EAAY;AAAA,IACZP;AAAA,IACAD;AAAA,IACAE;AAAA,IACAH;AAAA,IACAc;AAAA,EAAA,CACD;AAGH,GAEAY,IAAe3B;"}
+{"version":3,"file":"use-report-fraud.js","sources":["../../../../src/features/fraud-detection/hooks/use-report-fraud.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { useCaptureMediaStreamImage, useLocalPeer, useRemotePeers } from '@cuemath/av';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { base64ToFile } from '../fraud-alert-modal/fraud-alert-modal-helpers';\nimport { type IUseFraudAlertProps } from './report-fraud-types';\nimport { FRAUD_DETECTION_ANALYTICS_EVENTS } from './report-fraud-analytics';\nimport useS3ImageUploadHelper from '../../hooks/use-s3-helper/use-s3-helper';\n\nconst QUERY = { type: 'class_fraud_login' };\n\nconst useReportFraud = ({\n  teacherId,\n  studentId,\n  studentClassroomId,\n  teacherClassroomId,\n  classStartTs,\n}: IUseFraudAlertProps) => {\n  const { onEvent } = useUIContext();\n\n  const [canTrackEvent, setCanTrackEvent] = useState(false);\n  const localpeer = useLocalPeer();\n  const remotePeer = useRemotePeers().find(peer => peer.userId === teacherId);\n  const captureMediaStreamImage = useCaptureMediaStreamImage();\n  const uploadImages = useS3ImageUploadHelper({\n    studentId,\n    query: QUERY,\n  });\n  const onSuccess = useCallback(\n    (urls: string[]) => {\n      onEvent(FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {\n        urls,\n        classStartTs,\n        teacherId,\n        studentId,\n      });\n    },\n    [classStartTs, onEvent, studentId, teacherId],\n  );\n\n  const onError = useCallback(() => {\n    onEvent('fraud_detection_images_failed', { classStartTs, teacherId, studentId });\n  }, [classStartTs, onEvent, studentId, teacherId]);\n\n  useEffect(() => {\n    if (!canTrackEvent || !remotePeer?.id || !localpeer?.id) {\n      return;\n    }\n\n    const { image: teacherImage } = captureMediaStreamImage(remotePeer?.id, 'camera');\n    const { image: studentImage } = captureMediaStreamImage(localpeer?.id, 'camera');\n    const teacherFile = base64ToFile(teacherImage, `teacher-${Date.now()}.png`);\n    const studentFile = base64ToFile(studentImage, `student-${Date.now()}.png`);\n\n    if (!teacherFile || !studentFile) {\n      return;\n    }\n\n    uploadImages({\n      fileKey: `media/class_fraud_login/`,\n      onSuccess,\n      onError,\n      images: [\n        {\n          file: teacherFile,\n          name: `teacher_${teacherClassroomId}_${teacherId}`,\n          url: '',\n        },\n        {\n          file: studentFile,\n          name: `student_${studentClassroomId}_${studentId}`,\n          url: '',\n        },\n      ],\n    });\n\n    setCanTrackEvent(false);\n  }, [\n    canTrackEvent,\n    captureMediaStreamImage,\n    localpeer?.id,\n    onError,\n    onSuccess,\n    remotePeer?.id,\n    studentClassroomId,\n    studentId,\n    teacherClassroomId,\n    teacherId,\n    uploadImages,\n  ]);\n\n  const captureAndReportFraudImages = useCallback(() => {\n    setCanTrackEvent(true);\n  }, []);\n\n  return captureAndReportFraudImages;\n};\n\nexport default useReportFraud;\n"],"names":["QUERY","useReportFraud","teacherId","studentId","studentClassroomId","teacherClassroomId","classStartTs","onEvent","useUIContext","canTrackEvent","setCanTrackEvent","useState","localpeer","useLocalPeer","remotePeer","useRemotePeers","peer","captureMediaStreamImage","useCaptureMediaStreamImage","uploadImages","useS3ImageUploadHelper","onSuccess","useCallback","urls","FRAUD_DETECTION_ANALYTICS_EVENTS","onError","useEffect","teacherImage","studentImage","teacherFile","base64ToFile","studentFile","useReportFraud$1"],"mappings":";;;;;;AAUA,MAAMA,IAAQ,EAAE,MAAM,uBAEhBC,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACnB,QAAA,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClDC,IAAYC,KACZC,IAAaC,EAAe,EAAE,KAAK,CAAQC,MAAAA,EAAK,WAAWd,CAAS,GACpEe,IAA0BC,KAC1BC,IAAeC,EAAuB;AAAA,IAC1C,WAAAjB;AAAA,IACA,OAAOH;AAAA,EAAA,CACR,GACKqB,IAAYC;AAAA,IAChB,CAACC,MAAmB;AAClB,MAAAhB,EAAQiB,EAAiC,8CAA8C;AAAA,QACrF,MAAAD;AAAA,QACA,cAAAjB;AAAA,QACA,WAAAJ;AAAA,QACA,WAAAC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACG,GAAcC,GAASJ,GAAWD,CAAS;AAAA,EAAA,GAGxCuB,IAAUH,EAAY,MAAM;AAChC,IAAAf,EAAQ,iCAAiC,EAAE,cAAAD,GAAc,WAAAJ,GAAW,WAAAC,EAAW,CAAA;AAAA,KAC9E,CAACG,GAAcC,GAASJ,GAAWD,CAAS,CAAC;AAEhD,SAAAwB,EAAU,MAAM;AACd,QAAI,CAACjB,KAAiB,EAACK,KAAA,QAAAA,EAAY,OAAM,EAACF,KAAA,QAAAA,EAAW;AACnD;AAGF,UAAM,EAAE,OAAOe,MAAiBV,EAAwBH,KAAA,gBAAAA,EAAY,IAAI,QAAQ,GAC1E,EAAE,OAAOc,MAAiBX,EAAwBL,KAAA,gBAAAA,EAAW,IAAI,QAAQ,GACzEiB,IAAcC,EAAaH,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM,GACpEI,IAAcD,EAAaF,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM;AAEtE,IAAA,CAACC,KAAe,CAACE,MAIRZ,EAAA;AAAA,MACX,SAAS;AAAA,MACT,WAAAE;AAAA,MACA,SAAAI;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,UACE,MAAMI;AAAA,UACN,MAAM,WAAWxB,CAAkB,IAAIH,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAM6B;AAAA,UACN,MAAM,WAAW3B,CAAkB,IAAID,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD,GAEDO,EAAiB,EAAK;AAAA,EAAA,GACrB;AAAA,IACDD;AAAA,IACAQ;AAAA,IACAL,KAAA,gBAAAA,EAAW;AAAA,IACXa;AAAA,IACAJ;AAAA,IACAP,KAAA,gBAAAA,EAAY;AAAA,IACZV;AAAA,IACAD;AAAA,IACAE;AAAA,IACAH;AAAA,IACAiB;AAAA,EAAA,CACD,GAEmCG,EAAY,MAAM;AACpD,IAAAZ,EAAiB,EAAI;AAAA,EACvB,GAAG,CAAE,CAAA;AAGP,GAEAsB,IAAe/B;"}

package/dist/features/{worksheet/worksheet/api/subjective-review.js → hooks/use-s3-helper/api/get-signed-key.js}

@@ -7,4 +7,4 @@ const { useGet: d } = o({
 export {
   d as useAwsSignedKey
 };
-//# sourceMappingURL=subjective-review.js.map
+//# sourceMappingURL=get-signed-key.js.map

package/dist/features/hooks/use-s3-helper/api/get-signed-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-signed-key.js","sources":["../../../../../src/features/hooks/use-s3-helper/api/get-signed-key.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\ninterface IAWSSignedKeyGet {\n  studentId: string;\n  policy: string;\n  signature: string;\n  awsKey: string;\n  bucketName: string;\n}\n\ninterface IQuery {\n  type: string;\n}\n\nconst { useGet: useAwsSignedKey } = createGetAPI<IAWSSignedKeyGet, IQuery>({\n  getURL: (studentId, query) =>\n    `${BASE_URL_V1}/students/${studentId}/video-signed-key/?${stringify(query)}`,\n});\n\nexport { useAwsSignedKey };\n"],"names":["useAwsSignedKey","createGetAPI","studentId","query","BASE_URL_V1","stringify"],"mappings":";;;AAiBA,MAAM,EAAE,QAAQA,EAAgB,IAAIC,EAAuC;AAAA,EACzE,QAAQ,CAACC,GAAWC,MAClB,GAAGC,CAAW,aAAaF,CAAS,sBAAsBG,EAAUF,CAAK,CAAC;AAC9E,CAAC;"}

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

@@ -1,6 +1,6 @@
 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";
+import { useAwsSignedKey as I } from "./api/get-signed-key.js";
+import S from "../../../node_modules/uuid/dist/esm-browser/v4.js";
 const C = (y) => {
   const { studentId: t, query: d, enabled: o = !0 } = y, { data: s, get: r } = I(), c = h(s);
   return f(() => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-s3-helper.js","sources":["../../../../src/features/hooks/use-s3-helper/use-s3-helper.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from './api/get-signed-key';\n\ninterface IUseS3helperProps {\n  studentId: string;\n  query: {\n    type: string;\n  };\n  enabled?: boolean;\n}\n\nexport interface IFile {\n  file: File;\n  url: string;\n  name?: string;\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; name?: string }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${item.name ?? 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 {\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":";;;AA2BM,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,MAAiD;AAClF,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGP,CAAO,GAAGK,EAAK,QAAQJ,KAAYO,EAAQ,CAAA;AAgBtD,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,MAAA,QACD;AACI,QAAAV,KAAA,QAAAA;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EAAA;AAIL;"}

package/dist/features/ui/theme/clrs.js

@@ -29,6 +29,12 @@ const E = {
   BLUE_4: "#33CCFF",
   BLUE_5: "#0086E5",
   BLUE_6: "#0055CC",
+  RED_1: "#FFDBDB",
+  RED_2: "#FFB2B2",
+  RED_3: "#FF8F8F",
+  RED_4: "#FF5B4D",
+  RED_5: "#F2330D",
+  RED_6: "#B21E00",
   BLACK_1: "#0D0D0D",
   BLACK_2: "#141414",
   BLACK_3: "#191919",
@@ -77,10 +83,6 @@ const E = {
   GREEN_20: "rgba(0, 229, 115, 0.2)",
   PURPLE_20: "rgba(255, 128, 244, 0.20)",
   RED: "#C22300",
-  RED_1: "#FFDBDB",
-  RED_2: "#FFB2B2",
-  RED_4: "#FF5B4D",
-  RED_6: "#B21E00",
   // TODO: REMOVE this color
   FLOWER: "#DE5EE0",
   TRANSPARENT: "transparent"
@@ -88,7 +90,7 @@ const E = {
 function _() {
   return E;
 }
-const F = ["YELLOW", "ORANGE", "PURPLE", "GREEN", "BLUE"];
+const F = ["YELLOW", "ORANGE", "PURPLE", "GREEN", "BLUE", "RED"];
 export {
   _ as default,
   F as hues

package/dist/features/ui/theme/clrs.js.map

@@ -1 +1 @@
-{"version":3,"file":"clrs.js","sources":["../../../../src/features/ui/theme/clrs.ts"],"sourcesContent":["import type { TColorNames, TColorsMap } from '../types';\n\nconst LightThemeColors: Record<TColorNames, string> = {\n  YELLOW_1: '#FFF1CC',\n  YELLOW_2: '#FFDB80',\n  YELLOW_3: '#FFCC4D',\n  YELLOW_4: '#FFB700',\n  YELLOW_5: '#E58600',\n  YELLOW_6: '#B25900',\n\n  ORANGE_1: '#FFDDCC',\n  ORANGE_2: '#FFC2A3',\n  ORANGE_3: '#FFAA80',\n  ORANGE_4: '#FF884D',\n  ORANGE_5: '#EC5B13',\n  ORANGE_6: '#B23C00',\n\n  PURPLE_1: '#FFE0FD',\n  PURPLE_2: '#FFC2FA',\n  PURPLE_3: '#FFA3F7',\n  PURPLE_4: '#FF80F4',\n  PURPLE_5: '#D926CA',\n  PURPLE_6: '#AA099C',\n\n  GREEN_1: '#D0FBE5',\n  GREEN_2: '#89F5BF',\n  GREEN_3: '#40F098',\n  GREEN_4: '#00E573',\n  GREEN_5: '#00B259',\n  GREEN_6: '#007038',\n\n  BLUE_1: '#D6F5FF',\n  BLUE_2: '#99E5FF',\n  BLUE_3: '#66D9FF',\n  BLUE_4: '#33CCFF',\n  BLUE_5: '#0086E5',\n  BLUE_6: '#0055CC',\n\n  BLACK_1: '#0D0D0D',\n  BLACK_2: '#141414',\n  BLACK_3: '#191919',\n  BLACK_4: '#252525',\n  BLACK_5: '#313131',\n\n  WHITE_1: '#FFFFFF',\n  WHITE_2: '#FAFAFA',\n  WHITE_3: '#F5F5F5',\n  WHITE_4: '#EBEBEB',\n  WHITE_5: '#DADADA',\n\n  BLACK_T_02: 'rgba(0, 0, 0, 0.02)',\n  BLACK_T_04: 'rgba(0, 0, 0, 0.04)',\n  BLACK_T_08: 'rgba(0, 0, 0, 0.08)',\n  BLACK_T_15: 'rgba(0, 0, 0, 0.15)',\n  BLACK_T_20: 'rgba(0, 0, 0, 0.20)',\n  BLACK_T_38: 'rgba(0, 0, 0, 0.38)',\n  BLACK_T_60: 'rgba(0, 0, 0, 0.6)',\n  BLACK_T_87: 'rgba(0, 0, 0, 0.87)',\n\n  WHITE_T_03: 'rgba(255, 255, 255, 0.03)',\n  WHITE_T_05: 'rgba(255, 255, 255, 0.05)',\n  WHITE_T_10: 'rgba(255, 255, 255, 0.1)',\n  WHITE_T_15: 'rgba(255, 255, 255, 0.15)',\n  WHITE_T_38: 'rgba(255, 255, 255, 0.38)',\n  WHITE_T_60: 'rgba(255, 255, 255, 0.6)',\n  WHITE_T_87: 'rgba(255, 255, 255, 0.87)',\n\n  GREY_1: '#F6F6F6',\n  GREY_2: '#E0E0E0',\n  GREY_3: '#B3B3B3',\n  GREY_4: '#808080',\n\n  REAL_BLACK: '#000000',\n  REAL_BLACK_60: 'rgba(0, 0, 0, 0.6)',\n  REAL_BLACK_50: 'rgba(0, 0, 0, 0.5)',\n  REAL_BLACK_30: 'rgba(0, 0, 0, 0.3)',\n  REAL_BLACK_15: 'rgba(0, 0, 0, 0.15)',\n  REAL_BLACK_10: 'rgba(0, 0, 0, 0.1)',\n\n  BLACK: '#2B2B2B',\n  BLACK_65: 'rgba(43, 43, 43, 0.65)',\n  BLACK_75: 'rgba(43, 43, 43, 0.75)',\n  BLACK_50: 'rgba(43, 43, 43, 0.5)',\n  BLACK_10: 'rgba(43, 43, 43, 0.1)',\n\n  WHITE: '#FFFFFF',\n  WHITE_10: '#D9D9D9',\n  WHITE_20: '#E6E6E6',\n  WHITE_30: '#F2F2F2',\n  WHITE_70: 'rgba(255, 255, 255, 0.7)',\n\n  GREEN_20: 'rgba(0, 229, 115, 0.2)',\n\n  PURPLE_20: 'rgba(255, 128, 244, 0.20)',\n\n  RED: '#C22300',\n  RED_1: '#FFDBDB',\n  RED_2: '#FFB2B2',\n  RED_4: '#FF5B4D',\n  RED_6: '#B21E00',\n  // TODO: REMOVE this color\n  FLOWER: '#DE5EE0',\n\n  TRANSPARENT: 'transparent',\n} as const;\n\nfunction getColors(): TColorsMap {\n  return LightThemeColors;\n}\n\nconst hues = ['YELLOW', 'ORANGE', 'PURPLE', 'GREEN', 'BLUE'] as const;\n\nexport { hues };\n\nexport default getColors;\n"],"names":["LightThemeColors","getColors","hues"],"mappings":"AAEA,MAAMA,IAAgD;AAAA,EACpD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EAEV,WAAW;AAAA,EAEX,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA,EAER,aAAa;AACf;AAEA,SAASC,IAAwB;AACxB,SAAAD;AACT;AAEA,MAAME,IAAO,CAAC,UAAU,UAAU,UAAU,SAAS,MAAM;"}
+{"version":3,"file":"clrs.js","sources":["../../../../src/features/ui/theme/clrs.ts"],"sourcesContent":["import type { TColorNames, TColorsMap } from '../types';\n\nconst LightThemeColors: Record<TColorNames, string> = {\n  YELLOW_1: '#FFF1CC',\n  YELLOW_2: '#FFDB80',\n  YELLOW_3: '#FFCC4D',\n  YELLOW_4: '#FFB700',\n  YELLOW_5: '#E58600',\n  YELLOW_6: '#B25900',\n\n  ORANGE_1: '#FFDDCC',\n  ORANGE_2: '#FFC2A3',\n  ORANGE_3: '#FFAA80',\n  ORANGE_4: '#FF884D',\n  ORANGE_5: '#EC5B13',\n  ORANGE_6: '#B23C00',\n\n  PURPLE_1: '#FFE0FD',\n  PURPLE_2: '#FFC2FA',\n  PURPLE_3: '#FFA3F7',\n  PURPLE_4: '#FF80F4',\n  PURPLE_5: '#D926CA',\n  PURPLE_6: '#AA099C',\n\n  GREEN_1: '#D0FBE5',\n  GREEN_2: '#89F5BF',\n  GREEN_3: '#40F098',\n  GREEN_4: '#00E573',\n  GREEN_5: '#00B259',\n  GREEN_6: '#007038',\n\n  BLUE_1: '#D6F5FF',\n  BLUE_2: '#99E5FF',\n  BLUE_3: '#66D9FF',\n  BLUE_4: '#33CCFF',\n  BLUE_5: '#0086E5',\n  BLUE_6: '#0055CC',\n\n  RED_1: '#FFDBDB',\n  RED_2: '#FFB2B2',\n  RED_3: '#FF8F8F',\n  RED_4: '#FF5B4D',\n  RED_5: '#F2330D',\n  RED_6: '#B21E00',\n\n  BLACK_1: '#0D0D0D',\n  BLACK_2: '#141414',\n  BLACK_3: '#191919',\n  BLACK_4: '#252525',\n  BLACK_5: '#313131',\n\n  WHITE_1: '#FFFFFF',\n  WHITE_2: '#FAFAFA',\n  WHITE_3: '#F5F5F5',\n  WHITE_4: '#EBEBEB',\n  WHITE_5: '#DADADA',\n\n  BLACK_T_02: 'rgba(0, 0, 0, 0.02)',\n  BLACK_T_04: 'rgba(0, 0, 0, 0.04)',\n  BLACK_T_08: 'rgba(0, 0, 0, 0.08)',\n  BLACK_T_15: 'rgba(0, 0, 0, 0.15)',\n  BLACK_T_20: 'rgba(0, 0, 0, 0.20)',\n  BLACK_T_38: 'rgba(0, 0, 0, 0.38)',\n  BLACK_T_60: 'rgba(0, 0, 0, 0.6)',\n  BLACK_T_87: 'rgba(0, 0, 0, 0.87)',\n\n  WHITE_T_03: 'rgba(255, 255, 255, 0.03)',\n  WHITE_T_05: 'rgba(255, 255, 255, 0.05)',\n  WHITE_T_10: 'rgba(255, 255, 255, 0.1)',\n  WHITE_T_15: 'rgba(255, 255, 255, 0.15)',\n  WHITE_T_38: 'rgba(255, 255, 255, 0.38)',\n  WHITE_T_60: 'rgba(255, 255, 255, 0.6)',\n  WHITE_T_87: 'rgba(255, 255, 255, 0.87)',\n\n  GREY_1: '#F6F6F6',\n  GREY_2: '#E0E0E0',\n  GREY_3: '#B3B3B3',\n  GREY_4: '#808080',\n\n  REAL_BLACK: '#000000',\n  REAL_BLACK_60: 'rgba(0, 0, 0, 0.6)',\n  REAL_BLACK_50: 'rgba(0, 0, 0, 0.5)',\n  REAL_BLACK_30: 'rgba(0, 0, 0, 0.3)',\n  REAL_BLACK_15: 'rgba(0, 0, 0, 0.15)',\n  REAL_BLACK_10: 'rgba(0, 0, 0, 0.1)',\n\n  BLACK: '#2B2B2B',\n  BLACK_65: 'rgba(43, 43, 43, 0.65)',\n  BLACK_75: 'rgba(43, 43, 43, 0.75)',\n  BLACK_50: 'rgba(43, 43, 43, 0.5)',\n  BLACK_10: 'rgba(43, 43, 43, 0.1)',\n\n  WHITE: '#FFFFFF',\n  WHITE_10: '#D9D9D9',\n  WHITE_20: '#E6E6E6',\n  WHITE_30: '#F2F2F2',\n  WHITE_70: 'rgba(255, 255, 255, 0.7)',\n\n  GREEN_20: 'rgba(0, 229, 115, 0.2)',\n\n  PURPLE_20: 'rgba(255, 128, 244, 0.20)',\n\n  RED: '#C22300',\n  // TODO: REMOVE this color\n  FLOWER: '#DE5EE0',\n\n  TRANSPARENT: 'transparent',\n} as const;\n\nfunction getColors(): TColorsMap {\n  return LightThemeColors;\n}\n\nconst hues = ['YELLOW', 'ORANGE', 'PURPLE', 'GREEN', 'BLUE', 'RED'] as const;\n\nexport { hues };\n\nexport default getColors;\n"],"names":["LightThemeColors","getColors","hues"],"mappings":"AAEA,MAAMA,IAAgD;AAAA,EACpD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EAET,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EAEf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,EAEV,WAAW;AAAA,EAEX,KAAK;AAAA;AAAA,EAEL,QAAQ;AAAA,EAER,aAAa;AACf;AAEA,SAASC,IAAwB;AACxB,SAAAD;AACT;AAEA,MAAME,IAAO,CAAC,UAAU,UAAU,UAAU,SAAS,QAAQ,KAAK;"}

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

@@ -9,8 +9,8 @@ import ce from "../../../ui/buttons/text-button/text-button.js";
 import m from "../../../ui/layout/flex-view.js";
 import u from "../../../ui/separator/separator.js";
 import d from "../../../ui/text/text.js";
-import ne from "../hooks/use-s3-helper.js";
-import { TextArea as le, FileInputLabel as oe, FileInput as ae } from "./subjective-styled.js";
+import { TextArea as ne, FileInputLabel as le, FileInput as oe } from "./subjective-styled.js";
+import ae from "../../../hooks/use-s3-helper/use-s3-helper.js";
 const se = { type: "subjective_response" }, xe = te(
   function({
     responses: v,
@@ -41,7 +41,7 @@ const se = { type: "subjective_response" }, xe = te(
         }
       }
       return t;
-    }, [v]), U = ne({
+    }, [v]), U = ae({
       studentId: E,
       query: se
     }), W = s((t) => {
@@ -131,7 +131,7 @@ const se = { type: "subjective_response" }, xe = te(
         /* @__PURE__ */ o(m, { children: [
           /* @__PURE__ */ e(d, { $renderAs: "ub2", children: "Comments" }),
           /* @__PURE__ */ e(u, { heightX: 1 }),
-          /* @__PURE__ */ e(le, { value: f, onChange: W })
+          /* @__PURE__ */ e(ne, { value: f, onChange: W })
         ] }),
         /* @__PURE__ */ o(m, { $alignItems: "center", children: [
           /* @__PURE__ */ o(d, { $renderAs: "ub2", children: [
@@ -139,10 +139,10 @@ const se = { type: "subjective_response" }, xe = te(
             /* @__PURE__ */ e("small", { children: "(max 12)" })
           ] }),
           /* @__PURE__ */ e(u, { heightX: 1 }),
-          /* @__PURE__ */ e(oe, { htmlFor: `files${h}`, children: "Browse" }),
+          /* @__PURE__ */ e(le, { htmlFor: `files${h}`, children: "Browse" }),
           /* @__PURE__ */ e(u, { heightX: 1 }),
           /* @__PURE__ */ e(
-            ae,
+            oe,
             {
               type: "file",
               accept: ".jpeg, .jpg, .png",

package/dist/features/worksheet/worksheet/worksheet-question/subjective-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"subjective-feedback.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-feedback.tsx"],"sourcesContent":["import { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo, useState, type FC, type ChangeEvent } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useS3ImageUploadHelper from '../hooks/use-s3-helper';\nimport type { ISubjectiveQuestionReviewProps, IFile } from './subjective-review';\nimport { TextArea, FileInput, FileInputLabel } from './subjective-styled';\n\nconst QUERY = { type: 'subjective_response' };\n\nconst SubjectiveQuestionFeedback: FC<ISubjectiveQuestionReviewProps> = memo(\n  function SubjectiveQuestionFeedback({\n    responses,\n    response,\n    nextQuestionId,\n    responseId,\n    studentId,\n    onAddReviewComment,\n    openImagesReviewModal,\n    handleReviewSubmit,\n    isSubmittingReview,\n  }) {\n    const { score: responseScore } = response ?? {};\n    const { max_score: maxScore, score } = responseScore ?? {};\n    const isAttempted = response?.response !== undefined;\n    const [comment, setComment] = useState(response?.teacherReview?.reviewComment ?? '');\n    const [isUploading, setIsUploading] = useState<boolean>(false);\n    const [scored, setScored] = useState(score ?? 0.0);\n    const [selectedImages, setSelectedImage] = useState<(string | IFile)[]>(\n      response?.teacherReview?.images ?? [],\n    );\n    const noOfImages = selectedImages.length;\n    const isSaveDisabled = useMemo(() => {\n      if (\n        response?.teacherReview?.reviewComment === comment &&\n        response.teacherReview.images?.length === selectedImages.length &&\n        response.score?.score === scored\n      ) {\n        return true;\n      }\n\n      return false;\n    }, [comment, response, scored, selectedImages.length]);\n\n    const canSubmitReview = useMemo(() => {\n      if (!responses) return false;\n\n      let canSubmit = true;\n\n      for (const item of Object.values(responses)) {\n        const currResponse = item.response;\n\n        const isCurrItemAttempted = !!currResponse;\n        const currentItemReviewed =\n          (item.teacherReview?.images && item.teacherReview?.images?.length > 0) ||\n          !!item.teacherReview?.reviewComment;\n\n        if (isCurrItemAttempted && !currentItemReviewed) {\n          canSubmit = false;\n          break;\n        }\n      }\n\n      return canSubmit;\n    }, [responses]);\n\n    const uploadImages = useS3ImageUploadHelper({\n      studentId,\n      query: QUERY,\n    });\n\n    const onCommentChange = useCallback((e: { target: { value: string } }) => {\n      setComment(e.target.value);\n    }, []);\n\n    const onScoreUp = useCallback(() => {\n      setScored(scored + 0.5);\n    }, [scored]);\n\n    const onScoreDown = useCallback(() => {\n      setScored(scored - 0.5);\n    }, [scored]);\n\n    const onSuccess = useCallback(\n      (images?: string[]) => {\n        setIsUploading(false);\n        const reponseImages = selectedImages.filter(item => typeof item === 'string');\n        const allImages = images ? [...reponseImages, ...images] : reponseImages;\n\n        if (images) {\n          setSelectedImage(allImages);\n        }\n        onAddReviewComment?.(responseId, {\n          score: {\n            score: scored,\n            max_score: maxScore as number,\n          },\n          teacherReview: {\n            reviewComment: comment,\n            images: allImages,\n          },\n        });\n      },\n      [comment, maxScore, onAddReviewComment, responseId, scored, selectedImages],\n    );\n\n    const handleSave = useCallback(() => {\n      const imagesToUpload = selectedImages.filter(images => typeof images !== 'string');\n\n      if (imagesToUpload.length > 0) {\n        setIsUploading(true);\n        uploadImages({\n          fileKey: `subjective-responses/${responseId}/`,\n          onSuccess: onSuccess,\n          onError: () => {},\n          images: imagesToUpload,\n        });\n      } else {\n        onSuccess();\n      }\n    }, [onSuccess, responseId, selectedImages, uploadImages]);\n\n    const updateImages = useCallback(\n      ({ filteredImages }: { filteredImages: string[]; newImages: IFile[] }) => {\n        setSelectedImage(filteredImages);\n      },\n      [],\n    );\n\n    const openImagesModal = useCallback(() => {\n      const previewImages = selectedImages.map(item => {\n        if (typeof item === 'string') return item;\n\n        return item.url;\n      });\n\n      if (!previewImages) return;\n\n      openImagesReviewModal?.({\n        isReviewed: false,\n        disableScoreForm: false,\n        imageUrls: previewImages,\n        filteredImageUrls: updateImages,\n        uploadedImages: selectedImages,\n      });\n    }, [openImagesReviewModal, updateImages, selectedImages]);\n\n    const onSelectImages = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n      const { files } = e.currentTarget;\n\n      if (!files) return;\n\n      const newFilesList = Array.from(files).map(file => {\n        const url = URL.createObjectURL(file);\n\n        return { file, url };\n      });\n\n      setSelectedImage(prevImages => [...prevImages, ...newFilesList]);\n    }, []);\n\n    if (!response) {\n      return null;\n    }\n\n    if (!isAttempted && nextQuestionId) {\n      return <Text $renderAs=\"ub2\"> The student did not attempt this questions.</Text>;\n    }\n\n    return (\n      <>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <FlexView>\n            <Text $renderAs=\"ub4\">Score (out of {maxScore})</Text>\n            <Separator heightX={1} />\n            <FlexView $flexDirection=\"row\" $gapX={0.5}>\n              <FlexView\n                $justifyContent=\"center\"\n                $alignItems=\"center\"\n                $borderColor=\"BLACK\"\n                $width={50}\n                $height={50}\n                $background=\"WHITE\"\n              >\n                <Text $renderAs=\"ub2\">{scored}</Text>\n              </FlexView>\n              <Separator width={16} />\n              <FlexView $background=\"WHITE\" $gutterX={0.5} $gapX={0.5}>\n                <Clickable label=\"up\" onClick={onScoreUp} disabled={scored === maxScore}>\n                  <UpIcon />\n                </Clickable>\n                <Separator height={16} />\n                <Clickable label=\"down\" onClick={onScoreDown} disabled={scored === 0}>\n                  <DownIcon />\n                </Clickable>\n              </FlexView>\n            </FlexView>\n          </FlexView>\n          <FlexView>\n            <Text $renderAs=\"ub2\">Comments</Text>\n            <Separator heightX={1} />\n            <TextArea value={comment} onChange={onCommentChange} />\n          </FlexView>\n          <FlexView $alignItems=\"center\">\n            <Text $renderAs=\"ub2\">\n              Upload Images <small>(max 12)</small>\n            </Text>\n            <Separator heightX={1} />\n            <FileInputLabel htmlFor={`files${responseId}`}>Browse</FileInputLabel>\n            <Separator heightX={1} />\n            <FileInput\n              type=\"file\"\n              accept=\".jpeg, .jpg, .png\"\n              id={`files${responseId}`}\n              multiple\n              onChange={onSelectImages}\n            />\n            <TextButton\n              onClick={openImagesModal}\n              label={noOfImages ? `${noOfImages} ${pluralize(noOfImages, 'file')}` : 'No files'}\n            />\n          </FlexView>\n        </FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gutterX={1}\n          $gapX={1}\n        >\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Save\"\n            onClick={handleSave}\n            busy={isUploading}\n            disabled={isSaveDisabled}\n          />\n          <Separator width={20} />\n          {!nextQuestionId && (\n            <Button\n              widthX={6}\n              renderAs=\"secondary\"\n              size=\"small\"\n              label=\"Submit Review\"\n              onClick={handleReviewSubmit}\n              busy={isSubmittingReview}\n              disabled={!canSubmitReview}\n            />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default SubjectiveQuestionFeedback;\n"],"names":["QUERY","SubjectiveQuestionFeedback","memo","responses","response","nextQuestionId","responseId","studentId","onAddReviewComment","openImagesReviewModal","handleReviewSubmit","isSubmittingReview","responseScore","maxScore","score","isAttempted","comment","setComment","useState","_a","isUploading","setIsUploading","scored","setScored","selectedImages","setSelectedImage","_b","noOfImages","isSaveDisabled","useMemo","_c","canSubmitReview","canSubmit","item","isCurrItemAttempted","currentItemReviewed","_d","uploadImages","useS3ImageUploadHelper","onCommentChange","useCallback","e","onScoreUp","onScoreDown","onSuccess","images","reponseImages","allImages","handleSave","imagesToUpload","updateImages","filteredImages","openImagesModal","previewImages","onSelectImages","files","newFilesList","file","url","prevImages","jsx","Text","jsxs","Fragment","FlexView","Separator","Clickable","UpIcon","DownIcon","TextArea","FileInputLabel","FileInput","TextButton","pluralize","Button"],"mappings":"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"}
+{"version":3,"file":"subjective-feedback.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-feedback.tsx"],"sourcesContent":["import { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo, useState, type FC, type ChangeEvent } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { ISubjectiveQuestionReviewProps } from './subjective-review';\nimport { TextArea, FileInput, FileInputLabel } from './subjective-styled';\nimport useS3ImageUploadHelper, { type IFile } from '../../../hooks/use-s3-helper/use-s3-helper';\n\nconst QUERY = { type: 'subjective_response' };\n\nconst SubjectiveQuestionFeedback: FC<ISubjectiveQuestionReviewProps> = memo(\n  function SubjectiveQuestionFeedback({\n    responses,\n    response,\n    nextQuestionId,\n    responseId,\n    studentId,\n    onAddReviewComment,\n    openImagesReviewModal,\n    handleReviewSubmit,\n    isSubmittingReview,\n  }) {\n    const { score: responseScore } = response ?? {};\n    const { max_score: maxScore, score } = responseScore ?? {};\n    const isAttempted = response?.response !== undefined;\n    const [comment, setComment] = useState(response?.teacherReview?.reviewComment ?? '');\n    const [isUploading, setIsUploading] = useState<boolean>(false);\n    const [scored, setScored] = useState(score ?? 0.0);\n    const [selectedImages, setSelectedImage] = useState<(string | IFile)[]>(\n      response?.teacherReview?.images ?? [],\n    );\n    const noOfImages = selectedImages.length;\n    const isSaveDisabled = useMemo(() => {\n      if (\n        response?.teacherReview?.reviewComment === comment &&\n        response.teacherReview.images?.length === selectedImages.length &&\n        response.score?.score === scored\n      ) {\n        return true;\n      }\n\n      return false;\n    }, [comment, response, scored, selectedImages.length]);\n\n    const canSubmitReview = useMemo(() => {\n      if (!responses) return false;\n\n      let canSubmit = true;\n\n      for (const item of Object.values(responses)) {\n        const currResponse = item.response;\n\n        const isCurrItemAttempted = !!currResponse;\n        const currentItemReviewed =\n          (item.teacherReview?.images && item.teacherReview?.images?.length > 0) ||\n          !!item.teacherReview?.reviewComment;\n\n        if (isCurrItemAttempted && !currentItemReviewed) {\n          canSubmit = false;\n          break;\n        }\n      }\n\n      return canSubmit;\n    }, [responses]);\n\n    const uploadImages = useS3ImageUploadHelper({\n      studentId,\n      query: QUERY,\n    });\n\n    const onCommentChange = useCallback((e: { target: { value: string } }) => {\n      setComment(e.target.value);\n    }, []);\n\n    const onScoreUp = useCallback(() => {\n      setScored(scored + 0.5);\n    }, [scored]);\n\n    const onScoreDown = useCallback(() => {\n      setScored(scored - 0.5);\n    }, [scored]);\n\n    const onSuccess = useCallback(\n      (images?: string[]) => {\n        setIsUploading(false);\n        const reponseImages = selectedImages.filter(item => typeof item === 'string');\n        const allImages = images ? [...reponseImages, ...images] : reponseImages;\n\n        if (images) {\n          setSelectedImage(allImages);\n        }\n        onAddReviewComment?.(responseId, {\n          score: {\n            score: scored,\n            max_score: maxScore as number,\n          },\n          teacherReview: {\n            reviewComment: comment,\n            images: allImages,\n          },\n        });\n      },\n      [comment, maxScore, onAddReviewComment, responseId, scored, selectedImages],\n    );\n\n    const handleSave = useCallback(() => {\n      const imagesToUpload = selectedImages.filter(images => typeof images !== 'string');\n\n      if (imagesToUpload.length > 0) {\n        setIsUploading(true);\n        uploadImages({\n          fileKey: `subjective-responses/${responseId}/`,\n          onSuccess: onSuccess,\n          onError: () => {},\n          images: imagesToUpload,\n        });\n      } else {\n        onSuccess();\n      }\n    }, [onSuccess, responseId, selectedImages, uploadImages]);\n\n    const updateImages = useCallback(\n      ({ filteredImages }: { filteredImages: string[]; newImages: IFile[] }) => {\n        setSelectedImage(filteredImages);\n      },\n      [],\n    );\n\n    const openImagesModal = useCallback(() => {\n      const previewImages = selectedImages.map(item => {\n        if (typeof item === 'string') return item;\n\n        return item.url;\n      });\n\n      if (!previewImages) return;\n\n      openImagesReviewModal?.({\n        isReviewed: false,\n        disableScoreForm: false,\n        imageUrls: previewImages,\n        filteredImageUrls: updateImages,\n        uploadedImages: selectedImages,\n      });\n    }, [openImagesReviewModal, updateImages, selectedImages]);\n\n    const onSelectImages = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n      const { files } = e.currentTarget;\n\n      if (!files) return;\n\n      const newFilesList = Array.from(files).map(file => {\n        const url = URL.createObjectURL(file);\n\n        return { file, url };\n      });\n\n      setSelectedImage(prevImages => [...prevImages, ...newFilesList]);\n    }, []);\n\n    if (!response) {\n      return null;\n    }\n\n    if (!isAttempted && nextQuestionId) {\n      return <Text $renderAs=\"ub2\"> The student did not attempt this questions.</Text>;\n    }\n\n    return (\n      <>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <FlexView>\n            <Text $renderAs=\"ub4\">Score (out of {maxScore})</Text>\n            <Separator heightX={1} />\n            <FlexView $flexDirection=\"row\" $gapX={0.5}>\n              <FlexView\n                $justifyContent=\"center\"\n                $alignItems=\"center\"\n                $borderColor=\"BLACK\"\n                $width={50}\n                $height={50}\n                $background=\"WHITE\"\n              >\n                <Text $renderAs=\"ub2\">{scored}</Text>\n              </FlexView>\n              <Separator width={16} />\n              <FlexView $background=\"WHITE\" $gutterX={0.5} $gapX={0.5}>\n                <Clickable label=\"up\" onClick={onScoreUp} disabled={scored === maxScore}>\n                  <UpIcon />\n                </Clickable>\n                <Separator height={16} />\n                <Clickable label=\"down\" onClick={onScoreDown} disabled={scored === 0}>\n                  <DownIcon />\n                </Clickable>\n              </FlexView>\n            </FlexView>\n          </FlexView>\n          <FlexView>\n            <Text $renderAs=\"ub2\">Comments</Text>\n            <Separator heightX={1} />\n            <TextArea value={comment} onChange={onCommentChange} />\n          </FlexView>\n          <FlexView $alignItems=\"center\">\n            <Text $renderAs=\"ub2\">\n              Upload Images <small>(max 12)</small>\n            </Text>\n            <Separator heightX={1} />\n            <FileInputLabel htmlFor={`files${responseId}`}>Browse</FileInputLabel>\n            <Separator heightX={1} />\n            <FileInput\n              type=\"file\"\n              accept=\".jpeg, .jpg, .png\"\n              id={`files${responseId}`}\n              multiple\n              onChange={onSelectImages}\n            />\n            <TextButton\n              onClick={openImagesModal}\n              label={noOfImages ? `${noOfImages} ${pluralize(noOfImages, 'file')}` : 'No files'}\n            />\n          </FlexView>\n        </FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gutterX={1}\n          $gapX={1}\n        >\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Save\"\n            onClick={handleSave}\n            busy={isUploading}\n            disabled={isSaveDisabled}\n          />\n          <Separator width={20} />\n          {!nextQuestionId && (\n            <Button\n              widthX={6}\n              renderAs=\"secondary\"\n              size=\"small\"\n              label=\"Submit Review\"\n              onClick={handleReviewSubmit}\n              busy={isSubmittingReview}\n              disabled={!canSubmitReview}\n            />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default SubjectiveQuestionFeedback;\n"],"names":["QUERY","SubjectiveQuestionFeedback","memo","responses","response","nextQuestionId","responseId","studentId","onAddReviewComment","openImagesReviewModal","handleReviewSubmit","isSubmittingReview","responseScore","maxScore","score","isAttempted","comment","setComment","useState","_a","isUploading","setIsUploading","scored","setScored","selectedImages","setSelectedImage","_b","noOfImages","isSaveDisabled","useMemo","_c","canSubmitReview","canSubmit","item","isCurrItemAttempted","currentItemReviewed","_d","uploadImages","useS3ImageUploadHelper","onCommentChange","useCallback","e","onScoreUp","onScoreDown","onSuccess","images","reponseImages","allImages","handleSave","imagesToUpload","updateImages","filteredImages","openImagesModal","previewImages","onSelectImages","files","newFilesList","file","url","prevImages","jsx","Text","jsxs","Fragment","FlexView","Separator","Clickable","UpIcon","DownIcon","TextArea","FileInputLabel","FileInput","TextButton","pluralize","Button"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,KAAQ,EAAE,MAAM,yBAEhBC,KAAiEC;AAAA,EACrE,SAAoC;AAAA,IAClC,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,GACC;;AACD,UAAM,EAAE,OAAOC,MAAkBR,KAAY,CAAA,GACvC,EAAE,WAAWS,GAAU,OAAAC,EAAM,IAAIF,KAAiB,CAAA,GAClDG,KAAcX,KAAA,gBAAAA,EAAU,cAAa,QACrC,CAACY,GAASC,CAAU,IAAIC,IAASC,IAAAf,KAAA,gBAAAA,EAAU,kBAAV,gBAAAe,EAAyB,kBAAiB,EAAE,GAC7E,CAACC,GAAaC,CAAc,IAAIH,EAAkB,EAAK,GACvD,CAACI,GAAQC,CAAS,IAAIL,EAASJ,KAAS,CAAG,GAC3C,CAACU,GAAgBC,CAAgB,IAAIP;AAAA,QACzCQ,IAAAtB,KAAA,gBAAAA,EAAU,kBAAV,gBAAAsB,EAAyB,WAAU,CAAC;AAAA,IAAA,GAEhCC,IAAaH,EAAe,QAC5BI,IAAiBC,EAAQ,MAAM;;AACnC,eACEV,IAAAf,KAAA,gBAAAA,EAAU,kBAAV,gBAAAe,EAAyB,mBAAkBH,OAC3CU,IAAAtB,EAAS,cAAc,WAAvB,gBAAAsB,EAA+B,YAAWF,EAAe,YACzDM,IAAA1B,EAAS,UAAT,gBAAA0B,EAAgB,WAAUR;AAAA,IAKrB,GACN,CAACN,GAASZ,GAAUkB,GAAQE,EAAe,MAAM,CAAC,GAE/CO,IAAkBF,EAAQ,MAAM;;AAChC,UAAA,CAAC1B,EAAkB,QAAA;AAEvB,UAAI6B,IAAY;AAEhB,iBAAWC,KAAQ,OAAO,OAAO9B,CAAS,GAAG;AAGrC,cAAA+B,IAAsB,CAAC,CAFRD,EAAK,UAGpBE,MACHhB,IAAAc,EAAK,kBAAL,gBAAAd,EAAoB,aAAUW,KAAAJ,IAAAO,EAAK,kBAAL,gBAAAP,EAAoB,WAApB,gBAAAI,EAA4B,UAAS,KACpE,CAAC,GAACM,IAAAH,EAAK,kBAAL,QAAAG,EAAoB;AAEpB,YAAAF,KAAuB,CAACC,GAAqB;AACnC,UAAAH,IAAA;AACZ;AAAA,QACF;AAAA,MACF;AAEO,aAAAA;AAAA,IAAA,GACN,CAAC7B,CAAS,CAAC,GAERkC,IAAeC,GAAuB;AAAA,MAC1C,WAAA/B;AAAA,MACA,OAAOP;AAAA,IAAA,CACR,GAEKuC,IAAkBC,EAAY,CAACC,MAAqC;AAC7D,MAAAxB,EAAAwB,EAAE,OAAO,KAAK;AAAA,IAC3B,GAAG,CAAE,CAAA,GAECC,IAAYF,EAAY,MAAM;AAClC,MAAAjB,EAAUD,IAAS,GAAG;AAAA,IAAA,GACrB,CAACA,CAAM,CAAC,GAELqB,IAAcH,EAAY,MAAM;AACpC,MAAAjB,EAAUD,IAAS,GAAG;AAAA,IAAA,GACrB,CAACA,CAAM,CAAC,GAELsB,IAAYJ;AAAA,MAChB,CAACK,MAAsB;AACrB,QAAAxB,EAAe,EAAK;AACpB,cAAMyB,IAAgBtB,EAAe,OAAO,CAAQS,MAAA,OAAOA,KAAS,QAAQ,GACtEc,IAAYF,IAAS,CAAC,GAAGC,GAAe,GAAGD,CAAM,IAAIC;AAE3D,QAAID,KACFpB,EAAiBsB,CAAS,GAE5BvC,KAAA,QAAAA,EAAqBF,GAAY;AAAA,UAC/B,OAAO;AAAA,YACL,OAAOgB;AAAA,YACP,WAAWT;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,eAAeG;AAAA,YACf,QAAQ+B;AAAA,UACV;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,CAAC/B,GAASH,GAAUL,GAAoBF,GAAYgB,GAAQE,CAAc;AAAA,IAAA,GAGtEwB,IAAaR,EAAY,MAAM;AACnC,YAAMS,IAAiBzB,EAAe,OAAO,CAAUqB,MAAA,OAAOA,KAAW,QAAQ;AAE7E,MAAAI,EAAe,SAAS,KAC1B5B,EAAe,EAAI,GACNgB,EAAA;AAAA,QACX,SAAS,wBAAwB/B,CAAU;AAAA,QAC3C,WAAAsC;AAAA,QACA,SAAS,MAAM;AAAA,QAAC;AAAA,QAChB,QAAQK;AAAA,MAAA,CACT,KAESL;OAEX,CAACA,GAAWtC,GAAYkB,GAAgBa,CAAY,CAAC,GAElDa,IAAeV;AAAA,MACnB,CAAC,EAAE,gBAAAW,EAAA,MAAuE;AACxE,QAAA1B,EAAiB0B,CAAc;AAAA,MACjC;AAAA,MACA,CAAC;AAAA,IAAA,GAGGC,IAAkBZ,EAAY,MAAM;AAClC,YAAAa,IAAgB7B,EAAe,IAAI,CAAQS,MAC3C,OAAOA,KAAS,WAAiBA,IAE9BA,EAAK,GACb;AAED,MAAKoB,MAEmB5C,KAAA,QAAAA,EAAA;AAAA,QACtB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,WAAW4C;AAAA,QACX,mBAAmBH;AAAA,QACnB,gBAAgB1B;AAAA,MAAA;AAAA,IAEjB,GAAA,CAACf,GAAuByC,GAAc1B,CAAc,CAAC,GAElD8B,IAAiBd,EAAY,CAACC,MAAqC;AACjE,YAAA,EAAE,OAAAc,EAAM,IAAId,EAAE;AAEpB,UAAI,CAACc,EAAO;AAEZ,YAAMC,IAAe,MAAM,KAAKD,CAAK,EAAE,IAAI,CAAQE,MAAA;AAC3C,cAAAC,IAAM,IAAI,gBAAgBD,CAAI;AAE7B,eAAA,EAAE,MAAAA,GAAM,KAAAC;MAAI,CACpB;AAED,MAAAjC,EAAiB,OAAc,CAAC,GAAGkC,GAAY,GAAGH,CAAY,CAAC;AAAA,IACjE,GAAG,CAAE,CAAA;AAEL,WAAKpD,IAID,CAACW,KAAeV,IACV,gBAAAuD,EAAAC,GAAA,EAAK,WAAU,OAAM,UAA4C,+CAAA,CAAA,IAKvE,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAC7C,UAAA;AAAA,QAAA,gBAAAF,EAACE,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAD,GAAA,EAAK,WAAU,OAAM,UAAA;AAAA,YAAA;AAAA,YAAehD;AAAA,YAAS;AAAA,UAAA,GAAC;AAAA,UAC/C,gBAAA+C,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtB,gBAAAH,EAAAE,GAAA,EAAS,gBAAe,OAAM,OAAO,KACpC,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBACZ,cAAa;AAAA,gBACb,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,aAAY;AAAA,gBAEZ,UAAC,gBAAAJ,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAOvC,GAAA;AAAA,cAAA;AAAA,YAChC;AAAA,YACA,gBAAAsC,EAACK,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,8BACrBD,GAAS,EAAA,aAAY,SAAQ,UAAU,KAAK,OAAO,KAClD,UAAA;AAAA,cAAC,gBAAAJ,EAAAM,GAAA,EAAU,OAAM,MAAK,SAASxB,GAAW,UAAUpB,MAAWT,GAC7D,UAAC,gBAAA+C,EAAAO,IAAA,CAAA,CAAO,EACV,CAAA;AAAA,cACA,gBAAAP,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,cACvB,gBAAAL,EAACM,GAAU,EAAA,OAAM,QAAO,SAASvB,GAAa,UAAUrB,MAAW,GACjE,UAAC,gBAAAsC,EAAAQ,IAAA,CAAA,CAAS,EACZ,CAAA;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,0BACCJ,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAJ,EAAAC,GAAA,EAAK,WAAU,OAAM,UAAQ,YAAA;AAAA,UAC9B,gBAAAD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtB,gBAAAL,EAAAS,IAAA,EAAS,OAAOrD,GAAS,UAAUuB,GAAiB;AAAA,QAAA,GACvD;AAAA,QACA,gBAAAuB,EAACE,GAAS,EAAA,aAAY,UACpB,UAAA;AAAA,UAAC,gBAAAF,EAAAD,GAAA,EAAK,WAAU,OAAM,UAAA;AAAA,YAAA;AAAA,YACN,gBAAAD,EAAC,WAAM,UAAQ,WAAA,CAAA;AAAA,UAAA,GAC/B;AAAA,UACA,gBAAAA,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBK,IAAe,EAAA,SAAS,QAAQhE,CAAU,IAAI,UAAM,UAAA;AAAA,UACrD,gBAAAsD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAL;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,IAAI,QAAQjE,CAAU;AAAA,cACtB,UAAQ;AAAA,cACR,UAAUgD;AAAA,YAAA;AAAA,UACZ;AAAA,UACA,gBAAAM;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,SAASpB;AAAA,cACT,OAAOzB,IAAa,GAAGA,CAAU,IAAI8C,GAAU,UAAA9C,GAAY,MAAM,CAAC,KAAK;AAAA,YAAA;AAAA,UACzE;AAAA,QAAA,GACF;AAAA,MAAA,GACF;AAAA,MACA,gBAAAmC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,OAAO;AAAA,UAEP,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAACc;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAAS1B;AAAA,gBACT,MAAM5B;AAAA,gBACN,UAAUQ;AAAA,cAAA;AAAA,YACZ;AAAA,YACA,gBAAAgC,EAACK,GAAU,EAAA,OAAO,GAAI,CAAA;AAAA,YACrB,CAAC5D,KACA,gBAAAuD;AAAA,cAACc;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAAShE;AAAA,gBACT,MAAMC;AAAA,gBACN,UAAU,CAACoB;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF,EAAA,CAAA,IA1FO;AAAA,EA4FX;AACF;"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-review.js.map

@@ -1 +1 @@
-{"version":3,"file":"subjective-review.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-review.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { ISubjectiveSheetProps, IWorksheetResponse } from '../worksheet-types';\nimport SubjectiveQuestionFeedback from './subjective-feedback';\nimport { Img, Thumbnail, Wrapper } from './subjective-styled';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nexport interface ISubjectiveQuestionReviewProps extends ISubjectiveSheetProps {\n  responseId: string;\n  response?: IWorksheetResponse;\n  nextQuestionId?: string;\n  studentId: string;\n  responses?: Record<string, IWorksheetResponse>;\n}\n\nexport interface IFile {\n  file: File;\n  url: string;\n  name?: string;\n}\n\nconst SubjectiveQuestionReview: FC<ISubjectiveQuestionReviewProps> = memo(\n  function SubjectiveQuestionReview(props) {\n    const { userType } = useWorksheetStore(state => ({\n      userType: state.userType,\n    }));\n    const { response, openImagesReviewModal, isReviewPending } = props;\n\n    const comment = response?.teacherReview?.reviewComment;\n    const images = response?.teacherReview?.images ?? [];\n\n    if (isReviewPending && userType === 'TEACHER') {\n      return <SubjectiveQuestionFeedback {...props} />;\n    }\n\n    return (\n      <Wrapper $gapX={0.5}>\n        <FlexView $background=\"ORANGE_5\" $widthX={3.8} $heightX={1.5} $justifyContent=\"center\">\n          <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n            Review\n          </Text>\n        </FlexView>\n        <Separator heightX={1} />\n        <FlexView $flexDirection=\"row\">\n          <Text $renderAs=\"ub2\" $widthX={8}>\n            Score\n          </Text>\n          <Text $renderAs=\"ub2\">{response?.score?.score ?? 0}</Text>\n        </FlexView>\n        <Separator heightX={1} />\n        <FlexView $flexDirection=\"row\">\n          <Text $renderAs=\"ub2\" $widthX={8}>\n            Comments\n          </Text>\n          {comment ? <Text $renderAs=\"ub2\">{comment}</Text> : <Text $renderAs=\"ub2\"> -- </Text>}\n        </FlexView>\n        <Separator heightX={1} />\n        <FlexView $flexDirection=\"row\">\n          <Text $renderAs=\"ub2\" $widthX={8}>\n            Files\n          </Text>\n          <FlexView $flexDirection=\"row\" $flexWrap>\n            {images.map(img => {\n              return (\n                <span key={img}>\n                  <Thumbnail>\n                    <Img src={img} onClick={() => openImagesReviewModal?.({ image: img })} />\n                  </Thumbnail>\n                </span>\n              );\n            })}\n          </FlexView>\n        </FlexView>\n      </Wrapper>\n    );\n  },\n);\n\nexport default SubjectiveQuestionReview;\n"],"names":["SubjectiveQuestionReview","memo","props","userType","useWorksheetStore","state","response","openImagesReviewModal","isReviewPending","comment","_a","images","_b","jsx","SubjectiveQuestionFeedback","jsxs","Wrapper","FlexView","Text","Separator","_c","img","Thumbnail","Img"],"mappings":";;;;;;;;AAwBA,MAAMA,IAA+DC;AAAA,EACnE,SAAkCC,GAAO;;AACvC,UAAM,EAAE,UAAAC,EAAA,IAAaC,EAAkB,CAAUC,OAAA;AAAA,MAC/C,UAAUA,EAAM;AAAA,IAChB,EAAA,GACI,EAAE,UAAAC,GAAU,uBAAAC,GAAuB,iBAAAC,EAAA,IAAoBN,GAEvDO,KAAUC,IAAAJ,KAAA,gBAAAA,EAAU,kBAAV,gBAAAI,EAAyB,eACnCC,MAASC,IAAAN,KAAA,gBAAAA,EAAU,kBAAV,gBAAAM,EAAyB,WAAU,CAAA;AAE9C,WAAAJ,KAAmBL,MAAa,YAC3B,gBAAAU,EAACC,GAA4B,EAAA,GAAGZ,EAAO,CAAA,IAI9C,gBAAAa,EAACC,GAAQ,EAAA,OAAO,KACd,UAAA;AAAA,MAAA,gBAAAH,EAACI,KAAS,aAAY,YAAW,SAAS,KAAK,UAAU,KAAK,iBAAgB,UAC5E,UAAA,gBAAAJ,EAACK,KAAK,WAAU,YAAW,QAAO,SAAQ,mBAE1C,CAAA,GACF;AAAA,MACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,SAAS,GAAG,UAElC,SAAA;AAAA,0BACCA,GAAK,EAAA,WAAU,OAAO,YAAUE,IAAAd,KAAA,gBAAAA,EAAA,UAAA,gBAAAc,EAAO,UAAS,GAAE;AAAA,MAAA,GACrD;AAAA,MACA,gBAAAP,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,SAAS,GAAG,UAElC,YAAA;AAAA,QACCT,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,OAAO,UAAQT,EAAA,CAAA,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAI,QAAA;AAAA,MAAA,GAChF;AAAA,MACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,SAAS,GAAG,UAElC,SAAA;AAAA,QACA,gBAAAL,EAACI,KAAS,gBAAe,OAAM,WAAS,IACrC,UAAAN,EAAO,IAAI,CAAOU,wBAEd,QACC,EAAA,UAAA,gBAAAR,EAACS,KACC,UAAC,gBAAAT,EAAAU,GAAA,EAAI,KAAKF,GAAK,SAAS,MAAMd,KAAA,gBAAAA,EAAwB,EAAE,OAAOc,KAAQ,CAAA,EACzE,CAAA,KAHSA,CAIX,CAEH,GACH;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"subjective-review.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-review.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { ISubjectiveSheetProps, IWorksheetResponse } from '../worksheet-types';\nimport SubjectiveQuestionFeedback from './subjective-feedback';\nimport { Img, Thumbnail, Wrapper } from './subjective-styled';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nexport interface ISubjectiveQuestionReviewProps extends ISubjectiveSheetProps {\n  responseId: string;\n  response?: IWorksheetResponse;\n  nextQuestionId?: string;\n  studentId: string;\n  responses?: Record<string, IWorksheetResponse>;\n}\n\nconst SubjectiveQuestionReview: FC<ISubjectiveQuestionReviewProps> = memo(\n  function SubjectiveQuestionReview(props) {\n    const { userType } = useWorksheetStore(state => ({\n      userType: state.userType,\n    }));\n    const { response, openImagesReviewModal, isReviewPending } = props;\n\n    const comment = response?.teacherReview?.reviewComment;\n    const images = response?.teacherReview?.images ?? [];\n\n    if (isReviewPending && userType === 'TEACHER') {\n      return <SubjectiveQuestionFeedback {...props} />;\n    }\n\n    return (\n      <Wrapper $gapX={0.5}>\n        <FlexView $background=\"ORANGE_5\" $widthX={3.8} $heightX={1.5} $justifyContent=\"center\">\n          <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n            Review\n          </Text>\n        </FlexView>\n        <Separator heightX={1} />\n        <FlexView $flexDirection=\"row\">\n          <Text $renderAs=\"ub2\" $widthX={8}>\n            Score\n          </Text>\n          <Text $renderAs=\"ub2\">{response?.score?.score ?? 0}</Text>\n        </FlexView>\n        <Separator heightX={1} />\n        <FlexView $flexDirection=\"row\">\n          <Text $renderAs=\"ub2\" $widthX={8}>\n            Comments\n          </Text>\n          {comment ? <Text $renderAs=\"ub2\">{comment}</Text> : <Text $renderAs=\"ub2\"> -- </Text>}\n        </FlexView>\n        <Separator heightX={1} />\n        <FlexView $flexDirection=\"row\">\n          <Text $renderAs=\"ub2\" $widthX={8}>\n            Files\n          </Text>\n          <FlexView $flexDirection=\"row\" $flexWrap>\n            {images.map(img => {\n              return (\n                <span key={img}>\n                  <Thumbnail>\n                    <Img src={img} onClick={() => openImagesReviewModal?.({ image: img })} />\n                  </Thumbnail>\n                </span>\n              );\n            })}\n          </FlexView>\n        </FlexView>\n      </Wrapper>\n    );\n  },\n);\n\nexport default SubjectiveQuestionReview;\n"],"names":["SubjectiveQuestionReview","memo","props","userType","useWorksheetStore","state","response","openImagesReviewModal","isReviewPending","comment","_a","images","_b","jsx","SubjectiveQuestionFeedback","jsxs","Wrapper","FlexView","Text","Separator","_c","img","Thumbnail","Img"],"mappings":";;;;;;;;AAkBA,MAAMA,IAA+DC;AAAA,EACnE,SAAkCC,GAAO;;AACvC,UAAM,EAAE,UAAAC,EAAA,IAAaC,EAAkB,CAAUC,OAAA;AAAA,MAC/C,UAAUA,EAAM;AAAA,IAChB,EAAA,GACI,EAAE,UAAAC,GAAU,uBAAAC,GAAuB,iBAAAC,EAAA,IAAoBN,GAEvDO,KAAUC,IAAAJ,KAAA,gBAAAA,EAAU,kBAAV,gBAAAI,EAAyB,eACnCC,MAASC,IAAAN,KAAA,gBAAAA,EAAU,kBAAV,gBAAAM,EAAyB,WAAU,CAAA;AAE9C,WAAAJ,KAAmBL,MAAa,YAC3B,gBAAAU,EAACC,GAA4B,EAAA,GAAGZ,EAAO,CAAA,IAI9C,gBAAAa,EAACC,GAAQ,EAAA,OAAO,KACd,UAAA;AAAA,MAAA,gBAAAH,EAACI,KAAS,aAAY,YAAW,SAAS,KAAK,UAAU,KAAK,iBAAgB,UAC5E,UAAA,gBAAAJ,EAACK,KAAK,WAAU,YAAW,QAAO,SAAQ,mBAE1C,CAAA,GACF;AAAA,MACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,SAAS,GAAG,UAElC,SAAA;AAAA,0BACCA,GAAK,EAAA,WAAU,OAAO,YAAUE,IAAAd,KAAA,gBAAAA,EAAA,UAAA,gBAAAc,EAAO,UAAS,GAAE;AAAA,MAAA,GACrD;AAAA,MACA,gBAAAP,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,SAAS,GAAG,UAElC,YAAA;AAAA,QACCT,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,OAAO,UAAQT,EAAA,CAAA,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAI,QAAA;AAAA,MAAA,GAChF;AAAA,MACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,SAAS,GAAG,UAElC,SAAA;AAAA,QACA,gBAAAL,EAACI,KAAS,gBAAe,OAAM,WAAS,IACrC,UAAAN,EAAO,IAAI,CAAOU,wBAEd,QACC,EAAA,UAAA,gBAAAR,EAACS,KACC,UAAC,gBAAAT,EAAAU,GAAA,EAAI,KAAKF,GAAK,SAAS,MAAMd,KAAA,gBAAAA,EAAwB,EAAE,OAAOc,KAAQ,CAAA,EACzE,CAAA,KAHSA,CAIX,CAEH,GACH;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { MutableRefObject, ReactElement, ReactNode } from 'react';\n\nimport type { EWorksheetActivity, TNodeTypes } from '../../../types/models/worksheet';\nimport type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, THueNames, TUserTypes } from '../../ui/types';\nimport type { IFile } from './worksheet-question/subjective-review';\nimport type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  acknowledgements?: string;\n  sample_answer?: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\n\nexport type TItemType =\n  | 'overview'\n  | 'learning'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\ninterface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  /**\n   * If true, the question is not a question, but a content only item\n   * e.g. Intro, Overview, Instruction etc.\n   */\n  is_non_question?: boolean;\n  concept_intro_stimulus?: string; // Content for concept intro widget\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n  /**\n   * if true, scribbler button will be shown on the question\n   */\n  can_scribble: boolean; // If true, the question can be scribbled on\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\ninterface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  /**\n   * For non question questions, when user click on start, responseGiven will be true\n   */\n  responseGiven?: boolean;\n  retryEnabled?: boolean;\n  simState?: Record<string, unknown>;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n  discussionQuestionOffset?: number;\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, after the question is system validated, teacher discussion button will be shown when the question has discussion points.\n   */\n  teacherDiscussionEnabled?: boolean;\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   * This needs teacherValidationEnabled to be true\n   * TODO: Consider changing to accept validation type: 'system' | 'teacher' | undefined instead of boolean\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, solution wont be shown to the user.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true,  questions will be validated and feedback will be shown along with the correct answer.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * -2 means the sheet is a puzzle sheet\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n\n  /**\n   * After attemptsAfterTeacherInterventionNeeded incorrect attempts, retry button will be disabled in class, move ahead button will show ouside class.\n   */\n  attemptsAfterTeacherInterventionNeeded?: number;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n\n  //  If true, canvas is enabled and user can use canvas to scribble on the worksheet by toggling the scribble button\n  canvasEnabled?: boolean;\n\n  // If true, the user can scribble on workheet\n  canScribble?: boolean;\n}\n\nexport type TWORKSHEET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onMediaStateChange?: (\n    question: IWorksheetQuestion,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onAllowRetry?: (questionId: string) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (\n    responses: Record<string, IWorksheetResponse>,\n    questions: IWorksheetQuestion[],\n  ) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  onResolveDoubt?: (responseId: string) => void;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\ninterface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\ninterface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n}\n\ninterface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  showUserPointer?: boolean;\n  renderQuestionHeader?: boolean;\n  imageHue?: THueNames;\n  background?: 'none' | 'paper';\n  questionPadding: number;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  layout: IWorksheetLayout;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  canResolveDoubt?: boolean;\n  actionBarRightElement?: ReactElement; // Extra Elements to be rendered in the action bar\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  summaryDescription?: ReactElement | null;\n  canSubmitWorksheet?: boolean;\n  selectedTopics?: string[];\n  subjectiveProps?: ISubjectiveSheetProps;\n  inClass?: boolean; // If true, the worksheet is rendered inside class\n  activityType: EWorksheetActivity | null;\n  isDesmosEnabled?: boolean; // If true, the worksheet can show desmos calculator\n  nodeType: TNodeTypes; // NodeType of the worksheet\n  mode: 'resume' | 'review' | 'preview'; // mode of the worksheet\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  behaviorOverride?: Partial<IWorksheetBehavior>;\n}\n\ninterface IWorksheetPlugins {\n  plugins?: {\n    stickers?: ReactNode;\n  };\n}\n\ninterface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\ninterface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps,\n    IWorksheetPlugins {}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  allowRetry: (responseId: string) => void;\n}\n\ninterface IWorksheetHeaderLayoutArgs {\n  isPuzzleWorksheet?: boolean;\n  isTestWorksheet?: boolean;\n  imageHue?: THueNames;\n}\n\nexport interface IWorksheetHeaderLayoutProps {\n  (args: IWorksheetHeaderLayoutArgs): {\n    bgColor: TColorNames;\n    borderColor?: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nexport type TWorksheetStoreProps = Omit<\n  IBaseWorksheetProps,\n  'studentName' | 'itemsSignedRequest' | 'mode'\n> &\n  Required<Pick<IBaseWorksheetProps, 'studentName'>> &\n  Omit<IWorksheetCallbackProps, 'onLoaded' | 'onErrored'> &\n  ICueCanvasProps &\n  ICueCanvasCallbackProps &\n  IPointerSyncCallbackProps &\n  IWorksheetPlugins & {\n    behavior: IWorksheetBehavior;\n    learnosityItems: ILearnosityItem[];\n    learnosityResponses?: Record<string, IWorksheetResponse>;\n    learnosity: ILearnosity;\n    appendedQuestionIds: string[];\n  };\n\nexport enum EActiveQuestionTool {\n  TEACHING_TOOLS = 'TEACHING_TOOLS',\n  SOLUTION = 'SOLUTION',\n  DISCUSSION = 'DISCUSSION',\n}\n\nexport interface IWorksheetStoreState {\n  questions: IWorksheetQuestion[];\n  renderableQuestions: IWorksheetQuestion[];\n  responses: Record<string, IWorksheetResponse>;\n  lastUnlockedQuestionIndex: number;\n  initialQuestionId: string;\n  activeQuestionId: string;\n  activeQuestionIndex: number;\n  questionsContainerWidth: number;\n  maxQuestionWidth: number;\n  actionbarHeight: number;\n  summaryVisible: boolean;\n  calculatorVisible: boolean;\n  scribblingEnabled: boolean;\n  activeQuestionTool?: EActiveQuestionTool;\n  blocker?: TWorksheetBlocker;\n  scrolledToInitialQuestion: boolean;\n}\n\n// Actions interface - contains all the methods\ninterface IWorksheetStoreActions {\n  mergeWorksheetProps: (data: TWorksheetStoreProps) => void;\n  setResponses: (\n    responses:\n      | IWorksheetStore['responses']\n      | ((prevResponses: IWorksheetStore['responses']) => IWorksheetStore['responses']),\n  ) => void;\n  showSummary: () => void;\n  hideSummary: () => void;\n  toggleSummary: () => void;\n  toggleCalculator: () => void;\n  toggleScribble: () => void;\n  setBlocker: (blocker?: TWorksheetBlocker) => void;\n  /**\n   *\n   * @param scrollToLastUnlockedQuestion - If true, scrolls to the last unlocked question after removing the blocker. Default is true.\n   * @returns\n   */\n  removeBlocker: (scrollToLastUnlockedQuestion?: boolean) => void;\n  updateResponse: (options: {\n    responseId: string;\n    response: ILearnosityQuestionResponse;\n    score: ILearnosityQuestionScore;\n    timeSpent: number;\n    answerChecked?: boolean;\n  }) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  setDiscussionQuestionOffset: (responseId: string, offset: number) => void;\n  markForReview: (responseId: string, markedForReview: boolean) => void;\n  changeQuestion: (questionId: string, shouldScroll?: boolean, scrollDelay?: number) => void;\n  setActiveQuestionTool: (tool: EActiveQuestionTool) => void;\n  unsetActiveQuestionTool: () => void;\n  destroy: () => void;\n}\n\n// Combined store interface\nexport interface IWorksheetStore\n  extends IWorksheetStoreState,\n    TWorksheetStoreProps,\n    IWorksheetStoreActions {}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING","EActiveQuestionTool"],"mappings":"AASY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA,GAwjBAC,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,WAAW,YACXA,EAAA,aAAa,cAHHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"worksheet-types.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-types.ts"],"sourcesContent":["import type { MutableRefObject, ReactElement, ReactNode } from 'react';\n\nimport type { EWorksheetActivity, TNodeTypes } from '../../../types/models/worksheet';\nimport type { IActionData, TPublish, TSubscribe } from '../../cue-canvas/types/cue-canvas';\nimport type { TPublishMouseMove, TSubscribeMouseMove } from '../../pointer-sync/pointer-types';\nimport type { TColorNames, THueNames, TUserTypes } from '../../ui/types';\nimport { type IFile } from '../../hooks/use-s3-helper/use-s3-helper';\nimport type { TWorksheetBlocker } from './worksheet-blocker/worksheet-blocker-types';\n\nexport enum QUESTION_TAGS {\n  TRIAL_TOPIC = 'trial-topic',\n  QUESTION_CODE = 'question code',\n}\n\nexport enum QUESTIONS_RATING {\n  E = 3,\n  S = 2, // Just right\n  H = 1,\n}\n\nexport interface ILearnosityError {\n  code: number;\n  consumerKey: string;\n  detail: string;\n  errorUI: string;\n  msg: string;\n}\n\ninterface ILearnosityQuestionMetadata {\n  widget_reference: string;\n  sheet_reference: string;\n  acknowledgements?: string;\n  sample_answer?: string;\n  hints?: string[];\n  solution?: string[];\n  teacher_tips?: string[];\n  valid_response_count: number;\n  source: {\n    organisation_id: number;\n  };\n}\n\nexport type TInstructorStimulus =\n  | 'SystemIntro' // lesson v3\n  | 'Intro' // lesson v3\n  | 'Concept-Intro' // lesson v3\n  | 'Instruction' // lesson v3\n  | 'Task' // lesson v3\n  | 'Try' // trial v3\n  | 'Learn' // trial v3\n  | 'Apply'; // trial v3\n\nexport type TItemType =\n  | 'overview'\n  | 'learning'\n  | 'learning-we-do'\n  | 'learning-your-turn'\n  | 'learning-explore'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-basic-optional'\n  | 'practice-regular'\n  | 'practice-regular-optional'\n  | 'exit-ticket'\n  | 'advanced-we-do'\n  | 'advanced-your-turn'\n  | 'advanced-explore'\n  | 'advanced-practice';\n\nexport type TSectionName =\n  | 'overview'\n  | 'learning'\n  | 'practice'\n  | 'practice-basic'\n  | 'practice-regular'\n  | 'exit-ticket'\n  | 'advanced';\n\ninterface IQuestionValidResponse {\n  score: number;\n  value: unknown[];\n}\n\nexport interface ISheetNudgeBannerInfo {\n  bannerBackgroundColor: TColorNames;\n  label: string;\n}\n\nexport interface ILearnosityQuestion {\n  response_id: string;\n  instructor_stimulus?: TInstructorStimulus;\n  metadata: ILearnosityQuestionMetadata;\n  instant_feedback?: boolean;\n  math_renderer?: string;\n  template?: string;\n  tokenization?: string;\n  numberPad?: string[];\n  symbols?: unknown[];\n  response_container?: Record<string, unknown>;\n  ui_style?: Record<string, unknown>;\n  shuffle_options?: boolean;\n  // for custom type question validation is undefined.\n  validation?: {\n    scoring_type?: string;\n    unscored?: boolean;\n    valid_response?: IQuestionValidResponse;\n    alt_responses?: IQuestionValidResponse[];\n    penalty?: number;\n    min_score_if_attempted?: number;\n  };\n  is_math?: boolean;\n  labels?: Record<string, unknown>;\n  line?: Record<string, unknown>;\n  points?: string[];\n  snap_to_ticks?: boolean;\n  ticks?: Record<string, unknown>;\n  max_length?: number;\n  type:\n    | 'hotspot'\n    | 'tokenhighlight'\n    | 'numberline'\n    | 'clozeassociation'\n    | 'clozetext'\n    | 'association'\n    | 'classification'\n    | 'clozedropdown'\n    | 'clozeformula'\n    | 'mcq'\n    | 'choicematrix'\n    | 'plaintext'\n    | 'drawing';\n  case_sensitive?: boolean;\n  show_copy?: boolean;\n  show_cut?: boolean;\n  show_paste?: boolean;\n  spellcheck?: boolean;\n  stimulus?: string;\n  stimulus_review?: string;\n  stimulus_list?: string[];\n  image?: Record<string, unknown>;\n  areas?: unknown[];\n  area_attributes?: Record<string, unknown>;\n  possible_responses?: string[][] | string[];\n  duplicate_responses?: boolean;\n  response_containers?: unknown[];\n  options?: Record<string, unknown>[] | string[];\n  feedback_attempts?: number;\n  stems?: string[];\n  multiple_responses?: boolean;\n}\n\nexport interface ILearnosityItem {\n  reference: string;\n  questions: ILearnosityQuestion[];\n  source: Record<string, unknown>;\n  content: string;\n  metadata: Record<string, unknown> | unknown[];\n  workflow: unknown[];\n  response_ids: string[];\n  feature_ids: unknown[];\n  features: unknown[];\n  itemType?: TItemType;\n  tags?: string[];\n}\n\nexport interface IWorksheetQuestion extends ILearnosityQuestion {\n  item_reference: string;\n  item_type?: TItemType;\n  section_name?: TSectionName;\n  is_optional?: boolean;\n  /**\n   * If true, the question is not a question, but a content only item\n   * e.g. Intro, Overview, Instruction etc.\n   */\n  is_non_question?: boolean;\n  concept_intro_stimulus?: string; // Content for concept intro widget\n  item_tags: string[];\n  item_tags_map: Record<string, string>;\n  item_number: number;\n  item_display_number: number;\n  question_number: number;\n  total_questions: number;\n  /**\n   * if true, scribbler button will be shown on the question\n   */\n  can_scribble: boolean; // If true, the question can be scribbled on\n}\n\nexport interface ILearnosityQuestionScore {\n  score?: number | null;\n  max_score: number;\n  unscored?: boolean;\n}\n\nexport interface ILearnosityQuestionResponse {\n  value: unknown;\n  responses?: unknown;\n  type: unknown;\n  updatedFormat?: boolean;\n  wordCount?: number;\n  apiVersion: string;\n  revision: number;\n  feedbackAttemptsCount?: number;\n}\n\ninterface IAttempt {\n  response: ILearnosityQuestionResponse;\n  score: ILearnosityQuestionScore;\n}\n\ninterface ITeacherReview {\n  reviewComment?: string;\n  images?: string[];\n}\nexport interface IWorksheetResponse {\n  widgetReference: string;\n  itemReference: string;\n  itemPosition: number; // 0 based\n  questionPosition: number; // 0 based\n  isOkayTypeQuestion: boolean;\n  response?: ILearnosityQuestionResponse;\n  /**\n   * For non question questions, when user click on start, responseGiven will be true\n   */\n  responseGiven?: boolean;\n  retryEnabled?: boolean;\n  simState?: Record<string, unknown>;\n  score?: ILearnosityQuestionScore;\n  responseEdited?: boolean;\n  hintsUsed?: number;\n  markedForReview?: boolean;\n  attemptsHistory?: IAttempt[];\n  validatedByTeacher?: boolean;\n  submittedByStudent?: boolean;\n  assignStatus?: 'assigned' | 'skipped';\n  rating?: number;\n  skipped?: boolean;\n  doubtResolved?: boolean;\n  teacherReview?: ITeacherReview;\n  tags?: Record<string, string>;\n  timeSpent?: number;\n  discussionQuestionOffset?: number;\n}\n\ntype TMathRenderer = 'mathjax' | 'mathquill';\nexport interface ILearnosity {\n  ready: () => void;\n  questions: () => Record<string, unknown>;\n  question: (responseId: string) =>\n    | {\n        enable: () => boolean;\n        disable: () => boolean;\n        getQuestion: () => ILearnosityQuestion;\n        getMetadata: () => ILearnosityQuestionMetadata;\n        getResponse: () => ILearnosityQuestionResponse;\n        getScore: (\n          callback?: (score: ILearnosityQuestionScore | null) => void,\n        ) => ILearnosityQuestionScore;\n        validate: (\n          options?: { showCorrectAnswers?: boolean; feedbackAttempts?: boolean },\n          callback?: () => void,\n        ) => void;\n        resetValidationUI: () => void;\n        on: (eventName: 'changed', callback: () => void) => void;\n        off: (eventName: 'changed', callback?: () => void) => void;\n      }\n    | undefined;\n  append: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  appendQuestion: (toAppend: {\n    questions: ILearnosityQuestion[];\n    responses?: Record<string, unknown>;\n  }) => void;\n  reset: () => void;\n  renderMath: (renderer: TMathRenderer) => void;\n}\n\nexport interface IWorksheetBehavior {\n  /**\n   * If true, Opens the worksheet in resume mode.\n   * - If false, Opens the worksheet in review mode.\n   */\n  canAttempt: boolean;\n  /**\n   * If true, the user can mark the question for review.\n   */\n  canMarkForReview: boolean;\n  /**\n   * The mode of navigation for the worksheet.\n   * - `OPEN` mode allows the user to navigate to any question in the worksheet.\n   * - `LINEAR` mode allows the user to navigate to the next question only.\n   * - `ADAPTIVE` mode allows the user to navigate future questions based on the rating of the current question.\n   * - `CURRENT` mode allows the user to navigate to the current question only. Back and forth not allowed.\n   */\n  navigationMode: 'OPEN' | 'LINEAR' | 'ADAPTIVE' | 'CURRENT';\n  /**\n   * The initial question to display when the worksheet is loaded.\n   * - `FIRST` mode displays the first question in the worksheet.\n   * - `CURRENT` mode displays the question that the user was last on.\n   */\n  initialQuestion: 'FIRST' | 'CURRENT';\n  /**\n   * If hints are available, on clicking the help button, first availble hint will be shown.\n   * Clicking again will show the next hint.\n   * If no more hints are available, onHelp will be called.\n   */\n  hints: boolean;\n  /**\n   * The time in seconds after which the hints button will be shown.\n   */\n  hintsTimer?: number; // in seconds\n  /**\n   * If true, the user can skip the question without attempting it.\n   * Skip button will be shown only after the hints are exausted and skipTimer is reached.\n   */\n  skippable?: boolean;\n  /**\n   * The time in seconds after which the user can skip the question.\n   */\n  skippableTime?: number; // in seconds\n  /**\n   * If true, after the question is system validated, teacher discussion button will be shown when the question has discussion points.\n   */\n  teacherDiscussionEnabled?: boolean;\n  /**\n   * If true, teacher validation is needed for the question to proceed\n   */\n  teacherValidationEnabled: boolean;\n  /**\n   * If worksheet is attempting outside the class setting\n   * This needs teacherValidationEnabled to be true\n   * TODO: Consider changing to accept validation type: 'system' | 'teacher' | undefined instead of boolean\n   */\n  canTeacherValidate: boolean;\n  /**\n   * If true, questions will be validated and feedback will be shown.\n   */\n  validation: boolean;\n  /**\n   * If true, solution wont be shown to the user.\n   */\n  solutionHidden?: boolean;\n  /**\n   * If true,  questions will be validated and feedback will be shown along with the correct answer.\n   */\n  review: boolean;\n  /**\n   * The maximum number of attempts allowed for each question.\n   * 0 means unlimited attempts.\n   * -1 means attempts will not be validated, hence not pushed to attempt history.\n   * -2 means the sheet is a puzzle sheet\n   * After reaching the maximum number of attempts, the user cannot attempt the question anymore.\n   * If maxAtttmpts reached and canExceedAttempts is true, the user can still attempt the question\n   * , also user will have the option to move to next question\n   */\n  maximumAttempts: number;\n  /**\n   * If true, the user can exceed the maximum number of attempts.\n   */\n  canExceedAttempts: boolean;\n\n  /**\n   * After attemptsAfterTeacherInterventionNeeded incorrect attempts, retry button will be disabled in class, move ahead button will show ouside class.\n   */\n  attemptsAfterTeacherInterventionNeeded?: number;\n  /**\n   * If the worksheet minimumAccuracy is not met, on clicking the final submit button, onMinimumAccuracyNotMet will be called.\n   */\n  minimumAccuracy: number;\n  /**\n   * Label for the check button\n   * For example,\n   * - \"Check\" for Checking the answer\n   * - \"Submit\" for Submitting the answer when doing assessment\n   */\n  checkButtonLabel: string;\n  /**\n   * If attempt is incorrect, we show retry button, this is the label for the retry button\n   * For example,\n   * - 'Try Again' for retrying the question\n   */\n  retryButtonLabel: string;\n  /**\n   * If true show demos calculator https://www.desmos.com/calculator\n   */\n  canShowDesmosCalc: boolean;\n\n  //  If true, canvas is enabled and user can use canvas to scribble on the worksheet by toggling the scribble button\n  canvasEnabled?: boolean;\n\n  // If true, the user can scribble on workheet\n  canScribble?: boolean;\n}\n\nexport type TWORKSHEET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';\n\nexport interface IWorksheetCallbackProps {\n  onResponseChange?: (options: {\n    responseId: string;\n    response: IWorksheetResponse;\n    isNewAttempt: boolean;\n    question: IWorksheetQuestion;\n  }) => void;\n  onBulkResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onResponsesChange?: (responses: Record<string, IWorksheetResponse>) => void;\n  onMediaStateChange?: (\n    question: IWorksheetQuestion,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  onTeacherValidation?: (questionId: string, rating?: keyof typeof QUESTIONS_RATING) => void;\n  onAllowRetry?: (questionId: string) => void;\n  onOptionalItemAssignment?: (itemType: TItemType) => void;\n  onOptionalItemSkip?: (itemType: TItemType) => void;\n  onHelp?: (options: { questionId: string; questionNumber: string }) => void;\n  onMinimumAccuracyNotMet?: (accuracy: number) => void;\n  onExitTicketStart?: () => void;\n  onExitTicketSubmit?: () => void;\n  onSubmit?: (\n    responses: Record<string, IWorksheetResponse>,\n    questions: IWorksheetQuestion[],\n  ) => void;\n  onActiveQuestionChange?: (question: IWorksheetQuestion) => void;\n  onResolveDoubt?: (responseId: string) => void;\n  onSkip?: (itemIndex: number, widgetIndex: number) => void;\n  onLoaded: () => void;\n  onErrored: (error: { code?: number; message: string }) => void;\n  onResponsesLoaded?: (responses: Record<string, IWorksheetResponse>) => void;\n  openQuestionFeedbackModal?: (itemRef: string) => void;\n}\n\ninterface ICueCanvasCallbackProps {\n  onPublishStrokes?: TPublish;\n  onReceiveStrokes?: TSubscribe;\n}\n\ninterface ICueCanvasProps {\n  initialStrokesData?: Record<string, IActionData[]>;\n}\n\ninterface IPointerSyncCallbackProps {\n  onPublishMouseMove?: TPublishMouseMove;\n  onSubscribeMouseMove?: TSubscribeMouseMove;\n}\n\nexport interface IWorksheetLayout {\n  containerStyle: 'none' | 'card';\n  navigationBar: 'none' | 'top' | 'bottom';\n  actionBar: 'none' | 'bottom';\n  containerWidth: string;\n  topOffset: number; // Offset from the top of the screen, for eg: height of the header\n  questionsScrollable: boolean;\n  minQuestionHeight: string | number;\n  minSummaryHeight: string | number;\n  showUserPointer?: boolean;\n  renderQuestionHeader?: boolean;\n  imageHue?: THueNames;\n  background?: 'none' | 'paper';\n  questionPadding: number;\n}\n\nexport interface ISubjectiveSheetProps {\n  onAddReviewComment?: (\n    responseId: string,\n    commentData: {\n      score: ILearnosityQuestionScore;\n      teacherReview: ITeacherReview;\n    },\n  ) => void;\n  openImagesReviewModal?: (props: IOpenImageReviewModalProps) => void;\n  handleReviewSubmit?: () => void;\n  isSubmittingReview?: boolean;\n  isReviewPending?: boolean;\n}\n\ninterface IBaseWorksheetProps {\n  userType: TUserTypes;\n  userId: string;\n  studentId: string;\n  studentName?: string;\n  worksheetName: string;\n  initialResponseId?: string;\n  initialItemIndex?: number;\n  layout: IWorksheetLayout;\n  updatedResponses?: Record<string, IWorksheetResponse>;\n  worksheetCompleted: boolean;\n  showNudgeBanner?: boolean;\n  markedAsCompleted?: boolean;\n  canResolveDoubt?: boolean;\n  actionBarRightElement?: ReactElement; // Extra Elements to be rendered in the action bar\n  attemptId?: string;\n  itemsSignedRequest: string;\n  questionsSignedRequest: string;\n  summaryDescription?: ReactElement | null;\n  canSubmitWorksheet?: boolean;\n  selectedTopics?: string[];\n  subjectiveProps?: ISubjectiveSheetProps;\n  inClass?: boolean; // If true, the worksheet is rendered inside class\n  activityType: EWorksheetActivity | null;\n  isDesmosEnabled?: boolean; // If true, the worksheet can show desmos calculator\n  nodeType: TNodeTypes; // NodeType of the worksheet\n  mode: 'resume' | 'review' | 'preview'; // mode of the worksheet\n  loggerRef: MutableRefObject<(eventName: string, data?: Record<string, unknown>) => void>;\n  behaviorOverride?: Partial<IWorksheetBehavior>;\n}\n\ninterface IWorksheetPlugins {\n  plugins?: {\n    stickers?: ReactNode;\n  };\n}\n\ninterface IUpdateImages {\n  filteredImages: string[];\n  newImages: IFile[];\n}\ninterface IOpenImageReviewModalProps {\n  isReviewed?: boolean;\n  disableScoreForm?: boolean;\n  imageUrls?: string[];\n  filteredImageUrls?: (props: IUpdateImages) => void;\n  uploadedImages?: (IFile | string)[];\n  image?: string;\n}\n\nexport interface IWorksheetProps\n  extends IBaseWorksheetProps,\n    IWorksheetCallbackProps,\n    ICueCanvasProps,\n    ICueCanvasCallbackProps,\n    IPointerSyncCallbackProps,\n    IWorksheetPlugins {}\n\nexport interface IWorksheetRef {\n  validateQuestion: (\n    responseId: string,\n    rating?: keyof typeof QUESTIONS_RATING,\n    skipRemainingQuestions?: boolean,\n  ) => void;\n  assignOptionalItems: (itemType: TItemType) => void;\n  skipOptionalItems: (itemType: TItemType) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  allowRetry: (responseId: string) => void;\n}\n\ninterface IWorksheetHeaderLayoutArgs {\n  isPuzzleWorksheet?: boolean;\n  isTestWorksheet?: boolean;\n  imageHue?: THueNames;\n}\n\nexport interface IWorksheetHeaderLayoutProps {\n  (args: IWorksheetHeaderLayoutArgs): {\n    bgColor: TColorNames;\n    borderColor?: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nexport type TWorksheetStoreProps = Omit<\n  IBaseWorksheetProps,\n  'studentName' | 'itemsSignedRequest' | 'mode'\n> &\n  Required<Pick<IBaseWorksheetProps, 'studentName'>> &\n  Omit<IWorksheetCallbackProps, 'onLoaded' | 'onErrored'> &\n  ICueCanvasProps &\n  ICueCanvasCallbackProps &\n  IPointerSyncCallbackProps &\n  IWorksheetPlugins & {\n    behavior: IWorksheetBehavior;\n    learnosityItems: ILearnosityItem[];\n    learnosityResponses?: Record<string, IWorksheetResponse>;\n    learnosity: ILearnosity;\n    appendedQuestionIds: string[];\n  };\n\nexport enum EActiveQuestionTool {\n  TEACHING_TOOLS = 'TEACHING_TOOLS',\n  SOLUTION = 'SOLUTION',\n  DISCUSSION = 'DISCUSSION',\n}\n\nexport interface IWorksheetStoreState {\n  questions: IWorksheetQuestion[];\n  renderableQuestions: IWorksheetQuestion[];\n  responses: Record<string, IWorksheetResponse>;\n  lastUnlockedQuestionIndex: number;\n  initialQuestionId: string;\n  activeQuestionId: string;\n  activeQuestionIndex: number;\n  questionsContainerWidth: number;\n  maxQuestionWidth: number;\n  actionbarHeight: number;\n  summaryVisible: boolean;\n  calculatorVisible: boolean;\n  scribblingEnabled: boolean;\n  activeQuestionTool?: EActiveQuestionTool;\n  blocker?: TWorksheetBlocker;\n  scrolledToInitialQuestion: boolean;\n}\n\n// Actions interface - contains all the methods\ninterface IWorksheetStoreActions {\n  mergeWorksheetProps: (data: TWorksheetStoreProps) => void;\n  setResponses: (\n    responses:\n      | IWorksheetStore['responses']\n      | ((prevResponses: IWorksheetStore['responses']) => IWorksheetStore['responses']),\n  ) => void;\n  showSummary: () => void;\n  hideSummary: () => void;\n  toggleSummary: () => void;\n  toggleCalculator: () => void;\n  toggleScribble: () => void;\n  setBlocker: (blocker?: TWorksheetBlocker) => void;\n  /**\n   *\n   * @param scrollToLastUnlockedQuestion - If true, scrolls to the last unlocked question after removing the blocker. Default is true.\n   * @returns\n   */\n  removeBlocker: (scrollToLastUnlockedQuestion?: boolean) => void;\n  updateResponse: (options: {\n    responseId: string;\n    response: ILearnosityQuestionResponse;\n    score: ILearnosityQuestionScore;\n    timeSpent: number;\n    answerChecked?: boolean;\n  }) => void;\n  updateMediaState: (\n    responseId: string,\n    mediaType: TWORKSHEET_QUESTION_MEDIA_TYPE,\n    mediaState: Record<string, unknown>,\n  ) => void;\n  setDiscussionQuestionOffset: (responseId: string, offset: number) => void;\n  markForReview: (responseId: string, markedForReview: boolean) => void;\n  changeQuestion: (questionId: string, shouldScroll?: boolean, scrollDelay?: number) => void;\n  setActiveQuestionTool: (tool: EActiveQuestionTool) => void;\n  unsetActiveQuestionTool: () => void;\n  destroy: () => void;\n}\n\n// Combined store interface\nexport interface IWorksheetStore\n  extends IWorksheetStoreState,\n    TWorksheetStoreProps,\n    IWorksheetStoreActions {}\n"],"names":["QUESTION_TAGS","QUESTIONS_RATING","EActiveQuestionTool"],"mappings":"AASY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,gBAAgB,iBAFNA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KACAA,EAAAA,EAAA,IAAI,CAAJ,IAAA,KAHUA,IAAAA,KAAA,CAAA,CAAA,GAwjBAC,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,WAAW,YACXA,EAAA,aAAa,cAHHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.d.ts

@@ -934,7 +934,7 @@ export declare const HomeIcon: FC<SVGProps<SVGSVGElement>>;
 
 export declare const HomeworkCardList: NamedExoticComponent<IHWCardListProps>;
 
-declare const hues: readonly ["YELLOW", "ORANGE", "PURPLE", "GREEN", "BLUE"];
+declare const hues: readonly ["YELLOW", "ORANGE", "PURPLE", "GREEN", "BLUE", "RED"];
 
 export declare interface IAboutGameActivitiesProps {
     show?: boolean;
@@ -6690,7 +6690,7 @@ export declare type TCheckboxVariants = 'black' | 'black-dark';
  */
 export declare type TCoachmarkJourneyProps = Omit<ICoachmarkProps, 'isActive'>;
 
-export declare type TColorNames = `${THueNames}_${'1' | '2' | '3' | '4' | '5' | '6'}` | `${'BLACK' | 'WHITE'}_${'1' | '2' | '3' | '4' | '5'}` | `${'GREY'}_${'1' | '2' | '3' | '4'}` | `${'BLACK_T'}_${'02' | '04' | '08' | '15' | '20' | '38' | '60' | '87'}` | `${'WHITE_T'}_${'03' | '05' | '10' | '15' | '38' | '60' | '87'}` | 'BLACK' | `${'BLACK'}_${'50' | '65' | '75' | '10'}` | 'REAL_BLACK' | `${'REAL_BLACK'}_${'10' | '15' | '30' | '50' | '60'}` | 'WHITE' | `${'WHITE'}_${'10' | '20' | '30' | '70'}` | 'RED' | `${'RED'}_${'1' | '2' | '4' | '6'}` | 'TRANSPARENT' | 'FLOWER' | `${'GREEN' | 'PURPLE'}_20`;
+export declare type TColorNames = `${THueNames}_${'1' | '2' | '3' | '4' | '5' | '6'}` | `${'BLACK' | 'WHITE'}_${'1' | '2' | '3' | '4' | '5'}` | `${'GREY'}_${'1' | '2' | '3' | '4'}` | `${'BLACK_T'}_${'02' | '04' | '08' | '15' | '20' | '38' | '60' | '87'}` | `${'WHITE_T'}_${'03' | '05' | '10' | '15' | '38' | '60' | '87'}` | 'BLACK' | `${'BLACK'}_${'50' | '65' | '75' | '10'}` | 'REAL_BLACK' | `${'REAL_BLACK'}_${'10' | '15' | '30' | '50' | '60'}` | 'WHITE' | `${'WHITE'}_${'10' | '20' | '30' | '70'}` | 'RED' | 'TRANSPARENT' | 'FLOWER' | `${'GREEN' | 'PURPLE'}_20`;
 
 export declare type TColorsMap = Record<TColorNames, string>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "4.0.7-as1",
+  "version": "4.0.7-as3",
   "type": "module",
   "files": [
     "dist"
@@ -35,7 +35,7 @@
   "sideEffects": false,
   "devDependencies": {
     "@100mslive/hms-video-store": "0.10.8",
-    "@cuemath/av": "3.0.21-as4",
+    "@cuemath/av": "3.0.21",
     "@cuemath/cue-message-broker": "1.0.37",
     "@cuemath/eslint-config": "2.4.0",
     "@cuemath/prettier-config": "1.0.4",

package/dist/features/worksheet/worksheet/api/subjective-review.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subjective-review.js","sources":["../../../../../src/features/worksheet/worksheet/api/subjective-review.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\ninterface IAWSSignedKeyGet {\n  studentId: string;\n  policy: string;\n  signature: string;\n  awsKey: string;\n  bucketName: string;\n}\n\ninterface IQuery {\n  type: string;\n}\n\nconst { useGet: useAwsSignedKey } = createGetAPI<IAWSSignedKeyGet, IQuery>({\n  getURL: (studentId, query) =>\n    `${BASE_URL_V1}/students/${studentId}/video-signed-key/?${stringify(query)}`,\n});\n\nexport { useAwsSignedKey };\n"],"names":["useAwsSignedKey","createGetAPI","studentId","query","BASE_URL_V1","stringify"],"mappings":";;;AAiBA,MAAM,EAAE,QAAQA,EAAgB,IAAIC,EAAuC;AAAA,EACzE,QAAQ,CAACC,GAAWC,MAClB,GAAGC,CAAW,aAAaF,CAAS,sBAAsBG,EAAUF,CAAK,CAAC;AAC9E,CAAC;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-s3-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-s3-helper.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from '../api/subjective-review';\nimport type { IFile } from '../worksheet-question/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; name?: string }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${item.name ?? 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 {\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":";;;AAsBM,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,MAAiD;AAClF,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGP,CAAO,GAAGK,EAAK,QAAQJ,KAAYO,EAAQ,CAAA;AAgBtD,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,MAAA,QACD;AACI,QAAAV,KAAA,QAAAA;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EAAA;AAIL;"}