@digabi/exam-engine-core 23.9.3-alpha.0 → 23.10.1-alpha.0

package/dist/components/exam/AudioAnswer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AudioAnswer.d.ts","sourceRoot":"","sources":["../../../src/components/exam/AudioAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAOjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAuFzD,iBAAS,WAAW,CAAC,gBAAgB,EAAE,kBAAkB,qBAmCxD;;AAED,wBAAsC"}
+{"version":3,"file":"AudioAnswer.d.ts","sourceRoot":"","sources":["../../../src/components/exam/AudioAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAMjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGzD,iBAAS,WAAW,CAAC,gBAAgB,EAAE,kBAAkB,qBAoCxD;;AAED,wBAAsC"}

package/dist/components/exam/AudioAnswer.js

@@ -1,54 +1,9 @@
-import React, { useContext, useRef, useState } from 'react';
+import React, { useContext } from 'react';
 import { getNumericAttribute } from '../../dom-utils';
 import { saveAnswer } from '../../store/answers/actions';
 import { useDispatch, useSelector } from 'react-redux';
-import { ReactMediaRecorder } from 'react-media-recorder';
 import { ExamContext } from '../context/ExamContext';
-import { useExamTranslation } from '../../i18n';
-import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-function AudioAnswerRecorder({ onSave, onDelete, bitsPerSecond, audioUrl }) {
-    const { t } = useExamTranslation();
-    const timer = useRef();
-    const [timeElapsed, setTimeElapsed] = useState(0);
-    function startTimer() {
-        const timerId = setInterval(() => {
-            var _a, _b;
-            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();
-            setTimeElapsed(Math.floor(timeElapsedMs / 1000));
-        }, 1000);
-        timer.current = { id: timerId, startTime: new Date() };
-    }
-    function saveAndStopTimer(blob) {
-        var _a;
-        clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
-        setTimeElapsed(0);
-        onSave(blob);
-    }
-    function renderTimeElapsed() {
-        const minutes = Math.floor(timeElapsed / 60);
-        const sec = timeElapsed - minutes * 60;
-        const seconds = `00${sec}`.slice(-2);
-        return `${minutes}:${seconds}`;
-    }
-    return (React.createElement(ReactMediaRecorder, { audio: true, mediaRecorderOptions: { audioBitsPerSecond: bitsPerSecond !== null && bitsPerSecond !== void 0 ? bitsPerSecond : 65536 }, blobPropertyBag: { type: 'audio/mpeg' }, onStart: startTimer, onStop: (_blobUrl, blob) => saveAndStopTimer(blob), render: ({ status, error, startRecording, stopRecording }) => (React.createElement(React.Fragment, null,
-            React.createElement("div", null,
-                error && React.createElement("p", null,
-                    "error: ",
-                    error),
-                React.createElement("p", null,
-                    status != 'recording' && !audioUrl && (React.createElement("button", { className: "e-button", onClick: startRecording },
-                        React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
-                        t('start.recording'))),
-                    status == 'recording' && (React.createElement(React.Fragment, null,
-                        React.createElement("button", { className: "e-button", onClick: stopRecording },
-                            React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
-                            t('stop.recording')),
-                        React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed()))))),
-            audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
-                React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
-                React.createElement("button", { className: "e-button-reversed delete-recording", onClick: onDelete }, t('remove.recording')))))) }));
-}
+import { AudioRecorder } from './internal/AudioRecorder';
 function AudioAnswer(audioAnswerProps) {
     const { element } = audioAnswerProps;
     const questionId = getNumericAttribute(element, 'question-id');
@@ -58,7 +13,7 @@ function AudioAnswer(audioAnswerProps) {
     const { examServerApi } = useContext(ExamContext);
     return (React.createElement("div", { className: "audio-answer" },
         React.createElement("span", { className: "anchor", id: `question-nr-${displayNumber}` }),
-        React.createElement(AudioAnswerRecorder, { audioUrl: (answer === null || answer === void 0 ? void 0 : answer.value) === '' ? undefined : answer === null || answer === void 0 ? void 0 : answer.value, onSave: audio => {
+        React.createElement(AudioRecorder, { audioUrl: (answer === null || answer === void 0 ? void 0 : answer.value) === '' ? undefined : answer === null || answer === void 0 ? void 0 : answer.value, onSave: audio => {
                 void (async function () {
                     const audioAttachmentUrl = await examServerApi.saveAudio(questionId, audio);
                     const answer = { questionId, type: 'audio', value: audioAttachmentUrl };
@@ -73,7 +28,7 @@ function AudioAnswer(audioAnswerProps) {
                     const answerObj = { questionId, type: 'audio', value: '' };
                     dispatch(saveAnswer(answerObj));
                 })();
-            } })));
+            }, audioRecorderOptions: { audioBitsPerSecond: 65536 } })));
 }
 export default React.memo(AudioAnswer);
 //# sourceMappingURL=AudioAnswer.js.map

