stream-chat-react 13.14.1 → 14.0.0-beta.1

package/dist/components/Loading/LoadingIndicator.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type LoadingIndicatorProps = {
-    /** Set the color of the LoadingIndicator */
-    color?: string;
-    /** The size of the loading icon, @default 15px */
-    size?: number;
-};
-/**
- * Simple loading spinner
- */
-export declare const LoadingIndicator: (props: LoadingIndicatorProps) => React.JSX.Element;

package/dist/components/Loading/LoadingIndicator.js

@@ -1,15 +0,0 @@
-import React from 'react';
-const UnMemoizedLoadingIndicator = (props) => {
-    const { color = '#006CFF', size = 15 } = props;
-    return (React.createElement("div", { className: `str-chat__loading-indicator`, "data-testid": 'loading-indicator-wrapper', style: { height: size, width: size } },
-        React.createElement("svg", { height: size, viewBox: `0 0 30 30`, width: size, xmlns: 'http://www.w3.org/2000/svg' },
-            React.createElement("defs", null,
-                React.createElement("linearGradient", { id: 'a', x1: '50%', x2: '50%', y1: '0%', y2: '100%' },
-                    React.createElement("stop", { offset: '0%', stopColor: '#FFF', stopOpacity: '0' }),
-                    React.createElement("stop", { "data-testid": 'loading-indicator-circle', offset: '100%', stopColor: color, stopOpacity: '1', style: { stopColor: color } }))),
-            React.createElement("path", { d: 'M2.518 23.321l1.664-1.11A12.988 12.988 0 0 0 15 28c7.18 0 13-5.82 13-13S22.18 2 15 2V0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-5.206 0-9.792-2.652-12.482-6.679z', fill: 'url(#a)', fillRule: 'evenodd' }))));
-};
-/**
- * Simple loading spinner
- */
-export const LoadingIndicator = React.memo(UnMemoizedLoadingIndicator, (prevProps, nextProps) => prevProps.color === nextProps.color && prevProps.size === nextProps.size);

package/dist/components/Loading/index.d.ts

@@ -1,4 +0,0 @@
-export * from './LoadingChannel';
-export * from './LoadingChannels';
-export * from './LoadingErrorIndicator';
-export * from './LoadingIndicator';

package/dist/components/Loading/index.js

@@ -1,4 +0,0 @@
-export * from './LoadingChannel';
-export * from './LoadingChannels';
-export * from './LoadingErrorIndicator';
-export * from './LoadingIndicator';

package/dist/components/Location/ShareLocationDialog.d.ts

@@ -1,18 +0,0 @@
-import React, { type ComponentType } from 'react';
-import type { Coords } from 'stream-chat';
-export type ShareGeolocationMapProps = Partial<Coords> & {
-    loadingLocation: boolean;
-    restartLocationWatching: () => void;
-    geolocationPositionError?: GeolocationPositionError;
-};
-export type ShareLocationDialogProps = {
-    close: () => void;
-    shareDurations?: number[];
-    GeolocationMap?: ComponentType<ShareGeolocationMapProps>;
-    DurationDropdownItems?: ComponentType<DurationDropdownItemsProps>;
-};
-export declare const ShareLocationDialog: ({ close, GeolocationMap, shareDurations, }: ShareLocationDialogProps) => React.JSX.Element;
-export type DurationDropdownItemsProps = {
-    durations: number[];
-    selectDuration: (duration: number) => void;
-};

package/dist/components/Location/ShareLocationDialog.js

