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

package/dist/components/Attachment/audioSampling.js

@@ -1,81 +0,0 @@
-import { divMod } from './utils';
-export const resampleWaveformData = (waveformData, amplitudesCount) => waveformData.length === amplitudesCount
-    ? waveformData
-    : waveformData.length > amplitudesCount
-        ? downSample(waveformData, amplitudesCount)
-        : upSample(waveformData, amplitudesCount);
-/**
- * The downSample function uses the Largest-Triangle-Three-Buckets (LTTB) algorithm.
- * See the thesis Downsampling Time Series for Visual Representation by Sveinn Steinarsson for more (https://skemman.is/bitstream/1946/15343/3/SS_MSthesis.pdf)
- * @param data
- * @param targetOutputSize
- */
-export function downSample(data, targetOutputSize) {
-    if (data.length <= targetOutputSize || targetOutputSize === 0) {
-        return data;
-    }
-    if (targetOutputSize === 1)
-        return [mean(data)];
-    const result = [];
-    // bucket size adjusted due to the fact that the first and the last item in the original data array is kept in target output
-    const bucketSize = (data.length - 2) / (targetOutputSize - 2);
-    let lastSelectedPointIndex = 0;
-    result.push(data[lastSelectedPointIndex]); // Always add the first point
-    let maxAreaPoint, maxArea, triangleArea;
-    for (let bucketIndex = 1; bucketIndex < targetOutputSize - 1; bucketIndex++) {
-        const previousBucketRefPoint = data[lastSelectedPointIndex];
-        const nextBucketMean = getNextBucketMean(data, bucketIndex, bucketSize);
-        const currentBucketStartIndex = Math.floor((bucketIndex - 1) * bucketSize) + 1;
-        const nextBucketStartIndex = Math.floor(bucketIndex * bucketSize) + 1;
-        const countUnitsBetweenAtoC = 1 + nextBucketStartIndex - currentBucketStartIndex;
-        maxArea = triangleArea = -1;
-        for (let currentPointIndex = currentBucketStartIndex; currentPointIndex < nextBucketStartIndex; currentPointIndex++) {
-            const countUnitsBetweenAtoB = Math.abs(currentPointIndex - currentBucketStartIndex) + 1;
-            const countUnitsBetweenBtoC = countUnitsBetweenAtoC - countUnitsBetweenAtoB;
-            const currentPointValue = data[currentPointIndex];
-            triangleArea = triangleAreaHeron(triangleBase(Math.abs(previousBucketRefPoint - currentPointValue), countUnitsBetweenAtoB), triangleBase(Math.abs(currentPointValue - nextBucketMean), countUnitsBetweenBtoC), triangleBase(Math.abs(previousBucketRefPoint - nextBucketMean), countUnitsBetweenAtoC));
-            if (triangleArea > maxArea) {
-                maxArea = triangleArea;
-                maxAreaPoint = data[currentPointIndex];
-                lastSelectedPointIndex = currentPointIndex;
-            }
-        }
-        if (typeof maxAreaPoint !== 'undefined')
-            result.push(maxAreaPoint);
-    }
-    result.push(data[data.length - 1]); // Always add the last point
-    return result;
-}
-const triangleAreaHeron = (a, b, c) => {
-    const s = (a + b + c) / 2;
-    return Math.sqrt(s * (s - a) * (s - b) * (s - c));
-};
-const triangleBase = (a, b) => Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
-const mean = (values) => values.reduce((acc, value) => acc + value, 0) / values.length;
-const getNextBucketMean = (data, currentBucketIndex, bucketSize) => {
-    const nextBucketStartIndex = Math.floor(currentBucketIndex * bucketSize) + 1;
-    let nextNextBucketStartIndex = Math.floor((currentBucketIndex + 1) * bucketSize) + 1;
-    nextNextBucketStartIndex =
-        nextNextBucketStartIndex < data.length ? nextNextBucketStartIndex : data.length;
-    return mean(data.slice(nextBucketStartIndex, nextNextBucketStartIndex));
-};
-export const upSample = (values, targetSize) => {
-    if (!values.length) {
-        console.warn('Cannot extend empty array of amplitudes.');
-        return values;
-    }
-    if (values.length > targetSize) {
-        console.warn('Requested to extend the waveformData that is longer than the target list size');
-        return values;
-    }
-    if (targetSize === values.length)
-        return values;
-    // eslint-disable-next-line prefer-const
-    let [bucketSize, remainder] = divMod(targetSize, values.length);
-    const result = [];
-    for (let i = 0; i < values.length; i++) {
-        const extra = remainder && remainder-- ? 1 : 0;
-        result.push(...Array(bucketSize + extra).fill(values[i]));
-    }
-    return result;
-};