package/dist/components/exam/AudioAnswer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioAnswer.js","sourceRoot":"","sources":["../../../src/components/exam/AudioAnswer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AudioAnswer.js","sourceRoot":"","sources":["../../../src/components/exam/AudioAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,SAAS,WAAW,CAAC,gBAAoC;IACvD,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAA;IAEpC,MAAM,UAAU,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAE,CAAA;IAC/D,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAgC,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,CAA4B,CACvG,CAAA;IACD,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAE,CAAA;IAC7D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEjD,OAAO,CACL,6BAAK,SAAS,EAAC,cAAc;QAC3B,8BAAM,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,eAAe,aAAa,EAAE,GAAI;QAC/D,oBAAC,aAAa,IACZ,QAAQ,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAC1D,MAAM,EAAE,KAAK,CAAC,EAAE;gBACd,KAAK,CAAC,KAAK;oBACT,MAAM,kBAAkB,GAAG,MAAM,aAAa,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;oBAC3E,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,OAAgB,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAA;oBAChF,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;gBAC9B,CAAC,CAAC,EAAE,CAAA;YACN,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,CAAC,MAAM;oBAAE,OAAM;gBACnB,KAAK,CAAC,KAAK;oBACT,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAA;oBAC9C,MAAM,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;oBACxC,MAAM,SAAS,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,OAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;oBACnE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAA;gBACjC,CAAC,CAAC,EAAE,CAAA;YACN,CAAC,EACD,oBAAoB,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,GACnD,CACE,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA"}