@@ -1,139 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState, } from 'react';
-import { useChatContext, useTranslationContext } from '../../context';
-import { useMessageComposer } from '../MessageInput';
-import { ModalHeader } from '../Modal/ModalHeader';
-import { SimpleSwitchField } from '../Form/SwitchField';
-import { Dropdown, useDropdownContext } from '../Form/Dropdown';
-const MIN_LIVE_LOCATION_SHARE_DURATION = 60 * 1000; // 1 minute;
-const DEFAULT_SHARE_LOCATION_DURATIONS = [
-    15 * 60 * 1000, // 15 minutes
-    60 * 60 * 1000, // 1 hour
-    8 * 60 * 60 * 1000, // 8 hours
-];
-const DefaultGeolocationMap = () => null;
-export const ShareLocationDialog = ({ close, GeolocationMap = DefaultGeolocationMap, shareDurations = DEFAULT_SHARE_LOCATION_DURATIONS, }) => {
-    const { client } = useChatContext();
-    const { t } = useTranslationContext();
-    const messageComposer = useMessageComposer();
-    const [durations, setDurations] = useState([]);
-    const [selectedDuration, setSelectedDuration] = useState(undefined);
-    const [geolocationPosition, setGeolocationPosition] = useState(null);
-    const [loadingLocation, setLoadingLocation] = useState(false);
-    const [geolocationPositionError, setGeolocationPositionError] = useState(undefined);
-    const validShareDurations = useMemo(() => shareDurations.filter((d) => d >= MIN_LIVE_LOCATION_SHARE_DURATION), [shareDurations]);
-    const openDropdownButtonProps = useMemo(() => ({
-        children: (() => (React.createElement("div", null, t('duration/Share Location', {
-            milliseconds: selectedDuration ?? durations[0],
-        }))))(), // todo: make it a component
-    }), [durations, selectedDuration, t]);
-    const getPosition = useCallback(() => new Promise((resolve, reject) => {
-        navigator.geolocation.getCurrentPosition((position) => {
-            resolve(position);
-        }, (positionError) => {
-            console.warn(positionError);
-            reject(positionError);
-        }, { timeout: 1000 });
-    }), []);
-    const setupPositionWatching = useCallback(() => {
-        setLoadingLocation(true);
-        const watch = navigator.geolocation.watchPosition((position) => {
-            setGeolocationPosition(position);
-            setLoadingLocation(false);
-            setGeolocationPositionError(undefined);
-        }, (error) => {
-            setGeolocationPosition(null);
-            setLoadingLocation(false);
-            setGeolocationPositionError(error);
-        }, { timeout: 1000 });
-        return () => {
-            navigator.geolocation.clearWatch(watch);
-        };
-    }, []);
-    useEffect(() => setupPositionWatching(), [setupPositionWatching]);
-    return (React.createElement("div", { className: 'str-chat__dialog str-chat__share-location-dialog', "data-testid": 'share-location-dialog' },
-        React.createElement(ModalHeader, { close: close, title: t('Share Location') }),
-        React.createElement("div", { className: 'str-chat__dialog__body' },
-            React.createElement(GeolocationMap, { geolocationPositionError: geolocationPositionError, latitude: geolocationPosition?.coords.latitude, loadingLocation: loadingLocation, longitude: geolocationPosition?.coords.longitude, restartLocationWatching: setupPositionWatching }),
-            validShareDurations.length > 0 && (React.createElement("div", { className: 'str-chat__live-location-activation' },
-                React.createElement(SimpleSwitchField, { checked: durations.length > 0, "data-testid": 'share-location-dialog-live-location-switch', disabled: !geolocationPosition, labelText: t('Share live location for'), onChange: (e) => {
-                        e.stopPropagation();
-                        if (durations.length > 0) {
-                            setDurations([]);
-                            setSelectedDuration(undefined);
-                        }
-                        else {
-                            setDurations(validShareDurations);
-                            setSelectedDuration(validShareDurations[0]);
-                        }
-                    } }),
-                durations.length > 0 && (React.createElement(Dropdown, { openButtonProps: openDropdownButtonProps, placement: 'bottom-start' },
-                    React.createElement(DurationDropdownItems, { durations: durations, selectDuration: setSelectedDuration })))))),
-        React.createElement("div", { className: 'str-chat__dialog__controls' },
-            React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel', onClick: () => {
-                    messageComposer.locationComposer.initState();
-                    close();
-                } }, t('Cancel')),
-            React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--submit', disabled: !geolocationPosition, onClick: async () => {
-                    let coords = geolocationPosition && {
-                        latitude: geolocationPosition.coords.latitude,
-                        longitude: geolocationPosition.coords.longitude,
-                    };
-                    if (!coords) {
-                        coords = (await getPosition()).coords;
-                    }
-                    messageComposer.locationComposer.setData({
-                        ...coords,
-                        durationMs: selectedDuration,
-                    });
-                    close();
-                }, type: 'submit' }, t('Attach')),
-            React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--submit', disabled: !geolocationPosition, onClick: async () => {
-                    let coords = geolocationPosition && {
-                        latitude: geolocationPosition.coords.latitude,
-                        longitude: geolocationPosition.coords.longitude,
-                    };
-                    if (!coords) {
-                        try {
-                            coords = (await getPosition()).coords;
-                        }
-                        catch (e) {
-                            client.notifications.addError({
-                                message: t('Failed to retrieve location'),
-                                options: {
-                                    originalError: e instanceof Error ? e : undefined,
-                                    type: 'browser-api:location:get:failed',
-                                },
-                                origin: { emitter: 'ShareLocationDialog' },
-                            });
-                            return;
-                        }
-                    }
-                    messageComposer.locationComposer.setData({
-                        ...coords,
-                        durationMs: selectedDuration,
-                    });
-                    try {
-                        await messageComposer.sendLocation();
-                    }
-                    catch (err) {
-                        client.notifications.addError({
-                            message: t('Failed to share location'),
-                            options: {
-                                originalError: err instanceof Error ? err : undefined,
-                                type: 'api:location:share:failed',
-                            },
-                            origin: { emitter: 'ShareLocationDialog' },
-                        });
-                        return;
-                    }
-                    close();
-                }, type: 'submit' }, t('Share')))));
-};
-const DurationDropdownItems = ({ durations, selectDuration, }) => {
-    const { t } = useTranslationContext();
-    const { close } = useDropdownContext();
-    return durations.map((duration) => (React.createElement("button", { className: 'str-chat__live-location-sharing-duration-option', key: `duration-${duration}}`, onClick: () => {
-            selectDuration(duration);
-            close();
-        }, role: 'option' }, t('duration/Share Location', { milliseconds: duration }))));
-};

