@cuemath/leap 4.1.7-link.1 → 4.1.7

package/dist/features/fraud-detection/api/report-fraudulent-login.js

@@ -0,0 +1,9 @@
+import { createPostAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V1 as r } from "../../../constants/api.js";
+const { usePost: u } = t({
+  getURL: ({ student_classroom_id: o }) => `${r}/student-classrooms/${o}/report-fraudulent-login`
+});
+export {
+  u as useReportFraudulentLogin
+};
+//# sourceMappingURL=report-fraudulent-login.js.map

package/dist/features/fraud-detection/api/report-fraudulent-login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"report-fraudulent-login.js","sources":["../../../../src/features/fraud-detection/api/report-fraudulent-login.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { type IReportFraudulentLoginPayload } from '../hooks/report-fraud-types';\n\nexport const { usePost: useReportFraudulentLogin } = createPostAPI<\n  null,\n  IReportFraudulentLoginPayload\n>({\n  getURL: ({ student_classroom_id }: { student_classroom_id: string }) =>\n    `${BASE_URL_V1}/student-classrooms/${student_classroom_id}/report-fraudulent-login`,\n});\n"],"names":["useReportFraudulentLogin","createPostAPI","student_classroom_id","BASE_URL_V1"],"mappings":";;AAKO,MAAM,EAAE,SAASA,EAAyB,IAAIC,EAGnD;AAAA,EACA,QAAQ,CAAC,EAAE,sBAAAC,QACT,GAAGC,CAAW,uBAAuBD,CAAoB;AAC7D,CAAC;"}

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

@@ -1,83 +1,89 @@
 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 { useLocalPeer as $, useRemotePeers as U, useCaptureMediaStreamImage as L } 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: t,
-  studentClassroomId: u,
-  teacherClassroomId: _,
-  classStartTs: o,
+import { base64ToFile as l } 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";
+import { useReportFraudulentLogin as w } from "../api/report-fraudulent-login.js";
+const y = { type: "class_fraud_login" }, b = ({
+  teacherId: a,
+  studentId: i,
+  studentClassroomId: o,
+  teacherClassroomId: r,
+  classStartTs: _,
   studentName: m
 }) => {
-  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,
+  const { onEvent: u } = N(), [f, p] = S(!1), e = $(), t = U().find((n) => n.userId === a), s = L(), g = v({
+    studentId: i,
+    query: y
+  }), { post: E } = w(), d = c(
+    (n) => {
+      u(k.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {
+        student_classroom_id: o,
+        student_id: i,
         student_name: m,
-        teacher_classroom_id: _
+        teacher_classroom_id: r,
+        teacher_id: a,
+        teacher_url: n[0] || "",
+        student_url: n[1] || "",
+        class_start_ts: new Date(_ * 1e3)
+      }), E({
+        student_classroom_id: o,
+        teacher_s3_url: n[0] || "",
+        student_s3_url: n[1] || ""
       });
     },
     [
-      o,
-      r,
+      _,
       u,
-      t,
+      E,
+      o,
+      i,
       m,
-      _,
-      n
+      r,
+      a
     ]
-  ), R = c(() => {
-    r("fraud_detection_images_failed", { classStartTs: o, teacherId: n, studentId: t });
-  }, [o, r, t, n]);
+  ), F = c(() => {
+    u("fraud_detection_images_failed", { classStartTs: _, teacherId: a, studentId: i });
+  }, [_, u, i, a]);
   return T(() => {
-    if (!f || !(a != null && a.id) || !(e != null && e.id))
+    if (!f || !(t != null && t.id) || !(e != null && e.id))
       return;
-    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({
+    const { image: n } = s(t == null ? void 0 : t.id, "camera"), { image: D } = s(e == null ? void 0 : e.id, "camera"), R = l(n, `teacher-${Date.now()}.png`), A = l(D, `student-${Date.now()}.png`);
+    !R || !A || (g({
       fileKey: "media/class_fraud_login/",
-      onSuccess: E,
-      onError: R,
+      onSuccess: d,
+      onError: F,
       images: [
         {
-          file: d,
-          name: `teacher_${_}_${n}`,
+          file: R,
+          name: `teacher_${r}_${a}`,
           url: ""
         },
         {
           file: A,
-          name: `student_${u}_${t}`,
+          name: `student_${o}_${i}`,
           url: ""
         }
       ]
-    }), g(!1));
+    }), p(!1));
   }, [
     f,
     s,
     e == null ? void 0 : e.id,
-    R,
-    E,
-    a == null ? void 0 : a.id,
-    u,
-    t,
-    _,
-    n,
-    p
+    F,
+    d,
+    t == null ? void 0 : t.id,
+    o,
+    i,
+    r,
+    a,
+    g
   ]), c(() => {
-    g(!0);
+    p(!0);
   }, []);