package/dist/components/Attachment/components/DownloadButton.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type DownloadButtonProps = {
-    assetUrl?: string;
-};
-export declare const DownloadButton: ({ assetUrl }: DownloadButtonProps) => React.JSX.Element;
-export {};

package/dist/components/Attachment/components/DownloadButton.js

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DownloadIcon } from '../icons';
-import { SafeAnchor } from '../../SafeAnchor';
-export const DownloadButton = ({ assetUrl }) => (React.createElement(SafeAnchor, { className: 'str-chat__message-attachment-file--item-download', download: true, href: assetUrl, target: '_blank' },
-    React.createElement(DownloadIcon, { className: 'str-chat__message-attachment-download-icon' })));

package/dist/components/Attachment/components/FileSizeIndicator.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-type FileSizeIndicatorProps = {
-    /** file size in byte */
-    fileSize?: number | string;
-    /**
-     The maximum number of fraction digits to display. If not set, the default behavior is to round to 3 significant digits.
-     @default undefined
-     */
-    maximumFractionDigits?: number;
-};
-export declare const FileSizeIndicator: ({ fileSize, maximumFractionDigits, }: FileSizeIndicatorProps) => React.JSX.Element | null;
-export {};

package/dist/components/Attachment/components/FileSizeIndicator.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { prettifyFileSize } from '../../MessageInput/hooks/utils';
-export const FileSizeIndicator = ({ fileSize, maximumFractionDigits, }) => {
-    const actualFileSize = typeof fileSize === 'string' ? parseFloat(fileSize) : fileSize;
-    if (typeof actualFileSize === 'undefined' || !Number.isFinite(Number(actualFileSize))) {
-        return null;
-    }
-    return (React.createElement("span", { className: 'str-chat__message-attachment-file--item-size', "data-testid": 'file-size-indicator' }, prettifyFileSize(actualFileSize, maximumFractionDigits)));
-};

package/dist/components/Attachment/components/PlayButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type PlayButtonProps = {
-    isPlaying: boolean;
-    onClick: () => void;
-};
-export declare const PlayButton: ({ isPlaying, onClick }: PlayButtonProps) => React.JSX.Element;
-export {};

package/dist/components/Attachment/components/PlayButton.js

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PauseIcon, PlayTriangleIcon } from '../icons';
-export const PlayButton = ({ isPlaying, onClick }) => (React.createElement("button", { className: 'str-chat__message-attachment-audio-widget--play-button', "data-testid": isPlaying ? 'pause-audio' : 'play-audio', onClick: onClick, type: 'button' }, isPlaying ? React.createElement(PauseIcon, null) : React.createElement(PlayTriangleIcon, null)));

package/dist/components/Attachment/components/PlaybackRateButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export type PlaybackRateButtonProps = React.ComponentProps<'button'>;
-export declare const PlaybackRateButton: ({ children, onClick }: PlaybackRateButtonProps) => React.JSX.Element;

package/dist/components/Attachment/components/PlaybackRateButton.js

@@ -1,2 +0,0 @@
-import React from 'react';
-export const PlaybackRateButton = ({ children, onClick }) => (React.createElement("button", { className: 'str-chat__message_attachment__playback-rate-button', "data-testid": 'playback-rate-button', onClick: onClick, type: 'button' }, children));

package/dist/components/Attachment/components/ProgressBar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type ProgressBarProps = {
-    /** Progress expressed in fractional number value btw 0 and 100. */
-    progress: number;
-} & Pick<React.ComponentProps<'div'>, 'className' | 'onClick'>;
-export declare const ProgressBar: ({ className, onClick, progress }: ProgressBarProps) => React.JSX.Element;