package/dist/components/Location/hooks/useLiveLocationSharingManager.d.ts

@@ -1,18 +0,0 @@
-import { LiveLocationManager } from 'stream-chat';
-import type { LiveLocationManagerConstructorParameters, StreamChat } from 'stream-chat';
-/**
- * Checks whether the current browser is Safari.
- */
-export declare const isSafari: () => boolean;
-/**
- * Checks whether the current browser is Firefox.
- */
-export declare const isFirefox: () => boolean;
-/**
- * Checks whether the current browser is Google Chrome.
- */
-export declare const isChrome: () => boolean;
-export declare const useLiveLocationSharingManager: ({ client, getDeviceId, watchLocation, }: Omit<LiveLocationManagerConstructorParameters, 'client' | 'getDeviceId'> & {
-    client?: StreamChat | null;
-    getDeviceId?: () => string;
-}) => LiveLocationManager | null;

package/dist/components/Location/hooks/useLiveLocationSharingManager.js

@@ -1,57 +0,0 @@
-import { LiveLocationManager } from 'stream-chat';
-import { useEffect, useMemo } from 'react';
-const isMobile = () => /Mobi/i.test(navigator.userAgent);
-/**
- * Checks whether the current browser is Safari.
- */
-export const isSafari = () => {
-    if (typeof navigator === 'undefined')
-        return false;
-    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
-};
-/**
- * Checks whether the current browser is Firefox.
- */
-export const isFirefox = () => {
-    if (typeof navigator === 'undefined')
-        return false;
-    return navigator.userAgent?.includes('Firefox');
-};
-/**
- * Checks whether the current browser is Google Chrome.
- */
-export const isChrome = () => {
-    if (typeof navigator === 'undefined')
-        return false;
-    return navigator.userAgent?.includes('Chrome');
-};
-const browser = () => {
-    if (isChrome())
-        return 'chrome';
-    if (isFirefox())
-        return 'firefox';
-    if (isSafari())
-        return 'safari';
-    return 'other';
-};
-export const useLiveLocationSharingManager = ({ client, getDeviceId, watchLocation, }) => {
-    const manager = useMemo(() => {
-        if (!client)
-            return null;
-        return new LiveLocationManager({
-            client,
-            getDeviceId: getDeviceId ??
-                (() => `web-${isMobile() ? 'mobile' : 'desktop'}-${browser()}-${client.userID}`),
-            watchLocation,
-        });
-    }, [client, getDeviceId, watchLocation]);
-    useEffect(() => {
-        if (!manager)
-            return;
-        manager.init();
-        return () => {
-            manager.unregisterSubscriptions();
-        };
-    }, [manager]);
-    return manager;
-};

