@exode-team/react-recorder 1.1.3 → 1.1.7

package/dist/index.d.ts

@@ -12,9 +12,8 @@ export { useVoiceRecorder } from './hooks/useVoiceRecorder';
 export { useVoiceMessagePlayer } from './hooks/useVoiceMessagePlayer';
 export { useRecorderVisualization } from './hooks/useRecorderVisualization';
 export { useRecordingTiming } from './hooks/useRecordingTiming';
-export type { StorageSpace, StorageFileEntity, UploadStrategy } from './types/upload';
+export type { StorageFileEntity, UploadStrategy } from './types/upload';
 export type { UseVoiceRecorderOptions, UseVoiceRecorderResult, UseVoiceMessagePlayerOptions, UseVoiceMessagePlayerResult, } from './types/recorder';
-export { StorageSpaceEnum } from './types/upload';
 export { AUDIO_LEVEL_BARS } from './constants';
 export { clampValue } from './utils/math';
 export { formatTime } from './utils/format';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACtF,YAAY,EACR,uBAAuB,EACvB,sBAAsB,EACtB,4BAA4B,EAC5B,2BAA2B,GAC9B,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACxE,YAAY,EACR,uBAAuB,EACvB,sBAAsB,EACtB,4BAA4B,EAC5B,2BAA2B,GAC9B,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -178,7 +178,11 @@ const decodeAudioLevels = async (blob, barCount = AUDIO_LEVEL_BARS) => {
  * @author: exode <hello@exode.ru>
  */
 const fetchAudioBlob = async (url, signal) => {
-    const response = await fetch(url, { signal });
+    const response = await fetch(url, {
+        signal,
+        mode: 'cors',
+        credentials: 'omit',
+    });
     return response.blob();
 };
 
@@ -585,7 +589,7 @@ const useRecorderVisualization = () => {
  * @author: exode <hello@exode.ru>
  */
 const useRecordingSender = (options) => {
-    const { space, uploader, fileName, mimeType, uploadId, audioBlob, onUploaded, onRecordingError, deleteRecording, autoResetAfterUpload, } = options;
+    const { uploader, fileName, mimeType, uploadId, audioBlob, onUploaded, onRecordingError, deleteRecording, autoResetAfterUpload, } = options;
     const sendRecording = useCallback(async () => {
         if (!audioBlob) {
             const error = new Error('Voice recording is not available');
@@ -601,7 +605,7 @@ const useRecordingSender = (options) => {
             const file = new File([audioBlob], fileName, {
                 type: audioBlob.type || mimeType,
             });
-            const uploaded = await uploader(file, { space, uploadId });
+            const uploaded = await uploader(file, { uploadId });
             await onUploaded(uploaded);
             if (autoResetAfterUpload) {
                 deleteRecording();
@@ -612,7 +616,6 @@ const useRecordingSender = (options) => {
             throw error;
         }
     }, [
-        space,
         uploadId,
         uploader,
         fileName,
@@ -632,7 +635,7 @@ const useRecordingSender = (options) => {
  * @author: exode <hello@exode.ru>
  */
 function useVoiceRecorder(props) {
-    const { space, uploadId, uploader, onUploaded, onRecordingStop, onRecordingStart, onRecordingError, onRecordingDelete, onPermissionDenied, fileName = 'record.webm', mimeType = 'audio/webm', autoResetAfterUpload = true, } = props;
+    const { uploadId, uploader, onUploaded, onRecordingStop, onRecordingStart, onRecordingError, onRecordingDelete, onPermissionDenied, fileName = 'record.webm', mimeType = 'audio/webm', autoResetAfterUpload = true, } = props;
     const [audioBlob, setAudioBlob] = useState(null);
     const { audioURL, isPlaying, mountBlob, playbackTime, stopPlayback, resetPlayback, togglePlayback: _togglePlayback, playbackDuration, } = useAudioPlayback();
     const { audioLevels, previewLevels, resetAudioLevels, stopVisualization, resetPreviewLevels, resumeVisualization, cleanupVisualization, generatePreviewLevels, initializeVisualization, } = useRecorderVisualization();
@@ -662,7 +665,6 @@ function useVoiceRecorder(props) {
         audioBlob,
         fileName,
         mimeType,
-        space,
         uploadId,
         uploader,
         autoResetAfterUpload,
@@ -1319,7 +1321,7 @@ const CircleButton = styled.button `
     cursor: pointer;
     transition: transform 160ms ease, color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
     flex-shrink: 0;
-    background: ${({ $variant }) => ($variant === 'play' ? 'var(--background_content, #ffffff)' : 'var(--background_content, #ffffff)')};
+    background: var(--background_content, #ffffff);
 
     color: ${({ $variant }) => {
     if ($variant === 'record') {
@@ -1536,24 +1538,12 @@ const mergeMessages = (custom) => {
     };
 };
 
-/**
- * Upload types
- *
- * @author: exode <hello@exode.ru>
- */
-const StorageSpaceEnum = {
-    User: 'user',
-    Shared: 'shared',
-    System: 'system',
-};
-
 const AudioRecorder = (props) => {
-    const { space, fileName, uploadId, mimeType, className, uploader, onUploaded, onUploadError, onRecordingStop, onRecordingError, onRecordingStart, onRecordingDelete, onPermissionDenied, autoResetAfterUpload, messages: customMessages, } = props;
+    const { fileName, uploadId, mimeType, className, uploader, onUploaded, onUploadError, onRecordingStop, onRecordingError, onRecordingStart, onRecordingDelete, onPermissionDenied, autoResetAfterUpload, messages: customMessages, } = props;
     const messages = useMemo(() => mergeMessages(customMessages), [customMessages]);
     const [resolvedUploadId] = useState(() => uploadId !== null && uploadId !== void 0 ? uploadId : (typeof crypto !== 'undefined' && 'randomUUID' in crypto
         ? crypto.randomUUID()
         : `upload-${Date.now()}`));
-    const resolvedSpace = space !== null && space !== void 0 ? space : StorageSpaceEnum.User;
     const handleRecorderError = useCallback((error) => {
         onRecordingError === null || onRecordingError === void 0 ? void 0 : onRecordingError(error);
         onUploadError === null || onUploadError === void 0 ? void 0 : onUploadError(error);
@@ -1571,7 +1561,6 @@ const AudioRecorder = (props) => {
         onRecordingDelete,
         onPermissionDenied,
         autoResetAfterUpload,
-        space: resolvedSpace,
         uploader,
         uploadId: resolvedUploadId,
         onRecordingError: handleRecorderError,
@@ -1594,7 +1583,7 @@ const AudioRecorder = (props) => {
  * @author: exode <hello@exode.ru>
  */
 const useVoiceRecorderInput = (options) => {
-    const { onSend, onError, onCancel, uploader, onUploaded, onPermissionDenied, autoStart = true, space = StorageSpaceEnum.User, mimeType = 'audio/webm', fileName = 'voice-message.webm', } = options;
+    const { onSend, onError, onCancel, uploader, onUploaded, onPermissionDenied, autoStart = true, mimeType = 'audio/webm', fileName = 'voice-message.webm', } = options;
     const [isSending, setIsSending] = useState(false);
     const [timelineLevels, setTimelineLevels] = useState([]);
     const audioBlobRef = useRef(null);
@@ -1615,7 +1604,6 @@ const useVoiceRecorderInput = (options) => {
         }
     }, []);
     const recorder = useVoiceRecorder({
-        space,
         fileName,
         mimeType,
         uploadId,
@@ -1942,14 +1930,10 @@ const MicIndicator = styled.button `
     border: 0;
     flex-shrink: 0;
     cursor: pointer;
-    background: color-mix(in srgb, var(--exode_red, #ed1c24) 14%, transparent);
-    color: var(--exode_red, #ed1c24);
+    background: var(--background_content, #ffffff);
+    color: color-mix(in srgb, var(--accent, #3f8ae0) 86%, white 14%);
     transition: background-color 140ms ease, transform 120ms ease;
 
-    &:hover {
-        background: color-mix(in srgb, var(--exode_red, #ed1c24) 22%, transparent);
-    }
-
     &:active {
         transform: scale(0.94);
     }
@@ -2312,5 +2296,5 @@ class VoiceBlobCacheClass {
 }
 const VoiceBlobCache = new VoiceBlobCacheClass();
 
-export { AUDIO_LEVEL_BARS, AudioRecorder, StorageSpaceEnum, VoiceBlobCache, VoiceMessagePlayer, VoicePlaybackChain, VoiceRecorderInput, WaveformBars, clampValue, formatTime, useRecorderVisualization, useRecordingTiming, useVoiceMessagePlayer, useVoiceRecorder };
+export { AUDIO_LEVEL_BARS, AudioRecorder, VoiceBlobCache, VoiceMessagePlayer, VoicePlaybackChain, VoiceRecorderInput, WaveformBars, clampValue, formatTime, useRecorderVisualization, useRecordingTiming, useVoiceMessagePlayer, useVoiceRecorder };
 //# sourceMappingURL=index.js.map