package/dist/components/Attachment/components/ProgressBar.js

@@ -1,6 +0,0 @@
-import clsx from 'clsx';
-import React from 'react';
-export const ProgressBar = ({ className, onClick, progress }) => (React.createElement("div", { className: clsx('str-chat__message-attachment-audio-widget--progress-track', className), "data-progress": progress, "data-testid": 'audio-progress', onClick: onClick, role: 'progressbar', style: {
-        '--str-chat__message-attachment-audio-widget-progress': progress + '%',
-    } },
-    React.createElement("div", { className: 'str-chat__message-attachment-audio-widget--progress-slider', style: { left: `${progress}px` } })));

package/dist/components/Attachment/components/WaveProgressBar.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { SeekFn } from '../hooks/useAudioController';
-type WaveProgressBarProps = {
-    /** Function that allows to change the track progress */
-    seek: SeekFn;
-    /** The array of fractional number values between 0 and 1 representing the height of amplitudes */
-    waveformData: number[];
-    /** Allows to specify the number of bars into which the original waveformData array should be resampled */
-    amplitudesCount?: number;
-    /** Progress expressed in fractional number value btw 0 and 100. */
-    progress?: number;
-    relativeAmplitudeBarWidth?: number;
-    relativeAmplitudeGap?: number;
-};
-export declare const WaveProgressBar: ({ amplitudesCount, progress, relativeAmplitudeBarWidth, relativeAmplitudeGap, seek, waveformData, }: WaveProgressBarProps) => React.JSX.Element | null;
-export {};

package/dist/components/Attachment/components/WaveProgressBar.js

@@ -1,84 +0,0 @@
-import throttle from 'lodash.throttle';
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import clsx from 'clsx';
-import { resampleWaveformData } from '../audioSampling';
-export const WaveProgressBar = ({ amplitudesCount = 40, progress = 0, relativeAmplitudeBarWidth = 2, relativeAmplitudeGap = 1, seek, waveformData, }) => {
-    const [progressIndicator, setProgressIndicator] = useState(null);
-    const isDragging = useRef(false);
-    const [root, setRoot] = useState(null);
-    const [trackAxisX, setTrackAxisX] = useState();
-    const lastRootWidth = useRef(undefined);
-    const handleDragStart = (e) => {
-        e.preventDefault();
-        if (!progressIndicator)
-            return;
-        isDragging.current = true;
-        progressIndicator.style.cursor = 'grabbing';
-    };
-    const handleDrag = (e) => {
-        if (!isDragging.current)
-            return;
-        // Due to throttling of seek, it is necessary to create a copy (snapshot) of the event.
-        // Otherwise, the event would be nullified at the point when the throttled function is executed.
-        seek({ ...e });
-    };
-    const handleDragStop = useCallback(() => {
-        if (!progressIndicator)
-            return;
-        isDragging.current = false;
-        progressIndicator.style.removeProperty('cursor');
-    }, [progressIndicator]);
-    const getTrackAxisX = useMemo(() => throttle((rootWidth) => {
-        if (rootWidth === lastRootWidth.current)
-            return;
-        lastRootWidth.current = rootWidth;
-        const possibleAmpCount = Math.floor(rootWidth / (relativeAmplitudeGap + relativeAmplitudeBarWidth));
-        const tooManyAmplitudesToRender = possibleAmpCount < amplitudesCount;
-        const barCount = tooManyAmplitudesToRender ? possibleAmpCount : amplitudesCount;
-        const amplitudeBarWidthToGapRatio = relativeAmplitudeBarWidth / (relativeAmplitudeBarWidth + relativeAmplitudeGap);
-        const barWidth = barCount && (rootWidth / barCount) * amplitudeBarWidthToGapRatio;
-        setTrackAxisX({
-            barCount,
-            barWidth,
-            gap: barWidth * (relativeAmplitudeGap / relativeAmplitudeBarWidth),
-        });
-    }, 1), [relativeAmplitudeBarWidth, relativeAmplitudeGap, amplitudesCount]);
-    const resampledWaveformData = useMemo(() => (trackAxisX ? resampleWaveformData(waveformData, trackAxisX.barCount) : []), [trackAxisX, waveformData]);
-    useEffect(() => {
-        document.addEventListener('pointerup', handleDragStop);
-        return () => {
-            document.removeEventListener('pointerup', handleDragStop);
-        };
-    }, [handleDragStop]);
-    useEffect(() => {
-        if (!root || typeof ResizeObserver === 'undefined')
-            return;
-        const observer = new ResizeObserver(([entry]) => {
-            getTrackAxisX(entry.contentRect.width);
-        });
-        observer.observe(root);
-        return () => {
-            observer.disconnect();
-        };
-    }, [getTrackAxisX, root]);
-    useLayoutEffect(() => {
-        if (!root)
-            return;
-        const { width: rootWidth } = root.getBoundingClientRect();
-        getTrackAxisX(rootWidth);
-    }, [getTrackAxisX, root]);
-    if (!waveformData.length || trackAxisX?.barCount === 0)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__wave-progress-bar__track', "data-testid": 'wave-progress-bar-track', onClick: seek, onPointerDown: handleDragStart, onPointerMove: handleDrag, onPointerUp: handleDragStop, ref: setRoot, role: 'progressbar', style: {
-            '--str-chat__voice-recording-amplitude-bar-gap-width': trackAxisX?.gap + 'px',
-        } },
-        resampledWaveformData.map((amplitude, i) => (React.createElement("div", { className: clsx('str-chat__wave-progress-bar__amplitude-bar', {
-                ['str-chat__wave-progress-bar__amplitude-bar--active']: progress > (i / resampledWaveformData.length) * 100,
-            }), "data-testid": 'amplitude-bar', key: `amplitude-${i}`, style: {
-                '--str-chat__voice-recording-amplitude-bar-width': trackAxisX?.barWidth + 'px',
-                '--str-chat__wave-progress-bar__amplitude-bar-height': amplitude
-                    ? amplitude * 100 + '%'
-                    : '0%',
-            } }))),
-        React.createElement("div", { className: 'str-chat__wave-progress-bar__progress-indicator', "data-testid": 'wave-progress-bar-progress-indicator', ref: setProgressIndicator, style: { left: `${progress < 0 ? 0 : progress > 100 ? 100 : progress}%` } })));
-};

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

