@digabi/exam-engine-core 23.13.6 → 23.13.8-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/__tests__/playwright/exam/AudioAnswer.test.d.ts +2 -0
  2. package/dist/__tests__/playwright/exam/AudioAnswer.test.d.ts.map +1 -0
  3. package/dist/__tests__/playwright/exam/AudioAnswer.test.js +110 -0
  4. package/dist/__tests__/playwright/exam/AudioAnswer.test.js.map +1 -0
  5. package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.d.ts +5 -0
  6. package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.d.ts.map +1 -0
  7. package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.js +15 -0
  8. package/dist/__tests__/playwright/stories/exam/AudioAnswer.story.js.map +1 -0
  9. package/dist/__tests__/tsconfig.tsbuildinfo +1 -1
  10. package/dist/components/exam/internal/MyAudioRecorder.d.ts +10 -0
  11. package/dist/components/exam/internal/MyAudioRecorder.d.ts.map +1 -0
  12. package/dist/components/exam/internal/MyAudioRecorder.js +106 -0
  13. package/dist/components/exam/internal/MyAudioRecorder.js.map +1 -0
  14. package/dist/components/exam/internal/MyMediaRecorder.d.ts +10 -0
  15. package/dist/components/exam/internal/MyMediaRecorder.d.ts.map +1 -0
  16. package/dist/components/exam/internal/MyMediaRecorder.js +91 -0
  17. package/dist/components/exam/internal/MyMediaRecorder.js.map +1 -0
  18. package/dist/components/shared/internal/AudioErrorRemoveMe.d.ts +8 -0
  19. package/dist/components/shared/internal/AudioErrorRemoveMe.d.ts.map +1 -0
  20. package/dist/components/shared/internal/AudioErrorRemoveMe.js +17 -0
  21. package/dist/components/shared/internal/AudioErrorRemoveMe.js.map +1 -0
  22. package/dist/main-bundle.js +2 -2
  23. package/package.json +2 -2
  24. package/dist/__tests__/annotations.test.d.ts +0 -2
  25. package/dist/__tests__/annotations.test.d.ts.map +0 -1
  26. package/dist/__tests__/annotations.test.js +0 -217
  27. package/dist/__tests__/annotations.test.js.map +0 -1
  28. package/dist/assets/NotoMono.ttf +0 -0
  29. package/dist/assets/NotoSans-Bold.ttf +0 -0
  30. package/dist/assets/NotoSans-BoldItalic.ttf +0 -0
  31. package/dist/assets/NotoSans-Italic.ttf +0 -0
  32. package/dist/assets/NotoSans-Light.ttf +0 -0
  33. package/dist/assets/NotoSans-LightItalic.ttf +0 -0
  34. package/dist/assets/NotoSans-Regular.ttf +0 -0
  35. package/dist/assets/NotoSans-SemiBold.ttf +0 -0
  36. package/dist/assets/NotoSans-SemiBoldItalic.ttf +0 -0
  37. package/dist/assets/closeButton.svg +0 -1
  38. package/dist/assets/collapse.svg +0 -12
  39. package/dist/assets/expand.svg +0 -12
  40. package/dist/assets/helpButton.svg +0 -9
  41. package/dist/assets/redoButton.svg +0 -5
  42. package/dist/assets/undoButton.svg +0 -5
  43. package/dist/components/exam/ExamineExam.d.ts +0 -5
  44. package/dist/components/exam/ExamineExam.d.ts.map +0 -1
  45. package/dist/components/exam/ExamineExam.js +0 -20
  46. package/dist/components/exam/ExamineExam.js.map +0 -1
  47. package/dist/components/grading/examAnnotationUtils.d.ts +0 -4
  48. package/dist/components/grading/examAnnotationUtils.d.ts.map +0 -1
  49. package/dist/components/grading/examAnnotationUtils.js +0 -51
  50. package/dist/components/grading/examAnnotationUtils.js.map +0 -1
  51. package/dist/components/shared/AnnotatableText.d.ts +0 -7
  52. package/dist/components/shared/AnnotatableText.d.ts.map +0 -1
  53. package/dist/components/shared/AnnotatableText.js +0 -73
  54. package/dist/components/shared/AnnotatableText.js.map +0 -1
  55. package/dist/components/shared/AnnotationPopup.d.ts +0 -3
  56. package/dist/components/shared/AnnotationPopup.d.ts.map +0 -1
  57. package/dist/components/shared/AnnotationPopup.js +0 -74
  58. package/dist/components/shared/AnnotationPopup.js.map +0 -1
  59. package/dist/components/surround.d.ts +0 -8
  60. package/dist/components/surround.d.ts.map +0 -1
  61. package/dist/components/surround.js +0 -19
  62. package/dist/components/surround.js.map +0 -1
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ interface MyAudioRecorderProps {
3
+ audioUrl?: string;
4
+ onSave: (blob: Blob) => void;
5
+ onDelete: () => void;
6
+ mediaRecorderOptions?: MediaRecorderOptions;
7
+ }
8
+ export declare function MyAudioRecorder({ audioUrl, onSave, onDelete, mediaRecorderOptions }: MyAudioRecorderProps): React.JSX.Element | null;
9
+ export {};
10
+ //# sourceMappingURL=MyAudioRecorder.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MyAudioRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyAudioRecorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,EAAE,oBAAoB,4BAkIzG"}
@@ -0,0 +1,106 @@
1
+ import React, { useEffect, useRef, useState } from 'react';
2
+ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
3
+ import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
4
+ import { useExamTranslation } from '../../../i18n';
5
+ export function MyAudioRecorder({ audioUrl, onSave, onDelete, mediaRecorderOptions }) {
6
+ const [mediaRecorder, setMediaRecorder] = useState();
7
+ const [timeElapsed, setTimeElapsed] = useState(0);
8
+ const [status, setStatus] = useState('');
9
+ const [error, setError] = useState();
10
+ const timer = useRef();
11
+ const { t } = useExamTranslation();
12
+ useEffect(() => {
13
+ void (async function () {
14
+ try {
15
+ const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
16
+ //const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: { echoCancellation: true } })
17
+ const mediaRecorder = new MediaRecorder(mediaStream, mediaRecorderOptions);
18
+ setMediaRecorder(mediaRecorder);
19
+ }
20
+ catch (err) {
21
+ showError(err);
22
+ }
23
+ return () => stopRecording();
24
+ })();
25
+ }, []);
26
+ useEffect(() => {
27
+ var _a;
28
+ setStatus((_a = mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) !== null && _a !== void 0 ? _a : '');
29
+ }, [mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state]);
30
+ function startRecording() {
31
+ try {
32
+ if (mediaRecorder) {
33
+ startTimer();
34
+ mediaRecorder.start();
35
+ //mediaRecorder.start(1000) // to save in chunks
36
+ mediaRecorder.ondataavailable = onData;
37
+ mediaRecorder.onerror = (ev) => showError(new Error(ev.message));
38
+ }
39
+ }
40
+ catch (err) {
41
+ showError(err);
42
+ }
43
+ }
44
+ function stopRecording() {
45
+ console.info('stop');
46
+ try {
47
+ if (mediaRecorder && mediaRecorder.state !== 'inactive') {
48
+ mediaRecorder.stop();
49
+ //saveAndStopTimer(new Blob())
50
+ }
51
+ }
52
+ catch (err) {
53
+ showError(err);
54
+ }
55
+ /*if (mediaStream) {
56
+ mediaStream.getTracks().forEach(track => track.stop())
57
+ mediaStream = null
58
+ }*/
59
+ }
60
+ function onData(blobEvent) {
61
+ var _a;
62
+ clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
63
+ setTimeElapsed(0);
64
+ console.info('save');
65
+ onSave(blobEvent.data);
66
+ }
67
+ /*function saveAndStopTimer(blob: Blob) {
68
+ console.info('save')
69
+ clearInterval(timer.current?.id)
70
+ setTimeElapsed(0)
71
+ onSave(blob)
72
+ }*/
73
+ function startTimer() {
74
+ const timerId = setInterval(() => {
75
+ var _a, _b;
76
+ const timeElapsedMs = new Date().getTime() - ((_b = (_a = timer === null || timer === void 0 ? void 0 : timer.current) === null || _a === void 0 ? void 0 : _a.startTime) !== null && _b !== void 0 ? _b : new Date()).getTime();
77
+ setTimeElapsed(Math.floor(timeElapsedMs / 1000));
78
+ }, 1000);
79
+ timer.current = { id: timerId, startTime: new Date() };
80
+ }
81
+ function renderTimeElapsed() {
82
+ const minutes = Math.floor(timeElapsed / 60);
83
+ const sec = timeElapsed - minutes * 60;
84
+ const seconds = `00${sec}`.slice(-2);
85
+ return `${minutes}:${seconds}`;
86
+ }
87
+ function showError(err) {
88
+ setError(err instanceof Error ? err : new Error('unknown error'));
89
+ }
90
+ console.info('status', status);
91
+ return error ? (React.createElement("div", null, error.message)) : status == '' ? null : (React.createElement(React.Fragment, null,
92
+ React.createElement("div", null,
93
+ React.createElement("p", null,
94
+ status != 'recording' && !audioUrl && (React.createElement("button", { className: "e-button start-recording", onClick: () => void startRecording() },
95
+ React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
96
+ t('start.recording'))),
97
+ React.createElement(React.Fragment, null,
98
+ status == 'recording' && (React.createElement("button", { className: "e-button stop-recording", onClick: stopRecording },
99
+ React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
100
+ t('stop.recording'))),
101
+ React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed())))),
102
+ audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
103
+ React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
104
+ React.createElement("button", { className: "e-button-reversed delete-recording", onClick: onDelete }, t('remove.recording'))))));
105
+ }
106
+ //# sourceMappingURL=MyAudioRecorder.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MyAudioRecorder.js","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyAudioRecorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AASlD,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAwB;IACxG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAiB,CAAA;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,KAAK,GAAG,MAAM,EAA2C,CAAA;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK;YACT,IAAI,CAAC;gBACH,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;gBAC9E,sGAAsG;gBACtG,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAA;gBAC1E,gBAAgB,CAAC,aAAa,CAAC,CAAA;YACjC,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,SAAS,CAAC,GAAG,CAAC,CAAA;YAChB,CAAC;YACD,OAAO,GAAG,EAAE,CAAC,aAAa,EAAE,CAAA;QAC9B,CAAC,CAAC,EAAE,CAAA;IACN,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;;QACb,SAAS,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,mCAAI,EAAE,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAAC,CAAA;IAE1B,SAAS,cAAc;QACrB,IAAI,CAAC;YACH,IAAI,aAAa,EAAE,CAAC;gBAClB,UAAU,EAAE,CAAA;gBACZ,aAAa,CAAC,KAAK,EAAE,CAAA;gBACrB,gDAAgD;gBAChD,aAAa,CAAC,eAAe,GAAG,MAAM,CAAA;gBACtC,aAAa,CAAC,OAAO,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;YAC9E,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,GAAG,CAAC,CAAA;QAChB,CAAC;IACH,CAAC;IAED,SAAS,aAAa;QACpB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpB,IAAI,CAAC;YACH,IAAI,aAAa,IAAI,aAAa,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;gBACxD,aAAa,CAAC,IAAI,EAAE,CAAA;gBACpB,8BAA8B;YAChC,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,GAAG,CAAC,CAAA;QAChB,CAAC;QAED;;;WAGG;IACL,CAAC;IAED,SAAS,MAAM,CAAC,SAAoB;;QAClC,aAAa,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,EAAE,CAAC,CAAA;QAChC,cAAc,CAAC,CAAC,CAAC,CAAA;QACjB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC;IAED;;;;;OAKG;IAEH,SAAS,UAAU;QACjB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;;YAC/B,MAAM,aAAa,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,SAAS,mCAAI,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAA;YAChG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAA;QAClD,CAAC,EAAE,IAAI,CAAC,CAAA;QACR,KAAK,CAAC,OAAO,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,CAAA;IACxD,CAAC;IAED,SAAS,iBAAiB;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,CAAA;QAC5C,MAAM,GAAG,GAAG,WAAW,GAAG,OAAO,GAAG,EAAE,CAAA;QACtC,MAAM,OAAO,GAAG,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QACpC,OAAO,GAAG,OAAO,IAAI,OAAO,EAAE,CAAA;IAChC,CAAC;IAED,SAAS,SAAS,CAAC,GAAY;QAC7B,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IACnE,CAAC;IACD,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE9B,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,iCAAM,KAAK,CAAC,OAAO,CAAO,CAC3B,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB;QACE;YACE;gBACG,MAAM,IAAI,WAAW,IAAI,CAAC,QAAQ,IAAI,CACrC,gCAAQ,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,EAAE;oBAC/E,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,YAAY,EAAE,UAAU,SAAG;oBAC3D,CAAC,CAAC,iBAAiB,CAAC,CACd,CACV;gBACD;oBACG,MAAM,IAAI,WAAW,IAAI,CACxB,gCAAQ,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAE,aAAa;wBAChE,oBAAC,eAAe,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,SAAG;wBACrD,CAAC,CAAC,gBAAgB,CAAC,CACb,CACV;oBACD,8BAAM,SAAS,EAAC,cAAc,IAAE,iBAAiB,EAAE,CAAQ,CAC1D,CACD,CACA;QACL,QAAQ,IAAI,CACX,6BAAK,SAAS,EAAC,uBAAuB;YACpC,+BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,UAAU,EAClB,QAAQ,QACR,YAAY,EAAC,YAAY,GACzB;YACF,gCAAQ,SAAS,EAAC,oCAAoC,EAAC,OAAO,EAAE,QAAQ,IACrE,CAAC,CAAC,kBAAkB,CAAC,CACf,CACL,CACP,CACA,CACJ,CAAA;AACH,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ interface MyMediaRecorderProps {
3
+ audioUrl?: string;
4
+ onSave: (blob: Blob) => void;
5
+ onDelete: () => void;
6
+ bitsPerSecond?: number;
7
+ }
8
+ export declare function MyMediaRecorder({ onSave, onDelete }: MyMediaRecorderProps): React.JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=MyMediaRecorder.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MyMediaRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyMediaRecorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBAkHzE"}
@@ -0,0 +1,91 @@
1
+ import React, { useEffect, useRef, useState } from 'react';
2
+ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
3
+ import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
4
+ import { useExamTranslation } from '../../../i18n';
5
+ export function MyMediaRecorder({ onSave, onDelete }) {
6
+ const [mediaRecorder, setMediaRecorder] = useState();
7
+ const [timeElapsed, setTimeElapsed] = useState(0);
8
+ const [status, setStatus] = useState('inactive');
9
+ const [audioUrl, setAudioUrl] = useState();
10
+ const [error, setError] = useState();
11
+ const timer = useRef();
12
+ const { t } = useExamTranslation();
13
+ useEffect(() => {
14
+ var _a;
15
+ setStatus((_a = mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) !== null && _a !== void 0 ? _a : 'inactive');
16
+ }, [mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state]);
17
+ async function startRecording() {
18
+ try {
19
+ const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
20
+ setMediaRecorder(() => {
21
+ const mediaRecorder = new MediaRecorder(mediaStream);
22
+ startTimer();
23
+ mediaRecorder.start();
24
+ //mediaRecorder.start(1000)
25
+ mediaRecorder.ondataavailable = onData;
26
+ return mediaRecorder;
27
+ });
28
+ }
29
+ catch (err) {
30
+ setError(err instanceof Error ? err : new Error('unknown error'));
31
+ }
32
+ }
33
+ function stopRecording() {
34
+ try {
35
+ if (mediaRecorder && mediaRecorder.state !== 'inactive') {
36
+ mediaRecorder.stop();
37
+ saveAndStopTimer(new Blob());
38
+ }
39
+ }
40
+ catch (err) {
41
+ setError(err instanceof Error ? err : new Error('unknown error'));
42
+ }
43
+ /*if (mediaStream) {
44
+ mediaStream.getTracks().forEach(track => track.stop())
45
+ mediaStream = null
46
+ }*/
47
+ }
48
+ function onData(blobEvent) {
49
+ console.info('data', blobEvent.data);
50
+ }
51
+ function saveAndStopTimer(blob) {
52
+ var _a;
53
+ console.info('save');
54
+ clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
55
+ setTimeElapsed(0);
56
+ console.info('save blob', blob);
57
+ //onSave(blob)
58
+ }
59
+ function onDelete() { }
60
+ function startTimer() {
61
+ const timerId = setInterval(() => {
62
+ var _a, _b;
63
+ const timeElapsedMs = new Date().getTime() - ((_b = (_a = timer === null || timer === void 0 ? void 0 : timer.current) === null || _a === void 0 ? void 0 : _a.startTime) !== null && _b !== void 0 ? _b : new Date()).getTime();
64
+ setTimeElapsed(Math.floor(timeElapsedMs / 1000));
65
+ }, 1000);
66
+ timer.current = { id: timerId, startTime: new Date() };
67
+ }
68
+ function renderTimeElapsed() {
69
+ const minutes = Math.floor(timeElapsed / 60);
70
+ const sec = timeElapsed - minutes * 60;
71
+ const seconds = `00${sec}`.slice(-2);
72
+ return `${minutes}:${seconds}`;
73
+ }
74
+ console.info('status', status);
75
+ return (React.createElement(React.Fragment, null,
76
+ React.createElement("div", null,
77
+ React.createElement("p", null,
78
+ [undefined, 'inactive'].includes(mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) && (React.createElement("button", { className: "e-button start-recording", onClick: () => void startRecording() },
79
+ React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
80
+ t('start.recording'))),
81
+ React.createElement(React.Fragment, null,
82
+ (mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) == 'recording' && (React.createElement("button", { className: "e-button stop-recording", onClick: stopRecording },
83
+ React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
84
+ t('stop.recording'))),
85
+ React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed())))),
86
+ audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
87
+ React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
88
+ React.createElement("button", { className: "e-button-reversed delete-recording", onClick: onDelete }, t('remove.recording')))),
89
+ error && React.createElement("div", null, error.message)));
90
+ }
91
+ //# sourceMappingURL=MyMediaRecorder.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MyMediaRecorder.js","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyMediaRecorder.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { AudioError } from '../../../index';
3
+ declare const AudioErrorRemoveMe: React.FunctionComponent<{
4
+ error?: AudioError;
5
+ children: React.ReactNode[] | React.ReactNode;
6
+ }>;
7
+ export default AudioErrorRemoveMe;
8
+ //# sourceMappingURL=AudioErrorRemoveMe.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AudioErrorRemoveMe.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/internal/AudioErrorRemoveMe.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG3C,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;CAC9C,CAkBA,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
2
+ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
3
+ import React from 'react';
4
+ import ReactCSSTransitionReplace from 'react-css-transition-replace';
5
+ import { useExamTranslation } from '../../../i18n';
6
+ const AudioErrorRemoveMe = ({ error, children }) => {
7
+ const { t } = useExamTranslation();
8
+ return (
9
+ // @types/react 18 removed children from implicit props. This component has not explicitly added them yet
10
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
11
+ // @ts-ignore
12
+ React.createElement(ReactCSSTransitionReplace, { transitionName: "e-crossfade", transitionEnterTimeout: 500, transitionLeaveTimeout: 500 }, error != null ? (React.createElement("div", { className: "e-color-error", role: "alert" },
13
+ React.createElement(FontAwesomeIcon, { icon: faExclamationTriangle, className: "e-mrg-r-1" }),
14
+ t(`audio-errors.${error}`))) : (React.createElement("div", { key: "no-error" }, children))));
15
+ };
16
+ export default AudioErrorRemoveMe;
17
+ //# sourceMappingURL=AudioErrorRemoveMe.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AudioErrorRemoveMe.js","sourceRoot":"","sources":["../../../../src/components/shared/internal/AudioErrorRemoveMe.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,yBAAyB,MAAM,8BAA8B,CAAA;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,kBAAkB,GAGnB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAElC,OAAO;IACL,yGAAyG;IACzG,6DAA6D;IAC7D,aAAa;IACb,oBAAC,yBAAyB,IAAC,cAAc,EAAC,aAAa,EAAC,sBAAsB,EAAE,GAAG,EAAE,sBAAsB,EAAE,GAAG,IAC7G,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO;QACzC,oBAAC,eAAe,IAAC,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAC,WAAW,GAAG;QACrE,CAAC,CAAC,gBAAgB,KAAK,EAAW,CAAC,CAChC,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAC,UAAU,IAAE,QAAQ,CAAO,CACrC,CACyB,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}