package/dist/components/Location/index.d.ts

@@ -1 +0,0 @@
-export * from './ShareLocationDialog';

package/dist/components/Location/index.js

@@ -1 +0,0 @@
-export * from './ShareLocationDialog';

package/dist/components/MediaRecorder/AudioRecorder/AudioRecorder.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const AudioRecorder: () => React.JSX.Element | null;

package/dist/components/MediaRecorder/AudioRecorder/AudioRecorder.js

@@ -1,29 +0,0 @@
-import React, { useMemo } from 'react';
-import { AudioRecordingPreview } from './AudioRecordingPreview';
-import { AudioRecordingInProgress } from './AudioRecordingInProgress';
-import { MediaRecordingState } from '../classes';
-import { BinIcon, CheckSignIcon, LoadingIndicatorIcon, MicIcon, PauseIcon, SendIcon, } from '../../MessageInput';
-import { useMessageInputContext } from '../../../context/MessageInputContext';
-export const AudioRecorder = () => {
-    const messageInputContext = useMessageInputContext();
-    const { recordingController: { completeRecording, recorder, recording, recordingState }, } = messageInputContext;
-    const isUploadingFile = recording?.localMetadata?.uploadState === 'uploading';
-    const state = useMemo(() => ({
-        paused: recordingState === MediaRecordingState.PAUSED,
-        recording: recordingState === MediaRecordingState.RECORDING,
-        stopped: recordingState === MediaRecordingState.STOPPED,
-    }), [recordingState]);
-    if (!recorder)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__audio_recorder-container' },
-        React.createElement("div", { className: 'str-chat__audio_recorder', "data-testid": 'audio-recorder' },
-            React.createElement("button", { className: 'str-chat__audio_recorder__cancel-button', "data-testid": 'cancel-recording-audio-button', disabled: isUploadingFile, onClick: recorder.cancel },
-                React.createElement(BinIcon, null)),
-            state.stopped && recording?.asset_url ? (React.createElement(AudioRecordingPreview, { durationSeconds: recording.duration ?? 0, mimeType: recording.mime_type, src: recording.asset_url, waveformData: recording.waveform_data })) : state.paused || state.recording ? (React.createElement(AudioRecordingInProgress, null)) : null,
-            state.paused && (React.createElement("button", { className: 'str-chat__audio_recorder__resume-recording-button', onClick: recorder.resume },
-                React.createElement(MicIcon, null))),
-            state.recording && (React.createElement("button", { className: 'str-chat__audio_recorder__pause-recording-button', "data-testid": 'pause-recording-audio-button', onClick: recorder.pause },
-                React.createElement(PauseIcon, null))),
-            state.stopped ? (React.createElement("button", { className: 'str-chat__audio_recorder__complete-button', "data-testid": 'audio-recorder-complete-button', disabled: isUploadingFile, onClick: completeRecording }, isUploadingFile ? React.createElement(LoadingIndicatorIcon, null) : React.createElement(SendIcon, null))) : (React.createElement("button", { className: 'str-chat__audio_recorder__stop-button', "data-testid": 'audio-recorder-stop-button', onClick: recorder.stop },
-                React.createElement(CheckSignIcon, null))))));
-};

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingButtons.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export type StartRecordingAudioButtonProps = React.ComponentProps<'button'>;
-export declare const StartRecordingAudioButton: (props: StartRecordingAudioButtonProps) => React.JSX.Element;

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingButtons.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MicIcon } from '../../MessageInput/icons';
-export const StartRecordingAudioButton = (props) => (React.createElement("button", { "aria-label": 'Start recording audio', className: 'str-chat__start-recording-audio-button', "data-testid": 'start-recording-audio-button', ...props },
-    React.createElement(MicIcon, null)));

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const AudioRecordingInProgress: () => React.JSX.Element;

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.js

