@stream-io/video-react-sdk 1.43.2 → 2.0.0-beta.1

package/dist/esm/src/components/CallStats/CallStats.js

@@ -1,180 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { lazy, useState, useRef, useEffect, Suspense } from 'react';
-import clsx from 'clsx';
-import { SfuModels } from '@stream-io/video-client';
-import { useI18n, useCallStateHooks } from '@stream-io/video-react-bindings';
-import { useFloating, useHover, useInteractions } from '@floating-ui/react';
-import { Icon } from '../Icon/Icon.js';
-
-const CallStatsLatencyChart = lazy(() => import('./CallStatsLatencyChart.js'));
-var Status;
-(function (Status) {
-    Status["GOOD"] = "Good";
-    Status["OK"] = "Ok";
-    Status["BAD"] = "Bad";
-})(Status || (Status = {}));
-const CallStats = (props) => {
-    const { latencyLowBound = 75, latencyHighBound = 400, audioJitterLowBound = 10, audioJitterHighBound = 30, videoJitterLowBound = 20, videoJitterHighBound = 50, showCodecInfo = false, LatencyChartSuspenseFallback = null, } = props;
-    const [latencyBuffer, setLatencyBuffer] = useState(() => {
-        const now = Date.now();
-        return Array.from({ length: 20 }, (_, i) => ({ x: now + i, y: 0 }));
-    });
-    const { t } = useI18n();
-    const [publishBitrate, setPublishBitrate] = useState('-');
-    const [subscribeBitrate, setSubscribeBitrate] = useState('-');
-    const [publishAudioBitrate, setPublishAudioBitrate] = useState('-');
-    const [subscribeAudioBitrate, setSubscribeAudioBitrate] = useState('-');
-    const previousStats = useRef(undefined);
-    const { useCallStatsReport } = useCallStateHooks();
-    const callStatsReport = useCallStatsReport();
-    useEffect(() => {
-        if (!callStatsReport)
-            return;
-        if (!previousStats.current) {
-            previousStats.current = callStatsReport;
-            return;
-        }
-        const previousCallStatsReport = previousStats.current;
-        setPublishBitrate(() => {
-            return calculatePublishBitrate(previousCallStatsReport, callStatsReport);
-        });
-        setSubscribeBitrate(() => {
-            return calculateSubscribeBitrate(previousCallStatsReport, callStatsReport);
-        });
-        setPublishAudioBitrate(() => {
-            return calculatePublishAudioBitrate(previousCallStatsReport, callStatsReport);
-        });
-        setSubscribeAudioBitrate(() => {
-            return calculateSubscribeAudioBitrate(previousCallStatsReport, callStatsReport);
-        });
-        setLatencyBuffer((latencyBuf) => {
-            const newLatencyBuffer = latencyBuf.slice(-19);
-            newLatencyBuffer.push({
-                x: callStatsReport.timestamp,
-                y: callStatsReport.publisherStats.averageRoundTripTimeInMs ||
-                    callStatsReport.publisherAudioStats.averageRoundTripTimeInMs,
-            });
-            return newLatencyBuffer;
-        });
-        previousStats.current = callStatsReport;
-    }, [callStatsReport]);
-    const latencyComparison = {
-        lowBound: latencyLowBound,
-        highBound: latencyHighBound,
-        value: callStatsReport?.publisherStats.averageRoundTripTimeInMs || 0,
-    };
-    const audioJitterComparison = {
-        lowBound: audioJitterLowBound,
-        highBound: audioJitterHighBound,
-    };
-    const videoJitterComparison = {
-        lowBound: videoJitterLowBound,
-        highBound: videoJitterHighBound,
-    };
-    return (jsx("div", { className: "str-video__call-stats", children: callStatsReport && (jsxs(Fragment, { children: [jsxs("div", { className: "str-video__call-stats__header", children: [jsxs("h3", { className: "str-video__call-stats__heading", children: [jsx(Icon, { className: "str-video__call-stats__icon", icon: "call-latency" }), t('Call Latency')] }), jsx("p", { className: "str-video__call-stats__description", children: t('Very high latency values may reduce call quality, cause lag, and make the call less enjoyable.') })] }), jsx("div", { className: "str-video__call-stats__latencychart", children: jsx(Suspense, { fallback: LatencyChartSuspenseFallback, children: jsx(CallStatsLatencyChart, { values: latencyBuffer }) }) }), jsxs("div", { className: "str-video__call-stats__header", children: [jsxs("h3", { className: "str-video__call-stats__heading", children: [jsx(Icon, { className: "str-video__call-stats__icon", icon: "network-quality" }), t('Video performance')] }), jsx("p", { className: "str-video__call-stats__description", children: t('Review the key data points below to assess call performance') })] }), jsxs("div", { className: "str-video__call-stats__card-container", children: [jsx(StatCard, { label: t('Region'), value: callStatsReport.datacenter }), jsx(StatCard, { label: t('Latency'), value: `${callStatsReport.publisherStats.averageRoundTripTimeInMs} ms.`, comparison: latencyComparison }), jsx(StatCard, { label: t('Receive jitter'), value: `${callStatsReport.subscriberStats.averageJitterInMs} ms.`, comparison: {
-                                ...videoJitterComparison,
-                                value: callStatsReport.subscriberStats.averageJitterInMs,
-                            } }), jsx(StatCard, { label: t('Publish jitter'), value: `${callStatsReport.publisherStats.averageJitterInMs} ms.`, comparison: {
-                                ...videoJitterComparison,
-                                value: callStatsReport.publisherStats.averageJitterInMs,
-                            } }), jsx(StatCard, { label: `${t('Publish resolution')}${showCodecInfo ? formatCodec(callStatsReport) : ''}`, value: toFrameSize(callStatsReport.publisherStats) }), jsx(StatCard, { label: t('Publish quality drop reason'), value: callStatsReport.publisherStats.qualityLimitationReasons }), jsx(StatCard, { label: t('Receiving resolution'), value: toFrameSize(callStatsReport.subscriberStats) }), jsx(StatCard, { label: t('Receive quality drop reason'), value: callStatsReport.subscriberStats.qualityLimitationReasons }), jsx(StatCard, { label: t('Publish bitrate'), value: publishBitrate }), jsx(StatCard, { label: t('Receiving bitrate'), value: subscribeBitrate })] }), jsxs("div", { className: "str-video__call-stats__header", children: [jsxs("h3", { className: "str-video__call-stats__heading", children: [jsx(Icon, { className: "str-video__call-stats__icon", icon: "mic" }), t('Audio Performance')] }), jsx("p", { className: "str-video__call-stats__description", children: t('Review the key audio data points below to assess audio performance') })] }), jsxs("div", { className: "str-video__call-stats__card-container", children: [jsx(StatCard, { label: t('Latency'), value: `${callStatsReport.publisherAudioStats.averageRoundTripTimeInMs} ms.`, comparison: latencyComparison }), jsx(StatCard, { label: t('Audio codec'), value: formatAudioCodec(callStatsReport) }), jsx(StatCard, { label: t('Audio bitrate (publish)'), value: publishAudioBitrate }), jsx(StatCard, { label: t('Audio bitrate (receive)'), value: subscribeAudioBitrate }), jsx(StatCard, { label: t('Audio jitter (publish)'), value: `${callStatsReport.publisherAudioStats.averageJitterInMs} ms.`, comparison: {
-                                ...audioJitterComparison,
-                                value: callStatsReport.publisherAudioStats.averageJitterInMs,
-                            } }), jsx(StatCard, { label: t('Audio jitter (receive)'), value: `${callStatsReport.subscriberAudioStats.averageJitterInMs} ms.`, comparison: {
-                                ...audioJitterComparison,
-                                value: callStatsReport.subscriberAudioStats.averageJitterInMs,
-                            } })] })] })) }));
-};
-const StatCardExplanation = (props) => {
-    const { description } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    const { refs, floatingStyles, context } = useFloating({
-        open: isOpen,
-        onOpenChange: setIsOpen,
-    });
-    const hover = useHover(context);
-    const { getReferenceProps, getFloatingProps } = useInteractions([hover]);
-    return (jsxs(Fragment, { children: [jsx("div", { className: "str-video__call-explanation", ref: refs.setReference, ...getReferenceProps(), children: jsx(Icon, { className: "str-video__call-explanation__icon", icon: "info" }) }), isOpen && (jsx("div", { className: "str-video__call-explanation__description", ref: refs.setFloating, style: floatingStyles, ...getFloatingProps(), children: description }))] }));
-};
-const StatsTag = (props) => {
-    const { children, status } = props;
-    return (jsx("div", { className: clsx('str-video__call-stats__tag', {
-            'str-video__call-stats__tag--good': status === Status.GOOD,
-            'str-video__call-stats__tag--ok': status === Status.OK,
-            'str-video__call-stats__tag--bad': status === Status.BAD,
-        }), children: jsx("div", { className: "str-video__call-stats__tag__text", children: children }) }));
-};
-const StatCard = (props) => {
-    const { label, value, description, comparison } = props;
-    const { t } = useI18n();
-    const status = comparison ? toStatus(comparison) : undefined;
-    return (jsxs("div", { className: "str-video__call-stats__card", children: [jsxs("div", { className: "str-video__call-stats__card-content", children: [jsxs("div", { className: "str-video__call-stats__card-label", children: [label, description && jsx(StatCardExplanation, { description: description })] }), jsx("div", { className: "str-video__call-stats__card-value", children: value })] }), status && jsx(StatsTag, { status: status, children: t(status) })] }));
-};
-const toStatus = (config) => {
-    const { value, lowBound, highBound } = config;
-    if (value <= lowBound)
-        return Status.GOOD;
-    if (value >= lowBound && value <= highBound)
-        return Status.OK;
-    if (value >= highBound)
-        return Status.BAD;
-    return Status.GOOD;
-};
-const toFrameSize = (stats) => {
-    const { highestFrameWidth: w, highestFrameHeight: h, highestFramesPerSecond: fps, } = stats;
-    let size = `-`;
-    if (w && h) {
-        size = `${w}x${h}`;
-        if (fps) {
-            size += `@${fps}fps.`;
-        }
-    }
-    return size;
-};
-const formatCodec = (callStatsReport) => {
-    const { codecPerTrackType } = callStatsReport.publisherStats;
-    if (!codecPerTrackType || !codecPerTrackType[SfuModels.TrackType.VIDEO]) {
-        return '';
-    }
-    const [, name] = codecPerTrackType[SfuModels.TrackType.VIDEO].split('/');
-    return name ? ` (${name})` : '';
-};
-const formatAudioCodec = (callStatsReport) => {
-    const { codecPerTrackType } = callStatsReport.publisherAudioStats;
-    if (!codecPerTrackType || !codecPerTrackType[SfuModels.TrackType.AUDIO]) {
-        return '';
-    }
-    const [, name] = codecPerTrackType[SfuModels.TrackType.AUDIO].split('/');
-    return name ?? '';
-};
-const calculatePublishBitrate = (previousCallStatsReport, callStatsReport) => {
-    const { publisherStats: { totalBytesSent: previousTotalBytesSent, timestamp: previousTimestamp, }, } = previousCallStatsReport;
-    const { publisherStats: { totalBytesSent, timestamp }, } = callStatsReport;
-    const bytesSent = totalBytesSent - previousTotalBytesSent;
-    const timeElapsed = timestamp - previousTimestamp;
-    return `${((bytesSent * 8) / timeElapsed).toFixed(2)} kbps`;
-};
-const calculateSubscribeBitrate = (previousCallStatsReport, callStatsReport) => {
-    const { subscriberStats: { totalBytesReceived: previousTotalBytesReceived, timestamp: previousTimestamp, }, } = previousCallStatsReport;
-    const { subscriberStats: { totalBytesReceived, timestamp }, } = callStatsReport;
-    const bytesReceived = totalBytesReceived - previousTotalBytesReceived;
-    const timeElapsed = timestamp - previousTimestamp;
-    return `${((bytesReceived * 8) / timeElapsed).toFixed(2)} kbps`;
-};
-const calculatePublishAudioBitrate = (previousCallStatsReport, callStatsReport) => {
-    const previousAudioStats = previousCallStatsReport.publisherAudioStats;
-    const audioStats = callStatsReport.publisherAudioStats;
-    const bytesSent = audioStats.totalBytesSent - previousAudioStats.totalBytesSent;
-    const timeElapsed = audioStats.timestamp - previousAudioStats.timestamp;
-    return `${((bytesSent * 8) / timeElapsed).toFixed(2)} kbps`;
-};
-const calculateSubscribeAudioBitrate = (previousCallStatsReport, callStatsReport) => {
-    const previousAudioStats = previousCallStatsReport.subscriberAudioStats;
-    const audioStats = callStatsReport.subscriberAudioStats;
-    const bytesReceived = audioStats.totalBytesReceived - previousAudioStats.totalBytesReceived;
-    const timeElapsed = audioStats.timestamp - previousAudioStats.timestamp;
-    return `${((bytesReceived * 8) / timeElapsed).toFixed(2)} kbps`;
-};
-
-export { CallStats, StatCard };
-//# sourceMappingURL=CallStats.js.map