-}, Y = w;
+}, K = b;
 export {
-  Y as default
+  K 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  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;"}
+{"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 { useReportFraudulentLogin } from '../api/report-fraudulent-login';\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: reportFraud } = useReportFraudulentLogin();\n  const onSuccess = useCallback(\n    (urls: string[]) => {\n      onEvent(FRAUD_DETECTION_ANALYTICS_EVENTS.FRAUD_LOGIN_TEACHER_ENTERED_CLASS_AS_STUDENT, {\n        student_classroom_id: studentClassroomId,\n        student_id: studentId,\n        student_name: studentName,\n        teacher_classroom_id: teacherClassroomId,\n        teacher_id: teacherId,\n        teacher_url: urls[0] || '',\n        student_url: urls[1] || '',\n        class_start_ts: new Date(classStartTs * 1000),\n      });\n\n      reportFraud({\n        student_classroom_id: studentClassroomId,\n        teacher_s3_url: urls[0] || '',\n        student_s3_url: urls[1] || '',\n      });\n    },\n    [\n      classStartTs,\n      onEvent,\n      reportFraud,\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","reportFraud","useReportFraudulentLogin","onSuccess","useCallback","urls","FRAUD_DETECTION_ANALYTICS_EVENTS","onError","useEffect","teacherImage","studentImage","teacherFile","base64ToFile","studentFile","useReportFraud$1"],"mappings":";;;;;;;AAWA,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,GACK,EAAE,MAAMsB,EAAY,IAAIC,EAAyB,GACjDC,IAAYC;AAAA,IAChB,CAACC,MAAmB;AAClB,MAAAlB,EAAQmB,EAAiC,8CAA8C;AAAA,QACrF,sBAAsBvB;AAAA,QACtB,YAAYD;AAAA,QACZ,cAAcI;AAAA,QACd,sBAAsBF;AAAA,QACtB,YAAYH;AAAA,QACZ,aAAawB,EAAK,CAAC,KAAK;AAAA,QACxB,aAAaA,EAAK,CAAC,KAAK;AAAA,QACxB,gBAAgB,IAAI,KAAKpB,IAAe,GAAI;AAAA,MAAA,CAC7C,GAEWgB,EAAA;AAAA,QACV,sBAAsBlB;AAAA,QACtB,gBAAgBsB,EAAK,CAAC,KAAK;AAAA,QAC3B,gBAAgBA,EAAK,CAAC,KAAK;AAAA,MAAA,CAC5B;AAAA,IACH;AAAA,IACA;AAAA,MACEpB;AAAA,MACAE;AAAA,MACAc;AAAA,MACAlB;AAAA,MACAD;AAAA,MACAI;AAAA,MACAF;AAAA,MACAH;AAAA,IACF;AAAA,EAAA,GAGI0B,IAAUH,EAAY,MAAM;AAChC,IAAAjB,EAAQ,iCAAiC,EAAE,cAAAF,GAAc,WAAAJ,GAAW,WAAAC,EAAW,CAAA;AAAA,KAC9E,CAACG,GAAcE,GAASL,GAAWD,CAAS,CAAC;AAEhD,SAAA2B,EAAU,MAAM;AACd,QAAI,CAACnB,KAAiB,EAACK,KAAA,QAAAA,EAAY,OAAM,EAACF,KAAA,QAAAA,EAAW;AACnD;AAGF,UAAM,EAAE,OAAOiB,MAAiBZ,EAAwBH,KAAA,gBAAAA,EAAY,IAAI,QAAQ,GAC1E,EAAE,OAAOgB,MAAiBb,EAAwBL,KAAA,gBAAAA,EAAW,IAAI,QAAQ,GACzEmB,IAAcC,EAAaH,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM,GACpEI,IAAcD,EAAaF,GAAc,WAAW,KAAK,IAAA,CAAK,MAAM;AAEtE,IAAA,CAACC,KAAe,CAACE,MAIRd,EAAA;AAAA,MACX,SAAS;AAAA,MACT,WAAAI;AAAA,MACA,SAAAI;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,UACE,MAAMI;AAAA,UACN,MAAM,WAAW3B,CAAkB,IAAIH,CAAS;AAAA,UAChD,KAAK;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAMgC;AAAA,UACN,MAAM,WAAW9B,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,IACXe;AAAA,IACAJ;AAAA,IACAT,KAAA,gBAAAA,EAAY;AAAA,IACZX;AAAA,IACAD;AAAA,IACAE;AAAA,IACAH;AAAA,IACAkB;AAAA,EAAA,CACD,GAEmCK,EAAY,MAAM;AACpD,IAAAd,EAAiB,EAAI;AAAA,EACvB,GAAG,CAAE,CAAA;AAGP,GAEAwB,IAAelC;"}

package/dist/features/trial-session/comps/class-preference/helpers.js

