@cuemath/leap 4.1.2 → 4.1.3

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

@@ -1,99 +1,83 @@
-import { useState as D, useCallback as _, useEffect as T } from "react";
-import { useLocalPeer as $, useRemotePeers as y, useCaptureMediaStreamImage as L } from "@cuemath/av";
-import { useUIContext as b } from "../../ui/context/context.js";
-import { base64ToFile as U } from "../fraud-alert-modal/fraud-alert-modal-helpers.js";
-import { FRAUD_DETECTION_ANALYTICS_EVENTS as N } from "./report-fraud-analytics.js";
-import d from "../../hooks/use-s3-helper/use-s3-helper.js";
-import { useSendEmail as k } from "../api/send-email.js";
-import { generateEmailBody as v } from "./report-fraud-helper.js";
-const w = { type: "class_fraud_login" }, x = ({
+import { useState as S, useCallback as c, useEffect as T } from "react";
+import { useLocalPeer as l, useRemotePeers as $, useCaptureMediaStreamImage as U } from "@cuemath/av";
+import { useUIContext as N } from "../../ui/context/context.js";
+import { base64ToFile as F } from "../fraud-alert-modal/fraud-alert-modal-helpers.js";
+import { FRAUD_DETECTION_ANALYTICS_EVENTS as L } from "./report-fraud-analytics.js";
+import k from "../../hooks/use-s3-helper/use-s3-helper.js";
+const v = { type: "class_fraud_login" }, w = ({
   teacherId: n,
-  studentId: a,
-  studentClassroomId: r,
-  teacherClassroomId: t,
-  classStartTs: u,
-  studentName: f
+  studentId: t,
+  studentClassroomId: u,
+  teacherClassroomId: _,
+  classStartTs: o,
+  studentName: m
 }) => {
-  const { onEvent: m } = b(), [p, g] = D(!1), e = $(), i = y().find((o) => o.userId === n), c = L(), E = d({
-    studentId: a,
-    query: w
-  }), { post: s } = k(), F = _(
-    (o) => {
-      m(N.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
-        teacher_url: o[0],
-        student_url: o[1],
-        classStartTs: u,
-        teacherId: n,
-        studentId: a,
-        studentClassroomId: r,
-        studentName: f,
-        teacherClassroomId: t
-      }), s({
-        recipient_emails: ["ayush.singhal@cuemath.com"],
-        subject: "Breach of Professional Standards: Fraud Login",
-        body: v({
-          teacherId: n,
-          studentName: f,
-          studentId: a,
-          classStartTs: u,
-          teacherClassroomId: t,
-          studentClassroomId: r,
-          teacherUrl: o[0] || "",
-          studentUrl: o[1] || ""
-        })
+  const { onEvent: r } = N(), [f, g] = S(!1), e = l(), a = $().find((i) => i.userId === n), s = U(), p = k({
+    studentId: t,
+    query: v
+  }), E = c(
+    (i) => {
+      r(L.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
+        teacher_url: i[0],
+        student_url: i[1],
+        class_start_ts: new Date(o * 1e3),
+        teacher_id: n,
+        student_id: t,
+        student_classroom_id: u,
+        student_name: m,
+        teacher_classroom_id: _
       });
     },
     [
-      u,
-      m,
-      s,
+      o,
       r,
-      a,
-      f,
+      u,
       t,
+      m,
+      _,
       n
     ]
-  ), R = _(() => {
-    m("fraud_detection_images_failed", { classStartTs: u, teacherId: n, studentId: a });
-  }, [u, m, a, n]);
+  ), R = c(() => {
+    r("fraud_detection_images_failed", { classStartTs: o, teacherId: n, studentId: t });
+  }, [o, r, t, n]);
   return T(() => {
-    if (!p || !(i != null && i.id) || !(e != null && e.id))
+    if (!f || !(a != null && a.id) || !(e != null && e.id))
       return;
-    const { image: o } = c(i == null ? void 0 : i.id, "camera"), { image: l } = c(e == null ? void 0 : e.id, "camera"), A = U(o, `teacher-${Date.now()}.png`), S = U(l, `student-${Date.now()}.png`);
-    !A || !S || (E({
+    const { image: i } = s(a == null ? void 0 : a.id, "camera"), { image: D } = s(e == null ? void 0 : e.id, "camera"), d = F(i, `teacher-${Date.now()}.png`), A = F(D, `student-${Date.now()}.png`);
+    !d || !A || (p({
       fileKey: "media/class_fraud_login/",
-      onSuccess: F,
+      onSuccess: E,
       onError: R,
       images: [
         {
-          file: A,
-          name: `teacher_${t}_${n}`,
+          file: d,
+          name: `teacher_${_}_${n}`,
           url: ""
         },
         {
-          file: S,
-          name: `student_${r}_${a}`,
+          file: A,
+          name: `student_${u}_${t}`,
           url: ""
         }
       ]
     }), g(!1));
   }, [
-    p,
-    c,
+    f,
+    s,
     e == null ? void 0 : e.id,
     R,
-    F,
-    i == null ? void 0 : i.id,
-    r,
-    a,
+    E,
+    a == null ? void 0 : a.id,
+    u,
     t,
+    _,
     n,
-    E
-  ]), _(() => {
+    p
+  ]), c(() => {
     g(!0);
   }, []);
-}, Q = x;
+}, Y = w;
 export {
-  Q as default
+  Y 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, 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';\nimport { useSendEmail } from '../api/send-email';\nimport { generateEmailBody } from './report-fraud-helper';\n\nconst QUERY = { type: 'class_fraud_login' };\n\nconst useReportFraud = ({\n  teacherId,\n  studentId,\n  studentClassroomId,\n  teacherClassroomId,\n  classStartTs,\n  studentName,\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 { post: sendEmail } = useSendEmail();\n  const onSuccess = useCallback(\n    (urls: string[]) => {\n      onEvent(FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {\n        teacher_url: urls[0],\n        student_url: urls[1],\n        classStartTs,\n        teacherId,\n        studentId,\n        studentClassroomId,\n        studentName,\n        teacherClassroomId,\n      });\n\n      sendEmail({\n        recipient_emails: ['ayush.singhal@cuemath.com'],\n        subject: 'Breach of Professional Standards: Fraud Login',\n        body: generateEmailBody({\n          teacherId,\n          studentName,\n          studentId,\n          classStartTs,\n          teacherClassroomId,\n          studentClassroomId,\n          teacherUrl: urls[0] || '',\n          studentUrl: urls[1] || '',\n        }),\n      });\n    },\n    [\n      classStartTs,\n      onEvent,\n      sendEmail,\n      studentClassroomId,\n      studentId,\n      studentName,\n      teacherClassroomId,\n      teacherId,\n    ],\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","studentName","onEvent","useUIContext","canTrackEvent","setCanTrackEvent","useState","localpeer","useLocalPeer","remotePeer","useRemotePeers","peer","captureMediaStreamImage","useCaptureMediaStreamImage","uploadImages","useS3ImageUploadHelper","sendEmail","useSendEmail","onSuccess","useCallback","urls","FRAUD_DETECTION_ANALYTICS_EVENTS","generateEmailBody","onError","useEffect","teacherImage","studentImage","teacherFile","base64ToFile","studentFile","useReportFraud$1"],"mappings":"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"}
+{"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  studentName,\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        teacher_url: urls[0],\n        student_url: urls[1],\n        class_start_ts: new Date(classStartTs * 1000),\n        teacher_id: teacherId,\n        student_id: studentId,\n        student_classroom_id: studentClassroomId,\n        student_name: studentName,\n        teacher_classroom_id: teacherClassroomId,\n      });\n    },\n    [\n      classStartTs,\n      onEvent,\n      studentClassroomId,\n      studentId,\n      studentName,\n      teacherClassroomId,\n      teacherId,\n    ],\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","studentName","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;AAAA,EACA,aAAAC;AACF,MAA2B;AACnB,QAAA,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClDC,IAAYC,KACZC,IAAaC,EAAe,EAAE,KAAK,CAAQC,MAAAA,EAAK,WAAWf,CAAS,GACpEgB,IAA0BC,KAC1BC,IAAeC,EAAuB;AAAA,IAC1C,WAAAlB;AAAA,IACA,OAAOH;AAAA,EAAA,CACR,GACKsB,IAAYC;AAAA,IAChB,CAACC,MAAmB;AAClB,MAAAhB,EAAQiB,EAAiC,8CAA8C;AAAA,QACrF,aAAaD,EAAK,CAAC;AAAA,QACnB,aAAaA,EAAK,CAAC;AAAA,QACnB,gBAAgB,IAAI,KAAKlB,IAAe,GAAI;AAAA,QAC5C,YAAYJ;AAAA,QACZ,YAAYC;AAAA,QACZ,sBAAsBC;AAAA,QACtB,cAAcG;AAAA,QACd,sBAAsBF;AAAA,MAAA,CACvB;AAAA,IACH;AAAA,IACA;AAAA,MACEC;AAAA,MACAE;AAAA,MACAJ;AAAA,MACAD;AAAA,MACAI;AAAA,MACAF;AAAA,MACAH;AAAA,IACF;AAAA,EAAA,GAGIwB,IAAUH,EAAY,MAAM;AAChC,IAAAf,EAAQ,iCAAiC,EAAE,cAAAF,GAAc,WAAAJ,GAAW,WAAAC,EAAW,CAAA;AAAA,KAC9E,CAACG,GAAcE,GAASL,GAAWD,CAAS,CAAC;AAEhD,SAAAyB,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,WAAWzB,CAAkB,IAAIH,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAM8B;AAAA,UACN,MAAM,WAAW5B,CAAkB,IAAID,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD,GAEDQ,EAAiB,EAAK;AAAA,EAAA,GACrB;AAAA,IACDD;AAAA,IACAQ;AAAA,IACAL,KAAA,gBAAAA,EAAW;AAAA,IACXa;AAAA,IACAJ;AAAA,IACAP,KAAA,gBAAAA,EAAY;AAAA,IACZX;AAAA,IACAD;AAAA,IACAE;AAAA,IACAH;AAAA,IACAkB;AAAA,EAAA,CACD,GAEmCG,EAAY,MAAM;AACpD,IAAAZ,EAAiB,EAAI;AAAA,EACvB,GAAG,CAAE,CAAA;AAGP,GAEAsB,IAAehC;"}

package/dist/features/math-fit/math-fit-report/comps/score-section/score-section.js

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { memo as X, useCallback as _, Fragment as w } from "react";
-import { useTheme as y } from "styled-components";
-import G from "../../../../ui/buttons/button/button.js";
+import { useTheme as G } from "styled-components";
+import L from "../../../../ui/buttons/button/button.js";
 import o from "../../../../ui/layout/flex-view.js";
-import d from "../../../../ui/text/text.js";
-import L from "../score-badge/score-badge.js";
+import a from "../../../../ui/text/text.js";
+import y from "../score-badge/score-badge.js";
 import { Divider as K } from "./score-section-styled.js";
 import g from "../../../../ui/separator/separator.js";
 import { getQuestionStatusBgColor as j } from "../../math-fit-report-helpers.js";
@@ -12,33 +12,33 @@ import { EQuestionState as u } from "../../../math-fit-overview/math-fit-overvie
 import { EDeviceType as k } from "../../../../ui/theme/constants.js";
 import M from "../../../../ui/tag/tag.js";
 const V = X(function({
-  onReviewSection: l,
-  section: m,
-  sheet: f,
-  compactView: s = !1,
+  onReviewSection: n,
+  section: l,
+  sheet: d,
+  compactView: m = !1,
   showReviewButton: x = !0
 }) {
   const {
-    title: b,
-    score: p,
-    scoreChange: C,
-    sessionId: $,
-    isIncomplete: t = !1,
-    sectionNumber: T,
+    title: C,
+    score: f,
+    scoreChange: T,
+    sessionId: p,
+    isIncomplete: $ = !1,
+    sectionNumber: b,
     topics: I
-  } = m, { device: A } = y(), c = A <= k.MOBILE, h = [...I ?? []].sort((i, a) => i.miniGoal.order - a.miniGoal.order), E = c || s ? "column" : "row", S = c || s ? "" : "center", B = c || s ? 0.5 : 0, D = _(() => {
-    !t && m.sheet && l && l(f, $);
-  }, [t, l, m.sheet, f, $]);
+  } = l, { device: A } = G(), s = A <= k.MOBILE, h = [...I ?? []].sort((t, c) => t.miniGoal.order - c.miniGoal.order), E = s || m ? "column" : "row", S = s || m ? "" : "center", B = s || m ? 0.5 : 0, D = _(() => {
+    l.sheet && n && n(d, p);
+  }, [n, l.sheet, d, p]);
   return /* @__PURE__ */ r(o, { children: [
     /* @__PURE__ */ r(o, { $flexDirection: "row", $alignItems: "center", children: [
-      /* @__PURE__ */ r(d, { $renderAs: "ab2-bold", $color: "BLACK_1", children: [
-        b,
+      /* @__PURE__ */ r(a, { $renderAs: "ab2-bold", $color: "BLACK_1", children: [
+        C,
         ":"
       ] }),
       /* @__PURE__ */ e(g, { width: 4 }),
-      t ? /* @__PURE__ */ e(M, { text: "INCOMPLETE", size: "8px" }) : p && /* @__PURE__ */ e(L, { score: p, maxScore: 10, scoreChange: C })
+      $ ? /* @__PURE__ */ e(M, { text: "INCOMPLETE", size: "8px" }) : f && /* @__PURE__ */ e(y, { score: f, maxScore: 10, scoreChange: T })
     ] }),
-    /* @__PURE__ */ e(o, { $flexRowGapX: 0.5, $gapX: 0.75, children: h.map((i, a) => /* @__PURE__ */ r(w, { children: [
+    /* @__PURE__ */ e(o, { $flexRowGapX: 0.5, $gapX: 0.75, children: h.map((t, c) => /* @__PURE__ */ r(w, { children: [
       /* @__PURE__ */ r(
         o,
         {
@@ -47,8 +47,8 @@ const V = X(function({
           $alignItems: S,
           $flexRowGapX: B,
           children: [
-            /* @__PURE__ */ e(d, { $renderAs: "ub2", $color: t ? "BLACK_T_38" : "BLACK_1", children: i.name }),
-            /* @__PURE__ */ e(o, { $flexGapX: 0.5, $flexDirection: "row", $flexWrap: !0, children: i.miniGoal.items.map((n) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(a, { $renderAs: "ub2", $color: $ ? "BLACK_T_38" : "BLACK_1", children: t.name }),
+            /* @__PURE__ */ e(o, { $flexGapX: 0.5, $flexDirection: "row", $flexWrap: !0, children: t.miniGoal.items.map((i) => /* @__PURE__ */ e(
               o,
               {
                 $heightX: 1.25,
@@ -56,36 +56,35 @@ const V = X(function({
                 $alignItems: "center",
                 $justifyContent: "center",
                 $borderRadiusX: 1,
-                $background: j(n.state),
+                $background: j(i.state),
                 children: /* @__PURE__ */ r(
-                  d,
+                  a,
                   {
                     $renderAs: "ub4",
-                    $color: n.state === u.SKIPPED || n.state === u.UNATTEMPTED ? "BLACK_T_38" : "WHITE",
+                    $color: i.state === u.SKIPPED || i.state === u.UNATTEMPTED ? "BLACK_T_38" : "WHITE",
                     children: [
                       "Q",
-                      n.order
+                      i.order
                     ]
                   }
                 )
               },
-              n.item_reference
+              i.item_reference
             )) })
           ]
         }
       ),
-      a !== h.length - 1 && /* @__PURE__ */ e(K, {})
-    ] }, i.name)) }),
+      c !== h.length - 1 && /* @__PURE__ */ e(K, {})
+    ] }, t.name)) }),
     x && /* @__PURE__ */ r(o, { $alignItems: "center", children: [
       /* @__PURE__ */ e(g, { heightX: 0.75 }),
       /* @__PURE__ */ e(
-        G,
+        L,
         {
-          label: `Review Section ${T}`,
-          renderAs: t ? "secondary" : "primary",
+          label: `Review Section ${b}`,
+          renderAs: "primary",
           size: "small",
-          onClick: D,
-          disabled: t
+          onClick: D
         }
       )
     ] })

package/dist/features/math-fit/math-fit-report/comps/score-section/score-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"score-section.js","sources":["../../../../../../src/features/math-fit/math-fit-report/comps/score-section/score-section.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ScoreBadge from '../score-badge/score-badge';\nimport type { IScoreSectionProps } from './score-section-types';\nimport * as Styled from './score-section-styled';\nimport Separator from '../../../../ui/separator/separator';\nimport { getQuestionStatusBgColor } from '../../math-fit-report-helpers';\nimport { EQuestionState } from '../../../math-fit-overview/math-fit-overview-types';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport Tag from '../../../../ui/tag/tag';\n\nconst ScoreSection: FC<IScoreSectionProps> = memo(function ScoreSection({\n  onReviewSection,\n  section,\n  sheet,\n  compactView = false,\n  showReviewButton = true,\n}) {\n  const {\n    title,\n    score,\n    scoreChange,\n    sessionId,\n    isIncomplete = false,\n    sectionNumber,\n    topics,\n  } = section;\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  const sortedTopics = [...(topics ?? [])].sort((a, b) => a.miniGoal.order - b.miniGoal.order);\n  const layoutDirection = isMobile || compactView ? 'column' : 'row';\n  const alignment = isMobile || compactView ? '' : 'center';\n  const gap = isMobile || compactView ? 0.5 : 0;\n\n  const onClickReview = useCallback(() => {\n    if (!isIncomplete && section.sheet && onReviewSection) {\n      onReviewSection(sheet, sessionId);\n    }\n  }, [isIncomplete, onReviewSection, section.sheet, sheet, sessionId]);\n\n  return (\n    <FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n          {title}:\n        </Text>\n        <Separator width={4} />\n        {isIncomplete ? (\n          <Tag text=\"INCOMPLETE\" size=\"8px\" />\n        ) : (\n          score && <ScoreBadge score={score} maxScore={10} scoreChange={scoreChange} />\n        )}\n      </FlexView>\n      <FlexView $flexRowGapX={0.5} $gapX={0.75}>\n        {sortedTopics.map((topic, index) => (\n          <Fragment key={topic.name}>\n            <FlexView\n              $flexDirection={layoutDirection}\n              $justifyContent=\"space-between\"\n              $alignItems={alignment}\n              $flexRowGapX={gap}\n            >\n              <Text $renderAs=\"ub2\" $color={isIncomplete ? 'BLACK_T_38' : 'BLACK_1'}>\n                {topic.name}\n              </Text>\n              <FlexView $flexGapX={0.5} $flexDirection=\"row\" $flexWrap>\n                {topic.miniGoal.items.map(question => (\n                  <FlexView\n                    key={question.item_reference}\n                    $heightX={1.25}\n                    $gutterX={0.5}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                    $borderRadiusX={1}\n                    $background={getQuestionStatusBgColor(question.state)}\n                  >\n                    <Text\n                      $renderAs=\"ub4\"\n                      $color={\n                        question.state === EQuestionState.SKIPPED ||\n                        question.state === EQuestionState.UNATTEMPTED\n                          ? 'BLACK_T_38'\n                          : 'WHITE'\n                      }\n                    >\n                      Q{question.order}\n                    </Text>\n                  </FlexView>\n                ))}\n              </FlexView>\n            </FlexView>\n            {index !== sortedTopics.length - 1 && <Styled.Divider />}\n          </Fragment>\n        ))}\n      </FlexView>\n      {showReviewButton && (\n        <FlexView $alignItems=\"center\">\n          <Separator heightX={0.75} />\n          <Button\n            label={`Review Section ${sectionNumber}`}\n            renderAs={isIncomplete ? 'secondary' : 'primary'}\n            size=\"small\"\n            onClick={onClickReview}\n            disabled={isIncomplete}\n          />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ScoreSection;\n"],"names":["ScoreSection","memo","onReviewSection","section","sheet","compactView","showReviewButton","title","score","scoreChange","sessionId","isIncomplete","sectionNumber","topics","device","useTheme","isMobile","EDeviceType","sortedTopics","a","b","layoutDirection","alignment","gap","onClickReview","useCallback","FlexView","jsxs","Text","jsx","Separator","Tag","ScoreBadge","topic","index","Fragment","question","getQuestionStatusBgColor","EQuestionState","Styled.Divider","Button"],"mappings":"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"}
+{"version":3,"file":"score-section.js","sources":["../../../../../../src/features/math-fit/math-fit-report/comps/score-section/score-section.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport ScoreBadge from '../score-badge/score-badge';\nimport type { IScoreSectionProps } from './score-section-types';\nimport * as Styled from './score-section-styled';\nimport Separator from '../../../../ui/separator/separator';\nimport { getQuestionStatusBgColor } from '../../math-fit-report-helpers';\nimport { EQuestionState } from '../../../math-fit-overview/math-fit-overview-types';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport Tag from '../../../../ui/tag/tag';\n\nconst ScoreSection: FC<IScoreSectionProps> = memo(function ScoreSection({\n  onReviewSection,\n  section,\n  sheet,\n  compactView = false,\n  showReviewButton = true,\n}) {\n  const {\n    title,\n    score,\n    scoreChange,\n    sessionId,\n    isIncomplete = false,\n    sectionNumber,\n    topics,\n  } = section;\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  const sortedTopics = [...(topics ?? [])].sort((a, b) => a.miniGoal.order - b.miniGoal.order);\n  const layoutDirection = isMobile || compactView ? 'column' : 'row';\n  const alignment = isMobile || compactView ? '' : 'center';\n  const gap = isMobile || compactView ? 0.5 : 0;\n\n  const onClickReview = useCallback(() => {\n    if (section.sheet && onReviewSection) {\n      onReviewSection(sheet, sessionId);\n    }\n  }, [onReviewSection, section.sheet, sheet, sessionId]);\n\n  return (\n    <FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ab2-bold\" $color=\"BLACK_1\">\n          {title}:\n        </Text>\n        <Separator width={4} />\n        {isIncomplete ? (\n          <Tag text=\"INCOMPLETE\" size=\"8px\" />\n        ) : (\n          score && <ScoreBadge score={score} maxScore={10} scoreChange={scoreChange} />\n        )}\n      </FlexView>\n      <FlexView $flexRowGapX={0.5} $gapX={0.75}>\n        {sortedTopics.map((topic, index) => (\n          <Fragment key={topic.name}>\n            <FlexView\n              $flexDirection={layoutDirection}\n              $justifyContent=\"space-between\"\n              $alignItems={alignment}\n              $flexRowGapX={gap}\n            >\n              <Text $renderAs=\"ub2\" $color={isIncomplete ? 'BLACK_T_38' : 'BLACK_1'}>\n                {topic.name}\n              </Text>\n              <FlexView $flexGapX={0.5} $flexDirection=\"row\" $flexWrap>\n                {topic.miniGoal.items.map(question => (\n                  <FlexView\n                    key={question.item_reference}\n                    $heightX={1.25}\n                    $gutterX={0.5}\n                    $alignItems=\"center\"\n                    $justifyContent=\"center\"\n                    $borderRadiusX={1}\n                    $background={getQuestionStatusBgColor(question.state)}\n                  >\n                    <Text\n                      $renderAs=\"ub4\"\n                      $color={\n                        question.state === EQuestionState.SKIPPED ||\n                        question.state === EQuestionState.UNATTEMPTED\n                          ? 'BLACK_T_38'\n                          : 'WHITE'\n                      }\n                    >\n                      Q{question.order}\n                    </Text>\n                  </FlexView>\n                ))}\n              </FlexView>\n            </FlexView>\n            {index !== sortedTopics.length - 1 && <Styled.Divider />}\n          </Fragment>\n        ))}\n      </FlexView>\n      {showReviewButton && (\n        <FlexView $alignItems=\"center\">\n          <Separator heightX={0.75} />\n          <Button\n            label={`Review Section ${sectionNumber}`}\n            renderAs=\"primary\"\n            size=\"small\"\n            onClick={onClickReview}\n          />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ScoreSection;\n"],"names":["ScoreSection","memo","onReviewSection","section","sheet","compactView","showReviewButton","title","score","scoreChange","sessionId","isIncomplete","sectionNumber","topics","device","useTheme","isMobile","EDeviceType","sortedTopics","a","b","layoutDirection","alignment","gap","onClickReview","useCallback","FlexView","jsxs","Text","jsx","Separator","Tag","ScoreBadge","topic","index","Fragment","question","getQuestionStatusBgColor","EQuestionState","Styled.Divider","Button"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-helpers.js

@@ -1,12 +1,12 @@
 import _ from "../../../assets/line-icons/icons/bulb2.js";
 import f from "../../../assets/line-icons/icons/edit-star.js";
 import E from "../../../assets/line-icons/icons/edit2.js";
-import h from "../../../assets/line-icons/icons/practice.js";
+import T from "../../../assets/line-icons/icons/practice.js";
 import C from "../../../assets/line-icons/icons/question-letter.js";
-import w from "../../../assets/line-icons/icons/star2.js";
+import I from "../../../assets/line-icons/icons/star2.js";
 import s from "../constants/events.js";
-import { ACTION_BAR_HEIGHT as T, QUESTION_WIDTH as d, SPLIT_QUESTION_WIDTH as I, CLOZE_FORMULA_RESPONSE_LIMIT as S } from "./constants.js";
-const k = ({
+import { ACTION_BAR_HEIGHT as h, QUESTION_WIDTH as d, SPLIT_QUESTION_WIDTH as w, CLOZE_FORMULA_RESPONSE_LIMIT as S } from "./constants.js";
+const O = ({
   questions: e,
   initialQuestion: t,
   initialResponseId: r,
@@ -15,18 +15,18 @@ const k = ({
   lastAttemptableQuestionIndex: c
 }) => {
   var u, l;
-  const i = e.slice(0, o + 1), m = e[o], p = e[c];
+  const i = e.slice(0, o + 1), m = e[o], g = e[c];
   if (r && i.find((a) => a.response_id === r))
     return r;
   if (typeof n == "number" && n <= m.item_number) {
-    const a = e.find((g) => g.item_number === n);
+    const a = e.find((p) => p.item_number === n);
     if (a != null && a.response_id)
       return a.response_id;
   }
   if (t === "FIRST" && ((u = e[0]) != null && u.response_id))
     return e[0].response_id;
   if (t === "CURRENT")
-    return p.response_id;
+    return g.response_id;
   if ((l = e[0]) != null && l.response_id)
     return e[0].response_id;
   throw new Error("Initial question not found");
@@ -52,22 +52,22 @@ function v(e, t) {
     distractor_rationale_response_level: r.metadata.distractor_rationale_response_level
   };
 }
-const x = (e) => e.reduce(
+const W = (e) => e.reduce(
   (t, r) => ({
     ...t,
     [r.response_id]: v(e, r.response_id)
   }),
   {}
-), Q = (e, t) => {
+), k = (e, t) => {
   const { actionBar: r } = t;
   return {
     questionsContainerWidth: !e.some(
       (c) => c.questions.some((i) => i.stimulus_review)
-    ) ? d : I,
+    ) ? d : w,
     maxQuestionWidth: d,
-    actionbarHeight: r === "bottom" ? T : 0
+    actionbarHeight: r === "bottom" ? h : 0
   };
-}, W = (e, { animation: t = !1, block: r = "start" } = {}) => {
+}, Q = (e, { animation: t = !1, block: r = "start" } = {}) => {
   const n = document.querySelectorAll(`.widget-${e}`)[0];
   n && n.scrollIntoView({
     block: r,
@@ -86,7 +86,7 @@ const x = (e) => e.reduce(
     return !(n && n.score === n.max_score);
   }
   return !1;
-}, $ = (e) => {
+}, U = (e) => {
   window.MathJax = {
     options: {
       enableMenu: !1,
@@ -129,7 +129,7 @@ const x = (e) => e.reduce(
       matchFontHeight: !1
     }
   };
-}, U = (e) => {
+}, $ = (e) => {
   const { item_type: t, instructor_stimulus: r } = e, n = r == null ? void 0 : r.toLowerCase();
   switch (t) {
     case "overview":
@@ -149,7 +149,7 @@ const x = (e) => e.reduce(
     default:
       return n === "learn" ? "blue" : n === "try" || n === "apply" ? "green" : "yellow";
   }
-}, F = (e) => `https://cuemath-intel.s3.ap-southeast-1.amazonaws.com/media/math-canvas/paper-${e}.png`, G = (e, t) => {
+}, H = (e) => `https://cuemath-intel.s3.ap-southeast-1.amazonaws.com/media/math-canvas/paper-${e}.png`, F = (e, t) => {
   if (!t)
     return "GREY_3";
   switch (e) {
@@ -167,7 +167,7 @@ const x = (e) => e.reduce(
     default:
       return "GREY_3";
   }
-}, H = (e) => {
+}, G = (e) => {
   switch (e) {
     case "learning":
       return "BLUE_1";
@@ -204,7 +204,7 @@ const x = (e) => e.reduce(
     case "learning":
       return _;
     case "practice":
-      return h;
+      return T;
     case "practice-basic":
       return E;
     case "practice-regular":
@@ -212,7 +212,7 @@ const x = (e) => e.reduce(
     case "exit-ticket":
       return C;
     case "advanced":
-      return w;
+      return I;
     default:
       return _;
   }
@@ -221,19 +221,28 @@ const x = (e) => e.reduce(
 ) : !1, D = ({
   isPuzzleWorksheet: e,
   isTestWorksheet: t,
-  imageHue: r = "BLUE"
+  imageHue: r = "BLUE",
+  userType: n
 }) => e ? {
   bgColor: `${r}_3`,
   borderColor: `${r}_4`,
-  textColor: "BLACK_T_87"
-} : t ? {
+  textColor: "BLACK_T_87",
+  alignTextItem: "center"
+} : t ? n === "STUDENT" ? {
+  bgColor: "BLACK",
+  borderColor: "WHITE_4",
+  textColor: "WHITE",
+  alignTextItem: "center"
+} : {
   bgColor: "WHITE_3",
   borderColor: "WHITE_4",
-  textColor: "BLACK_T_87"
+  textColor: "BLACK_T_87",
+  alignTextItem: "flex-start"
 } : {
   bgColor: "BLACK",
   borderColor: "BLACK_4",
-  textColor: "WHITE"
+  textColor: "WHITE",
+  alignTextItem: "center"
 }, V = (e) => e ? `${e}_1` : "BLUE_1", X = (e) => {
   if (!e)
     return !1;
@@ -242,23 +251,23 @@ const x = (e) => e.reduce(
 };
 export {
   K as checkIsClozeFormulaResponseInvalid,
-  k as getInitialQuestionId,
-  x as getInitialResponses,
-  H as getNavigationSectionBackgroundColor,
+  O as getInitialQuestionId,
+  W as getInitialResponses,
+  G as getNavigationSectionBackgroundColor,
   z as getNavigationSectionIcon,
   Y as getNavigationSectionName,
-  U as getPaperColorByQuestion,
+  $ as getPaperColorByQuestion,
   V as getPuzzleWorksheetBackgroundColor,
-  F as getQuestionBackgroundImage,
-  G as getQuestionBorderColor,
+  H as getQuestionBackgroundImage,
+  F as getQuestionBorderColor,
   v as getQuestionMetadata,
-  Q as getWorksheetDimensions,
+  k as getWorksheetDimensions,
   D as getWorksheetHeaderLayout,
   X as isConceptIntroWidget,
   A as isOkayTypeQuestion,
   J as isSATAssessmentNode,
   P as isTeacherInterventionNeeded,
-  W as scrollToQuestion,
-  $ as setMathJaxConfigInWindow
+  Q as scrollToQuestion,
+  U as setMathJaxConfigInWindow
 };
 //# sourceMappingURL=worksheet-helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"worksheet-helpers.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-helpers.ts"],"sourcesContent":["import Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport EditStarIcon from '../../../assets/line-icons/icons/edit-star';\nimport Edit2Icon from '../../../assets/line-icons/icons/edit2';\nimport PracticeIcon from '../../../assets/line-icons/icons/practice';\nimport QuestionLetterIcon from '../../../assets/line-icons/icons/question-letter';\nimport Star2Icon from '../../../assets/line-icons/icons/star2';\nimport { type NODE_TYPES } from '../../../types/models/worksheet';\nimport type { TColorNames, THueNames } from '../../ui/types';\nimport EVENTS from '../constants/events';\nimport {\n  ACTION_BAR_HEIGHT,\n  CLOZE_FORMULA_RESPONSE_LIMIT,\n  QUESTION_WIDTH,\n  SPLIT_QUESTION_WIDTH,\n} from './constants';\nimport type { TWorksheetQuestionPaperColor } from './worksheet-question/worksheet-question-types';\nimport {\n  type ILearnosityItem,\n  type ILearnosityQuestion,\n  type ILearnosityQuestionResponse,\n  type IWorksheetBehavior,\n  type IWorksheetHeaderLayoutProps,\n  type IWorksheetLayout,\n  type IWorksheetQuestion,\n  type IWorksheetResponse,\n  type TInstructorStimulus,\n  type TSectionName,\n} from './worksheet-types';\n\ninterface IGetInitialQuestionId {\n  (params: {\n    questions: IWorksheetQuestion[];\n    initialQuestion: IWorksheetBehavior['initialQuestion'];\n    lastUnlockedQuestionIndex: number;\n    lastAttemptableQuestionIndex: number;\n    initialResponseId?: string;\n    initialItemIndex?: number;\n  }): string;\n}\n\nconst getInitialQuestionId: IGetInitialQuestionId = ({\n  questions,\n  initialQuestion,\n  initialResponseId,\n  initialItemIndex,\n  lastUnlockedQuestionIndex,\n  lastAttemptableQuestionIndex,\n}) => {\n  const unlockedQuestions = questions.slice(0, lastUnlockedQuestionIndex + 1);\n  const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex]!;\n  const lastAttemptableQuestion = questions[lastAttemptableQuestionIndex]!;\n\n  if (initialResponseId && unlockedQuestions.find(q => q.response_id === initialResponseId)) {\n    return initialResponseId;\n  }\n\n  if (\n    typeof initialItemIndex === 'number' &&\n    initialItemIndex <= lastUnlockedQuestion.item_number\n  ) {\n    const question = questions.find(q => q.item_number === initialItemIndex);\n\n    if (question?.response_id) {\n      return question.response_id;\n    }\n  }\n\n  if (initialQuestion === 'FIRST' && questions[0]?.response_id) {\n    return questions[0].response_id;\n  }\n\n  if (initialQuestion === 'CURRENT') {\n    return lastAttemptableQuestion.response_id;\n  }\n\n  if (questions[0]?.response_id) {\n    return questions[0].response_id;\n  }\n\n  throw new Error('Initial question not found');\n};\n\ntype TQuestionMetadata = Pick<\n  IWorksheetResponse,\n  | 'widgetReference'\n  | 'itemReference'\n  | 'itemPosition'\n  | 'questionPosition'\n  | 'isOkayTypeQuestion'\n  | 'score'\n  | 'tags'\n> & {\n  distractor_rationale_response_level?: IWorksheetResponse['distractor_rationale_response_level'];\n};\n\nfunction getQuestionMetadata(\n  questions: IWorksheetQuestion[],\n  questionId: string,\n): TQuestionMetadata;\nfunction getQuestionMetadata(question: IWorksheetQuestion): TQuestionMetadata;\nfunction getQuestionMetadata(\n  questions: IWorksheetQuestion | IWorksheetQuestion[],\n  questionId?: string,\n): TQuestionMetadata {\n  const question = Array.isArray(questions)\n    ? questions.find(q => q.response_id === questionId)\n    : questions;\n\n  if (!question) {\n    throw new Error(`Question with id ${questionId} not found`);\n  }\n\n  return {\n    widgetReference: question.metadata.widget_reference,\n    itemReference: question.item_reference,\n    itemPosition: question.item_number,\n    questionPosition: question.question_number,\n    isOkayTypeQuestion: isOkayTypeQuestion(question),\n    score: {\n      max_score:\n        question?.validation?.valid_response?.score ?? 0 * question.metadata.valid_response_count,\n    },\n    tags: {\n      ...question.item_tags_map,\n      instructor_stimulus: question.instructor_stimulus ?? '',\n    },\n    distractor_rationale_response_level: question.metadata.distractor_rationale_response_level,\n  };\n}\n\ninterface IGetInitialResponses {\n  (questions: IWorksheetQuestion[]): Record<string, IWorksheetResponse>;\n}\n\nconst getInitialResponses: IGetInitialResponses = questions => {\n  return questions.reduce(\n    (acc, question) => ({\n      ...acc,\n      [question.response_id]: getQuestionMetadata(questions, question.response_id),\n    }),\n    {},\n  );\n};\n\ninterface IGetWorksheetDimensions {\n  (\n    items: ILearnosityItem[],\n    layout: IWorksheetLayout,\n  ): {\n    questionsContainerWidth: number;\n    maxQuestionWidth: number;\n    actionbarHeight: number;\n  };\n}\n\nconst getWorksheetDimensions: IGetWorksheetDimensions = (items, layout) => {\n  const { actionBar } = layout;\n  const isSingleColumn = !items.some(item =>\n    item.questions.some(question => question.stimulus_review),\n  );\n  const actionbarHeight = actionBar === 'bottom' ? ACTION_BAR_HEIGHT : 0;\n\n  return {\n    questionsContainerWidth: isSingleColumn ? QUESTION_WIDTH : SPLIT_QUESTION_WIDTH,\n    maxQuestionWidth: QUESTION_WIDTH,\n    actionbarHeight,\n  };\n};\n\ninterface IScrollToQuestion {\n  (questionId: string, params?: { animation?: boolean; block?: 'start' | 'end' }): void;\n}\n\nconst scrollToQuestion: IScrollToQuestion = (\n  questionId,\n  { animation = false, block = 'start' } = {},\n) => {\n  const $questionEl = document.querySelectorAll(`.widget-${questionId}`)[0];\n\n  if ($questionEl) {\n    $questionEl.scrollIntoView({\n      block,\n      behavior: animation ? 'smooth' : 'instant',\n    });\n  }\n};\n\ninterface IIsOkayTypeQuestion {\n  (question: IWorksheetQuestion | ILearnosityQuestion): boolean;\n}\n\nconst isOkayTypeQuestion: IIsOkayTypeQuestion = question => {\n  const { type, options, instructor_stimulus } = question;\n  const itemType = 'item_type' in question ? question.item_type : undefined;\n\n  if (\n    itemType === 'overview' ||\n    instructor_stimulus === 'Intro' ||\n    instructor_stimulus === 'SystemIntro' ||\n    instructor_stimulus === 'Concept-Intro'\n  ) {\n    return true;\n  }\n\n  return type === 'mcq' && options?.length === 1 ? true : false;\n};\n\ninterface IIsTeacherInterventionNeeded {\n  (params: {\n    attemptsAfterTeacherInterventionNeeded: number | undefined;\n    attemptsHistory: IWorksheetResponse['attemptsHistory'];\n  }): boolean;\n}\n\nconst isTeacherInterventionNeeded: IIsTeacherInterventionNeeded = ({\n  attemptsAfterTeacherInterventionNeeded,\n  attemptsHistory,\n}) => {\n  if (\n    attemptsAfterTeacherInterventionNeeded &&\n    (attemptsHistory?.length ?? 0) >= attemptsAfterTeacherInterventionNeeded\n  ) {\n    const score = attemptsHistory?.slice(-1)[0]?.score;\n\n    if (score && score.score === score.max_score) {\n      return false;\n    }\n\n    return true;\n  }\n\n  return false;\n};\n\nconst setMathJaxConfigInWindow = (\n  logger: (eventName: string, data?: Record<string, unknown>) => void,\n) => {\n  window.MathJax = {\n    options: {\n      enableMenu: false,\n      ignoreHtmlClass: 'lrn_noMath',\n      compileError: function (doc, math, err) {\n        logger(EVENTS.MATHJAX_COMPILE_ERROR);\n        doc.compileError(math, err);\n      },\n      typesetError: function (doc, math, err) {\n        logger(EVENTS.MATHJAX_TYPESET_ERROR);\n        doc.typesetError(math, err);\n        // throw new Error('typesetError');\n      },\n    },\n    tex: {\n      inlineMath: [\n        ['\\\\(', '\\\\)'],\n        ['$$', '$$'],\n      ],\n      displayMath: [['\\\\[', '\\\\]']],\n      macros: {\n        abs: ['{|#1|}', 1],\n        degree: ['°'],\n        longdiv: ['{\\\\enclose{longdiv}{#1}}', 1],\n        atomic: ['{_{#1}^{#2}}', 2],\n        polyatomic: ['{_{#2}{}^{#1}}', 2],\n        circledot: ['{\\\\odot}'],\n        parallelogram: ['\\\\unicode{x25B1}'],\n        ngtr: ['\\\\unicode{x226F}'],\n        nless: ['\\\\unicode{x226E}'],\n        MathQuillVarField: ['#1', 1],\n        overarc: ['{\\\\overparen{#1}}', 1],\n      },\n      formatError: (jax, err) => {\n        logger(EVENTS.MATHJAX_FORMAT_ERROR, {\n          id: err.id,\n          message: err.message,\n        });\n        jax.formatError(err);\n      },\n    },\n    chtml: {\n      minScale: 1,\n      matchFontHeight: false,\n    },\n  };\n};\n\ninterface IGetPaperColorByQuestion {\n  (question: IWorksheetQuestion): TWorksheetQuestionPaperColor;\n}\n\nconst getPaperColorByQuestion: IGetPaperColorByQuestion = question => {\n  const { item_type, instructor_stimulus } = question;\n  const lowerCaseInstructorStimulus = instructor_stimulus?.toLowerCase();\n\n  switch (item_type) {\n    case 'overview':\n    case 'learning':\n      return 'blue';\n    case 'learning-we-do':\n    case 'learning-your-turn':\n    case 'learning-explore':\n      if (\n        lowerCaseInstructorStimulus === 'instruction' ||\n        lowerCaseInstructorStimulus === 'intro' ||\n        lowerCaseInstructorStimulus === 'concept-intro'\n      ) {\n        return 'blue';\n      }\n\n      if (lowerCaseInstructorStimulus === 'task') {\n        return 'green';\n      }\n\n      return 'yellow';\n    case 'practice-basic':\n    case 'practice-regular':\n      return 'yellow';\n    case 'exit-ticket':\n      return 'purple';\n    case 'advanced-practice':\n      return 'orange';\n    default:\n      if (lowerCaseInstructorStimulus === 'learn') return 'blue';\n\n      if (lowerCaseInstructorStimulus === 'try' || lowerCaseInstructorStimulus === 'apply')\n        return 'green';\n\n      return 'yellow';\n  }\n};\n\nconst getQuestionBackgroundImage = (paperColor: TWorksheetQuestionPaperColor) => {\n  return `https://cuemath-intel.s3.ap-southeast-1.amazonaws.com/media/math-canvas/paper-${paperColor}.png`;\n};\n\nconst getQuestionBorderColor = (\n  paperColor: TWorksheetQuestionPaperColor,\n  isActive?: boolean,\n): TColorNames => {\n  if (!isActive) {\n    return 'GREY_3';\n  }\n\n  switch (paperColor) {\n    case 'orange':\n    case 'white':\n      return 'ORANGE_2';\n    case 'blue':\n      return 'BLUE_2';\n    case 'green':\n      return 'GREEN_2';\n    case 'yellow':\n      return 'YELLOW_2';\n    case 'purple':\n      return 'PURPLE_2';\n    default:\n      return 'GREY_3';\n  }\n};\n\nconst getNavigationSectionBackgroundColor = (sectionName?: TSectionName): TColorNames => {\n  switch (sectionName) {\n    case 'learning':\n      return 'BLUE_1';\n    case 'practice':\n    case 'practice-basic':\n    case 'practice-regular':\n      return 'YELLOW_1';\n    case 'exit-ticket':\n      return 'PURPLE_1';\n    case 'advanced':\n      return 'ORANGE_1';\n    default:\n      return 'YELLOW_1';\n  }\n};\n\nconst getNavigationSectionName = (sectionName?: TSectionName): string => {\n  switch (sectionName) {\n    case 'learning':\n      return 'Learning';\n    case 'practice':\n      return 'Practice';\n    case 'practice-basic':\n      return 'Basic practice';\n    case 'practice-regular':\n      return 'Regular practice';\n    case 'exit-ticket':\n      return 'Mini quiz';\n    case 'advanced':\n      return 'Advanced work';\n    default:\n      return '';\n  }\n};\n\nconst getNavigationSectionIcon = (sectionName?: TSectionName) => {\n  switch (sectionName) {\n    case 'learning':\n      return Bulb2Icon;\n    case 'practice':\n      return PracticeIcon;\n    case 'practice-basic':\n      return Edit2Icon;\n    case 'practice-regular':\n      return EditStarIcon;\n    case 'exit-ticket':\n      return QuestionLetterIcon;\n    case 'advanced':\n      return Star2Icon;\n    default:\n      return Bulb2Icon;\n  }\n};\n\nconst isSATAssessmentNode = (nodeType: NODE_TYPES) =>\n  nodeType === 'SAT_ENGLISH_ASSESSMENT' || nodeType === 'SAT_MATH_ASSESSMENT';\n\nconst checkIsClozeFormulaResponseInvalid = (response: ILearnosityQuestionResponse) => {\n  if (Array.isArray(response.value)) {\n    const isInvalid = response.value.some(\n      item => typeof item === 'string' && item.length > CLOZE_FORMULA_RESPONSE_LIMIT,\n    );\n\n    return isInvalid;\n  }\n\n  return false;\n};\n\nconst getWorksheetHeaderLayout: IWorksheetHeaderLayoutProps = ({\n  isPuzzleWorksheet,\n  isTestWorksheet,\n  imageHue = 'BLUE',\n}) => {\n  if (isPuzzleWorksheet) {\n    return {\n      bgColor: `${imageHue}_3`,\n      borderColor: `${imageHue}_4`,\n      textColor: 'BLACK_T_87',\n    };\n  }\n\n  if (isTestWorksheet) {\n    return {\n      bgColor: 'WHITE_3',\n      borderColor: 'WHITE_4',\n      textColor: 'BLACK_T_87',\n    };\n  }\n\n  return {\n    bgColor: 'BLACK',\n    borderColor: 'BLACK_4',\n    textColor: 'WHITE',\n  };\n};\n\ninterface IGetPuzzleWorksheetBackgroundColor {\n  (imageHue?: THueNames): TColorNames;\n}\n\nconst getPuzzleWorksheetBackgroundColor: IGetPuzzleWorksheetBackgroundColor = imageHue => {\n  if (!imageHue) return 'BLUE_1';\n\n  return `${imageHue}_1`;\n};\n\nconst isConceptIntroWidget = (instructorStimulus?: TInstructorStimulus) => {\n  if (!instructorStimulus) {\n    return false;\n  }\n\n  const lowerCaseInstructorStimulus = instructorStimulus.toLowerCase();\n\n  return lowerCaseInstructorStimulus === 'intro' || lowerCaseInstructorStimulus === 'concept-intro';\n};\n\nexport {\n  checkIsClozeFormulaResponseInvalid,\n  getInitialQuestionId,\n  getInitialResponses,\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n  getPaperColorByQuestion,\n  getPuzzleWorksheetBackgroundColor,\n  getQuestionBackgroundImage,\n  getQuestionBorderColor,\n  getQuestionMetadata,\n  getWorksheetDimensions,\n  getWorksheetHeaderLayout,\n  isConceptIntroWidget,\n  isOkayTypeQuestion,\n  isSATAssessmentNode,\n  isTeacherInterventionNeeded,\n  scrollToQuestion,\n  setMathJaxConfigInWindow,\n};\n"],"names":["getInitialQuestionId","questions","initialQuestion","initialResponseId","initialItemIndex","lastUnlockedQuestionIndex","lastAttemptableQuestionIndex","unlockedQuestions","lastUnlockedQuestion","lastAttemptableQuestion","q","question","_a","_b","getQuestionMetadata","questionId","isOkayTypeQuestion","getInitialResponses","acc","getWorksheetDimensions","items","layout","actionBar","item","QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","ACTION_BAR_HEIGHT","scrollToQuestion","animation","block","$questionEl","type","options","instructor_stimulus","isTeacherInterventionNeeded","attemptsAfterTeacherInterventionNeeded","attemptsHistory","score","setMathJaxConfigInWindow","logger","doc","math","err","EVENTS","jax","getPaperColorByQuestion","item_type","lowerCaseInstructorStimulus","getQuestionBackgroundImage","paperColor","getQuestionBorderColor","isActive","getNavigationSectionBackgroundColor","sectionName","getNavigationSectionName","getNavigationSectionIcon","Bulb2Icon","PracticeIcon","Edit2Icon","EditStarIcon","QuestionLetterIcon","Star2Icon","isSATAssessmentNode","nodeType","checkIsClozeFormulaResponseInvalid","response","CLOZE_FORMULA_RESPONSE_LIMIT","getWorksheetHeaderLayout","isPuzzleWorksheet","isTestWorksheet","imageHue","getPuzzleWorksheetBackgroundColor","isConceptIntroWidget","instructorStimulus"],"mappings":"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"}
+{"version":3,"file":"worksheet-helpers.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-helpers.ts"],"sourcesContent":["import Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport EditStarIcon from '../../../assets/line-icons/icons/edit-star';\nimport Edit2Icon from '../../../assets/line-icons/icons/edit2';\nimport PracticeIcon from '../../../assets/line-icons/icons/practice';\nimport QuestionLetterIcon from '../../../assets/line-icons/icons/question-letter';\nimport Star2Icon from '../../../assets/line-icons/icons/star2';\nimport { type NODE_TYPES } from '../../../types/models/worksheet';\nimport type { TColorNames, THueNames } from '../../ui/types';\nimport EVENTS from '../constants/events';\nimport {\n  ACTION_BAR_HEIGHT,\n  CLOZE_FORMULA_RESPONSE_LIMIT,\n  QUESTION_WIDTH,\n  SPLIT_QUESTION_WIDTH,\n} from './constants';\nimport type { TWorksheetQuestionPaperColor } from './worksheet-question/worksheet-question-types';\nimport {\n  type ILearnosityItem,\n  type ILearnosityQuestion,\n  type ILearnosityQuestionResponse,\n  type IWorksheetBehavior,\n  type IWorksheetHeaderLayoutProps,\n  type IWorksheetLayout,\n  type IWorksheetQuestion,\n  type IWorksheetResponse,\n  type TInstructorStimulus,\n  type TSectionName,\n} from './worksheet-types';\n\ninterface IGetInitialQuestionId {\n  (params: {\n    questions: IWorksheetQuestion[];\n    initialQuestion: IWorksheetBehavior['initialQuestion'];\n    lastUnlockedQuestionIndex: number;\n    lastAttemptableQuestionIndex: number;\n    initialResponseId?: string;\n    initialItemIndex?: number;\n  }): string;\n}\n\nconst getInitialQuestionId: IGetInitialQuestionId = ({\n  questions,\n  initialQuestion,\n  initialResponseId,\n  initialItemIndex,\n  lastUnlockedQuestionIndex,\n  lastAttemptableQuestionIndex,\n}) => {\n  const unlockedQuestions = questions.slice(0, lastUnlockedQuestionIndex + 1);\n  const lastUnlockedQuestion = questions[lastUnlockedQuestionIndex]!;\n  const lastAttemptableQuestion = questions[lastAttemptableQuestionIndex]!;\n\n  if (initialResponseId && unlockedQuestions.find(q => q.response_id === initialResponseId)) {\n    return initialResponseId;\n  }\n\n  if (\n    typeof initialItemIndex === 'number' &&\n    initialItemIndex <= lastUnlockedQuestion.item_number\n  ) {\n    const question = questions.find(q => q.item_number === initialItemIndex);\n\n    if (question?.response_id) {\n      return question.response_id;\n    }\n  }\n\n  if (initialQuestion === 'FIRST' && questions[0]?.response_id) {\n    return questions[0].response_id;\n  }\n\n  if (initialQuestion === 'CURRENT') {\n    return lastAttemptableQuestion.response_id;\n  }\n\n  if (questions[0]?.response_id) {\n    return questions[0].response_id;\n  }\n\n  throw new Error('Initial question not found');\n};\n\ntype TQuestionMetadata = Pick<\n  IWorksheetResponse,\n  | 'widgetReference'\n  | 'itemReference'\n  | 'itemPosition'\n  | 'questionPosition'\n  | 'isOkayTypeQuestion'\n  | 'score'\n  | 'tags'\n> & {\n  distractor_rationale_response_level?: IWorksheetResponse['distractor_rationale_response_level'];\n};\n\nfunction getQuestionMetadata(\n  questions: IWorksheetQuestion[],\n  questionId: string,\n): TQuestionMetadata;\nfunction getQuestionMetadata(question: IWorksheetQuestion): TQuestionMetadata;\nfunction getQuestionMetadata(\n  questions: IWorksheetQuestion | IWorksheetQuestion[],\n  questionId?: string,\n): TQuestionMetadata {\n  const question = Array.isArray(questions)\n    ? questions.find(q => q.response_id === questionId)\n    : questions;\n\n  if (!question) {\n    throw new Error(`Question with id ${questionId} not found`);\n  }\n\n  return {\n    widgetReference: question.metadata.widget_reference,\n    itemReference: question.item_reference,\n    itemPosition: question.item_number,\n    questionPosition: question.question_number,\n    isOkayTypeQuestion: isOkayTypeQuestion(question),\n    score: {\n      max_score:\n        question?.validation?.valid_response?.score ?? 0 * question.metadata.valid_response_count,\n    },\n    tags: {\n      ...question.item_tags_map,\n      instructor_stimulus: question.instructor_stimulus ?? '',\n    },\n    distractor_rationale_response_level: question.metadata.distractor_rationale_response_level,\n  };\n}\n\ninterface IGetInitialResponses {\n  (questions: IWorksheetQuestion[]): Record<string, IWorksheetResponse>;\n}\n\nconst getInitialResponses: IGetInitialResponses = questions => {\n  return questions.reduce(\n    (acc, question) => ({\n      ...acc,\n      [question.response_id]: getQuestionMetadata(questions, question.response_id),\n    }),\n    {},\n  );\n};\n\ninterface IGetWorksheetDimensions {\n  (\n    items: ILearnosityItem[],\n    layout: IWorksheetLayout,\n  ): {\n    questionsContainerWidth: number;\n    maxQuestionWidth: number;\n    actionbarHeight: number;\n  };\n}\n\nconst getWorksheetDimensions: IGetWorksheetDimensions = (items, layout) => {\n  const { actionBar } = layout;\n  const isSingleColumn = !items.some(item =>\n    item.questions.some(question => question.stimulus_review),\n  );\n  const actionbarHeight = actionBar === 'bottom' ? ACTION_BAR_HEIGHT : 0;\n\n  return {\n    questionsContainerWidth: isSingleColumn ? QUESTION_WIDTH : SPLIT_QUESTION_WIDTH,\n    maxQuestionWidth: QUESTION_WIDTH,\n    actionbarHeight,\n  };\n};\n\ninterface IScrollToQuestion {\n  (questionId: string, params?: { animation?: boolean; block?: 'start' | 'end' }): void;\n}\n\nconst scrollToQuestion: IScrollToQuestion = (\n  questionId,\n  { animation = false, block = 'start' } = {},\n) => {\n  const $questionEl = document.querySelectorAll(`.widget-${questionId}`)[0];\n\n  if ($questionEl) {\n    $questionEl.scrollIntoView({\n      block,\n      behavior: animation ? 'smooth' : 'instant',\n    });\n  }\n};\n\ninterface IIsOkayTypeQuestion {\n  (question: IWorksheetQuestion | ILearnosityQuestion): boolean;\n}\n\nconst isOkayTypeQuestion: IIsOkayTypeQuestion = question => {\n  const { type, options, instructor_stimulus } = question;\n  const itemType = 'item_type' in question ? question.item_type : undefined;\n\n  if (\n    itemType === 'overview' ||\n    instructor_stimulus === 'Intro' ||\n    instructor_stimulus === 'SystemIntro' ||\n    instructor_stimulus === 'Concept-Intro'\n  ) {\n    return true;\n  }\n\n  return type === 'mcq' && options?.length === 1 ? true : false;\n};\n\ninterface IIsTeacherInterventionNeeded {\n  (params: {\n    attemptsAfterTeacherInterventionNeeded: number | undefined;\n    attemptsHistory: IWorksheetResponse['attemptsHistory'];\n  }): boolean;\n}\n\nconst isTeacherInterventionNeeded: IIsTeacherInterventionNeeded = ({\n  attemptsAfterTeacherInterventionNeeded,\n  attemptsHistory,\n}) => {\n  if (\n    attemptsAfterTeacherInterventionNeeded &&\n    (attemptsHistory?.length ?? 0) >= attemptsAfterTeacherInterventionNeeded\n  ) {\n    const score = attemptsHistory?.slice(-1)[0]?.score;\n\n    if (score && score.score === score.max_score) {\n      return false;\n    }\n\n    return true;\n  }\n\n  return false;\n};\n\nconst setMathJaxConfigInWindow = (\n  logger: (eventName: string, data?: Record<string, unknown>) => void,\n) => {\n  window.MathJax = {\n    options: {\n      enableMenu: false,\n      ignoreHtmlClass: 'lrn_noMath',\n      compileError: function (doc, math, err) {\n        logger(EVENTS.MATHJAX_COMPILE_ERROR);\n        doc.compileError(math, err);\n      },\n      typesetError: function (doc, math, err) {\n        logger(EVENTS.MATHJAX_TYPESET_ERROR);\n        doc.typesetError(math, err);\n        // throw new Error('typesetError');\n      },\n    },\n    tex: {\n      inlineMath: [\n        ['\\\\(', '\\\\)'],\n        ['$$', '$$'],\n      ],\n      displayMath: [['\\\\[', '\\\\]']],\n      macros: {\n        abs: ['{|#1|}', 1],\n        degree: ['°'],\n        longdiv: ['{\\\\enclose{longdiv}{#1}}', 1],\n        atomic: ['{_{#1}^{#2}}', 2],\n        polyatomic: ['{_{#2}{}^{#1}}', 2],\n        circledot: ['{\\\\odot}'],\n        parallelogram: ['\\\\unicode{x25B1}'],\n        ngtr: ['\\\\unicode{x226F}'],\n        nless: ['\\\\unicode{x226E}'],\n        MathQuillVarField: ['#1', 1],\n        overarc: ['{\\\\overparen{#1}}', 1],\n      },\n      formatError: (jax, err) => {\n        logger(EVENTS.MATHJAX_FORMAT_ERROR, {\n          id: err.id,\n          message: err.message,\n        });\n        jax.formatError(err);\n      },\n    },\n    chtml: {\n      minScale: 1,\n      matchFontHeight: false,\n    },\n  };\n};\n\ninterface IGetPaperColorByQuestion {\n  (question: IWorksheetQuestion): TWorksheetQuestionPaperColor;\n}\n\nconst getPaperColorByQuestion: IGetPaperColorByQuestion = question => {\n  const { item_type, instructor_stimulus } = question;\n  const lowerCaseInstructorStimulus = instructor_stimulus?.toLowerCase();\n\n  switch (item_type) {\n    case 'overview':\n    case 'learning':\n      return 'blue';\n    case 'learning-we-do':\n    case 'learning-your-turn':\n    case 'learning-explore':\n      if (\n        lowerCaseInstructorStimulus === 'instruction' ||\n        lowerCaseInstructorStimulus === 'intro' ||\n        lowerCaseInstructorStimulus === 'concept-intro'\n      ) {\n        return 'blue';\n      }\n\n      if (lowerCaseInstructorStimulus === 'task') {\n        return 'green';\n      }\n\n      return 'yellow';\n    case 'practice-basic':\n    case 'practice-regular':\n      return 'yellow';\n    case 'exit-ticket':\n      return 'purple';\n    case 'advanced-practice':\n      return 'orange';\n    default:\n      if (lowerCaseInstructorStimulus === 'learn') return 'blue';\n\n      if (lowerCaseInstructorStimulus === 'try' || lowerCaseInstructorStimulus === 'apply')\n        return 'green';\n\n      return 'yellow';\n  }\n};\n\nconst getQuestionBackgroundImage = (paperColor: TWorksheetQuestionPaperColor) => {\n  return `https://cuemath-intel.s3.ap-southeast-1.amazonaws.com/media/math-canvas/paper-${paperColor}.png`;\n};\n\nconst getQuestionBorderColor = (\n  paperColor: TWorksheetQuestionPaperColor,\n  isActive?: boolean,\n): TColorNames => {\n  if (!isActive) {\n    return 'GREY_3';\n  }\n\n  switch (paperColor) {\n    case 'orange':\n    case 'white':\n      return 'ORANGE_2';\n    case 'blue':\n      return 'BLUE_2';\n    case 'green':\n      return 'GREEN_2';\n    case 'yellow':\n      return 'YELLOW_2';\n    case 'purple':\n      return 'PURPLE_2';\n    default:\n      return 'GREY_3';\n  }\n};\n\nconst getNavigationSectionBackgroundColor = (sectionName?: TSectionName): TColorNames => {\n  switch (sectionName) {\n    case 'learning':\n      return 'BLUE_1';\n    case 'practice':\n    case 'practice-basic':\n    case 'practice-regular':\n      return 'YELLOW_1';\n    case 'exit-ticket':\n      return 'PURPLE_1';\n    case 'advanced':\n      return 'ORANGE_1';\n    default:\n      return 'YELLOW_1';\n  }\n};\n\nconst getNavigationSectionName = (sectionName?: TSectionName): string => {\n  switch (sectionName) {\n    case 'learning':\n      return 'Learning';\n    case 'practice':\n      return 'Practice';\n    case 'practice-basic':\n      return 'Basic practice';\n    case 'practice-regular':\n      return 'Regular practice';\n    case 'exit-ticket':\n      return 'Mini quiz';\n    case 'advanced':\n      return 'Advanced work';\n    default:\n      return '';\n  }\n};\n\nconst getNavigationSectionIcon = (sectionName?: TSectionName) => {\n  switch (sectionName) {\n    case 'learning':\n      return Bulb2Icon;\n    case 'practice':\n      return PracticeIcon;\n    case 'practice-basic':\n      return Edit2Icon;\n    case 'practice-regular':\n      return EditStarIcon;\n    case 'exit-ticket':\n      return QuestionLetterIcon;\n    case 'advanced':\n      return Star2Icon;\n    default:\n      return Bulb2Icon;\n  }\n};\n\nconst isSATAssessmentNode = (nodeType: NODE_TYPES) =>\n  nodeType === 'SAT_ENGLISH_ASSESSMENT' || nodeType === 'SAT_MATH_ASSESSMENT';\n\nconst checkIsClozeFormulaResponseInvalid = (response: ILearnosityQuestionResponse) => {\n  if (Array.isArray(response.value)) {\n    const isInvalid = response.value.some(\n      item => typeof item === 'string' && item.length > CLOZE_FORMULA_RESPONSE_LIMIT,\n    );\n\n    return isInvalid;\n  }\n\n  return false;\n};\n\nconst getWorksheetHeaderLayout: IWorksheetHeaderLayoutProps = ({\n  isPuzzleWorksheet,\n  isTestWorksheet,\n  imageHue = 'BLUE',\n  userType,\n}) => {\n  if (isPuzzleWorksheet) {\n    return {\n      bgColor: `${imageHue}_3`,\n      borderColor: `${imageHue}_4`,\n      textColor: 'BLACK_T_87',\n      alignTextItem: 'center',\n    };\n  }\n\n  if (isTestWorksheet) {\n    if (userType === 'STUDENT') {\n      return {\n        bgColor: 'BLACK',\n        borderColor: 'WHITE_4',\n        textColor: 'WHITE',\n        alignTextItem: 'center',\n      };\n    }\n\n    return {\n      bgColor: 'WHITE_3',\n      borderColor: 'WHITE_4',\n      textColor: 'BLACK_T_87',\n      alignTextItem: 'flex-start',\n    };\n  }\n\n  return {\n    bgColor: 'BLACK',\n    borderColor: 'BLACK_4',\n    textColor: 'WHITE',\n    alignTextItem: 'center',\n  };\n};\n\ninterface IGetPuzzleWorksheetBackgroundColor {\n  (imageHue?: THueNames): TColorNames;\n}\n\nconst getPuzzleWorksheetBackgroundColor: IGetPuzzleWorksheetBackgroundColor = imageHue => {\n  if (!imageHue) return 'BLUE_1';\n\n  return `${imageHue}_1`;\n};\n\nconst isConceptIntroWidget = (instructorStimulus?: TInstructorStimulus) => {\n  if (!instructorStimulus) {\n    return false;\n  }\n\n  const lowerCaseInstructorStimulus = instructorStimulus.toLowerCase();\n\n  return lowerCaseInstructorStimulus === 'intro' || lowerCaseInstructorStimulus === 'concept-intro';\n};\n\nexport {\n  checkIsClozeFormulaResponseInvalid,\n  getInitialQuestionId,\n  getInitialResponses,\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n  getPaperColorByQuestion,\n  getPuzzleWorksheetBackgroundColor,\n  getQuestionBackgroundImage,\n  getQuestionBorderColor,\n  getQuestionMetadata,\n  getWorksheetDimensions,\n  getWorksheetHeaderLayout,\n  isConceptIntroWidget,\n  isOkayTypeQuestion,\n  isSATAssessmentNode,\n  isTeacherInterventionNeeded,\n  scrollToQuestion,\n  setMathJaxConfigInWindow,\n};\n"],"names":["getInitialQuestionId","questions","initialQuestion","initialResponseId","initialItemIndex","lastUnlockedQuestionIndex","lastAttemptableQuestionIndex","unlockedQuestions","lastUnlockedQuestion","lastAttemptableQuestion","q","question","_a","_b","getQuestionMetadata","questionId","isOkayTypeQuestion","getInitialResponses","acc","getWorksheetDimensions","items","layout","actionBar","item","QUESTION_WIDTH","SPLIT_QUESTION_WIDTH","ACTION_BAR_HEIGHT","scrollToQuestion","animation","block","$questionEl","type","options","instructor_stimulus","isTeacherInterventionNeeded","attemptsAfterTeacherInterventionNeeded","attemptsHistory","score","setMathJaxConfigInWindow","logger","doc","math","err","EVENTS","jax","getPaperColorByQuestion","item_type","lowerCaseInstructorStimulus","getQuestionBackgroundImage","paperColor","getQuestionBorderColor","isActive","getNavigationSectionBackgroundColor","sectionName","getNavigationSectionName","getNavigationSectionIcon","Bulb2Icon","PracticeIcon","Edit2Icon","EditStarIcon","QuestionLetterIcon","Star2Icon","isSATAssessmentNode","nodeType","checkIsClozeFormulaResponseInvalid","response","CLOZE_FORMULA_RESPONSE_LIMIT","getWorksheetHeaderLayout","isPuzzleWorksheet","isTestWorksheet","imageHue","userType","getPuzzleWorksheetBackgroundColor","isConceptIntroWidget","instructorStimulus"],"mappings":"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"}

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 '../../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  distractor_rationale_response_level?: string[];\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  distractor_rationale_response_level?: string[];\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,GA0jBAC,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';\nimport { type TStyleAttrubutes } from '../../ui/accordion-section/accordion-section-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  distractor_rationale_response_level?: string[];\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  distractor_rationale_response_level?: string[];\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  userType?: TUserTypes;\n}\n\nexport interface IWorksheetHeaderLayoutProps {\n  (args: IWorksheetHeaderLayoutArgs): {\n    bgColor: TColorNames;\n    borderColor?: TColorNames;\n    textColor?: TColorNames;\n    alignTextItem?: TStyleAttrubutes['alignItems'];\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":"AAUY,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,GA4jBAC,sBAAAA,OACVA,EAAA,iBAAiB,kBACjBA,EAAA,WAAW,YACXA,EAAA,aAAa,cAHHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js

@@ -1,59 +1,60 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { memo as N, useMemo as i, useRef as L, useCallback as P } from "react";
-import M from "../../ui/layout/flex-view.js";
-import O from "../../ui/text/text.js";
-import B from "../worksheet/worksheet.js";
-import { getWorksheetHeaderLayout as j } from "../worksheet/worksheet-helpers.js";
-import D from "./hooks/use-worksheet-layout.js";
-import { WorksheetPageWrapper as V, HeaderWrapper as z, Header as F, StyledBackIcon as G, HeaderTitleWrapper as U } from "./worksheet-preview-styled.js";
-const X = [
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { memo as L, useMemo as i, useRef as P, useCallback as M } from "react";
+import O from "../../ui/layout/flex-view.js";
+import B from "../../ui/text/text.js";
+import j from "../worksheet/worksheet.js";
+import { getWorksheetHeaderLayout as D } from "../worksheet/worksheet-helpers.js";
+import V from "./hooks/use-worksheet-layout.js";
+import { WorksheetPageWrapper as z, HeaderWrapper as F, Header as G, StyledBackIcon as U, HeaderTitleWrapper as X } from "./worksheet-preview-styled.js";
+const Z = [
   "SAT_ENGLISH_ASSESSMENT",
   "SAT_MATH_ASSESSMENT"
-], se = N(
-  function(f) {
+], ne = L(
+  function(p) {
     const {
       studentId: d,
-      userType: a,
+      userType: s,
       activityReference: t,
       worksheet: k,
       nodeType: e,
-      worksheetName: c,
-      showNudgeBanner: l,
-      markedAsCompleted: T,
-      imageHue: m,
-      onWorksheetLoaded: g,
-      onWorksheetErrored: S,
-      openQuestionFeedbackModal: E,
+      worksheetName: a,
+      showNudgeBanner: c,
+      markedAsCompleted: f,
+      imageHue: l,
+      onWorksheetLoaded: T,
+      onWorksheetErrored: g,
+      openQuestionFeedbackModal: S,
       onBackIconClick: o,
-      activityType: W,
-      mode: s,
-      actionBarRightElement: w,
-      topOffset: $ = 56,
-      behaviorOverride: y,
-      layoutOverride: A,
-      worksheetBackIconRef: C
-    } = f, { signed_request: R, questions_signed_request: x } = k, u = i(() => e === "PUZZLE_CARD", [e]), n = i(() => t === "test", [t]), H = i(() => X.includes(e), [e]), _ = L(() => null), v = D({
-      userType: a,
+      activityType: E,
+      mode: n,
+      actionBarRightElement: W,
+      topOffset: w = 56,
+      behaviorOverride: $,
+      layoutOverride: y,
+      worksheetBackIconRef: A
+    } = p, { signed_request: C, questions_signed_request: R } = k, x = i(() => e === "PUZZLE_CARD", [e]), m = i(() => t === "test", [t]), H = i(() => Z.includes(e), [e]), I = P(() => null), _ = V({
+      userType: s,
       nodeType: e,
       isSATAssessment: H,
-      showNudgeBanner: l,
-      topOffset: $,
-      imageHue: m,
-      layoutOverride: A
-    }), I = P(() => {
+      showNudgeBanner: c,
+      topOffset: w,
+      imageHue: l,
+      layoutOverride: y
+    }), v = M(() => {
       o == null || o();
-    }, [o]), { bgColor: b, borderColor: q, textColor: h } = j({
-      isPuzzleWorksheet: u,
-      isTestWorksheet: n,
-      imageHue: m
+    }, [o]), { bgColor: b, borderColor: q, textColor: u, alignTextItem: N } = D({
+      isPuzzleWorksheet: x,
+      isTestWorksheet: m,
+      imageHue: l,
+      userType: s
     });
-    return /* @__PURE__ */ p(V, { children: [
-      /* @__PURE__ */ r(z, { children: /* @__PURE__ */ p(
-        F,
+    return /* @__PURE__ */ h(z, { children: [
+      /* @__PURE__ */ r(F, { children: /* @__PURE__ */ h(
+        G,
         {
           $flexDirection: "row",
           $alignItems: "center",
-          $justifyContent: n ? "flex-start" : "center",
+          $justifyContent: m ? "flex-start" : "center",
           $background: b,
           $height: 56,
           $gutterX: 1,
@@ -61,51 +62,45 @@ const X = [
           $borderColor: q,
           children: [
             o && /* @__PURE__ */ r(
-              G,
-              {
-                ref: C,
-                $color: h ?? "WHITE",
-                onClick: I
-              }
-            ),
-            /* @__PURE__ */ r(
               U,
               {
-                $alignItems: n && !u ? "flex-start" : "center",
-                children: /* @__PURE__ */ r(O, { $renderAs: "ub2", $color: h, children: c || t })
+                ref: A,
+                $color: u ?? "WHITE",
+                onClick: v
               }
-            )
+            ),
+            /* @__PURE__ */ r(X, { $alignItems: N ?? "center", children: /* @__PURE__ */ r(B, { $renderAs: "ub2", $color: u, children: a || t }) })
           ]
         }
       ) }),
-      /* @__PURE__ */ r(M, { $alignItems: "center", children: /* @__PURE__ */ r(
-        B,
+      /* @__PURE__ */ r(O, { $alignItems: "center", children: /* @__PURE__ */ r(
+        j,
         {
-          userType: a ?? (s === "review" ? "TEACHER" : "STUDENT"),
-          worksheetCompleted: s === "review",
-          worksheetName: c || t,
-          itemsSignedRequest: R,
-          questionsSignedRequest: x,
+          userType: s ?? (n === "review" ? "TEACHER" : "STUDENT"),
+          worksheetCompleted: n === "review",
+          worksheetName: a || t,
+          itemsSignedRequest: C,
+          questionsSignedRequest: R,
           studentId: d,
-          layout: v,
-          loggerRef: _,
-          showNudgeBanner: l,
-          markedAsCompleted: T,
-          onLoaded: g,
-          onErrored: S,
+          layout: _,
+          loggerRef: I,
+          showNudgeBanner: c,
+          markedAsCompleted: f,
+          onLoaded: T,
+          onErrored: g,
           userId: d,
-          openQuestionFeedbackModal: E,
+          openQuestionFeedbackModal: S,
           nodeType: e,
-          mode: s,
-          activityType: W,
-          actionBarRightElement: w,
-          behaviorOverride: y
+          mode: n,
+          activityType: E,
+          actionBarRightElement: W,
+          behaviorOverride: $
         }
       ) })
     ] });
   }
 );
 export {
-  se as default
+  ne as default
 };
 //# sourceMappingURL=worksheet-preview-view.js.map

package/dist/features/worksheet/worksheet-preview/worksheet-preview-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Worksheet from '../worksheet/worksheet';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(\n  function PreviewWorksheetView(props) {\n    const {\n      studentId,\n      userType,\n      activityReference,\n      worksheet,\n      nodeType,\n      worksheetName,\n      showNudgeBanner,\n      markedAsCompleted,\n      imageHue,\n      onWorksheetLoaded,\n      onWorksheetErrored,\n      openQuestionFeedbackModal,\n      onBackIconClick,\n      activityType,\n      mode,\n      actionBarRightElement,\n      topOffset = 56,\n      behaviorOverride,\n      layoutOverride,\n      worksheetBackIconRef,\n    } = props;\n    const { signed_request: signedRequest, questions_signed_request: questionsSignedRequest } =\n      worksheet;\n\n    const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n    const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n    const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n    const loggerRef = useRef(() => null);\n\n    const layout = useWorksheetLayout({\n      userType,\n      nodeType,\n      isSATAssessment,\n      showNudgeBanner,\n      topOffset,\n      imageHue,\n      layoutOverride,\n    });\n\n    const handleOnBackIconClick = useCallback(() => {\n      onBackIconClick?.();\n    }, [onBackIconClick]);\n\n    const { bgColor, borderColor, textColor } = getWorksheetHeaderLayout({\n      isPuzzleWorksheet: isPuzzleWorksheet,\n      isTestWorksheet,\n      imageHue,\n    });\n\n    return (\n      <Styled.WorksheetPageWrapper>\n        <Styled.HeaderWrapper>\n          <Styled.Header\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n            $background={bgColor}\n            $height={56}\n            $gutterX={1}\n            $flexGapX={1}\n            $borderColor={borderColor}\n          >\n            {onBackIconClick && (\n              <Styled.StyledBackIcon\n                ref={worksheetBackIconRef}\n                $color={textColor ?? 'WHITE'}\n                onClick={handleOnBackIconClick}\n              />\n            )}\n\n            <Styled.HeaderTitleWrapper\n              $alignItems={isTestWorksheet && !isPuzzleWorksheet ? 'flex-start' : 'center'}\n            >\n              <Text $renderAs=\"ub2\" $color={textColor}>\n                {worksheetName || activityReference}\n              </Text>\n            </Styled.HeaderTitleWrapper>\n          </Styled.Header>\n        </Styled.HeaderWrapper>\n\n        <FlexView $alignItems=\"center\">\n          <Worksheet\n            userType={userType ?? (mode === 'review' ? 'TEACHER' : 'STUDENT')}\n            worksheetCompleted={mode === 'review'}\n            worksheetName={worksheetName || activityReference}\n            itemsSignedRequest={signedRequest}\n            questionsSignedRequest={questionsSignedRequest}\n            studentId={studentId}\n            layout={layout}\n            loggerRef={loggerRef}\n            showNudgeBanner={showNudgeBanner}\n            markedAsCompleted={markedAsCompleted}\n            onLoaded={onWorksheetLoaded}\n            onErrored={onWorksheetErrored}\n            userId={studentId}\n            openQuestionFeedbackModal={openQuestionFeedbackModal}\n            nodeType={nodeType}\n            mode={mode}\n            activityType={activityType}\n            actionBarRightElement={actionBarRightElement}\n            behaviorOverride={behaviorOverride}\n          />\n        </FlexView>\n      </Styled.WorksheetPageWrapper>\n    );\n  },\n);\n\nexport default PreviewWorksheetView;\n"],"names":["SAT_WORKSHEET_TYPES","PreviewWorksheetView","memo","props","studentId","userType","activityReference","worksheet","nodeType","worksheetName","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","activityType","mode","actionBarRightElement","topOffset","behaviorOverride","layoutOverride","worksheetBackIconRef","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","layout","useWorksheetLayout","handleOnBackIconClick","useCallback","bgColor","borderColor","textColor","getWorksheetHeaderLayout","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","Styled.Header","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","FlexView","Worksheet"],"mappings":"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"}
+{"version":3,"file":"worksheet-preview-view.js","sources":["../../../../src/features/worksheet/worksheet-preview/worksheet-preview-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\nimport type { IResumeWorksheetModel } from '../../../types/models/worksheet';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport Worksheet from '../worksheet/worksheet';\nimport { getWorksheetHeaderLayout } from '../worksheet/worksheet-helpers';\nimport useWorksheetLayout from './hooks/use-worksheet-layout';\nimport * as Styled from './worksheet-preview-styled';\nimport type { IPreviewWorksheetViewProps } from './worksheet-preview-types';\n\nconst SAT_WORKSHEET_TYPES: IResumeWorksheetModel['node_type'][] = [\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_ASSESSMENT',\n];\n\nconst PreviewWorksheetView: FC<IPreviewWorksheetViewProps> = memo(\n  function PreviewWorksheetView(props) {\n    const {\n      studentId,\n      userType,\n      activityReference,\n      worksheet,\n      nodeType,\n      worksheetName,\n      showNudgeBanner,\n      markedAsCompleted,\n      imageHue,\n      onWorksheetLoaded,\n      onWorksheetErrored,\n      openQuestionFeedbackModal,\n      onBackIconClick,\n      activityType,\n      mode,\n      actionBarRightElement,\n      topOffset = 56,\n      behaviorOverride,\n      layoutOverride,\n      worksheetBackIconRef,\n    } = props;\n    const { signed_request: signedRequest, questions_signed_request: questionsSignedRequest } =\n      worksheet;\n\n    const isPuzzleWorksheet = useMemo(() => nodeType === 'PUZZLE_CARD', [nodeType]);\n    const isTestWorksheet = useMemo(() => activityReference === 'test', [activityReference]);\n    const isSATAssessment = useMemo(() => SAT_WORKSHEET_TYPES.includes(nodeType), [nodeType]);\n    const loggerRef = useRef(() => null);\n\n    const layout = useWorksheetLayout({\n      userType,\n      nodeType,\n      isSATAssessment,\n      showNudgeBanner,\n      topOffset,\n      imageHue,\n      layoutOverride,\n    });\n\n    const handleOnBackIconClick = useCallback(() => {\n      onBackIconClick?.();\n    }, [onBackIconClick]);\n\n    const { bgColor, borderColor, textColor, alignTextItem } = getWorksheetHeaderLayout({\n      isPuzzleWorksheet: isPuzzleWorksheet,\n      isTestWorksheet,\n      imageHue,\n      userType,\n    });\n\n    return (\n      <Styled.WorksheetPageWrapper>\n        <Styled.HeaderWrapper>\n          <Styled.Header\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent={isTestWorksheet ? 'flex-start' : 'center'}\n            $background={bgColor}\n            $height={56}\n            $gutterX={1}\n            $flexGapX={1}\n            $borderColor={borderColor}\n          >\n            {onBackIconClick && (\n              <Styled.StyledBackIcon\n                ref={worksheetBackIconRef}\n                $color={textColor ?? 'WHITE'}\n                onClick={handleOnBackIconClick}\n              />\n            )}\n\n            <Styled.HeaderTitleWrapper $alignItems={alignTextItem ?? 'center'}>\n              <Text $renderAs=\"ub2\" $color={textColor}>\n                {worksheetName || activityReference}\n              </Text>\n            </Styled.HeaderTitleWrapper>\n          </Styled.Header>\n        </Styled.HeaderWrapper>\n\n        <FlexView $alignItems=\"center\">\n          <Worksheet\n            userType={userType ?? (mode === 'review' ? 'TEACHER' : 'STUDENT')}\n            worksheetCompleted={mode === 'review'}\n            worksheetName={worksheetName || activityReference}\n            itemsSignedRequest={signedRequest}\n            questionsSignedRequest={questionsSignedRequest}\n            studentId={studentId}\n            layout={layout}\n            loggerRef={loggerRef}\n            showNudgeBanner={showNudgeBanner}\n            markedAsCompleted={markedAsCompleted}\n            onLoaded={onWorksheetLoaded}\n            onErrored={onWorksheetErrored}\n            userId={studentId}\n            openQuestionFeedbackModal={openQuestionFeedbackModal}\n            nodeType={nodeType}\n            mode={mode}\n            activityType={activityType}\n            actionBarRightElement={actionBarRightElement}\n            behaviorOverride={behaviorOverride}\n          />\n        </FlexView>\n      </Styled.WorksheetPageWrapper>\n    );\n  },\n);\n\nexport default PreviewWorksheetView;\n"],"names":["SAT_WORKSHEET_TYPES","PreviewWorksheetView","memo","props","studentId","userType","activityReference","worksheet","nodeType","worksheetName","showNudgeBanner","markedAsCompleted","imageHue","onWorksheetLoaded","onWorksheetErrored","openQuestionFeedbackModal","onBackIconClick","activityType","mode","actionBarRightElement","topOffset","behaviorOverride","layoutOverride","worksheetBackIconRef","signedRequest","questionsSignedRequest","isPuzzleWorksheet","useMemo","isTestWorksheet","isSATAssessment","loggerRef","useRef","layout","useWorksheetLayout","handleOnBackIconClick","useCallback","bgColor","borderColor","textColor","alignTextItem","getWorksheetHeaderLayout","jsxs","Styled.WorksheetPageWrapper","jsx","Styled.HeaderWrapper","Styled.Header","Styled.StyledBackIcon","Styled.HeaderTitleWrapper","Text","FlexView","Worksheet"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "type": "module",
   "files": [
     "dist"

package/dist/features/fraud-detection/api/send-email.js

@@ -1,9 +0,0 @@
-import { createPostAPI as t } from "@cuemath/rest-api";
-import { BASE_URL_V1 as e } from "../../../constants/api.js";
-const { usePost: m } = t({
-  getURL: () => `${e}/utility/send-email`
-});
-export {
-  m as useSendEmail
-};
-//# sourceMappingURL=send-email.js.map

package/dist/features/fraud-detection/api/send-email.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-email.js","sources":["../../../../src/features/fraud-detection/api/send-email.tsx"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { type IFraudEmailPayload } from '../hooks/report-fraud-types';\n\nexport const { usePost: useSendEmail } = createPostAPI<null, IFraudEmailPayload>({\n  getURL: () => `${BASE_URL_V1}/utility/send-email`,\n});\n"],"names":["useSendEmail","createPostAPI","BASE_URL_V1"],"mappings":";;AAKO,MAAM,EAAE,SAASA,EAAa,IAAIC,EAAwC;AAAA,EAC/E,QAAQ,MAAM,GAAGC,CAAW;AAC9B,CAAC;"}

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

@@ -1,65 +0,0 @@
-const p = ({
-  teacherId: t,
-  studentName: e,
-  studentId: o,
-  classStartTs: d,
-  teacherClassroomId: r,
-  studentClassroomId: l,
-  teacherUrl: a,
-  studentUrl: n
-}) => `
-  <div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 800px; margin: 0 auto; background-color: #ffffff; padding: 30px; border: 1px solid #e0e0e0; border-radius: 8px;">
-    <h2 style="margin: 0; font-weight: 500;">A teacher has been flagged for breach of professional standards due to fraud login during a regular class session.</h2>
-    <h3 style=" margin: 30px 0 15px 0; font-size: 18px; font-weight: 600; padding-bottom: 8px;">📋 Evidence Captured:</h3>
-    <table style="border-collapse: collapse; width: 80%; margin: 20px auto; box-shadow: 0 2px 4px rgba(0,0,0,0.08); border-radius: 8px; overflow: hidden;">
-      <tbody>
-        <tr style="background-color: #f8f9fa;">
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242; width: 40%;">Tutor ID</td>
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${t}</td>
-        </tr>
-        <tr style="background-color: #ffffff;">
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Student Name</td>
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${e}</td>
-        </tr>
-        <tr style="background-color: #f8f9fa;">
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Student ID</td>
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${o}</td>
-        </tr>
-        <tr style="background-color: #ffffff;">
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Class Date & Time</td>
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;">${new Date(
-  d * 1e3
-).toLocaleString()}</td>
-        </tr>
-        <tr style="background-color: #f8f9fa;">
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Teacher Classroom ID</td>
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;">${r}</td>
-        </tr>
-        <tr style="background-color: #ffffff;">
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Student Classroom ID</td>
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;">${l}</td>
-        </tr>
-        <tr style="background-color: #f8f9fa;">
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;">Teacher Screenshot</td>
-          <td style="padding: 14px 16px; border-bottom: 1px solid #e0e0e0;">
-            <a href="${a}" style="color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;">
-              <span style="margin-right: 6px;">🔗</span> View Screenshot
-            </a>
-          </td>
-        </tr>
-        <tr style="background-color: #ffffff;">
-          <td style="padding: 14px 16px; font-weight: 600; color: #424242;">Student Screenshot</td>
-          <td style="padding: 14px 16px;">
-            <a href="${n}" style="color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;">
-              <span style="margin-right: 6px;">🔗</span> View Screenshot
-            </a>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-`;
-export {
-  p as generateEmailBody
-};
-//# sourceMappingURL=report-fraud-helper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"report-fraud-helper.js","sources":["../../../../src/features/fraud-detection/hooks/report-fraud-helper.ts"],"sourcesContent":["export const generateEmailBody = ({\n  teacherId,\n  studentName,\n  studentId,\n  classStartTs,\n  teacherClassroomId,\n  studentClassroomId,\n  teacherUrl,\n  studentUrl,\n}: {\n  teacherId: string;\n  studentName: string;\n  studentId: string;\n  classStartTs: number;\n  teacherClassroomId: string;\n  studentClassroomId: string;\n  teacherUrl: string;\n  studentUrl: string;\n}) => `\n  <div style=\"font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 800px; margin: 0 auto; background-color: #ffffff; padding: 30px; border: 1px solid #e0e0e0; border-radius: 8px;\">\n    <h2 style=\"margin: 0; font-weight: 500;\">A teacher has been flagged for breach of professional standards due to fraud login during a regular class session.</h2>\n    <h3 style=\" margin: 30px 0 15px 0; font-size: 18px; font-weight: 600; padding-bottom: 8px;\">📋 Evidence Captured:</h3>\n    <table style=\"border-collapse: collapse; width: 80%; margin: 20px auto; box-shadow: 0 2px 4px rgba(0,0,0,0.08); border-radius: 8px; overflow: hidden;\">\n      <tbody>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242; width: 40%;\">Tutor ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${teacherId}</td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Student Name</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${studentName}</td>\n        </tr>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Student ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${studentId}</td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Class Date & Time</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121;\">${new Date(\n            classStartTs * 1000,\n          ).toLocaleString()}</td>\n        </tr>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Teacher Classroom ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;\">${teacherClassroomId}</td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Student Classroom ID</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; color: #212121; font-family: monospace; font-size: 13px;\">${studentClassroomId}</td>\n        </tr>\n        <tr style=\"background-color: #f8f9fa;\">\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 600; color: #424242;\">Teacher Screenshot</td>\n          <td style=\"padding: 14px 16px; border-bottom: 1px solid #e0e0e0;\">\n            <a href=\"${teacherUrl}\" style=\"color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;\">\n              <span style=\"margin-right: 6px;\">🔗</span> View Screenshot\n            </a>\n          </td>\n        </tr>\n        <tr style=\"background-color: #ffffff;\">\n          <td style=\"padding: 14px 16px; font-weight: 600; color: #424242;\">Student Screenshot</td>\n          <td style=\"padding: 14px 16px;\">\n            <a href=\"${studentUrl}\" style=\"color: #1976d2; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;\">\n              <span style=\"margin-right: 6px;\">🔗</span> View Screenshot\n            </a>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n`;\n"],"names":["generateEmailBody","teacherId","studentName","studentId","classStartTs","teacherClassroomId","studentClassroomId","teacherUrl","studentUrl"],"mappings":"AAAO,MAAMA,IAAoB,CAAC;AAAA,EAChC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AACF,MASM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8FAQwFP,CAAS;AAAA;AAAA;AAAA;AAAA,8FAITC,CAAW;AAAA;AAAA;AAAA;AAAA,8FAIXC,CAAS;AAAA;AAAA;AAAA;AAAA,8FAIT,IAAI;AAAA,EACtFC,IAAe;AACjB,EAAE,gBAAgB;AAAA;AAAA;AAAA;AAAA,uIAI2GC,CAAkB;AAAA;AAAA;AAAA;AAAA,uIAIlBC,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKlIC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAQVC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}