@@ -1,6 +0,0 @@
-export * from './DownloadButton';
-export * from './FileSizeIndicator';
-export * from './ProgressBar';
-export * from './PlaybackRateButton';
-export * from './PlayButton';
-export * from './WaveProgressBar';

package/dist/components/Attachment/components/index.js

@@ -1,6 +0,0 @@
-export * from './DownloadButton';
-export * from './FileSizeIndicator';
-export * from './ProgressBar';
-export * from './PlaybackRateButton';
-export * from './PlayButton';
-export * from './WaveProgressBar';

package/dist/components/Attachment/hooks/useAudioController.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-export declare const elementIsPlaying: (audioElement: HTMLAudioElement | null) => boolean | null;
-export type SeekFn = (params: {
-    clientX: number;
-    currentTarget: HTMLDivElement;
-}) => void;
-type AudioControllerParams = {
-    /** Audio duration in seconds. */
-    durationSeconds?: number;
-    /** The audio MIME type that is checked before the audio is played. If the type is not supported the controller registers error in playbackError. */
-    mimeType?: string;
-    /** An array of fractional numeric values of playback speed to override the defaults (1.0, 1.5, 2.0) */
-    playbackRates?: number[];
-};
-/** @deprecated use useAudioPlayer instead */
-export declare const useAudioController: ({ durationSeconds, mimeType, playbackRates, }?: AudioControllerParams) => {
-    audioRef: import("react").RefObject<HTMLAudioElement | null>;
-    canPlayRecord: boolean;
-    increasePlaybackRate: () => void;
-    isPlaying: boolean;
-    playbackError: Error | undefined;
-    playbackRate: number;
-    progress: number;
-    secondsElapsed: number;
-    seek: SeekFn;
-    togglePlay: () => Promise<void>;
-};
-export {};

package/dist/components/Attachment/hooks/useAudioController.js