package/dist/esm/src/components/CallStats/CallStats.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CallStats.js","sources":["../../../../../../../src/components/CallStats/CallStats.tsx"],"sourcesContent":["import { lazy, ReactNode, Suspense, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport {\n  AggregatedStatsReport,\n  CallStatsReport,\n  SfuModels,\n} from '@stream-io/video-client';\nimport { useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';\nimport { useFloating, useHover, useInteractions } from '@floating-ui/react';\nimport { Icon } from '../Icon';\n\nconst CallStatsLatencyChart = lazy(() => import('./CallStatsLatencyChart'));\n\nenum Status {\n  GOOD = 'Good',\n  OK = 'Ok',\n  BAD = 'Bad',\n}\n\nexport type CallStatsProps = {\n  latencyLowBound?: number;\n  latencyHighBound?: number;\n  audioJitterLowBound?: number;\n  audioJitterHighBound?: number;\n  videoJitterLowBound?: number;\n  videoJitterHighBound?: number;\n  showCodecInfo?: boolean;\n  LatencyChartSuspenseFallback?: ReactNode;\n};\n\nexport const CallStats = (props: CallStatsProps) => {\n  const {\n    latencyLowBound = 75,\n    latencyHighBound = 400,\n    audioJitterLowBound = 10,\n    audioJitterHighBound = 30,\n    videoJitterLowBound = 20,\n    videoJitterHighBound = 50,\n    showCodecInfo = false,\n    LatencyChartSuspenseFallback = null,\n  } = props;\n  const [latencyBuffer, setLatencyBuffer] = useState<\n    Array<{ x: number; y: number }>\n  >(() => {\n    const now = Date.now();\n    return Array.from({ length: 20 }, (_, i) => ({ x: now + i, y: 0 }));\n  });\n\n  const { t } = useI18n();\n  const [publishBitrate, setPublishBitrate] = useState('-');\n  const [subscribeBitrate, setSubscribeBitrate] = useState('-');\n  const [publishAudioBitrate, setPublishAudioBitrate] = useState('-');\n  const [subscribeAudioBitrate, setSubscribeAudioBitrate] = useState('-');\n  const previousStats = useRef<CallStatsReport>(undefined);\n  const { useCallStatsReport } = useCallStateHooks();\n  const callStatsReport = useCallStatsReport();\n\n  useEffect(() => {\n    if (!callStatsReport) return;\n    if (!previousStats.current) {\n      previousStats.current = callStatsReport;\n      return;\n    }\n    const previousCallStatsReport = previousStats.current;\n    setPublishBitrate(() => {\n      return calculatePublishBitrate(previousCallStatsReport, callStatsReport);\n    });\n    setSubscribeBitrate(() => {\n      return calculateSubscribeBitrate(\n        previousCallStatsReport,\n        callStatsReport,\n      );\n    });\n    setPublishAudioBitrate(() => {\n      return calculatePublishAudioBitrate(\n        previousCallStatsReport,\n        callStatsReport,\n      );\n    });\n    setSubscribeAudioBitrate(() => {\n      return calculateSubscribeAudioBitrate(\n        previousCallStatsReport,\n        callStatsReport,\n      );\n    });\n\n    setLatencyBuffer((latencyBuf) => {\n      const newLatencyBuffer = latencyBuf.slice(-19);\n      newLatencyBuffer.push({\n        x: callStatsReport.timestamp,\n        y:\n          callStatsReport.publisherStats.averageRoundTripTimeInMs ||\n          callStatsReport.publisherAudioStats.averageRoundTripTimeInMs,\n      });\n      return newLatencyBuffer;\n    });\n\n    previousStats.current = callStatsReport;\n  }, [callStatsReport]);\n\n  const latencyComparison = {\n    lowBound: latencyLowBound,\n    highBound: latencyHighBound,\n    value: callStatsReport?.publisherStats.averageRoundTripTimeInMs || 0,\n  };\n\n  const audioJitterComparison = {\n    lowBound: audioJitterLowBound,\n    highBound: audioJitterHighBound,\n  };\n\n  const videoJitterComparison = {\n    lowBound: videoJitterLowBound,\n    highBound: videoJitterHighBound,\n  };\n\n  return (\n    <div className=\"str-video__call-stats\">\n      {callStatsReport && (\n        <>\n          <div className=\"str-video__call-stats__header\">\n            <h3 className=\"str-video__call-stats__heading\">\n              <Icon\n                className=\"str-video__call-stats__icon\"\n                icon=\"call-latency\"\n              />\n              {t('Call Latency')}\n            </h3>\n            <p className=\"str-video__call-stats__description\">\n              {t(\n                'Very high latency values may reduce call quality, cause lag, and make the call less enjoyable.',\n              )}\n            </p>\n          </div>\n\n          <div className=\"str-video__call-stats__latencychart\">\n            <Suspense fallback={LatencyChartSuspenseFallback}>\n              <CallStatsLatencyChart values={latencyBuffer} />\n            </Suspense>\n          </div>\n\n          <div className=\"str-video__call-stats__header\">\n            <h3 className=\"str-video__call-stats__heading\">\n              <Icon\n                className=\"str-video__call-stats__icon\"\n                icon=\"network-quality\"\n              />\n              {t('Video performance')}\n            </h3>\n            <p className=\"str-video__call-stats__description\">\n              {t('Review the key data points below to assess call performance')}\n            </p>\n          </div>\n\n          <div className=\"str-video__call-stats__card-container\">\n            <StatCard label={t('Region')} value={callStatsReport.datacenter} />\n            <StatCard\n              label={t('Latency')}\n              value={`${callStatsReport.publisherStats.averageRoundTripTimeInMs} ms.`}\n              comparison={latencyComparison}\n            />\n            <StatCard\n              label={t('Receive jitter')}\n              value={`${callStatsReport.subscriberStats.averageJitterInMs} ms.`}\n              comparison={{\n                ...videoJitterComparison,\n                value: callStatsReport.subscriberStats.averageJitterInMs,\n              }}\n            />\n            <StatCard\n              label={t('Publish jitter')}\n              value={`${callStatsReport.publisherStats.averageJitterInMs} ms.`}\n              comparison={{\n                ...videoJitterComparison,\n                value: callStatsReport.publisherStats.averageJitterInMs,\n              }}\n            />\n            <StatCard\n              label={`${t('Publish resolution')}${showCodecInfo ? formatCodec(callStatsReport) : ''}`}\n              value={toFrameSize(callStatsReport.publisherStats)}\n            />\n            <StatCard\n              label={t('Publish quality drop reason')}\n              value={callStatsReport.publisherStats.qualityLimitationReasons}\n            />\n            <StatCard\n              label={t('Receiving resolution')}\n              value={toFrameSize(callStatsReport.subscriberStats)}\n            />\n            <StatCard\n              label={t('Receive quality drop reason')}\n              value={callStatsReport.subscriberStats.qualityLimitationReasons}\n            />\n            <StatCard label={t('Publish bitrate')} value={publishBitrate} />\n            <StatCard label={t('Receiving bitrate')} value={subscribeBitrate} />\n          </div>\n\n          <div className=\"str-video__call-stats__header\">\n            <h3 className=\"str-video__call-stats__heading\">\n              <Icon className=\"str-video__call-stats__icon\" icon=\"mic\" />\n              {t('Audio Performance')}\n            </h3>\n            <p className=\"str-video__call-stats__description\">\n              {t(\n                'Review the key audio data points below to assess audio performance',\n              )}\n            </p>\n          </div>\n\n          <div className=\"str-video__call-stats__card-container\">\n            <StatCard\n              label={t('Latency')}\n              value={`${callStatsReport.publisherAudioStats.averageRoundTripTimeInMs} ms.`}\n              comparison={latencyComparison}\n            />\n            <StatCard\n              label={t('Audio codec')}\n              value={formatAudioCodec(callStatsReport)}\n            />\n            <StatCard\n              label={t('Audio bitrate (publish)')}\n              value={publishAudioBitrate}\n            />\n            <StatCard\n              label={t('Audio bitrate (receive)')}\n              value={subscribeAudioBitrate}\n            />\n            <StatCard\n              label={t('Audio jitter (publish)')}\n              value={`${callStatsReport.publisherAudioStats.averageJitterInMs} ms.`}\n              comparison={{\n                ...audioJitterComparison,\n                value: callStatsReport.publisherAudioStats.averageJitterInMs,\n              }}\n            />\n            <StatCard\n              label={t('Audio jitter (receive)')}\n              value={`${callStatsReport.subscriberAudioStats.averageJitterInMs} ms.`}\n              comparison={{\n                ...audioJitterComparison,\n                value: callStatsReport.subscriberAudioStats.averageJitterInMs,\n              }}\n            />\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nconst StatCardExplanation = (props: { description: string }) => {\n  const { description } = props;\n  const [isOpen, setIsOpen] = useState(false);\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n  });\n\n  const hover = useHover(context);\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([hover]);\n\n  return (\n    <>\n      <div\n        className=\"str-video__call-explanation\"\n        ref={refs.setReference}\n        {...getReferenceProps()}\n      >\n        <Icon className=\"str-video__call-explanation__icon\" icon=\"info\" />\n      </div>\n      {isOpen && (\n        <div\n          className=\"str-video__call-explanation__description\"\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps()}\n        >\n          {description}\n        </div>\n      )}\n    </>\n  );\n};\n\nconst StatsTag = (props: { children: ReactNode; status: Status }) => {\n  const { children, status } = props;\n  return (\n    <div\n      className={clsx('str-video__call-stats__tag', {\n        'str-video__call-stats__tag--good': status === Status.GOOD,\n        'str-video__call-stats__tag--ok': status === Status.OK,\n        'str-video__call-stats__tag--bad': status === Status.BAD,\n      })}\n    >\n      <div className=\"str-video__call-stats__tag__text\">{children}</div>\n    </div>\n  );\n};\n\nexport const StatCard = (props: {\n  label: string;\n  value: string | ReactNode;\n  description?: string;\n  comparison?: { value: number; highBound: number; lowBound: number };\n}) => {\n  const { label, value, description, comparison } = props;\n\n  const { t } = useI18n();\n  const status = comparison ? toStatus(comparison) : undefined;\n\n  return (\n    <div className=\"str-video__call-stats__card\">\n      <div className=\"str-video__call-stats__card-content\">\n        <div className=\"str-video__call-stats__card-label\">\n          {label}\n          {description && <StatCardExplanation description={description} />}\n        </div>\n        <div className=\"str-video__call-stats__card-value\">{value}</div>\n      </div>\n      {status && <StatsTag status={status}>{t(status)}</StatsTag>}\n    </div>\n  );\n};\n\nconst toStatus = (config: {\n  value: number;\n  lowBound: number;\n  highBound: number;\n}): Status => {\n  const { value, lowBound, highBound } = config;\n  if (value <= lowBound) return Status.GOOD;\n  if (value >= lowBound && value <= highBound) return Status.OK;\n  if (value >= highBound) return Status.BAD;\n  return Status.GOOD;\n};\n\nconst toFrameSize = (stats: AggregatedStatsReport) => {\n  const {\n    highestFrameWidth: w,\n    highestFrameHeight: h,\n    highestFramesPerSecond: fps,\n  } = stats;\n  let size = `-`;\n  if (w && h) {\n    size = `${w}x${h}`;\n    if (fps) {\n      size += `@${fps}fps.`;\n    }\n  }\n  return size;\n};\n\nconst formatCodec = (callStatsReport: CallStatsReport): string => {\n  const { codecPerTrackType } = callStatsReport.publisherStats;\n  if (!codecPerTrackType || !codecPerTrackType[SfuModels.TrackType.VIDEO]) {\n    return '';\n  }\n  const [, name] = codecPerTrackType[SfuModels.TrackType.VIDEO].split('/');\n  return name ? ` (${name})` : '';\n};\n\nconst formatAudioCodec = (callStatsReport: CallStatsReport): string => {\n  const { codecPerTrackType } = callStatsReport.publisherAudioStats;\n  if (!codecPerTrackType || !codecPerTrackType[SfuModels.TrackType.AUDIO]) {\n    return '';\n  }\n  const [, name] = codecPerTrackType[SfuModels.TrackType.AUDIO].split('/');\n  return name ?? '';\n};\n\nconst calculatePublishBitrate = (\n  previousCallStatsReport: CallStatsReport,\n  callStatsReport: CallStatsReport,\n) => {\n  const {\n    publisherStats: {\n      totalBytesSent: previousTotalBytesSent,\n      timestamp: previousTimestamp,\n    },\n  } = previousCallStatsReport;\n\n  const {\n    publisherStats: { totalBytesSent, timestamp },\n  } = callStatsReport;\n\n  const bytesSent = totalBytesSent - previousTotalBytesSent;\n  const timeElapsed = timestamp - previousTimestamp;\n  return `${((bytesSent * 8) / timeElapsed).toFixed(2)} kbps`;\n};\n\nconst calculateSubscribeBitrate = (\n  previousCallStatsReport: CallStatsReport,\n  callStatsReport: CallStatsReport,\n) => {\n  const {\n    subscriberStats: {\n      totalBytesReceived: previousTotalBytesReceived,\n      timestamp: previousTimestamp,\n    },\n  } = previousCallStatsReport;\n\n  const {\n    subscriberStats: { totalBytesReceived, timestamp },\n  } = callStatsReport;\n\n  const bytesReceived = totalBytesReceived - previousTotalBytesReceived;\n  const timeElapsed = timestamp - previousTimestamp;\n  return `${((bytesReceived * 8) / timeElapsed).toFixed(2)} kbps`;\n};\n\nconst calculatePublishAudioBitrate = (\n  previousCallStatsReport: CallStatsReport,\n  callStatsReport: CallStatsReport,\n) => {\n  const previousAudioStats = previousCallStatsReport.publisherAudioStats;\n  const audioStats = callStatsReport.publisherAudioStats;\n\n  const bytesSent =\n    audioStats.totalBytesSent - previousAudioStats.totalBytesSent;\n  const timeElapsed = audioStats.timestamp - previousAudioStats.timestamp;\n\n  return `${((bytesSent * 8) / timeElapsed).toFixed(2)} kbps`;\n};\n\nconst calculateSubscribeAudioBitrate = (\n  previousCallStatsReport: CallStatsReport,\n  callStatsReport: CallStatsReport,\n) => {\n  const previousAudioStats = previousCallStatsReport.subscriberAudioStats;\n  const audioStats = callStatsReport.subscriberAudioStats;\n\n  const bytesReceived =\n    audioStats.totalBytesReceived - previousAudioStats.totalBytesReceived;\n  const timeElapsed = audioStats.timestamp - previousAudioStats.timestamp;\n\n  return `${((bytesReceived * 8) / timeElapsed).toFixed(2)} kbps`;\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/src/components/CallStats/CallStatsLatencyChart.js

@@ -1,57 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Chart, CategoryScale, LinearScale, LineElement, PointElement } from 'chart.js';
-import { Line } from 'react-chartjs-2';
-import { useMemo } from 'react';
-
-// NOTE: this is a side effect by definition, but this component is
-// isolated in a separate chunk, and it won't affect the rest of the app.
-// See CallStats.tsx for more details.
-Chart.register(CategoryScale, LinearScale, LineElement, PointElement);
-const CallStatsLatencyChart = (props) => {
-    const { values } = props;
-    let max = 0;
-    const data = {
-        labels: values.map((point) => {
-            const date = new Date(point.x * 1000);
-            return `${date.getHours()}:${date.getMinutes()}`;
-        }),
-        datasets: [
-            {
-                data: values.map((point) => {
-                    const { y } = point;
-                    max = Math.max(max, y);
-                    return point;
-                }),
-                borderColor: '#00e2a1',
-                backgroundColor: '#00e2a1',
-            },
-        ],
-    };
-    const options = useMemo(() => getLineOptions(max), [max]);
-    return (jsx("div", { className: "str-video__call-stats-line-chart-container", children: jsx(Line, { options: options, data: data, className: "str-video__call-stats__latencychart" }) }));
-};
-const getLineOptions = (max) => ({
-    maintainAspectRatio: false,
-    animation: { duration: 0 },
-    elements: {
-        line: { borderWidth: 1 },
-        point: { radius: 2 },
-    },
-    scales: {
-        y: {
-            position: 'right',
-            stacked: true,
-            min: 0,
-            max: Math.max(180, Math.ceil((max + 10) / 10) * 10),
-            grid: { display: true, color: '#979ca0' },
-            ticks: { stepSize: 30 },
-        },
-        x: {
-            grid: { display: false },
-            ticks: { display: false },
-        },
-    },
-});
-
-export { CallStatsLatencyChart as default };
-//# sourceMappingURL=CallStatsLatencyChart.js.map

package/dist/esm/src/components/CallStats/CallStatsLatencyChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CallStatsLatencyChart.js","sources":["../../../../../../../src/components/CallStats/CallStatsLatencyChart.tsx"],"sourcesContent":["import {\n  CategoryScale,\n  Chart as ChartJS,\n  ChartData,\n  ChartOptions,\n  LinearScale,\n  LineElement,\n  PointElement,\n} from 'chart.js';\nimport { Line } from 'react-chartjs-2';\nimport { useMemo } from 'react';\n\n// NOTE: this is a side effect by definition, but this component is\n// isolated in a separate chunk, and it won't affect the rest of the app.\n// See CallStats.tsx for more details.\nChartJS.register(CategoryScale, LinearScale, LineElement, PointElement);\n\nconst CallStatsLatencyChart = (props: {\n  values: Array<{ x: number; y: number }>;\n}) => {\n  const { values } = props;\n  let max = 0;\n  const data: ChartData<'line'> = {\n    labels: values.map((point) => {\n      const date = new Date(point.x * 1000);\n      return `${date.getHours()}:${date.getMinutes()}`;\n    }),\n    datasets: [\n      {\n        data: values.map((point) => {\n          const { y } = point;\n          max = Math.max(max, y);\n          return point;\n        }),\n        borderColor: '#00e2a1',\n        backgroundColor: '#00e2a1',\n      },\n    ],\n  };\n\n  const options = useMemo(() => getLineOptions(max), [max]);\n  return (\n    <div className=\"str-video__call-stats-line-chart-container\">\n      <Line\n        options={options}\n        data={data}\n        className=\"str-video__call-stats__latencychart\"\n      />\n    </div>\n  );\n};\n\nexport default CallStatsLatencyChart;\n\nconst getLineOptions = (max: number): ChartOptions<'line'> => ({\n  maintainAspectRatio: false,\n  animation: { duration: 0 },\n  elements: {\n    line: { borderWidth: 1 },\n    point: { radius: 2 },\n  },\n  scales: {\n    y: {\n      position: 'right',\n      stacked: true,\n      min: 0,\n      max: Math.max(180, Math.ceil((max + 10) / 10) * 10),\n      grid: { display: true, color: '#979ca0' },\n      ticks: { stepSize: 30 },\n    },\n    x: {\n      grid: { display: false },\n      ticks: { display: false },\n    },\n  },\n});\n"],"names":["ChartJS","_jsx"],"mappings":";;;;;AAYA;AACA;AACA;AACAA,KAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC;AAEvE,MAAM,qBAAqB,GAAG,CAAC,KAE9B,KAAI;AACH,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK;IACxB,IAAI,GAAG,GAAG,CAAC;AACX,IAAA,MAAM,IAAI,GAAsB;QAC9B,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;YAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;YACrC,OAAO,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,UAAU,EAAE,CAAA,CAAE;AAClD,QAAA,CAAC,CAAC;AACF,QAAA,QAAQ,EAAE;AACR,YAAA;gBACE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACzB,oBAAA,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK;oBACnB,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;AACtB,oBAAA,OAAO,KAAK;AACd,gBAAA,CAAC,CAAC;AACF,gBAAA,WAAW,EAAE,SAAS;AACtB,gBAAA,eAAe,EAAE,SAAS;AAC3B,aAAA;AACF,SAAA;KACF;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACzD,QACEC,aAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EACzDA,GAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,qCAAqC,EAAA,CAC/C,EAAA,CACE;AAEV;AAIA,MAAM,cAAc,GAAG,CAAC,GAAW,MAA4B;AAC7D,IAAA,mBAAmB,EAAE,KAAK;AAC1B,IAAA,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;AAC1B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;AACxB,QAAA,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,CAAC,EAAE;AACD,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACzC,YAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;AACxB,SAAA;AACD,QAAA,CAAC,EAAE;AACD,YAAA,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;AACxB,YAAA,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;AAC1B,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/esm/src/translations/en.json.js

@@ -1,177 +0,0 @@
-var Joining = "Joining";
-var Mic = "Mic";
-var Ringing = "Ringing";
-var Speakers = "Speakers";
-var Video = "Video";
-var Live = "Live";
-var Reactions = "Reactions";
-var Statistics = "Statistics";
-var Invite = "Invite";
-var Join = "Join";
-var You = "You";
-var Me = "Me";
-var Unknown = "Unknown";
-var Default = "Default";
-var Refresh = "Refresh";
-var Allow = "Allow";
-var Revoke = "Revoke";
-var Dismiss = "Dismiss";
-var Pinned = "Pinned";
-var Unpin = "Unpin";
-var Pin = "Pin";
-var Block = "Block";
-var Kick = "Kick";
-var Enter = "Enter";
-var Leave = "Leave";
-var Participants = "Participants";
-var Anonymous = ", and ({{ count }}) anonymous";
-var Speaker = "Speaker";
-var Microphone = "Microphone";
-var Backstage = "Backstage";
-var en = {
-	Joining: Joining,
-	Mic: Mic,
-	"No internet connection": "No internet connection",
-	"Re-connecting": "Re-connecting",
-	Ringing: Ringing,
-	"Screen Share": "Screen Share",
-	"Select a Camera": "Select a Camera",
-	"Select a Mic": "Select a Mic",
-	"Select Speakers": "Select Speakers",
-	Speakers: Speakers,
-	Video: Video,
-	"You are muted. Unmute to speak.": "You are muted. Unmute to speak.",
-	"Background filters performance is degraded. Consider disabling filters for better performance.": "Background filters performance is degraded. Consider disabling filters for better performance.",
-	Live: Live,
-	"Livestream starts soon": "Livestream starts soon",
-	"Livestream starts at {{ time }}": "Livestream starts at {{ time }}",
-	"{{ count }} participants joined early_one": "{{ count }} participant joined early",
-	"{{ count }} participants joined early_other": "{{ count }} participants joined early",
-	"You can now speak.": "You can now speak.",
-	"Awaiting for an approval to speak.": "Awaiting for an approval to speak.",
-	"You can no longer speak.": "You can no longer speak.",
-	"You can now share your video.": "You can now share your video.",
-	"Awaiting for an approval to share your video.": "Awaiting for an approval to share your video.",
-	"You can no longer share your video.": "You can no longer share your video.",
-	"Waiting for recording to stop...": "Waiting for recording to stop...",
-	"Waiting for recording to start...": "Waiting for recording to start...",
-	"Record call": "Record call",
-	Reactions: Reactions,
-	Statistics: Statistics,
-	"You can now share your screen.": "You can now share your screen.",
-	"Awaiting for an approval to share screen.": "Awaiting for an approval to share screen.",
-	"You can no longer share your screen.": "You can no longer share your screen.",
-	"Share screen": "Share screen",
-	"Incoming Call...": "Incoming Call...",
-	"Calling...": "Calling...",
-	"Mute All": "Mute All",
-	Invite: Invite,
-	Join: Join,
-	You: You,
-	Me: Me,
-	Unknown: Unknown,
-	"Toggle device menu": "Toggle device menu",
-	Default: Default,
-	"Call Recordings": "Call Recordings",
-	Refresh: Refresh,
-	"Check your browser video permissions": "Check your browser video permissions",
-	"Video publishing is disabled by the system": "Video publishing is disabled by the system",
-	"You have no permission to share your video": "You have no permission to share your video",
-	"You have no permission to share your audio": "You have no permission to share your audio",
-	"You are presenting your screen": "You are presenting your screen",
-	"Stop Screen Sharing": "Stop Screen Sharing",
-	"Audio is blocked by your system": "Audio is blocked by your system",
-	"Click or tap to play audio": "Click or tap to play audio",
-	Allow: Allow,
-	Revoke: Revoke,
-	Dismiss: Dismiss,
-	"Microphone on": "Microphone on",
-	"Microphone off": "Microphone off",
-	"Microphone is paused by your system": "Microphone is paused by your system",
-	"Camera on": "Camera on",
-	"Camera off": "Camera off",
-	"Camera is paused by your system": "Camera is paused by your system",
-	"No camera found": "No camera found",
-	"Video is disabled": "Video is disabled",
-	Pinned: Pinned,
-	Unpin: Unpin,
-	Pin: Pin,
-	"Pin for everyone": "Pin for everyone",
-	"Unpin for everyone": "Unpin for everyone",
-	Block: Block,
-	Kick: Kick,
-	"Turn off video": "Turn off video",
-	"Turn off screen share": "Turn off screen share",
-	"Mute audio": "Mute audio",
-	"Mute screen share audio": "Mute screen share audio",
-	"Allow audio": "Allow audio",
-	"Allow video": "Allow video",
-	"Allow screen sharing": "Allow screen sharing",
-	"Disable audio": "Disable audio",
-	"Disable video": "Disable video",
-	"Disable screen sharing": "Disable screen sharing",
-	Enter: Enter,
-	Leave: Leave,
-	"Leave call": "Leave call",
-	"End call for all": "End call for all",
-	"{{ direction }} fullscreen": "{{ direction }} fullscreen",
-	"{{ direction }} picture-in-picture": "{{ direction }} picture-in-picture",
-	"Dominant Speaker": "Dominant Speaker",
-	"Poor connection quality": "Poor connection quality. Please check your internet connection.",
-	"Video paused due to insufficient bandwidth": "Video paused due to insufficient bandwidth",
-	"Audio is connecting...": "Audio is connecting...",
-	"Video is connecting...": "Video is connecting...",
-	Participants: Participants,
-	Anonymous: Anonymous,
-	"No participants found": "No participants found",
-	"Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
-	"{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
-	"{{ userName }} is requesting to speak": "{{ userName }} is requesting to speak",
-	"{{ userName }} is requesting to share their camera": "{{ userName }} is requesting to share their camera",
-	"{{ userName }} is requesting to present their screen": "{{ userName }} is requesting to present their screen",
-	"{{ userName }} is requesting permission: {{ permission }}": "{{ userName }} is requesting permission: {{ permission }}",
-	"Applying...": "Applying...",
-	"Disable blur": "Disable blur",
-	"Blur background": "Blur background",
-	"Migrating...": "Migrating...",
-	"Reconnecting...": "Reconnecting...",
-	"You are offline. Check your internet connection.": "You are offline. Check your internet connection.",
-	"Failed to restore connection. Please try again.": "Failed to restore connection. Please try again.",
-	"Failed to join. Please try again.": "Failed to join. Please try again.",
-	"Set up your call before joining": "Set up your call before joining",
-	"Please grant your browser permission to access your camera and microphone.": "Please grant your browser permission to access your camera and microphone.",
-	"Start call": "Start call",
-	Speaker: Speaker,
-	Microphone: Microphone,
-	Backstage: Backstage,
-	"Go Live": "Go Live",
-	"Stop Live": "End Live",
-	"Enter Backstage": "Enter Backstage",
-	"Prepare your livestream": "Prepare your livestream",
-	"Ready to go live": "Ready to go live",
-	"Stream is ready!": "Stream is ready!",
-	"Waiting for the livestream to start": "Waiting for the livestream to start",
-	"{{ count }} waiting": "{{ count }} waiting",
-	"Join Stream": "Join Stream",
-	"Join automatically when stream starts": "Join automatically when stream starts",
-	"Display name": "Display name",
-	"Permission needed": "Permission needed",
-	"Call ended": "Call ended",
-	"Rejoin call": "Rejoin call",
-	"Left by mistake?": "Left by mistake?",
-	"Help us improve": "Help us improve",
-	"Leave feedback": "Leave feedback",
-	"Failed to rejoin. Please try again.": "Failed to rejoin. Please try again.",
-	"Share your feedback": "Share your feedback",
-	"Tell us about your experience...": "Tell us about your experience...",
-	"Submit feedback": "Submit feedback",
-	"Feedback message": "Feedback message",
-	"How was your call quality?": "How was your call quality?",
-	"Rate {{ count }} star_one": "Rate {{ count }} star",
-	"Rate {{ count }} star_other": "Rate {{ count }} stars",
-	"Thank you!": "Thank you!",
-	"Your feedback helps improve call quality.": "Your feedback helps improve call quality."
-};
-
-export { Allow, Anonymous, Backstage, Block, Default, Dismiss, Enter, Invite, Join, Joining, Kick, Leave, Live, Me, Mic, Microphone, Participants, Pin, Pinned, Reactions, Refresh, Revoke, Ringing, Speaker, Speakers, Statistics, Unknown, Unpin, Video, You, en as default };
-//# sourceMappingURL=en.json.js.map

package/dist/esm/src/translations/en.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/src/translations/index.js

@@ -1,6 +0,0 @@
-import en from './en.json.js';
-
-const translations = { en };
-
-export { translations };
-//# sourceMappingURL=index.js.map

package/dist/esm/src/translations/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/translations/index.ts"],"sourcesContent":["import en from './en.json';\n\nexport const translations = { en };\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,EAAE,EAAE;;;;"}

package/dist/latency-chart-CpL1M_s0.cjs.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var chart_js = require('chart.js');
-var reactChartjs2 = require('react-chartjs-2');
-var react = require('react');
-
-// NOTE: this is a side effect by definition, but this component is
-// isolated in a separate chunk, and it won't affect the rest of the app.
-// See CallStats.tsx for more details.
-chart_js.Chart.register(chart_js.CategoryScale, chart_js.LinearScale, chart_js.LineElement, chart_js.PointElement);
-const CallStatsLatencyChart = (props) => {
-    const { values } = props;
-    let max = 0;
-    const data = {
-        labels: values.map((point) => {
-            const date = new Date(point.x * 1000);
-            return `${date.getHours()}:${date.getMinutes()}`;
-        }),
-        datasets: [
-            {
-                data: values.map((point) => {
-                    const { y } = point;
-                    max = Math.max(max, y);
-                    return point;
-                }),
-                borderColor: '#00e2a1',
-                backgroundColor: '#00e2a1',
-            },
-        ],
-    };
-    const options = react.useMemo(() => getLineOptions(max), [max]);
-    return (jsxRuntime.jsx("div", { className: "str-video__call-stats-line-chart-container", children: jsxRuntime.jsx(reactChartjs2.Line, { options: options, data: data, className: "str-video__call-stats__latencychart" }) }));
-};
-const getLineOptions = (max) => ({
-    maintainAspectRatio: false,
-    animation: { duration: 0 },
-    elements: {
-        line: { borderWidth: 1 },
-        point: { radius: 2 },
-    },
-    scales: {
-        y: {
-            position: 'right',
-            stacked: true,
-            min: 0,
-            max: Math.max(180, Math.ceil((max + 10) / 10) * 10),
-            grid: { display: true, color: '#979ca0' },
-            ticks: { stepSize: 30 },
-        },
-        x: {
-            grid: { display: false },
-            ticks: { display: false },
-        },
-    },
-});
-
-exports.default = CallStatsLatencyChart;
-//# sourceMappingURL=latency-chart-CpL1M_s0.cjs.js.map

package/dist/latency-chart-CpL1M_s0.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"latency-chart-CpL1M_s0.cjs.js","sources":["../../src/components/CallStats/CallStatsLatencyChart.tsx"],"sourcesContent":["import {\n  CategoryScale,\n  Chart as ChartJS,\n  ChartData,\n  ChartOptions,\n  LinearScale,\n  LineElement,\n  PointElement,\n} from 'chart.js';\nimport { Line } from 'react-chartjs-2';\nimport { useMemo } from 'react';\n\n// NOTE: this is a side effect by definition, but this component is\n// isolated in a separate chunk, and it won't affect the rest of the app.\n// See CallStats.tsx for more details.\nChartJS.register(CategoryScale, LinearScale, LineElement, PointElement);\n\nconst CallStatsLatencyChart = (props: {\n  values: Array<{ x: number; y: number }>;\n}) => {\n  const { values } = props;\n  let max = 0;\n  const data: ChartData<'line'> = {\n    labels: values.map((point) => {\n      const date = new Date(point.x * 1000);\n      return `${date.getHours()}:${date.getMinutes()}`;\n    }),\n    datasets: [\n      {\n        data: values.map((point) => {\n          const { y } = point;\n          max = Math.max(max, y);\n          return point;\n        }),\n        borderColor: '#00e2a1',\n        backgroundColor: '#00e2a1',\n      },\n    ],\n  };\n\n  const options = useMemo(() => getLineOptions(max), [max]);\n  return (\n    <div className=\"str-video__call-stats-line-chart-container\">\n      <Line\n        options={options}\n        data={data}\n        className=\"str-video__call-stats__latencychart\"\n      />\n    </div>\n  );\n};\n\nexport default CallStatsLatencyChart;\n\nconst getLineOptions = (max: number): ChartOptions<'line'> => ({\n  maintainAspectRatio: false,\n  animation: { duration: 0 },\n  elements: {\n    line: { borderWidth: 1 },\n    point: { radius: 2 },\n  },\n  scales: {\n    y: {\n      position: 'right',\n      stacked: true,\n      min: 0,\n      max: Math.max(180, Math.ceil((max + 10) / 10) * 10),\n      grid: { display: true, color: '#979ca0' },\n      ticks: { stepSize: 30 },\n    },\n    x: {\n      grid: { display: false },\n      ticks: { display: false },\n    },\n  },\n});\n"],"names":["ChartJS","CategoryScale","LinearScale","LineElement","PointElement","useMemo","_jsx","Line"],"mappings":";;;;;;;AAYA;AACA;AACA;AACAA,cAAO,CAAC,QAAQ,CAACC,sBAAa,EAAEC,oBAAW,EAAEC,oBAAW,EAAEC,qBAAY,CAAC;AAEvE,MAAM,qBAAqB,GAAG,CAAC,KAE9B,KAAI;AACH,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK;IACxB,IAAI,GAAG,GAAG,CAAC;AACX,IAAA,MAAM,IAAI,GAAsB;QAC9B,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;YAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;YACrC,OAAO,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,UAAU,EAAE,CAAA,CAAE;AAClD,QAAA,CAAC,CAAC;AACF,QAAA,QAAQ,EAAE;AACR,YAAA;gBACE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACzB,oBAAA,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK;oBACnB,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;AACtB,oBAAA,OAAO,KAAK;AACd,gBAAA,CAAC,CAAC;AACF,gBAAA,WAAW,EAAE,SAAS;AACtB,gBAAA,eAAe,EAAE,SAAS;AAC3B,aAAA;AACF,SAAA;KACF;AAED,IAAA,MAAM,OAAO,GAAGC,aAAO,CAAC,MAAM,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACzD,QACEC,wBAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EACzDA,cAAA,CAACC,kBAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,qCAAqC,EAAA,CAC/C,EAAA,CACE;AAEV;AAIA,MAAM,cAAc,GAAG,CAAC,GAAW,MAA4B;AAC7D,IAAA,mBAAmB,EAAE,KAAK;AAC1B,IAAA,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;AAC1B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;AACxB,QAAA,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,CAAC,EAAE;AACD,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;AACzC,YAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;AACxB,SAAA;AACD,QAAA,CAAC,EAAE;AACD,YAAA,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;AACxB,YAAA,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;AAC1B,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/src/components/Button/TextButton.d.ts

@@ -1,2 +0,0 @@
-import { ComponentProps } from 'react';
-export declare const TextButton: ({ children, ...rest }: Omit<ComponentProps<"button">, "ref" | "className">) => import("react").JSX.Element;

package/dist/src/components/CallControls/CallStatsButton.d.ts

@@ -1,4 +0,0 @@
-export type CallStatsButtonProps = {
-    caption?: string;
-};
-export declare const CallStatsButton: () => import("react").JSX.Element;

package/dist/src/components/CallStats/CallStats.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-export type CallStatsProps = {
-    latencyLowBound?: number;
-    latencyHighBound?: number;
-    audioJitterLowBound?: number;
-    audioJitterHighBound?: number;
-    videoJitterLowBound?: number;
-    videoJitterHighBound?: number;
-    showCodecInfo?: boolean;
-    LatencyChartSuspenseFallback?: ReactNode;
-};
-export declare const CallStats: (props: CallStatsProps) => import("react").JSX.Element;
-export declare const StatCard: (props: {
-    label: string;
-    value: string | ReactNode;
-    description?: string;
-    comparison?: {
-        value: number;
-        highBound: number;
-        lowBound: number;
-    };
-}) => import("react").JSX.Element;

package/dist/src/components/CallStats/CallStatsLatencyChart.d.ts

@@ -1,7 +0,0 @@
-declare const CallStatsLatencyChart: (props: {
-    values: Array<{
-        x: number;
-        y: number;
-    }>;
-}) => import("react").JSX.Element;
-export default CallStatsLatencyChart;

package/dist/src/components/CallStats/index.d.ts

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