package/dist/components/exam/internal/AudioRecorder.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type AudioRecorderOptions = Omit<MediaRecorderOptions, 'bitsPerSecond' | 'videoBitsPerSecond'>;
+interface AudioRecorderProps {
+    audioUrl?: string;
+    onSave: (blob: Blob) => void;
+    onDelete: () => void;
+    audioRecorderOptions?: AudioRecorderOptions;
+}
+export declare function AudioRecorder({ audioUrl, onSave, onDelete, audioRecorderOptions }: AudioRecorderProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AudioRecorder.d.ts.map

package/dist/components/exam/internal/AudioRecorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/exam/internal/AudioRecorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAQ1D,KAAK,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,EAAE,eAAe,GAAG,oBAAoB,CAAC,CAAA;AAE9F,UAAU,kBAAkB;IAC1B,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,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,EAAE,kBAAkB,qBAuIrG"}

package/dist/components/exam/internal/AudioRecorder.js

@@ -0,0 +1,115 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
+import { useExamTranslation } from '../../../i18n';
+import AudioError from '../../shared/internal/AudioError';
+import { NBSP } from '../../../dom-utils';
+export function AudioRecorder({ audioUrl, onSave, onDelete, audioRecorderOptions }) {
+    const [mediaRecorder, setMediaRecorder] = useState();
+    const [timeElapsed, setTimeElapsed] = useState(0);
+    const [status, setStatus] = useState('inactive');
+    const [error, setError] = useState(null);
+    const timer = useRef();
+    const { t } = useExamTranslation();
+    useEffect(() => {
+        void (async function () {
+            var _a;
+            try {
+                if ((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) {
+                    const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                    //const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: { echoCancellation: true } })
+                    setMediaRecorder(new MediaRecorder(mediaStream, audioRecorderOptions));
+                }
+                else {
+                    showError(new Error('Cannot get media stream, possibly insecure context'));
+                }
+            }
+            catch (err) {
+                showError(err);
+            }
+            return () => stopRecording(); // this never happens while recording
+        })();
+    }, []);
+    function startRecording() {
+        try {
+            setError(null);
+            if (mediaRecorder) {
+                startTimer();
+                mediaRecorder.start();
+                setStatus(mediaRecorder.state);
+                //mediaRecorder.start(1000) // to save in chunks
+                mediaRecorder.ondataavailable = onData;
+                mediaRecorder.onerror = (ev) => showError(new Error(ev.message));
+            }
+        }
+        catch (err) {
+            showError(err);
+        }
+    }
+    function stopRecording() {
+        setError(null);
+        try {
+            if (mediaRecorder) {
+                stopTimer();
+                mediaRecorder.stop();
+                setStatus(mediaRecorder.state);
+            }
+        }
+        catch (err) {
+            showError(err);
+        }
+    }
+    function onData(blobEvent) {
+        onSave(blobEvent.data);
+    }
+    function startTimer() {
+        setTimeElapsed(0);
+        const timerId = setInterval(() => {
+            var _a, _b;
+            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();
+            setTimeElapsed(Math.floor(timeElapsedMs / 1000));
+        }, 1000);
+        timer.current = { id: timerId, startTime: new Date() };
+    }
+    function stopTimer() {
+        var _a;
+        clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
+    }
+    function renderTimeElapsed() {
+        const minutes = Math.floor(timeElapsed / 60);
+        const sec = timeElapsed - minutes * 60;
+        const seconds = `00${sec}`.slice(-2);
+        return `${minutes}:${seconds}`;
+    }
+    function showError(err) {
+        stopTimer();
+        const error = err instanceof Error ? err : new Error('unknown error');
+        switch (error.name) {
+            case 'NotAllowedError':
+                return setError('permission-denied');
+            default:
+                console.error(error.name, error.message);
+                return setError('other-recording-error');
+        }
+    }
+    function deleteRecording() {
+        setError(null);
+        onDelete();
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null,
+            React.createElement("p", null,
+                status != 'recording' && !audioUrl && (React.createElement("button", { className: "e-button start-recording", onClick: () => void startRecording(), disabled: error != null },
+                    React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
+                    t('start.recording'))),
+                React.createElement(React.Fragment, null, status == 'recording' && (React.createElement(React.Fragment, null,
+                    React.createElement("button", { className: "e-button stop-recording", onClick: stopRecording, disabled: error != null },
+                        React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
+                        t('stop.recording')),
+                    React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed())))))),
+        audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
+            React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
+            React.createElement("button", { className: "e-button-secondary delete-recording", onClick: deleteRecording }, t('remove.recording')))),
+        error && React.createElement(AudioError, { error: error }, NBSP)));
+}
+//# sourceMappingURL=AudioRecorder.js.map

package/dist/components/exam/internal/AudioRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioRecorder.js","sourceRoot":"","sources":["../../../../src/components/exam/internal/AudioRecorder.tsx"],"names":[],"mappings":"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"}