@@ -1,127 +0,0 @@
-import throttle from 'lodash.throttle';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useChannelActionContext, useTranslationContext } from '../../../context';
-const isSeekable = (audioElement) => !(audioElement.duration === Infinity || isNaN(audioElement.duration));
-export const elementIsPlaying = (audioElement) => audioElement && !(audioElement.paused || audioElement.ended);
-const logError = (e) => console.error('[AUDIO PLAYER]', e);
-const DEFAULT_PLAYBACK_RATES = [1.0, 1.5, 2.0];
-/** @deprecated use useAudioPlayer instead */
-export const useAudioController = ({ durationSeconds, mimeType, playbackRates = DEFAULT_PLAYBACK_RATES, } = {}) => {
-    const { addNotification } = useChannelActionContext('useAudioController');
-    const { t } = useTranslationContext('useAudioController');
-    const [isPlaying, setIsPlaying] = useState(false);
-    const [playbackError, setPlaybackError] = useState();
-    const [canPlayRecord, setCanPlayRecord] = useState(true);
-    const [secondsElapsed, setSecondsElapsed] = useState(0);
-    const [playbackRateIndex, setPlaybackRateIndex] = useState(0);
-    const playTimeout = useRef(undefined);
-    const audioRef = useRef(null);
-    const registerError = useCallback((e) => {
-        logError(e);
-        setPlaybackError(e);
-        addNotification(e.message, 'error');
-    }, [addNotification]);
-    const togglePlay = useCallback(async () => {
-        if (!audioRef.current)
-            return;
-        clearTimeout(playTimeout.current);
-        playTimeout.current = undefined;
-        if (mimeType && !audioRef.current.canPlayType(mimeType)) {
-            registerError(new Error(t('Recording format is not supported and cannot be reproduced')));
-            setCanPlayRecord(false);
-            return;
-        }
-        if (elementIsPlaying(audioRef.current)) {
-            audioRef.current.pause();
-            setIsPlaying(false);
-        }
-        else {
-            playTimeout.current = setTimeout(() => {
-                if (!audioRef.current)
-                    return;
-                try {
-                    audioRef.current.pause();
-                    setIsPlaying(false);
-                }
-                catch (e) {
-                    registerError(new Error(t('Failed to play the recording')));
-                }
-            }, 2000);
-            try {
-                await audioRef.current.play();
-                setIsPlaying(true);
-            }
-            catch (e) {
-                registerError(e);
-                setIsPlaying(false);
-            }
-            finally {
-                clearTimeout(playTimeout.current);
-                playTimeout.current = undefined;
-            }
-        }
-    }, [mimeType, registerError, t]);
-    const increasePlaybackRate = () => {
-        setPlaybackRateIndex((prev) => {
-            if (!audioRef.current)
-                return prev;
-            const nextIndex = prev === playbackRates.length - 1 ? 0 : prev + 1;
-            audioRef.current.playbackRate = playbackRates[nextIndex];
-            return nextIndex;
-        });
-    };
-    const seek = useMemo(() => throttle(({ clientX, currentTarget }) => {
-        if (!(currentTarget && audioRef.current))
-            return;
-        if (!isSeekable(audioRef.current)) {
-            registerError(new Error(t('Cannot seek in the recording')));
-            return;
-        }
-        const { width, x } = currentTarget.getBoundingClientRect();
-        const ratio = (clientX - x) / width;
-        if (ratio > 1 || ratio < 0)
-            return;
-        const currentTime = ratio * audioRef.current.duration;
-        setSecondsElapsed(currentTime);
-        audioRef.current.currentTime = currentTime;
-    }, 16), [registerError, t]);
-    useEffect(() => {
-        if (!audioRef.current)
-            return;
-        const audioElement = audioRef.current;
-        const handleEnded = () => {
-            setSecondsElapsed(audioElement?.duration ?? durationSeconds ?? 0);
-            setIsPlaying(false);
-        };
-        audioElement.addEventListener('ended', handleEnded);
-        const handleError = () => {
-            addNotification(t('Error reproducing the recording'), 'error');
-            setIsPlaying(false);
-        };
-        audioElement.addEventListener('error', handleError);
-        const handleTimeupdate = () => {
-            setSecondsElapsed(audioElement?.currentTime);
-        };
-        audioElement.addEventListener('timeupdate', handleTimeupdate);
-        return () => {
-            audioElement.pause();
-            audioElement.removeEventListener('ended', handleEnded);
-            audioElement.removeEventListener('error', handleError);
-            audioElement.removeEventListener('timeupdate', handleTimeupdate);
-        };
-    }, [addNotification, durationSeconds, t]);
-    return {
-        audioRef,
-        canPlayRecord,
-        increasePlaybackRate,
-        isPlaying,
-        playbackError,
-        playbackRate: playbackRates[playbackRateIndex],
-        progress: audioRef.current && secondsElapsed
-            ? (secondsElapsed / audioRef.current.duration) * 100
-            : 0,
-        secondsElapsed,
-        seek,
-        togglePlay,
-    };
-};