@@ -1,49 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useTimeElapsed } from './hooks/useTimeElapsed';
-import { useMessageInputContext } from '../../../context';
-import { RecordingTimer } from './RecordingTimer';
-const AudioRecordingWaveform = ({ maxDataPointsDrawn = 100 }) => {
-    const { recordingController: { recorder }, } = useMessageInputContext();
-    const [amplitudes, setAmplitudes] = useState([]);
-    useEffect(() => {
-        if (!recorder?.amplitudeRecorder)
-            return;
-        const amplitudesSubscription = recorder.amplitudeRecorder.amplitudes.subscribe(setAmplitudes);
-        return () => {
-            amplitudesSubscription.unsubscribe();
-        };
-    }, [recorder]);
-    if (!recorder)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__waveform-box-container' },
-        React.createElement("div", { className: 'str-chat__audio_recorder__waveform-box' }, amplitudes.slice(-maxDataPointsDrawn).map((amplitude, i) => (React.createElement("div", { className: 'str-chat__wave-progress-bar__amplitude-bar', key: `amplitude-${i}-voice-recording`, style: {
-                '--str-chat__wave-progress-bar__amplitude-bar-height': amplitude
-                    ? amplitude * 100 + '%'
-                    : '0%',
-            } }))))));
-};
-export const AudioRecordingInProgress = () => {
-    const { secondsElapsed, startCounter, stopCounter } = useTimeElapsed();
-    const { recordingController: { recorder }, } = useMessageInputContext();
-    useEffect(() => {
-        if (!recorder?.mediaRecorder)
-            return;
-        const { mediaRecorder } = recorder;
-        if (mediaRecorder.state === 'recording') {
-            startCounter();
-        }
-        mediaRecorder.addEventListener('start', startCounter);
-        mediaRecorder.addEventListener('resume', startCounter);
-        mediaRecorder.addEventListener('stop', stopCounter);
-        mediaRecorder.addEventListener('pause', stopCounter);
-        return () => {
-            mediaRecorder.removeEventListener('start', startCounter);
-            mediaRecorder.removeEventListener('resume', startCounter);
-            mediaRecorder.removeEventListener('stop', stopCounter);
-            mediaRecorder.removeEventListener('pause', stopCounter);
-        };
-    }, [recorder, startCounter, stopCounter]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(RecordingTimer, { durationSeconds: secondsElapsed }),
-        React.createElement(AudioRecordingWaveform, null)));
-};

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingPreview.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export type AudioRecordingPlayerProps = {
-    durationSeconds: number;
-    mimeType?: string;
-    src?: string;
-    waveformData?: number[];
-};
-export declare const AudioRecordingPreview: ({ durationSeconds, mimeType, src, waveformData, }: AudioRecordingPlayerProps) => React.JSX.Element | undefined;

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingPreview.js