package/dist/components/exam/internal/MyAudioRecorder.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface MyAudioRecorderProps {
+    audioUrl?: string;
+    onSave: (blob: Blob) => void;
+    onDelete: () => void;
+    mediaRecorderOptions?: MediaRecorderOptions;
+}
+export declare function MyAudioRecorder({ audioUrl, onSave, onDelete, mediaRecorderOptions }: MyAudioRecorderProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=MyAudioRecorder.d.ts.map

package/dist/components/exam/internal/MyAudioRecorder.d.ts.map

@@ -0,0 +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"}

package/dist/components/exam/internal/MyAudioRecorder.js

@@ -0,0 +1,106 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
+import { useExamTranslation } from '../../../i18n';
+export function MyAudioRecorder({ audioUrl, onSave, onDelete, mediaRecorderOptions }) {
+    const [mediaRecorder, setMediaRecorder] = useState();
+    const [timeElapsed, setTimeElapsed] = useState(0);
+    const [status, setStatus] = useState('');
+    const [error, setError] = useState();
+    const timer = useRef();
+    const { t } = useExamTranslation();
+    useEffect(() => {
+        void (async function () {
+            try {
+                const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                //const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: { echoCancellation: true } })
+                const mediaRecorder = new MediaRecorder(mediaStream, mediaRecorderOptions);
+                setMediaRecorder(mediaRecorder);
+            }
+            catch (err) {
+                showError(err);
+            }
+            return () => stopRecording();
+        })();
+    }, []);
+    useEffect(() => {
+        var _a;
+        setStatus((_a = mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) !== null && _a !== void 0 ? _a : '');
+    }, [mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state]);
+    function startRecording() {
+        try {
+            if (mediaRecorder) {
+                startTimer();
+                mediaRecorder.start();
+                //mediaRecorder.start(1000) // to save in chunks
+                mediaRecorder.ondataavailable = onData;
+                mediaRecorder.onerror = (ev) => showError(new Error(ev.message));
+            }
+        }
+        catch (err) {
+            showError(err);
+        }
+    }
+    function stopRecording() {
+        console.info('stop');
+        try {
+            if (mediaRecorder && mediaRecorder.state !== 'inactive') {
+                mediaRecorder.stop();
+                //saveAndStopTimer(new Blob())
+            }
+        }
+        catch (err) {
+            showError(err);
+        }
+        /*if (mediaStream) {
+          mediaStream.getTracks().forEach(track => track.stop())
+          mediaStream = null
+        }*/
+    }
+    function onData(blobEvent) {
+        var _a;
+        clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
+        setTimeElapsed(0);
+        console.info('save');
+        onSave(blobEvent.data);
+    }
+    /*function saveAndStopTimer(blob: Blob) {
+      console.info('save')
+      clearInterval(timer.current?.id)
+      setTimeElapsed(0)
+      onSave(blob)
+    }*/
+    function startTimer() {
+        const timerId = setInterval(() => {
+            var _a, _b;
+            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();
+            setTimeElapsed(Math.floor(timeElapsedMs / 1000));
+        }, 1000);
+        timer.current = { id: timerId, startTime: new Date() };
+    }
+    function renderTimeElapsed() {
+        const minutes = Math.floor(timeElapsed / 60);
+        const sec = timeElapsed - minutes * 60;
+        const seconds = `00${sec}`.slice(-2);
+        return `${minutes}:${seconds}`;
+    }
+    function showError(err) {
+        setError(err instanceof Error ? err : new Error('unknown error'));
+    }
+    console.info('status', status);
+    return error ? (React.createElement("div", null, error.message)) : status == '' ? null : (React.createElement(React.Fragment, null,
+        React.createElement("div", null,
+            React.createElement("p", null,
+                status != 'recording' && !audioUrl && (React.createElement("button", { className: "e-button start-recording", onClick: () => void startRecording() },
+                    React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
+                    t('start.recording'))),
+                React.createElement(React.Fragment, null,
+                    status == 'recording' && (React.createElement("button", { className: "e-button stop-recording", onClick: stopRecording },
+                        React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
+                        t('stop.recording'))),
+                    React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed())))),
+        audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
+            React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
+            React.createElement("button", { className: "e-button-reversed delete-recording", onClick: onDelete }, t('remove.recording'))))));
+}
+//# sourceMappingURL=MyAudioRecorder.js.map

