@cuemath/leap 4.0.7 → 4.0.8

package/dist/features/fraud-detection/fraud-alert-modal/fraud-alert-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"fraud-alert-modal.js","sources":["../../../../src/features/fraud-detection/fraud-alert-modal/fraud-alert-modal.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport useModalActions from '../../ui/modals/use-modal-actions';\nimport Text from '../../ui/text/text';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Button from '../../ui/buttons/button/button';\nimport Separator from '../../ui/separator/separator';\nimport useModalParams from '../../ui/modals/use-modal-params';\n\nconst FraudAlertModal: FC = memo(function FraudAlertModal() {\n  const { closeModal } = useModalActions();\n  const { handleLogout } = useModalParams<{ handleLogout: () => void }>();\n\n  const onLogout = useCallback(() => {\n    closeModal();\n    handleLogout();\n  }, [closeModal, handleLogout]);\n\n  return (\n    <FlexView $gapX={1.5} $gutterX={1.5} $background=\"RED_1\">\n      <FlexView\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $borderRadiusX={4}\n        $heightX={4.5}\n        $widthX={4.5}\n        $background=\"RED_2\"\n      >\n        <FlexView\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $borderRadiusX={4}\n          $heightX={3.5}\n          $widthX={3.5}\n          $background=\"RED_4\"\n        >\n          <Image src={ILLUSTRATIONS.ALERT_BULB} alt=\"Fraud Alert\" height={40} width={40} />\n        </FlexView>\n      </FlexView>\n      <Separator heightX={2} />\n      <Text $renderAs=\"ah4-bold\" $color=\"RED_6\">\n        Fraudulent Login Detected!\n      </Text>\n      <Separator height={12} />\n      <Text $renderAs=\"ub2\" color=\"BLACK_1\">\n        You have logged into a student's LEAP account, which is strictly prohibited. This is\n        considered{' '}\n        <Text as=\"span\" $renderAs=\"ub2-bold\" color=\"BLACK_1\" $inline>\n          fraudulent activity\n        </Text>{' '}\n        and may result in strict action, including a{' '}\n        <Text as=\"span\" $renderAs=\"ub2-bold\" color=\"BLACK_1\" $inline>\n          heavy penalty\n        </Text>{' '}\n        or{' '}\n        <Text as=\"span\" $renderAs=\"ub2-bold\" color=\"BLACK_1\" $inline>\n          discontinuation\n        </Text>{' '}\n        from conducting Cuemath classes.\n      </Text>\n      <Separator heightX={2} />\n      <Button\n        renderAs=\"primary\"\n        alignSelf=\"flex-end\"\n        shape=\"square\"\n        onClick={onLogout}\n        label=\"Log out\"\n        width=\"50%\"\n      />\n    </FlexView>\n  );\n});\n\nexport default FraudAlertModal;\n"],"names":["FraudAlertModal","memo","closeModal","useModalActions","handleLogout","useModalParams","onLogout","useCallback","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","jsxs","Button","FraudAlertModal$1"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAsBC,EAAK,WAA2B;AACpD,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,cAAAC,MAAiBC,KAEnBC,IAAWC,EAAY,MAAM;AACtB,IAAAL,KACEE;EAAA,GACZ,CAACF,GAAYE,CAAY,CAAC;AAE7B,2BACGI,GAAS,EAAA,OAAO,KAAK,UAAU,KAAK,aAAY,SAC/C,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAY;AAAA,QAEZ,UAAA,gBAAAC;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAY;AAAA,YAEZ,UAAA,gBAAAC,EAACC,GAAM,EAAA,KAAKC,EAAc,YAAY,KAAI,eAAc,QAAQ,IAAI,OAAO,GAAI,CAAA;AAAA,UAAA;AAAA,QACjF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBC,GAAK,EAAA,WAAU,YAAW,QAAO,SAAQ,UAE1C,8BAAA;AAAA,IACA,gBAAAJ,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACtB,gBAAAE,EAAAD,GAAA,EAAK,WAAU,OAAM,OAAM,WAAU,UAAA;AAAA,MAAA;AAAA,MAEzB;AAAA,MACX,gBAAAJ,EAACI,GAAK,EAAA,IAAG,QAAO,WAAU,YAAW,OAAM,WAAU,SAAO,IAAC,UAE7D,sBAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,MACiC;AAAA,MAC7C,gBAAAJ,EAACI,GAAK,EAAA,IAAG,QAAO,WAAU,YAAW,OAAM,WAAU,SAAO,IAAC,UAE7D,gBAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,MACT;AAAA,MACH,gBAAAJ,EAACI,GAAK,EAAA,IAAG,QAAO,WAAU,YAAW,OAAM,WAAU,SAAO,IAAC,UAE7D,kBAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,IAAA,GAEd;AAAA,IACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAH;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAM;AAAA,QACN,SAAST;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDU,IAAehB;"}
+{"version":3,"file":"fraud-alert-modal.js","sources":["../../../../src/features/fraud-detection/fraud-alert-modal/fraud-alert-modal.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport useModalActions from '../../ui/modals/use-modal-actions';\nimport Text from '../../ui/text/text';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Button from '../../ui/buttons/button/button';\nimport Separator from '../../ui/separator/separator';\nimport useModalParams from '../../ui/modals/use-modal-params';\nimport { type IFraudAlertModalParams } from './fraud-alert-modal-types';\n\nconst FraudAlertModal: FC = memo(function FraudAlertModal() {\n  const { closeModal } = useModalActions();\n  const { handleLogout } = useModalParams<IFraudAlertModalParams>();\n\n  const onLogout = useCallback(() => {\n    closeModal();\n    handleLogout();\n  }, [closeModal, handleLogout]);\n\n  return (\n    <FlexView $gapX={1.5} $gutterX={1.5} $background=\"RED_1\">\n      <FlexView\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $borderRadiusX={4}\n        $heightX={4.5}\n        $widthX={4.5}\n        $background=\"RED_2\"\n      >\n        <FlexView\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $borderRadiusX={4}\n          $heightX={3.5}\n          $widthX={3.5}\n          $background=\"RED_4\"\n        >\n          <Image src={ILLUSTRATIONS.ALERT_BULB} alt=\"Fraud Alert\" height={40} width={40} />\n        </FlexView>\n      </FlexView>\n      <Separator heightX={2} />\n      <Text $renderAs=\"ah4-bold\" $color=\"RED_6\">\n        Fraudulent Login Detected!\n      </Text>\n      <Separator height={12} />\n      <Text $renderAs=\"ub2\" color=\"BLACK_1\">\n        You have logged into a student's LEAP account, which is strictly prohibited. This is\n        considered{' '}\n        <Text as=\"span\" $renderAs=\"ub2-bold\" color=\"BLACK_1\" $inline>\n          fraudulent activity\n        </Text>{' '}\n        and may result in strict action, including a{' '}\n        <Text as=\"span\" $renderAs=\"ub2-bold\" color=\"BLACK_1\" $inline>\n          heavy penalty\n        </Text>{' '}\n        or{' '}\n        <Text as=\"span\" $renderAs=\"ub2-bold\" color=\"BLACK_1\" $inline>\n          discontinuation\n        </Text>{' '}\n        from conducting Cuemath classes.\n      </Text>\n      <Separator heightX={2} />\n      <Button\n        renderAs=\"primary\"\n        alignSelf=\"flex-end\"\n        shape=\"square\"\n        onClick={onLogout}\n        label=\"Log out\"\n        width=\"50%\"\n      />\n    </FlexView>\n  );\n});\n\nexport default FraudAlertModal;\n"],"names":["FraudAlertModal","memo","closeModal","useModalActions","handleLogout","useModalParams","onLogout","useCallback","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","jsxs","Button","FraudAlertModal$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAsBC,EAAK,WAA2B;AACpD,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,cAAAC,MAAiBC,KAEnBC,IAAWC,EAAY,MAAM;AACtB,IAAAL,KACEE;EAAA,GACZ,CAACF,GAAYE,CAAY,CAAC;AAE7B,2BACGI,GAAS,EAAA,OAAO,KAAK,UAAU,KAAK,aAAY,SAC/C,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAY;AAAA,QAEZ,UAAA,gBAAAC;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV,SAAS;AAAA,YACT,aAAY;AAAA,YAEZ,UAAA,gBAAAC,EAACC,GAAM,EAAA,KAAKC,EAAc,YAAY,KAAI,eAAc,QAAQ,IAAI,OAAO,GAAI,CAAA;AAAA,UAAA;AAAA,QACjF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,sBACtBC,GAAK,EAAA,WAAU,YAAW,QAAO,SAAQ,UAE1C,8BAAA;AAAA,IACA,gBAAAJ,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACtB,gBAAAE,EAAAD,GAAA,EAAK,WAAU,OAAM,OAAM,WAAU,UAAA;AAAA,MAAA;AAAA,MAEzB;AAAA,MACX,gBAAAJ,EAACI,GAAK,EAAA,IAAG,QAAO,WAAU,YAAW,OAAM,WAAU,SAAO,IAAC,UAE7D,sBAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,MACiC;AAAA,MAC7C,gBAAAJ,EAACI,GAAK,EAAA,IAAG,QAAO,WAAU,YAAW,OAAM,WAAU,SAAO,IAAC,UAE7D,gBAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,MACT;AAAA,MACH,gBAAAJ,EAACI,GAAK,EAAA,IAAG,QAAO,WAAU,YAAW,OAAM,WAAU,SAAO,IAAC,UAE7D,kBAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,IAAA,GAEd;AAAA,IACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAH;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAM;AAAA,QACN,SAAST;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDU,IAAehB;"}

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

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

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

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

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

@@ -1,71 +1,83 @@
-import { useState as l, useCallback as s, useEffect as S } from "react";
-import { useLocalPeer as T, useRemotePeers as D, useCaptureMediaStreamImage as $ } from "@cuemath/av";
-import { useUIContext as C } from "../../ui/context/context.js";
-import { base64ToFile as A } from "../fraud-alert-modal/fraud-alert-modal-helpers.js";
-import { FRAUD_DETECTION_ANALYTICS_EVENTS as N } from "./report-fraud-analytics.js";
-import U from "../../hooks/use-s3-helper/use-s3-helper.js";
-const L = { type: "class_fraud_login" }, k = ({
-  teacherId: n,
-  studentId: t,
-  studentClassroomId: m,
-  teacherClassroomId: c,
-  classStartTs: i
+import { useState as D, useCallback as c, useEffect as $ } from "react";
+import { useLocalPeer as U, useRemotePeers as N, useCaptureMediaStreamImage as l } from "@cuemath/av";
+import { useUIContext as L } from "../../ui/context/context.js";
+import { base64ToFile as S } from "../fraud-alert-modal/fraud-alert-modal-helpers.js";
+import { FRAUD_DETECTION_ANALYTICS_EVENTS as k } from "./report-fraud-analytics.js";
+import v from "../../hooks/use-s3-helper/use-s3-helper.js";
+const y = { type: "class_fraud_login" }, b = ({
+  teacherId: a,
+  studentId: i,
+  studentClassroomId: u,
+  teacherClassroomId: o,
+  classStartTs: r,
+  studentName: m
 }) => {
-  const { onEvent: u } = C(), [_, f] = l(!1), e = T(), a = D().find((o) => o.userId === n), r = $(), g = U({
-    studentId: t,
-    query: L
-  }), p = s(
-    (o) => {
-      u(N.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
-        teacher_url: o[0],
-        student_url: o[1],
-        classStartTs: i,
-        teacherId: n,
-        studentId: t
+  const { onEvent: _ } = L(), [s, g] = D(!1), e = U(), n = N().find((t) => t.userId === a), f = l(), p = v({
+    studentId: i,
+    query: y
+  }), E = c(
+    (t) => {
+      _(k.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
+        teacher_url: t[0],
+        student_url: t[1],
+        classStartTs: r,
+        teacherId: a,
+        studentId: i,
+        studentClassroomId: u,
+        studentName: m,
+        teacherClassroomId: o
       });
     },
-    [i, u, t, n]
-  ), E = s(() => {
-    u("fraud_detection_images_failed", { classStartTs: i, teacherId: n, studentId: t });
-  }, [i, u, t, n]);
-  return S(() => {
-    if (!_ || !(a != null && a.id) || !(e != null && e.id))
+    [
+      r,
+      _,
+      u,
+      i,
+      m,
+      o,
+      a
+    ]
+  ), R = c(() => {
+    _("fraud_detection_images_failed", { classStartTs: r, teacherId: a, studentId: i });
+  }, [r, _, i, a]);
+  return $(() => {
+    if (!s || !(n != null && n.id) || !(e != null && e.id))
       return;
-    const { image: o } = r(a == null ? void 0 : a.id, "camera"), { image: F } = r(e == null ? void 0 : e.id, "camera"), R = A(o, `teacher-${Date.now()}.png`), d = A(F, `student-${Date.now()}.png`);
-    !R || !d || (g({
+    const { image: t } = f(n == null ? void 0 : n.id, "camera"), { image: T } = f(e == null ? void 0 : e.id, "camera"), A = S(t, `teacher-${Date.now()}.png`), F = S(T, `student-${Date.now()}.png`);
+    !A || !F || (p({
       fileKey: "media/class_fraud_login/",
-      onSuccess: p,
-      onError: E,
+      onSuccess: E,
+      onError: R,
       images: [
         {
-          file: R,
-          name: `teacher_${c}_${n}`,
+          file: A,
+          name: `teacher_${o}_${a}`,
           url: ""
         },
         {
-          file: d,
-          name: `student_${m}_${t}`,
+          file: F,
+          name: `student_${u}_${i}`,
           url: ""
         }
       ]
-    }), f(!1));
+    }), g(!1));
   }, [
-    _,
-    r,
+    s,
+    f,
     e == null ? void 0 : e.id,
+    R,
     E,
-    p,
-    a == null ? void 0 : a.id,
-    m,
-    t,
-    c,
-    n,
-    g
-  ]), s(() => {
-    f(!0);
+    n == null ? void 0 : n.id,
+    u,
+    i,
+    o,
+    a,
+    p
+  ]), c(() => {
+    g(!0);
   }, []);
-}, O = k;
+}, Y = b;
 export {
-  O 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';\n\nconst QUERY = { type: 'class_fraud_login' };\n\nconst useReportFraud = ({\n  teacherId,\n  studentId,\n  studentClassroomId,\n  teacherClassroomId,\n  classStartTs,\n}: IUseFraudAlertProps) => {\n  const { onEvent } = useUIContext();\n\n  const [canTrackEvent, setCanTrackEvent] = useState(false);\n  const localpeer = useLocalPeer();\n  const remotePeer = useRemotePeers().find(peer => peer.userId === teacherId);\n  const captureMediaStreamImage = useCaptureMediaStreamImage();\n  const uploadImages = useS3ImageUploadHelper({\n    studentId,\n    query: QUERY,\n  });\n  const onSuccess = useCallback(\n    (urls: string[]) => {\n      onEvent(FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {\n        teacher_url: urls[0],\n        student_url: urls[1],\n        classStartTs,\n        teacherId,\n        studentId,\n      });\n    },\n    [classStartTs, onEvent, studentId, teacherId],\n  );\n\n  const onError = useCallback(() => {\n    onEvent('fraud_detection_images_failed', { classStartTs, teacherId, studentId });\n  }, [classStartTs, onEvent, studentId, teacherId]);\n\n  useEffect(() => {\n    if (!canTrackEvent || !remotePeer?.id || !localpeer?.id) {\n      return;\n    }\n\n    const { image: teacherImage } = captureMediaStreamImage(remotePeer?.id, 'camera');\n    const { image: studentImage } = captureMediaStreamImage(localpeer?.id, 'camera');\n    const teacherFile = base64ToFile(teacherImage, `teacher-${Date.now()}.png`);\n    const studentFile = base64ToFile(studentImage, `student-${Date.now()}.png`);\n\n    if (!teacherFile || !studentFile) {\n      return;\n    }\n\n    uploadImages({\n      fileKey: `media/class_fraud_login/`,\n      onSuccess,\n      onError,\n      images: [\n        {\n          file: teacherFile,\n          name: `teacher_${teacherClassroomId}_${teacherId}`,\n          url: '',\n        },\n        {\n          file: studentFile,\n          name: `student_${studentClassroomId}_${studentId}`,\n          url: '',\n        },\n      ],\n    });\n\n    setCanTrackEvent(false);\n  }, [\n    canTrackEvent,\n    captureMediaStreamImage,\n    localpeer?.id,\n    onError,\n    onSuccess,\n    remotePeer?.id,\n    studentClassroomId,\n    studentId,\n    teacherClassroomId,\n    teacherId,\n    uploadImages,\n  ]);\n\n  const captureAndReportFraudImages = useCallback(() => {\n    setCanTrackEvent(true);\n  }, []);\n\n  return captureAndReportFraudImages;\n};\n\nexport default useReportFraud;\n"],"names":["QUERY","useReportFraud","teacherId","studentId","studentClassroomId","teacherClassroomId","classStartTs","onEvent","useUIContext","canTrackEvent","setCanTrackEvent","useState","localpeer","useLocalPeer","remotePeer","useRemotePeers","peer","captureMediaStreamImage","useCaptureMediaStreamImage","uploadImages","useS3ImageUploadHelper","onSuccess","useCallback","urls","FRAUD_DETECTION_ANALYTICS_EVENTS","onError","useEffect","teacherImage","studentImage","teacherFile","base64ToFile","studentFile","useReportFraud$1"],"mappings":";;;;;;AAUA,MAAMA,IAAQ,EAAE,MAAM,uBAEhBC,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AACF,MAA2B;AACnB,QAAA,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClDC,IAAYC,KACZC,IAAaC,EAAe,EAAE,KAAK,CAAQC,MAAAA,EAAK,WAAWd,CAAS,GACpEe,IAA0BC,KAC1BC,IAAeC,EAAuB;AAAA,IAC1C,WAAAjB;AAAA,IACA,OAAOH;AAAA,EAAA,CACR,GACKqB,IAAYC;AAAA,IAChB,CAACC,MAAmB;AAClB,MAAAhB,EAAQiB,EAAiC,8CAA8C;AAAA,QACrF,aAAaD,EAAK,CAAC;AAAA,QACnB,aAAaA,EAAK,CAAC;AAAA,QACnB,cAAAjB;AAAA,QACA,WAAAJ;AAAA,QACA,WAAAC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACG,GAAcC,GAASJ,GAAWD,CAAS;AAAA,EAAA,GAGxCuB,IAAUH,EAAY,MAAM;AAChC,IAAAf,EAAQ,iCAAiC,EAAE,cAAAD,GAAc,WAAAJ,GAAW,WAAAC,EAAW,CAAA;AAAA,KAC9E,CAACG,GAAcC,GAASJ,GAAWD,CAAS,CAAC;AAEhD,SAAAwB,EAAU,MAAM;AACd,QAAI,CAACjB,KAAiB,EAACK,KAAA,QAAAA,EAAY,OAAM,EAACF,KAAA,QAAAA,EAAW;AACnD;AAGF,UAAM,EAAE,OAAOe,MAAiBV,EAAwBH,KAAA,gBAAAA,EAAY,IAAI,QAAQ,GAC1E,EAAE,OAAOc,MAAiBX,EAAwBL,KAAA,gBAAAA,EAAW,IAAI,QAAQ,GACzEiB,IAAcC,EAAaH,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM,GACpEI,IAAcD,EAAaF,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM;AAEtE,IAAA,CAACC,KAAe,CAACE,MAIRZ,EAAA;AAAA,MACX,SAAS;AAAA,MACT,WAAAE;AAAA,MACA,SAAAI;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,UACE,MAAMI;AAAA,UACN,MAAM,WAAWxB,CAAkB,IAAIH,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAM6B;AAAA,UACN,MAAM,WAAW3B,CAAkB,IAAID,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD,GAEDO,EAAiB,EAAK;AAAA,EAAA,GACrB;AAAA,IACDD;AAAA,IACAQ;AAAA,IACAL,KAAA,gBAAAA,EAAW;AAAA,IACXa;AAAA,IACAJ;AAAA,IACAP,KAAA,gBAAAA,EAAY;AAAA,IACZV;AAAA,IACAD;AAAA,IACAE;AAAA,IACAH;AAAA,IACAiB;AAAA,EAAA,CACD,GAEmCG,EAAY,MAAM;AACpD,IAAAZ,EAAiB,EAAI;AAAA,EACvB,GAAG,CAAE,CAAA;AAGP,GAEAsB,IAAe/B;"}
+{"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        classStartTs,\n        teacherId,\n        studentId,\n        studentClassroomId,\n        studentName,\n        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,cAAAlB;AAAA,QACA,WAAAJ;AAAA,QACA,WAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,aAAAG;AAAA,QACA,oBAAAF;AAAA,MAAA,CACD;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/index.d.ts

@@ -1882,6 +1882,10 @@ declare interface IFirstSessionIntroductionProps {
     studentId: string;
 }
 
+export declare interface IFraudAlertModalParams {
+    handleLogout: () => void;
+}
+
 declare interface IGame extends IBaseProject {
     played: boolean;
     won_today: number;
@@ -5010,6 +5014,7 @@ declare interface IUseFraudAlertProps {
     studentClassroomId: string;
     teacherClassroomId: string;
     classStartTs: number;
+    studentName: string;
 }
 
 declare interface IUseInclassMessageBroker {
@@ -8123,7 +8128,7 @@ export declare enum USER_TYPE {
  */
 export declare const useRenderCounter: IUseRenderCounter;
 
-export declare const useReportFraud: ({ teacherId, studentId, studentClassroomId, teacherClassroomId, classStartTs, }: IUseFraudAlertProps) => () => void;
+export declare const useReportFraud: ({ teacherId, studentId, studentClassroomId, teacherClassroomId, classStartTs, studentName, }: IUseFraudAlertProps) => () => void;
 
 export declare const UserIcon: FC<SVGProps<SVGSVGElement>>;
 

package/package.json

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