@@ -1,34 +0,0 @@
-import React, { useEffect } from 'react';
-import { PauseIcon, PlayIcon } from '../../MessageInput/icons';
-import { RecordingTimer } from './RecordingTimer';
-import { WaveProgressBar } from '../../Attachment';
-import { useAudioPlayer } from '../../AudioPlayback';
-import { useStateStore } from '../../../store';
-const audioPlayerStateSelector = (state) => ({
-    isPlaying: state.isPlaying,
-    progress: state.progressPercent,
-    secondsElapsed: state.secondsElapsed,
-});
-export const AudioRecordingPreview = ({ durationSeconds, mimeType, src, waveformData, }) => {
-    const audioPlayer = useAudioPlayer({
-        durationSeconds,
-        mimeType,
-        src,
-        waveformData,
-    });
-    const { isPlaying, progress, secondsElapsed } = useStateStore(audioPlayer?.state, audioPlayerStateSelector) ?? {};
-    const displayedDuration = secondsElapsed || durationSeconds;
-    useEffect(() => {
-        audioPlayer?.cancelScheduledRemoval();
-        return () => {
-            audioPlayer?.scheduleRemoval();
-        };
-    }, [audioPlayer]);
-    if (!audioPlayer)
-        return;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", { className: 'str-chat__audio_recorder__toggle-playback-button', "data-testid": 'audio-recording-preview-toggle-play-btn', onClick: audioPlayer.togglePlay }, isPlaying ? React.createElement(PauseIcon, null) : React.createElement(PlayIcon, null)),
-        React.createElement(RecordingTimer, { durationSeconds: displayedDuration }),
-        React.createElement("div", { className: 'str-chat__wave-progress-bar__track-container' },
-            React.createElement(WaveProgressBar, { progress: progress, seek: audioPlayer.seek, waveformData: waveformData || [] }))));
-};

package/dist/components/MediaRecorder/AudioRecorder/RecordingTimer.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export type RecordingTimerProps = {
-    durationSeconds: number;
-};
-export declare const RecordingTimer: ({ durationSeconds }: RecordingTimerProps) => React.JSX.Element;

package/dist/components/MediaRecorder/AudioRecorder/RecordingTimer.js

@@ -1,6 +0,0 @@
-import clsx from 'clsx';
-import { displayDuration } from '../../Attachment';
-import React from 'react';
-export const RecordingTimer = ({ durationSeconds }) => (React.createElement("div", { className: clsx('str-chat__recording-timer', {
-        'str-chat__recording-timer--hours': durationSeconds >= 3600,
-    }) }, displayDuration(durationSeconds)));

package/dist/components/MediaRecorder/AudioRecorder/hooks/useTimeElapsed.d.ts

@@ -1,9 +0,0 @@
-type UseTimeElapsedParams = {
-    startOnMount?: boolean;
-};
-export declare const useTimeElapsed: ({ startOnMount }?: UseTimeElapsedParams) => {
-    secondsElapsed: number;
-    startCounter: () => void;
-    stopCounter: () => void;
-};
-export {};

package/dist/components/MediaRecorder/AudioRecorder/hooks/useTimeElapsed.js

@@ -1,30 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-// todo: provide start timestamp
-export const useTimeElapsed = ({ startOnMount } = {}) => {
-    const [secondsElapsed, setSecondsElapsed] = useState(0);
-    const updateInterval = useRef(undefined);
-    const startCounter = useCallback(() => {
-        if (updateInterval.current)
-            return;
-        updateInterval.current = setInterval(() => {
-            setSecondsElapsed((prev) => prev + 1);
-        }, 1000);
-    }, []);
-    const stopCounter = useCallback(() => {
-        clearInterval(updateInterval.current);
-        updateInterval.current = undefined;
-    }, []);
-    useEffect(() => {
-        if (!startOnMount)
-            return;
-        startCounter();
-        return () => {
-            stopCounter();
-        };
-    }, [startCounter, startOnMount, stopCounter]);
-    return {
-        secondsElapsed,
-        startCounter,
-        stopCounter,
-    };
-};

package/dist/components/MediaRecorder/AudioRecorder/index.d.ts

@@ -1,3 +0,0 @@
-export * from './AudioRecorder';
-export * from './AudioRecordingButtons';
-export * from './RecordingTimer';

package/dist/components/MediaRecorder/AudioRecorder/index.js

@@ -1,3 +0,0 @@
-export * from './AudioRecorder';
-export * from './AudioRecordingButtons';
-export * from './RecordingTimer';