package/dist/components/exam/internal/MyAudioRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyAudioRecorder.js","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyAudioRecorder.tsx"],"names":[],"mappings":"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"}

package/dist/components/exam/internal/MyMediaRecorder.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface MyMediaRecorderProps {
+    audioUrl?: string;
+    onSave: (blob: Blob) => void;
+    onDelete: () => void;
+    bitsPerSecond?: number;
+}
+export declare function MyMediaRecorder({ onSave, onDelete }: MyMediaRecorderProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=MyMediaRecorder.d.ts.map

package/dist/components/exam/internal/MyMediaRecorder.d.ts.map

@@ -0,0 +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"}

package/dist/components/exam/internal/MyMediaRecorder.js

@@ -0,0 +1,91 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faMicrophone, faStop } from '@fortawesome/free-solid-svg-icons';
+import { useExamTranslation } from '../../../i18n';
+export function MyMediaRecorder({ onSave, onDelete }) {
+    const [mediaRecorder, setMediaRecorder] = useState();
+    const [timeElapsed, setTimeElapsed] = useState(0);
+    const [status, setStatus] = useState('inactive');
+    const [audioUrl, setAudioUrl] = useState();
+    const [error, setError] = useState();
+    const timer = useRef();
+    const { t } = useExamTranslation();
+    useEffect(() => {
+        var _a;
+        setStatus((_a = mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) !== null && _a !== void 0 ? _a : 'inactive');
+    }, [mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state]);
+    async function startRecording() {
+        try {
+            const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            setMediaRecorder(() => {
+                const mediaRecorder = new MediaRecorder(mediaStream);
+                startTimer();
+                mediaRecorder.start();
+                //mediaRecorder.start(1000)
+                mediaRecorder.ondataavailable = onData;
+                return mediaRecorder;
+            });
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error('unknown error'));
+        }
+    }
+    function stopRecording() {
+        try {
+            if (mediaRecorder && mediaRecorder.state !== 'inactive') {
+                mediaRecorder.stop();
+                saveAndStopTimer(new Blob());
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error('unknown error'));
+        }
+        /*if (mediaStream) {
+          mediaStream.getTracks().forEach(track => track.stop())
+          mediaStream = null
+        }*/
+    }
+    function onData(blobEvent) {
+        console.info('data', blobEvent.data);
+    }
+    function saveAndStopTimer(blob) {
+        var _a;
+        console.info('save');
+        clearInterval((_a = timer.current) === null || _a === void 0 ? void 0 : _a.id);
+        setTimeElapsed(0);
+        console.info('save blob', blob);
+        //onSave(blob)
+    }
+    function onDelete() { }
+    function startTimer() {
+        const timerId = setInterval(() => {
+            var _a, _b;
+            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();
+            setTimeElapsed(Math.floor(timeElapsedMs / 1000));
+        }, 1000);
+        timer.current = { id: timerId, startTime: new Date() };
+    }
+    function renderTimeElapsed() {
+        const minutes = Math.floor(timeElapsed / 60);
+        const sec = timeElapsed - minutes * 60;
+        const seconds = `00${sec}`.slice(-2);
+        return `${minutes}:${seconds}`;
+    }
+    console.info('status', status);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null,
+            React.createElement("p", null,
+                [undefined, 'inactive'].includes(mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) && (React.createElement("button", { className: "e-button start-recording", onClick: () => void startRecording() },
+                    React.createElement(FontAwesomeIcon, { size: "sm", icon: faMicrophone, fixedWidth: true }),
+                    t('start.recording'))),
+                React.createElement(React.Fragment, null,
+                    (mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.state) == 'recording' && (React.createElement("button", { className: "e-button stop-recording", onClick: stopRecording },
+                        React.createElement(FontAwesomeIcon, { size: "sm", icon: faStop, fixedWidth: true }),
+                        t('stop.recording'))),
+                    React.createElement("span", { className: "time-elapsed" }, renderTimeElapsed())))),
+        audioUrl && (React.createElement("div", { className: "audio-answer-controls" },
+            React.createElement("audio", { src: audioUrl, className: "e-column e-column--narrow", preload: "metadata", controls: true, controlsList: "nodownload" }),
+            React.createElement("button", { className: "e-button-reversed delete-recording", onClick: onDelete }, t('remove.recording')))),
+        error && React.createElement("div", null, error.message)));
+}
+//# sourceMappingURL=MyMediaRecorder.js.map