package/dist/components/Attachment/icons.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { IconProps } from '../../types/types';
-export declare const DownloadIcon: ({ className }: IconProps) => React.JSX.Element;
-export declare const PlayTriangleIcon: () => React.JSX.Element;
-export declare const PauseIcon: () => React.JSX.Element;
-export declare const GeolocationIcon: () => React.JSX.Element;
-export declare const ExternalLinkIcon: () => React.JSX.Element;

package/dist/components/Attachment/icons.js

@@ -1,12 +0,0 @@
-import React from 'react';
-export const DownloadIcon = ({ className }) => (React.createElement("svg", { className: className, "data-testid": 'download', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM19 18H6C3.79 18 2 16.21 2 14C2 11.95 3.53 10.24 5.56 10.03L6.63 9.92L7.13 8.97C8.08 7.14 9.94 6 12 6C14.62 6 16.88 7.86 17.39 10.43L17.69 11.93L19.22 12.04C20.78 12.14 22 13.45 22 15C22 16.65 20.65 18 19 18ZM13.45 10H10.55V13H8L12 17L16 13H13.45V10Z', fill: 'black' })));
-export const PlayTriangleIcon = () => (React.createElement("svg", { fill: 'none', viewBox: '0 0 12 14', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M0.5 0V14L11.5 7L0.5 0Z', fill: '#080707' })));
-export const PauseIcon = () => (React.createElement("svg", { fill: 'none', viewBox: '0 0 12 14', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M0 14H4V0H0V14ZM8 0V14H12V0H8Z', fill: '#080707' })));
-export const GeolocationIcon = () => (React.createElement("svg", { className: 'str-chat__message-geolocation__icon', fill: 'currentColor', viewBox: '0 0 255.856 255.856', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M127.928 38.8c-30.75 0-55.768 25.017-55.768 55.767s25.018 55.767 55.768 55.767 55.768-25.017 55.768-55.767S158.678 38.8 127.928 38.8zm0 96.533c-22.479 0-40.768-18.288-40.768-40.767S105.449 53.8 127.928 53.8s40.768 18.288 40.768 40.767-18.288 40.766-40.768 40.766z', strokeWidth: '60' }),
-    React.createElement("path", { d: 'M127.928 0C75.784 0 33.362 42.422 33.362 94.566c0 30.072 25.22 74.875 40.253 98.904 9.891 15.809 20.52 30.855 29.928 42.365 15.101 18.474 20.506 20.02 24.386 20.02 3.938 0 9.041-1.547 24.095-20.031 9.429-11.579 20.063-26.616 29.944-42.342 15.136-24.088 40.527-68.971 40.527-98.917C222.495 42.422 180.073 0 127.928 0zm43.641 181.803c-19.396 31.483-37.203 52.757-43.73 58.188-6.561-5.264-24.079-26.032-43.746-58.089-22.707-37.015-35.73-68.848-35.73-87.336C48.362 50.693 84.055 15 127.928 15s79.566 35.693 79.566 79.566c.001 18.382-13.094 50.178-35.925 87.237z' })));
-export const ExternalLinkIcon = () => (React.createElement("svg", { fill: 'currentColor', viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M12.586 2H10a1 1 0 1 1 0-2h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V3.414l-6.793 6.793a1 1 0 0 1-1.414-1.414L12.586 2zM6 1a1 1 0 1 1 0 2H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h8.967a1 1 0 0 0 1-.99L13 9.99a1 1 0 1 1 2 .02l-.033 3.023a3 3 0 0 1-3 2.967H3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h3z' })));

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

@@ -1,14 +0,0 @@
-export * from './Attachment';
-export * from './AttachmentActions';
-export * from './AttachmentContainer';
-export * from './Audio';
-export * from './audioSampling';
-export * from './Card';
-export * from './components';
-export * from './FileAttachment';
-export * from './Geolocation';
-export * from './UnsupportedAttachment';
-export * from './utils';
-export * from './VoiceRecording';
-export { useAudioController } from './hooks/useAudioController';
-export * from '../Location/hooks/useLiveLocationSharingManager';

package/dist/components/Attachment/index.js

@@ -1,14 +0,0 @@
-export * from './Attachment';
-export * from './AttachmentActions';
-export * from './AttachmentContainer';
-export * from './Audio';
-export * from './audioSampling';
-export * from './Card';
-export * from './components';
-export * from './FileAttachment';
-export * from './Geolocation';
-export * from './UnsupportedAttachment';
-export * from './utils';
-export * from './VoiceRecording';
-export { useAudioController } from './hooks/useAudioController';
-export * from '../Location/hooks/useLiveLocationSharingManager';

package/dist/components/Attachment/utils.d.ts

@@ -1,23 +0,0 @@
-import type { ReactNode } from 'react';
-import type { Attachment, SharedLocationResponse } from 'stream-chat';
-import type { ATTACHMENT_GROUPS_ORDER, AttachmentProps } from './Attachment';
-export declare const SUPPORTED_VIDEO_FORMATS: string[];
-export type AttachmentComponentType = (typeof ATTACHMENT_GROUPS_ORDER)[number];
-export type GroupedRenderedAttachment = Record<AttachmentComponentType, ReactNode[]>;
-export type GalleryAttachment = {
-    images: Attachment[];
-    type: 'gallery';
-};
-export type RenderAttachmentProps = Omit<AttachmentProps, 'attachments'> & {
-    attachment: Attachment;
-};
-export type RenderGalleryProps = Omit<AttachmentProps, 'attachments'> & {
-    attachment: GalleryAttachment;
-};
-export type GeolocationContainerProps = Omit<AttachmentProps, 'attachments'> & {
-    location: SharedLocationResponse;
-};
-export declare const isGalleryAttachmentType: (attachment: Attachment | GalleryAttachment) => attachment is GalleryAttachment;
-export declare const isSvgAttachment: (attachment: Attachment) => boolean;
-export declare const divMod: (num: number, divisor: number) => number[];
-export declare const displayDuration: (totalSeconds?: number) => string;

package/dist/components/Attachment/utils.js

@@ -1,29 +0,0 @@
-export const SUPPORTED_VIDEO_FORMATS = [
-    'video/mp4',
-    'video/ogg',
-    'video/webm',
-    'video/quicktime',
-];
-// This identity function determines attachment type specific to React.
-// Once made sure other SDKs support the same logic, move to stream-chat-js
-export const isGalleryAttachmentType = (attachment) => Array.isArray(attachment.images);
-export const isSvgAttachment = (attachment) => {
-    const filename = attachment.fallback || '';
-    return filename.toLowerCase().endsWith('.svg');
-};
-export const divMod = (num, divisor) => [
-    Math.floor(num / divisor),
-    num % divisor,
-];
-export const displayDuration = (totalSeconds) => {
-    if (!totalSeconds || totalSeconds < 0)
-        return '00:00';
-    const [hours, hoursLeftover] = divMod(totalSeconds, 3600);
-    const [minutes, seconds] = divMod(hoursLeftover, 60);
-    const roundedSeconds = Math.ceil(seconds);
-    const prependHrsZero = hours.toString().length === 1 ? '0' : '';
-    const prependMinZero = minutes.toString().length === 1 ? '0' : '';
-    const prependSecZero = roundedSeconds.toString().length === 1 ? '0' : '';
-    const minSec = `${prependMinZero}${minutes}:${prependSecZero}${roundedSeconds}`;
-    return hours ? `${prependHrsZero}${hours}:` + minSec : minSec;
-};