package/dist/components/MediaRecorder/RecordingPermissionDeniedNotification.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { RecordingPermission } from './classes/BrowserPermission';
-export type RecordingPermissionDeniedNotificationProps = {
-    onClose: () => void;
-    permissionName: RecordingPermission;
-};
-export declare const RecordingPermissionDeniedNotification: ({ onClose, permissionName, }: RecordingPermissionDeniedNotificationProps) => React.JSX.Element;

package/dist/components/MediaRecorder/RecordingPermissionDeniedNotification.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { useTranslationContext } from '../../context';
-export const RecordingPermissionDeniedNotification = ({ onClose, permissionName, }) => {
-    const { t } = useTranslationContext();
-    const permissionTranslations = {
-        body: {
-            camera: t('To start recording, allow the camera access in your browser'),
-            microphone: t('To start recording, allow the microphone access in your browser'),
-        },
-        heading: {
-            camera: t('Allow access to camera'),
-            microphone: t('Allow access to microphone'),
-        },
-    };
-    return (React.createElement("div", { className: 'str-chat__recording-permission-denied-notification' },
-        React.createElement("div", { className: 'str-chat__recording-permission-denied-notification__heading' }, permissionTranslations.heading[permissionName]),
-        React.createElement("p", { className: 'str-chat__recording-permission-denied-notification__message' }, permissionTranslations.body[permissionName]),
-        React.createElement("div", { className: 'str-chat__recording-permission-denied-notification__dismiss-button-container' },
-            React.createElement("button", { className: 'str-chat__recording-permission-denied-notification__dismiss-button', onClick: onClose }, t('Ok')))));
-};

package/dist/components/MediaRecorder/classes/AmplitudeRecorder.d.ts

@@ -1,54 +0,0 @@
-import { BehaviorSubject } from '../observable/BehaviorSubject';
-import { Subject } from '../observable/Subject';
-/**
- * fftSize
- * An unsigned integer, representing the window size of the FFT, given in number of samples.
- * A higher value will result in more details in the frequency domain but fewer details
- * in the amplitude domain.
- *
- * Must be a power of 2 between 2^5 and 2^15, so one of: 32, 64, 128, 256, 512, 1024, 2048, 4096, 8192, 16384, and 32768.
- * Defaults to 32.
- *
- * maxDecibels
- * A double, representing the maximum decibel value for scaling the FFT analysis data,
- * where 0 dB is the loudest possible sound, -10 dB is a 10th of that, etc.
- * The default value is -30 dB.
- *
- * minDecibels
- * A double, representing the minimum decibel value for scaling the FFT analysis data,
- * where 0 dB is the loudest possible sound, -10 dB is a 10th of that, etc.
- * The default value is -100 dB.
- */
-export type AmplitudeAnalyserConfig = Pick<AnalyserNode, 'fftSize' | 'maxDecibels' | 'minDecibels'>;
-export type AmplitudeRecorderConfig = {
-    analyserConfig: AmplitudeAnalyserConfig;
-    sampleCount: number;
-    samplingFrequencyMs: number;
-};
-export declare const DEFAULT_AMPLITUDE_RECORDER_CONFIG: AmplitudeRecorderConfig;
-type AmplitudeAnalyserOptions = {
-    stream: MediaStream;
-    config?: AmplitudeRecorderConfig;
-};
-export declare enum AmplitudeRecorderState {
-    CLOSED = "closed",
-    RECORDING = "recording",
-    STOPPED = "stopped"
-}
-export declare class AmplitudeRecorder {
-    audioContext: AudioContext | undefined;
-    analyserNode: AnalyserNode | undefined;
-    microphone: MediaStreamAudioSourceNode | undefined;
-    stream: MediaStream;
-    config: AmplitudeRecorderConfig;
-    amplitudeSamplingInterval: ReturnType<typeof setInterval> | undefined;
-    amplitudes: BehaviorSubject<number[]>;
-    state: BehaviorSubject<AmplitudeRecorderState | undefined>;
-    error: Subject<Error | undefined>;
-    constructor({ config, stream }: AmplitudeAnalyserOptions);
-    init(): void;
-    stop(): void;
-    start: () => void;
-    close(): void;
-}
-export {};