package/dist/components/exam/internal/MyMediaRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyMediaRecorder.js","sourceRoot":"","sources":["../../../../src/components/exam/internal/MyMediaRecorder.tsx"],"names":[],"mappings":"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"}

package/dist/components/shared/Audio.js

@@ -5,7 +5,7 @@ import { getNumericAttribute } from '../../dom-utils';
 import { useExamTranslation } from '../../i18n';
 import { audioLabelId } from '../../ids';
 import { getAudioPlaybackError, getPlaybackTimesRemaining } from '../../store/selectors';
-import AudioPlaybackError from './internal/AudioPlaybackError';
+import AudioError from './internal/AudioError';
 import { CommonExamContext } from '../context/CommonExamContext';
 import RestrictedAudioPlayer from './internal/RestrictedAudioPlayer';
 function Audio({ element, className, renderChildNodes }) {
@@ -24,7 +24,7 @@ function Audio({ element, className, renderChildNodes }) {
         restrictedAudioId != null && times != null ? (React.createElement(RestrictedAudioPlayer, { src, restrictedAudioId, duration, times, labelId })) : (React.createElement("audio", { className: "e-column e-column--narrow", "aria-describedby": labelId, preload: "metadata", controls: true, controlsList: "nodownload" },
             React.createElement("source", { src: resolveAttachment(src) }))),
         React.createElement("div", { className: "e-column", id: labelId },
-            React.createElement(AudioPlaybackError, { error: audioPlaybackError }, renderChildNodes(element)),
+            React.createElement(AudioError, { error: audioPlaybackError }, renderChildNodes(element)),
             playbackTimesRemaining != null && React.createElement("em", null, t('listen-times-remaining', { count: playbackTimesRemaining })))));
 }
 export default React.memo(Audio);