@@ -1,24 +1,24 @@
-const m = (r, n) => {
-  let o = typeof r == "string" ? parseInt(r, 10) : r, t = typeof n == "string" ? parseInt(n, 10) : n;
-  const i = t % 15;
-  return i >= 8 ? (t += 15 - i, t === 60 && (t = 0, o += 1, o === 24 && (o = 0))) : t -= i, {
-    roundedHour: o.toString(),
+const m = (o, n) => {
+  let r = typeof o == "string" ? parseInt(o, 10) : o, t = typeof n == "string" ? parseInt(n, 10) : n;
+  const a = t % 15;
+  return a >= 8 ? (t += 15 - a, t === 60 && (t = 0, r += 1, r === 24 && (r = 0))) : t -= a, {
+    roundedHour: r.toString().padStart(2, "0"),
     roundedMinute: t.toString().padStart(2, "0")
   };
-}, c = (r, n) => {
-  const o = new Date(r), t = {
+}, c = (o, n) => {
+  const r = new Date(o), t = {
     weekday: "long",
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0,
     timeZone: n
-  }, p = new Intl.DateTimeFormat("en-US", t).formatToParts(o);
-  let a = "", d = "", u = "", s = "";
+  }, p = new Intl.DateTimeFormat("en-US", t).formatToParts(r);
+  let i = "", d = "", u = "", s = "";
   for (const e of p)
-    e.type === "weekday" && (a = e.value), e.type === "hour" && (d = e.value), e.type === "minute" && (u = e.value), e.type === "dayPeriod" && (s = e.value);
+    e.type === "weekday" && (i = e.value), e.type === "hour" && (d = e.value), e.type === "minute" && (u = e.value), e.type === "dayPeriod" && (s = e.value);
   const { roundedHour: f, roundedMinute: l } = m(d, u);
   return {
-    day: a,
+    day: i,
     time: `${f}:${l} ${s}`
   };
 };

package/dist/features/trial-session/comps/class-preference/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../src/features/trial-session/comps/class-preference/helpers.ts"],"sourcesContent":["/**\n * Rounds a given hour and minute to the nearest 15-minute interval.\n * @param hour string or number\n * @param minute string or number\n * @returns { roundedHour: string, roundedMinute: string }\n */\nconst roundToNearest15Min = (\n  hour: string | number,\n  minute: string | number,\n): { roundedHour: string; roundedMinute: string } => {\n  let h = typeof hour === 'string' ? parseInt(hour, 10) : hour;\n  let m = typeof minute === 'string' ? parseInt(minute, 10) : minute;\n  // Round down to nearest 15\n  const remainder = m % 15;\n\n  if (remainder >= 8) {\n    m += 15 - remainder;\n    if (m === 60) {\n      m = 0;\n      h += 1;\n      if (h === 24) h = 0;\n    }\n  } else {\n    m -= remainder;\n  }\n\n  return {\n    roundedHour: h.toString(),\n    roundedMinute: m.toString().padStart(2, '0'),\n  };\n};\n\n/**\n * Extracts day and time in 'hh:mm AM/PM' format from epoch and timezone.\n * @param epoch Epoch timestamp (number)\n * @param timezone IANA timezone string (e.g., 'Asia/Kolkata')\n * @returns { day: string, time: string }\n */\nconst extractDayAndTimeFromEpoch = (\n  epoch: number,\n  timezone: string,\n): { day: string; time: string } => {\n  // Use Intl.DateTimeFormat for timezone conversion\n  const date = new Date(epoch);\n  const options: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true,\n    timeZone: timezone,\n  };\n  const formatter = new Intl.DateTimeFormat('en-US', options);\n  const parts = formatter.formatToParts(date);\n  let day = '';\n  let hour = '';\n  let minute = '';\n  let period = '';\n\n  for (const part of parts) {\n    if (part.type === 'weekday') day = part.value;\n\n    if (part.type === 'hour') hour = part.value;\n\n    if (part.type === 'minute') minute = part.value;\n\n    if (part.type === 'dayPeriod') period = part.value;\n  }\n  const { roundedHour, roundedMinute } = roundToNearest15Min(hour, minute);\n\n  return {\n    day,\n    time: `${roundedHour}:${roundedMinute} ${period}`,\n  };\n};\n\nexport { extractDayAndTimeFromEpoch };\n"],"names":["roundToNearest15Min","hour","minute","h","m","remainder","extractDayAndTimeFromEpoch","epoch","timezone","date","options","parts","day","period","part","roundedHour","roundedMinute"],"mappings":"AAMA,MAAMA,IAAsB,CAC1BC,GACAC,MACmD;AACnD,MAAIC,IAAI,OAAOF,KAAS,WAAW,SAASA,GAAM,EAAE,IAAIA,GACpDG,IAAI,OAAOF,KAAW,WAAW,SAASA,GAAQ,EAAE,IAAIA;AAE5D,QAAMG,IAAYD,IAAI;AAEtB,SAAIC,KAAa,KACfD,KAAK,KAAKC,GACND,MAAM,OACJA,IAAA,GACCD,KAAA,GACDA,MAAM,OAAQA,IAAA,OAGfC,KAAAC,GAGA;AAAA,IACL,aAAaF,EAAE,SAAS;AAAA,IACxB,eAAeC,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,EAAA;AAE/C,GAQME,IAA6B,CACjCC,GACAC,MACkC;AAE5B,QAAAC,IAAO,IAAI,KAAKF,CAAK,GACrBG,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUF;AAAA,EAAA,GAGNG,IADY,IAAI,KAAK,eAAe,SAASD,CAAO,EAClC,cAAcD,CAAI;AAC1C,MAAIG,IAAM,IACNX,IAAO,IACPC,IAAS,IACTW,IAAS;AAEb,aAAWC,KAAQH;AACjB,IAAIG,EAAK,SAAS,cAAWF,IAAME,EAAK,QAEpCA,EAAK,SAAS,WAAQb,IAAOa,EAAK,QAElCA,EAAK,SAAS,aAAUZ,IAASY,EAAK,QAEtCA,EAAK,SAAS,gBAAaD,IAASC,EAAK;AAE/C,QAAM,EAAE,aAAAC,GAAa,eAAAC,EAAA,IAAkBhB,EAAoBC,GAAMC,CAAM;AAEhE,SAAA;AAAA,IACL,KAAAU;AAAA,IACA,MAAM,GAAGG,CAAW,IAAIC,CAAa,IAAIH,CAAM;AAAA,EAAA;AAEnD;"}
+{"version":3,"file":"helpers.js","sources":["../../../../../src/features/trial-session/comps/class-preference/helpers.ts"],"sourcesContent":["/**\n * Rounds a given hour and minute to the nearest 15-minute interval.\n * @param hour string or number\n * @param minute string or number\n * @returns { roundedHour: string, roundedMinute: string }\n */\nconst roundToNearest15Min = (\n  hour: string | number,\n  minute: string | number,\n): { roundedHour: string; roundedMinute: string } => {\n  let h = typeof hour === 'string' ? parseInt(hour, 10) : hour;\n  let m = typeof minute === 'string' ? parseInt(minute, 10) : minute;\n  // Round down to nearest 15\n  const remainder = m % 15;\n\n  if (remainder >= 8) {\n    m += 15 - remainder;\n    if (m === 60) {\n      m = 0;\n      h += 1;\n      if (h === 24) h = 0;\n    }\n  } else {\n    m -= remainder;\n  }\n\n  return {\n    roundedHour: h.toString().padStart(2, '0'),\n    roundedMinute: m.toString().padStart(2, '0'),\n  };\n};\n\n/**\n * Extracts day and time in 'hh:mm AM/PM' format from epoch and timezone.\n * @param epoch Epoch timestamp (number)\n * @param timezone IANA timezone string (e.g., 'Asia/Kolkata')\n * @returns { day: string, time: string }\n */\nconst extractDayAndTimeFromEpoch = (\n  epoch: number,\n  timezone: string,\n): { day: string; time: string } => {\n  // Use Intl.DateTimeFormat for timezone conversion\n  const date = new Date(epoch);\n  const options: Intl.DateTimeFormatOptions = {\n    weekday: 'long',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true,\n    timeZone: timezone,\n  };\n  const formatter = new Intl.DateTimeFormat('en-US', options);\n  const parts = formatter.formatToParts(date);\n  let day = '';\n  let hour = '';\n  let minute = '';\n  let period = '';\n\n  for (const part of parts) {\n    if (part.type === 'weekday') day = part.value;\n\n    if (part.type === 'hour') hour = part.value;\n\n    if (part.type === 'minute') minute = part.value;\n\n    if (part.type === 'dayPeriod') period = part.value;\n  }\n  const { roundedHour, roundedMinute } = roundToNearest15Min(hour, minute);\n\n  return {\n    day,\n    time: `${roundedHour}:${roundedMinute} ${period}`,\n  };\n};\n\nexport { extractDayAndTimeFromEpoch };\n"],"names":["roundToNearest15Min","hour","minute","h","m","remainder","extractDayAndTimeFromEpoch","epoch","timezone","date","options","parts","day","period","part","roundedHour","roundedMinute"],"mappings":"AAMA,MAAMA,IAAsB,CAC1BC,GACAC,MACmD;AACnD,MAAIC,IAAI,OAAOF,KAAS,WAAW,SAASA,GAAM,EAAE,IAAIA,GACpDG,IAAI,OAAOF,KAAW,WAAW,SAASA,GAAQ,EAAE,IAAIA;AAE5D,QAAMG,IAAYD,IAAI;AAEtB,SAAIC,KAAa,KACfD,KAAK,KAAKC,GACND,MAAM,OACJA,IAAA,GACCD,KAAA,GACDA,MAAM,OAAQA,IAAA,OAGfC,KAAAC,GAGA;AAAA,IACL,aAAaF,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,IACzC,eAAeC,EAAE,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,EAAA;AAE/C,GAQME,IAA6B,CACjCC,GACAC,MACkC;AAE5B,QAAAC,IAAO,IAAI,KAAKF,CAAK,GACrBG,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUF;AAAA,EAAA,GAGNG,IADY,IAAI,KAAK,eAAe,SAASD,CAAO,EAClC,cAAcD,CAAI;AAC1C,MAAIG,IAAM,IACNX,IAAO,IACPC,IAAS,IACTW,IAAS;AAEb,aAAWC,KAAQH;AACjB,IAAIG,EAAK,SAAS,cAAWF,IAAME,EAAK,QAEpCA,EAAK,SAAS,WAAQb,IAAOa,EAAK,QAElCA,EAAK,SAAS,aAAUZ,IAASY,EAAK,QAEtCA,EAAK,SAAS,gBAAaD,IAASC,EAAK;AAE/C,QAAM,EAAE,aAAAC,GAAa,eAAAC,EAAA,IAAkBhB,EAAoBC,GAAMC,CAAM;AAEhE,SAAA;AAAA,IACL,KAAAU;AAAA,IACA,MAAM,GAAGG,CAAW,IAAIC,CAAa,IAAIH,CAAM;AAAA,EAAA;AAEnD;"}

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js

@@ -1,47 +1,42 @@
-import { useState as g, useRef as p, useCallback as a, useMemo as A, useEffect as m } from "react";
-import { useTrialSessionContext as L } from "../../../context/use-trial-session-context.js";
-import { TrialPageId as e } from "../../../trial-session-constants.js";
-const h = 500, O = () => {
-  const [E, c] = g(!1), { slideConfig: T, formData: C, demoType: I, updateSlideConfig: s, onRemoveOptionalSlides: n } = L(), { id: r } = T, { confirmationModalActive: u } = C || {}, t = p(null), o = I === "TRIAL_V3", i = a(() => {
-    t.current && clearTimeout(t.current), t.current = setTimeout(() => {
-      c(!1), t.current = null;
-    }, h);
-  }, []), f = a(() => {
-    switch (r) {
-      case e.LEARNING_WORKSHEET:
-        s({
-          id: o ? e.LEARNING_LEVEL : e.TOPIC_SELECTION,
+import { useState as h, useRef as C, useCallback as l, useMemo as N, useEffect as d } from "react";
+import { useTrialSessionContext as E } from "../../../context/use-trial-session-context.js";
+import { TrialPageId as r } from "../../../trial-session-constants.js";
+const M = 500, O = () => {
+  const [m, a] = h(!1), { slideConfig: T, formData: p, demoType: A, updateSlideConfig: t } = E(), { id: s } = T, { confirmationModalActive: c } = p || {}, e = C(null), o = A === "TRIAL_V3", n = l(() => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+      a(!1), e.current = null;
+    }, M);
+  }, []), u = l(() => {
+    switch (s) {
+      case r.LEARNING_WORKSHEET:
+        t({
+          id: o ? r.LEARNING_LEVEL : r.STUDENT_INFORMATION,
           confirmationModalActive: !1,
           resetAttempt: !0,
           selectedTopics: void 0
-        }), n == null || n({
-          slideToUpdate: {
-            slideId: o ? e.LEARNING_LEVEL : e.TOPIC_SELECTION,
-            newNextPage: { buttonLabel: "Questions", pageId: e.LEARNING_WORKSHEET }
-          }
-        }), i();
+        }), n();
         break;
       default:
         return null;
     }
-  }, [r, s, o, n, i]), d = a(() => {
-    s({ confirmationModalActive: !1 }), i();
-  }, [s, i]), N = A(
+  }, [s, t, o, n]), f = l(() => {
+    t({ confirmationModalActive: !1 }), n();
+  }, [t, n]), g = N(
     () => ({
-      [e.LEARNING_WORKSHEET]: {
+      [r.LEARNING_WORKSHEET]: {
         title: o ? "Changing the session level will reset current progress. Are you sure?" : "You will lose the current progress. Do you still wish to change the grade, level, or chapters for the session?",
         confirmText: o ? "Yes, change session level" : "Yes, reset",
-        onConfirm: f,
-        onCancel: d
+        onConfirm: u,
+        onCancel: f
       }
     }),
-    [d, f, o]
-  ), l = r ? N[r] : void 0;
-  return m(() => {
-    u && l && c(!0);
-  }, [u, l]), m(() => () => {
-    t.current && clearTimeout(t.current);
-  }, []), { modalConfig: l, openModal: E };
+    [f, u, o]
+  ), i = s ? g[s] : void 0;
+  return d(() => {
+    c && i && a(!0);
+  }, [c, i]), d(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), { modalConfig: i, openModal: m };
 };
 export {
   O as default

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, demoType, updateSlideConfig, onRemoveOptionalSlides } =\n    useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const isTrialV3 = demoType === 'TRIAL_V3';\n\n  const closeModal = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      setOpenModal(false);\n      timeoutRef.current = null;\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: isTrialV3 ? TrialPageId.LEARNING_LEVEL : TrialPageId.TOPIC_SELECTION,\n          confirmationModalActive: false,\n          resetAttempt: true,\n          selectedTopics: undefined,\n        });\n        onRemoveOptionalSlides?.({\n          slideToUpdate: {\n            slideId: isTrialV3 ? TrialPageId.LEARNING_LEVEL : TrialPageId.TOPIC_SELECTION,\n            newNextPage: { buttonLabel: 'Questions', pageId: TrialPageId.LEARNING_WORKSHEET },\n          },\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, isTrialV3, onRemoveOptionalSlides, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: isTrialV3\n          ? 'Changing the session level will reset current progress. Are you sure?'\n          : 'You will lose the current progress. Do you still wish to change the grade, level, or chapters for the session?',\n        confirmText: isTrialV3 ? 'Yes, change session level' : 'Yes, reset',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm, isTrialV3],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","demoType","updateSlideConfig","onRemoveOptionalSlides","useTrialSessionContext","id","confirmationModalActive","timeoutRef","useRef","isTrialV3","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAKA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,mBAAAC,GAAmB,wBAAAC,EAAA,IAC1DC,KACI,EAAE,IAAAC,EAAO,IAAAN,GACT,EAAE,yBAAAO,EAAA,IAA4BN,KAAY,IAC1CO,IAAaC,EAA8B,IAAI,GAC/CC,IAAYR,MAAa,YAEzBS,IAAaC,EAAY,MAAM;AACnC,IAAIJ,EAAW,WACb,aAAaA,EAAW,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AACpC,MAAAV,EAAa,EAAK,GAClBU,EAAW,UAAU;AAAA,OACpBb,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECkB,IAAgBD,EAAY,MAAM;AACtC,YAAQN,GAAI;AAAA,MACV,KAAKQ,EAAY;AACG,QAAAX,EAAA;AAAA,UAChB,IAAIO,IAAYI,EAAY,iBAAiBA,EAAY;AAAA,UACzD,yBAAyB;AAAA,UACzB,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA,CACjB,GACwBV,KAAA,QAAAA,EAAA;AAAA,UACvB,eAAe;AAAA,YACb,SAASM,IAAYI,EAAY,iBAAiBA,EAAY;AAAA,YAC9D,aAAa,EAAE,aAAa,aAAa,QAAQA,EAAY,mBAAmB;AAAA,UAClF;AAAA,QAAA,IAESH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,EAAA,GACC,CAACL,GAAIH,GAAmBO,GAAWN,GAAwBO,CAAU,CAAC,GAEnEI,IAAeH,EAAY,MAAM;AACnB,IAAAT,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCQ;EAAA,GACV,CAACR,GAAmBQ,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAOJ,IACH,0EACA;AAAA,QACJ,aAAaA,IAAY,8BAA8B;AAAA,QACvD,WAAWG;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,GAAeH,CAAS;AAAA,EAAA,GAGnCQ,IAAcZ,IAAKU,EAAaV,CAAE,IAAI;AAE5C,SAAAa,EAAU,MAAM;AACV,IAAAZ,KAA2BW,KAAapB,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACS,GAAyBW,CAAW,CAAC,GAEzCC,EAAU,MACD,MAAM;AACX,IAAIX,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EACjC,GAED,CAAE,CAAA,GAEE,EAAE,aAAAU,GAAa,WAAArB;AACxB;"}
+{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, demoType, updateSlideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const isTrialV3 = demoType === 'TRIAL_V3';\n\n  const closeModal = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      setOpenModal(false);\n      timeoutRef.current = null;\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: isTrialV3 ? TrialPageId.LEARNING_LEVEL : TrialPageId.STUDENT_INFORMATION,\n          confirmationModalActive: false,\n          resetAttempt: true,\n          selectedTopics: undefined,\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, isTrialV3, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: isTrialV3\n          ? 'Changing the session level will reset current progress. Are you sure?'\n          : 'You will lose the current progress. Do you still wish to change the grade, level, or chapters for the session?',\n        confirmText: isTrialV3 ? 'Yes, change session level' : 'Yes, reset',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm, isTrialV3],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","demoType","updateSlideConfig","useTrialSessionContext","id","confirmationModalActive","timeoutRef","useRef","isTrialV3","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAKA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,mBAAAC,EAAA,IAAsBC,KACzD,EAAE,IAAAC,EAAO,IAAAL,GACT,EAAE,yBAAAM,EAAA,IAA4BL,KAAY,IAC1CM,IAAaC,EAA8B,IAAI,GAC/CC,IAAYP,MAAa,YAEzBQ,IAAaC,EAAY,MAAM;AACnC,IAAIJ,EAAW,WACb,aAAaA,EAAW,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AACpC,MAAAT,EAAa,EAAK,GAClBS,EAAW,UAAU;AAAA,OACpBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECiB,IAAgBD,EAAY,MAAM;AACtC,YAAQN,GAAI;AAAA,MACV,KAAKQ,EAAY;AACG,QAAAV,EAAA;AAAA,UAChB,IAAIM,IAAYI,EAAY,iBAAiBA,EAAY;AAAA,UACzD,yBAAyB;AAAA,UACzB,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA,CACjB,GACUH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,KACC,CAACL,GAAIF,GAAmBM,GAAWC,CAAU,CAAC,GAE3CI,IAAeH,EAAY,MAAM;AACnB,IAAAR,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCO;EAAA,GACV,CAACP,GAAmBO,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAOJ,IACH,0EACA;AAAA,QACJ,aAAaA,IAAY,8BAA8B;AAAA,QACvD,WAAWG;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,GAAeH,CAAS;AAAA,EAAA,GAGnCQ,IAAcZ,IAAKU,EAAaV,CAAE,IAAI;AAE5C,SAAAa,EAAU,MAAM;AACV,IAAAZ,KAA2BW,KAAanB,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACQ,GAAyBW,CAAW,CAAC,GAEzCC,EAAU,MACD,MAAM;AACX,IAAIX,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EACjC,GAED,CAAE,CAAA,GAEE,EAAE,aAAAU,GAAa,WAAApB;AACxB;"}

package/dist/features/trial-session/comps/cue-tips/tips/index.js

@@ -1,12 +1,12 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import i from "../../../../ui/layout/flex-view.js";
-import l from "../../../../ui/separator/separator.js";
-import c from "../../../../ui/text/text.js";
-import { TipContainer as a, CheckIcon as p, TipText as n, CrossIcon as f } from "./tips-styled.js";
-const m = ({ dos: o, donts: s }) => /* @__PURE__ */ t(i, { children: [
-  /* @__PURE__ */ r(c, { $renderAs: "ac4", $color: "REAL_BLACK_60", children: "Tips" }),
-  /* @__PURE__ */ r(l, { height: 8 }),
-  /* @__PURE__ */ t(a, { $flexDirection: "column", $flexGap: 8, children: [
+import s from "../../../../ui/separator/separator.js";
+import a from "../../../../ui/text/text.js";
+import { TipContainer as c, CheckIcon as f, TipText as n, CrossIcon as p } from "./tips-styled.js";
+const u = ({ dos: o, donts: l }) => /* @__PURE__ */ t(i, { children: [
+  /* @__PURE__ */ r(a, { $renderAs: "ac4", $color: "REAL_BLACK_60", children: "Tips" }),
+  /* @__PURE__ */ r(s, { height: 8 }),
+  /* @__PURE__ */ t(c, { $flexDirection: "column", $flexGap: 8, children: [
     o.map((e) => /* @__PURE__ */ t(
       i,
       {
@@ -15,13 +15,13 @@ const m = ({ dos: o, donts: s }) => /* @__PURE__ */ t(i, { children: [
         $alignItems: "start",
         $flexGap: 8,
         children: [
-          /* @__PURE__ */ r(p, {}),
+          /* @__PURE__ */ r(f, {}),
           /* @__PURE__ */ r(n, { $renderAs: "ub3", children: e })
         ]
       },
       e
     )),
-    s.map((e) => /* @__PURE__ */ t(
+    l.map((e) => /* @__PURE__ */ t(
       i,
       {
         $flexDirection: "row",
@@ -29,15 +29,15 @@ const m = ({ dos: o, donts: s }) => /* @__PURE__ */ t(i, { children: [
         $alignItems: "start",
         $flexGap: 8,
         children: [
-          /* @__PURE__ */ r(f, {}),
+          /* @__PURE__ */ r(p, {}),
           /* @__PURE__ */ r(n, { $renderAs: "ub3", children: e })
         ]
       },
       e
     ))
   ] })
-] }), C = m;
+] });
 export {
-  C as default
+  u as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/trial-session/comps/cue-tips/tips/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"ac4\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"ub3\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"ub3\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon","Tips$1"],"mappings":";;;;;AAOA,MAAMA,IAA+C,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAExDC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,iBAAgB,UAE7C,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,OAAO,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPnCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,OAAO,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA,GAIJE,IAAed;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/cue-tips/tips/index.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './tips-styled';\n\nconst Tips: FC<{ dos: string[]; donts: string[] }> = ({ dos, donts }) => {\n  return (\n    <FlexView>\n      <Text $renderAs=\"ac4\" $color=\"REAL_BLACK_60\">\n        Tips\n      </Text>\n      <Separator height={8} />\n      <Styled.TipContainer $flexDirection=\"column\" $flexGap={8}>\n        {dos.map(doText => {\n          return (\n            <FlexView\n              key={doText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CheckIcon />\n              <Styled.TipText $renderAs=\"ub3\">{doText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n        {donts.map(dontText => {\n          return (\n            <FlexView\n              key={dontText}\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-start\"\n              $alignItems=\"start\"\n              $flexGap={8}\n            >\n              <Styled.CrossIcon />\n              <Styled.TipText $renderAs=\"ub3\">{dontText}</Styled.TipText>\n            </FlexView>\n          );\n        })}\n      </Styled.TipContainer>\n    </FlexView>\n  );\n};\n\nexport default Tips;\n"],"names":["Tips","dos","donts","FlexView","jsx","Text","Separator","Styled.TipContainer","doText","jsxs","Styled.CheckIcon","Styled.TipText","dontText","Styled.CrossIcon"],"mappings":";;;;;AAOA,MAAMA,IAA+C,CAAC,EAAE,KAAAC,GAAK,OAAAC,0BAExDC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,iBAAgB,UAE7C,QAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,oBACrBC,GAAA,EAAoB,gBAAe,UAAS,UAAU,GACpD,UAAA;AAAA,IAAAN,EAAI,IAAI,CAAUO,MAEf,gBAAAC;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAM,GAAA,EAAiB;AAAA,4BACjBC,GAAA,EAAe,WAAU,OAAO,UAAOH,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPnCA;AAAA,IAAA,CAUV;AAAA,IACAN,EAAM,IAAI,CAAYU,MAEnB,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAC,EAAAS,GAAA,EAAiB;AAAA,4BACjBF,GAAA,EAAe,WAAU,OAAO,UAASC,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAPrCA;AAAA,IAAA,CAUV;AAAA,EAAA,GACH;AACF,EAAA,CAAA;"}

package/dist/features/trial-session/comps/session-overview/session-overview-styled.js

@@ -13,7 +13,7 @@ const a = r.div`
       border-bottom: 1px solid ${o};
     }
     .period-text {
-      margin-left: 30px;
+      margin-left: 23px;
     }
   `;
 }), c = r.div(({ theme: t, $bgImage: o }) => {

package/dist/features/trial-session/comps/session-overview/session-overview-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-overview-styled.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\ntype TSessionGoal = {\n  $bgImage: string;\n};\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst GoalsWrapper = styled.div(({ theme }) => {\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n    width: ${RIGHT_PANEL_CONTENT_WIDTH - 100}px;\n    margin: auto;\n    border: 1px solid ${BLACK_T_87};\n    & > *:not(:last-child) {\n      border-bottom: 1px solid ${BLACK_T_87};\n    }\n    .period-text {\n      margin-left: 30px;\n    }\n  `;\n});\n\nconst Goal = styled.div<TSessionGoal>(({ theme, $bgImage }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    padding: ${gutter * 2.5}px ${gutter}px;\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat;\n    background-position: right, center;\n    background-size: cover;\n  `;\n});\n\nexport { Container, GoalsWrapper, Goal };\n"],"names":["Container","styled","GoalsWrapper","theme","BLACK_T_87","RIGHT_PANEL_CONTENT_WIDTH","Goal","$bgImage","gutter"],"mappings":";;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAeD,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,YAAAC,EAAW,IAAID,EAAM;AAEtB,SAAA;AAAA,aACIE,IAA4B,GAAG;AAAA;AAAA,wBAEpBD,CAAU;AAAA;AAAA,iCAEDA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3C,CAAC,GAEKE,IAAOL,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,UAAAI,QAAe;AACvD,QAAA,EAAE,QAAAC,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA,eAEMK,IAAS,GAAG,MAAMA,CAAM;AAAA,4BACXD,CAAQ;AAAA;AAAA;AAAA;AAAA;AAKpC,CAAC;"}
+{"version":3,"file":"session-overview-styled.js","sources":["../../../../../src/features/trial-session/comps/session-overview/session-overview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\ntype TSessionGoal = {\n  $bgImage: string;\n};\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst GoalsWrapper = styled.div(({ theme }) => {\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n    width: ${RIGHT_PANEL_CONTENT_WIDTH - 100}px;\n    margin: auto;\n    border: 1px solid ${BLACK_T_87};\n    & > *:not(:last-child) {\n      border-bottom: 1px solid ${BLACK_T_87};\n    }\n    .period-text {\n      margin-left: 23px;\n    }\n  `;\n});\n\nconst Goal = styled.div<TSessionGoal>(({ theme, $bgImage }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    padding: ${gutter * 2.5}px ${gutter}px;\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat;\n    background-position: right, center;\n    background-size: cover;\n  `;\n});\n\nexport { Container, GoalsWrapper, Goal };\n"],"names":["Container","styled","GoalsWrapper","theme","BLACK_T_87","RIGHT_PANEL_CONTENT_WIDTH","Goal","$bgImage","gutter"],"mappings":";;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAeD,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AACvC,QAAA,EAAE,YAAAC,EAAW,IAAID,EAAM;AAEtB,SAAA;AAAA,aACIE,IAA4B,GAAG;AAAA;AAAA,wBAEpBD,CAAU;AAAA;AAAA,iCAEDA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAM3C,CAAC,GAEKE,IAAOL,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,UAAAI,QAAe;AACvD,QAAA,EAAE,QAAAC,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA,eAEMK,IAAS,GAAG,MAAMA,CAAM;AAAA,4BACXD,CAAQ;AAAA;AAAA;AAAA;AAAA;AAKpC,CAAC;"}

package/dist/features/trial-session/comps/student-feedback/student-feedback-styled.js

@@ -1,20 +1,34 @@
 import r from "styled-components";
 import e from "../../../ui/layout/flex-view.js";
-import { RIGHT_PANEL_CONTENT_WIDTH as n } from "../../trial-session-constants.js";
-const s = r.div`
+import n from "../../../ui/text/text.js";
+import { RIGHT_PANEL_CONTENT_WIDTH as l } from "../../trial-session-constants.js";
+const d = r.div`
   width: 100%;
   height: 100%;
   overflow: auto;
-`, c = r(e)(({ theme: o }) => {
+`, u = r(e)(({ theme: o }) => {
   const { GREEN_1: t, GREEN_4: i } = o.colors;
   return `
-  width: ${n - 100}px;
+  width: ${l - 100}px;
   margin: auto;
   background-color: ${t};
   border: 1px solid ${i};
   position: relative;
 `;
-}), d = r(e)(({ theme: o }) => {
+}), T = r(e)(({ theme: o }) => `
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+    &:hover {
+      background-color: ${o.colors.BLACK_T_87};
+      
+      .feedback-title {
+        color: ${o.colors.WHITE_T_87};
+      }
+      .feedback-desc {
+        color: ${o.colors.WHITE_T_60};
+      }
+    }
+  `), _ = r(e)(({ theme: o }) => {
   const { gutter: t } = o.layout;
   return `
     width: 100%;
@@ -22,10 +36,14 @@ const s = r.div`
     left: 0;
     top: -${t * 0.75}px;
   `;
-});
+}), b = r(n)`
+  display: inline;
+`;
 export {
-  d as BalloonWrapper,
-  s as Container,
-  c as FeedbackWrapper
+  _ as BalloonWrapper,
+  d as Container,
+  T as Feedback,
+  u as FeedbackWrapper,
+  b as InlineText
 };
 //# sourceMappingURL=student-feedback-styled.js.map

package/dist/features/trial-session/comps/student-feedback/student-feedback-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH - 100}px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nexport { Container, FeedbackWrapper, BalloonWrapper };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","RIGHT_PANEL_CONTENT_WIDTH","BalloonWrapper","gutter"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA,WACEG,IAA4B,GAAG;AAAA;AAAA,sBAEpBF,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKE,IAAiBP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAK,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGK,IAAS,IAAI;AAAA;AAEzB,CAAC;"}
+{"version":3,"file":"student-feedback-styled.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n`;\n\nconst FeedbackWrapper = styled(FlexView)(({ theme }) => {\n  const { GREEN_1, GREEN_4 } = theme.colors;\n\n  return `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH - 100}px;\n  margin: auto;\n  background-color: ${GREEN_1};\n  border: 1px solid ${GREEN_4};\n  position: relative;\n`;\n});\n\nconst Feedback = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    &:hover {\n      background-color: ${theme.colors.BLACK_T_87};\n      \n      .feedback-title {\n        color: ${theme.colors.WHITE_T_87};\n      }\n      .feedback-desc {\n        color: ${theme.colors.WHITE_T_60};\n      }\n    }\n  `;\n});\n\nconst BalloonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    position: absolute;\n    left: 0;\n    top: -${gutter * 0.75}px;\n  `;\n});\n\nconst InlineText = styled(Text)`\n  display: inline;\n`;\n\nexport { Container, FeedbackWrapper, Feedback, BalloonWrapper, InlineText };\n"],"names":["Container","styled","FeedbackWrapper","FlexView","theme","GREEN_1","GREEN_4","RIGHT_PANEL_CONTENT_WIDTH","Feedback","BalloonWrapper","gutter","InlineText","Text"],"mappings":";;;;AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAkBD,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA,WACEG,IAA4B,GAAG;AAAA;AAAA,sBAEpBF,CAAO;AAAA,sBACPC,CAAO;AAAA;AAAA;AAG7B,CAAC,GAEKE,IAAWP,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC5B;AAAA;AAAA;AAAA;AAAA,0BAIiBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGhCA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,iBAGvBA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,GAIvC,GAEKK,IAAiBR,EAAOE,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC/C,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,YAIGM,IAAS,IAAI;AAAA;AAEzB,CAAC,GAEKC,IAAaV,EAAOW,CAAI;AAAA;AAAA;"}