package/dist/components/shared/Audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Audio.js","sourceRoot":"","sources":["../../../src/components/shared/Audio.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AACxF,OAAO,kBAAkB,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,qBAAqB,MAAM,kCAAkC,CAAA;AAEpE,SAAS,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAsB;IACzE,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAE,CAAA;IACxC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAA;IAC7E,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACnD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAE,CAAA;IAC1D,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,kBAAkB,GACtB,KAAK,IAAI,IAAI,IAAI,iBAAiB,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,qBAAqB,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACrH,MAAM,sBAAsB,GAC1B,KAAK,IAAI,IAAI,IAAI,iBAAiB,IAAI,IAAI;QACxC,CAAC,CAAC,WAAW,CAAC,yBAAyB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAA;IACf,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAErC,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,gEAAgE,EAAE,SAAS,CAAC,EAClG,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;QAE/B,iBAAiB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAC5C,oBAAC,qBAAqB,IAAO,GAAG,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAM,CACpF,CAAC,CAAC,CAAC,CACF,+BACE,SAAS,EAAC,2BAA2B,sBACnB,OAAO,EACzB,OAAO,EAAC,UAAU,EAClB,QAAQ,QACR,YAAY,EAAC,YAAY;YAEzB,gCAAQ,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAAI,CACjC,CACT;QACD,6BAAK,SAAS,EAAC,UAAU,EAAC,EAAE,EAAE,OAAO;YACnC,oBAAC,kBAAkB,IAAC,KAAK,EAAE,kBAAkB,IAAG,gBAAgB,CAAC,OAAO,CAAC,CAAsB;YAC9F,sBAAsB,IAAI,IAAI,IAAI,gCAAK,CAAC,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAM,CACxG,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA"}
+{"version":3,"file":"Audio.js","sourceRoot":"","sources":["../../../src/components/shared/Audio.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AACxF,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,qBAAqB,MAAM,kCAAkC,CAAA;AAEpE,SAAS,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAsB;IACzE,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAE,CAAA;IACxC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAA;IAC7E,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACnD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAE,CAAA;IAC1D,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,kBAAkB,GACtB,KAAK,IAAI,IAAI,IAAI,iBAAiB,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,qBAAqB,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACrH,MAAM,sBAAsB,GAC1B,KAAK,IAAI,IAAI,IAAI,iBAAiB,IAAI,IAAI;QACxC,CAAC,CAAC,WAAW,CAAC,yBAAyB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAA;IACf,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAErC,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,gEAAgE,EAAE,SAAS,CAAC,EAClG,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;QAE/B,iBAAiB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAC5C,oBAAC,qBAAqB,IAAO,GAAG,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAM,CACpF,CAAC,CAAC,CAAC,CACF,+BACE,SAAS,EAAC,2BAA2B,sBACnB,OAAO,EACzB,OAAO,EAAC,UAAU,EAClB,QAAQ,QACR,YAAY,EAAC,YAAY;YAEzB,gCAAQ,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAAI,CACjC,CACT;QACD,6BAAK,SAAS,EAAC,UAAU,EAAC,EAAE,EAAE,OAAO;YACnC,oBAAC,UAAU,IAAC,KAAK,EAAE,kBAAkB,IAAG,gBAAgB,CAAC,OAAO,CAAC,CAAc;YAC9E,sBAAsB,IAAI,IAAI,IAAI,gCAAK,CAAC,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAM,CACxG,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA"}

package/dist/components/shared/AudioTest.js

@@ -6,7 +6,7 @@ import { getNumericAttribute, NBSP } from '../../dom-utils';
 import { useExamTranslation } from '../../i18n';
 import { playAudio } from '../../store/audio/actions';
 import { getAudioPlaybackError, getAudioState } from '../../store/selectors';
-import AudioPlaybackError from './internal/AudioPlaybackError';
+import AudioError from './internal/AudioError';
 import { CommonExamContext } from '../context/CommonExamContext';
 function AudioTest({ element }) {
     const src = element.getAttribute('src');
@@ -27,7 +27,7 @@ function AudioTest({ element }) {
                     React.createElement(FontAwesomeIcon, { className: "e-mrg-r-1", icon: faPlay, fixedWidth: true }),
                     t('audio-test.play'))),
             React.createElement("div", { className: "e-column" },
-                React.createElement(AudioPlaybackError, { error: audioPlaybackError }, NBSP))),
+                React.createElement(AudioError, { error: audioPlaybackError }, NBSP))),
         React.createElement("div", null, t('audio-test.volume'))));
 }
 export default React.memo(AudioTest);

package/dist/components/shared/AudioTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioTest.js","sourceRoot":"","sources":["../../../src/components/shared/AudioTest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEtD,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC5E,OAAO,kBAAkB,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,SAAS,SAAS,CAAC,EAAE,OAAO,EAAsB;IAChD,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAE,CAAA;IACxC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAE,CAAA;IAC1D,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAA;IAClD,MAAM,kBAAkB,GAAG,WAAW,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IAClE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACpE,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAEtD,OAAO,CACL,6BAAK,SAAS,EAAC,6CAA6C;QAC1D,+BAAI,CAAC,CAAC,yBAAyB,CAAC,CAAK;QACrC,6BAAK,SAAS,EAAC,yCAAyC;YACtD,6BAAK,SAAS,EAAC,2BAA2B;gBACvC,OAAO,IAAI,CACV,+BAAO,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM;oBAClC,gCAAQ,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAAI,CACjC,CACT;gBACD,gCACE,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,UAAU,KAAK,SAAS,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,KAAK,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAE3F,oBAAC,eAAe,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,SAAG;oBACjE,CAAC,CAAC,iBAAiB,CAAC,CACd,CACL;YACN,6BAAK,SAAS,EAAC,UAAU;gBACvB,oBAAC,kBAAkB,IAAC,KAAK,EAAE,kBAAkB,IAAG,IAAI,CAAsB,CACtE,CACF;QACN,iCAAM,CAAC,CAAC,mBAAmB,CAAC,CAAO,CAC/B,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA"}
+{"version":3,"file":"AudioTest.js","sourceRoot":"","sources":["../../../src/components/shared/AudioTest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEtD,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC5E,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,SAAS,SAAS,CAAC,EAAE,OAAO,EAAsB;IAChD,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAE,CAAA;IACxC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAE,CAAA;IAC1D,MAAM,EAAE,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAA;IAClD,MAAM,kBAAkB,GAAG,WAAW,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IAClE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACpE,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAEtD,OAAO,CACL,6BAAK,SAAS,EAAC,6CAA6C;QAC1D,+BAAI,CAAC,CAAC,yBAAyB,CAAC,CAAK;QACrC,6BAAK,SAAS,EAAC,yCAAyC;YACtD,6BAAK,SAAS,EAAC,2BAA2B;gBACvC,OAAO,IAAI,CACV,+BAAO,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM;oBAClC,gCAAQ,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAAI,CACjC,CACT;gBACD,gCACE,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,UAAU,KAAK,SAAS,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,KAAK,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAE3F,oBAAC,eAAe,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,SAAG;oBACjE,CAAC,CAAC,iBAAiB,CAAC,CACd,CACL;YACN,6BAAK,SAAS,EAAC,UAAU;gBACvB,oBAAC,UAAU,IAAC,KAAK,EAAE,kBAAkB,IAAG,IAAI,CAAc,CACtD,CACF;QACN,iCAAM,CAAC,CAAC,mBAAmB,CAAC,CAAO,CAC/B,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA"}

package/dist/components/shared/internal/AudioError.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AudioError } from '../../../index';
+declare const AudioError: React.FunctionComponent<{
+    error?: AudioError;
+    children: React.ReactNode[] | React.ReactNode;
+}>;
+export default AudioError;
+//# sourceMappingURL=AudioError.d.ts.map

package/dist/components/shared/internal/AudioError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioError.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/internal/AudioError.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG3C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;CAC9C,CAkBA,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/shared/internal/AudioError.js

@@ -0,0 +1,17 @@
+import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import React from 'react';
+import ReactCSSTransitionReplace from 'react-css-transition-replace';
+import { useExamTranslation } from '../../../i18n';
+const AudioError = ({ error, children }) => {
+    const { t } = useExamTranslation();
+    return (
+    // @types/react 18 removed children from implicit props. This component has not explicitly added them yet
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    React.createElement(ReactCSSTransitionReplace, { transitionName: "e-crossfade", transitionEnterTimeout: 500, transitionLeaveTimeout: 500 }, error != null ? (React.createElement("div", { className: "e-color-error", role: "alert" },
+        React.createElement(FontAwesomeIcon, { icon: faExclamationTriangle, className: "e-mrg-r-1" }),
+        t(`audio-errors.${error}`))) : (React.createElement("div", { key: "no-error" }, children))));
+};
+export default AudioError;
+//# sourceMappingURL=AudioError.js.map

package/dist/components/shared/internal/AudioError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioError.js","sourceRoot":"","sources":["../../../../src/components/shared/internal/AudioError.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,UAAU,GAGX,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,UAAU,CAAA"}

package/dist/components/shared/internal/AudioErrorRemoveMe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AudioError } from '../../../index';
+declare const AudioErrorRemoveMe: React.FunctionComponent<{
+    error?: AudioError;
+    children: React.ReactNode[] | React.ReactNode;
+}>;
+export default AudioErrorRemoveMe;
+//# sourceMappingURL=AudioErrorRemoveMe.d.ts.map

package/dist/components/shared/internal/AudioErrorRemoveMe.d.ts.map

@@ -0,0 +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"}