@stream-io/video-react-sdk 0.0.1-alpha.100

package/dist/src/components/CallParticipantsList/EmptyParticipantSearchList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const EmptyParticipantSearchList = () => {
+    return (_jsx("div", Object.assign({ className: "str-video__participant-list--empty" }, { children: "No participants found" })));
+};
+//# sourceMappingURL=EmptyParticipantSearchList.js.map

package/dist/src/components/CallParticipantsList/EmptyParticipantSearchList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyParticipantSearchList.js","sourceRoot":"","sources":["../../../../src/components/CallParticipantsList/EmptyParticipantSearchList.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,CACL,4BAAK,SAAS,EAAC,oCAAoC,2CAE7C,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './CallParticipantsList';
+export * from './CallParticipantListing';
+export * from './CallParticipantListingItem';

package/dist/src/components/CallParticipantsList/index.js

@@ -0,0 +1,4 @@
+export * from './CallParticipantsList';
+export * from './CallParticipantListing';
+export * from './CallParticipantListingItem';
+//# sourceMappingURL=index.js.map

package/dist/src/components/CallParticipantsList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CallParticipantsList/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}

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

@@ -0,0 +1,20 @@
+import { ComponentType } from 'react';
+import { CallRecording } from '@stream-io/video-client';
+import { CallRecordingListHeaderProps } from './CallRecordingListHeader';
+import { CallRecordingListItemProps } from './CallRecordingListItem';
+import { LoadingCallRecordingListProps } from './LoadingCallRecordingListing';
+export type CallRecordingListProps = {
+    /** Array of CallRecording objects */
+    callRecordings: CallRecording[];
+    /** Custom component to replace the default header implementation */
+    CallRecordingListHeader?: ComponentType<CallRecordingListHeaderProps>;
+    /** Custom component to replace the default list item implementation */
+    CallRecordingListItem?: ComponentType<CallRecordingListItemProps>;
+    /** Custom component to replace the default empty list component implementation */
+    EmptyCallRecordingList?: ComponentType;
+    /** Indicator that a request for new list of CallRecording object has been initiated */
+    loading?: boolean;
+    /** */
+    LoadingCallRecordingList?: ComponentType<LoadingCallRecordingListProps>;
+};
+export declare const CallRecordingList: ({ callRecordings, CallRecordingListHeader, CallRecordingListItem, EmptyCallRecordingList, loading, LoadingCallRecordingList, }: CallRecordingListProps) => JSX.Element;

package/dist/src/components/CallRecordingList/CallRecordingList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CallRecordingListHeader as DefaultCallRecordingListHeader, } from './CallRecordingListHeader';
+import { CallRecordingListItem as DefaultCallRecordingListItem, } from './CallRecordingListItem';
+import { EmptyCallRecordingListing as DefaultEmptyCallRecordingList } from './EmptyCallRecordingListing';
+import { LoadingCallRecordingListing as DefaultLoadingCallRecordingList, } from './LoadingCallRecordingListing';
+export const CallRecordingList = ({ callRecordings, CallRecordingListHeader = DefaultCallRecordingListHeader, CallRecordingListItem = DefaultCallRecordingListItem, EmptyCallRecordingList = DefaultEmptyCallRecordingList, loading, LoadingCallRecordingList = DefaultLoadingCallRecordingList, }) => {
+    return (_jsxs("div", Object.assign({ className: "str-video__call-recording-list" }, { children: [_jsx(CallRecordingListHeader, { callRecordings: callRecordings }), _jsx("div", Object.assign({ className: "str-video__call-recording-list__listing" }, { children: loading ? (_jsx(LoadingCallRecordingList, { callRecordings: callRecordings })) : callRecordings.length ? (callRecordings.map((recording) => (_jsx(CallRecordingListItem, { recording: recording }, recording.filename)))) : (_jsx(EmptyCallRecordingList, {})) }))] })));
+};
+//# sourceMappingURL=CallRecordingList.js.map

package/dist/src/components/CallRecordingList/CallRecordingList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallRecordingList.js","sourceRoot":"","sources":["../../../../src/components/CallRecordingList/CallRecordingList.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,uBAAuB,IAAI,8BAA8B,GAE1D,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,qBAAqB,IAAI,4BAA4B,GAEtD,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,yBAAyB,IAAI,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AACzG,OAAO,EACL,2BAA2B,IAAI,+BAA+B,GAE/D,MAAM,+BAA+B,CAAC;AAiBvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,cAAc,EACd,uBAAuB,GAAG,8BAA8B,EACxD,qBAAqB,GAAG,4BAA4B,EACpD,sBAAsB,GAAG,6BAA6B,EACtD,OAAO,EACP,wBAAwB,GAAG,+BAA+B,GACnC,EAAE,EAAE;IAC3B,OAAO,CACL,6BAAK,SAAS,EAAC,gCAAgC,iBAC7C,KAAC,uBAAuB,IAAC,cAAc,EAAE,cAAc,GAAI,EAC3D,4BAAK,SAAS,EAAC,yCAAyC,gBACrD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,wBAAwB,IAAC,cAAc,EAAE,cAAc,GAAI,CAC7D,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAChC,KAAC,qBAAqB,IACpB,SAAS,EAAE,SAAS,IACf,SAAS,CAAC,QAAQ,CACvB,CACH,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,KAAG,CAC3B,IACG,KACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallRecordingList/CallRecordingListHeader.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CallRecording } from '@stream-io/video-client';
+export type CallRecordingListHeaderProps = {
+    /** Array of CallRecording objects */
+    callRecordings: CallRecording[];
+};
+export declare const CallRecordingListHeader: ({ callRecordings, }: CallRecordingListHeaderProps) => JSX.Element;

package/dist/src/components/CallRecordingList/CallRecordingListHeader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCall } from '@stream-io/video-react-bindings';
+import { IconButton } from '../Button';
+export const CallRecordingListHeader = ({ callRecordings, }) => {
+    const activeCall = useCall();
+    return (_jsxs("div", Object.assign({ className: "str-video__call-recording-list__header" }, { children: [_jsxs("div", Object.assign({ className: "str-video__call-recording-list__title" }, { children: [_jsx("span", { children: "Call Recordings" }), callRecordings.length ? _jsxs("span", { children: ["(", callRecordings.length, ")"] }) : null] })), _jsx(IconButton, { icon: "refresh", title: "Refresh", onClick: () => activeCall === null || activeCall === void 0 ? void 0 : activeCall.queryRecordings() })] })));
+};
+//# sourceMappingURL=CallRecordingListHeader.js.map

package/dist/src/components/CallRecordingList/CallRecordingListHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallRecordingListHeader.js","sourceRoot":"","sources":["../../../../src/components/CallRecordingList/CallRecordingListHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAOvC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,cAAc,GACe,EAAE,EAAE;IACjC,MAAM,UAAU,GAAG,OAAO,EAAE,CAAC;IAE7B,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC,iBACrD,6BAAK,SAAS,EAAC,uCAAuC,iBACpD,6CAA4B,EAC3B,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,gCAAQ,cAAc,CAAC,MAAM,SAAS,CAAC,CAAC,CAAC,IAAI,KAClE,EACN,KAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,EAAE,GAC5C,KACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallRecordingList/CallRecordingListItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CallRecording } from '@stream-io/video-client';
+export type CallRecordingListItemProps = {
+    /** Array of CallRecording objects */
+    recording: CallRecording;
+};
+export declare const CallRecordingListItem: ({ recording, }: CallRecordingListItemProps) => JSX.Element;

package/dist/src/components/CallRecordingList/CallRecordingListItem.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { CopyToClipboardButtonWithPopup } from '../Button';
+export const CallRecordingListItem = ({ recording, }) => {
+    return (_jsxs("div", Object.assign({ className: "str-video__call-recording-list-item" }, { children: [_jsx("div", Object.assign({ className: "str-video__call-recording-list-item__info" }, { children: _jsx("div", Object.assign({ className: "str-video__call-recording-list-item__created" }, { children: new Date(recording.end_time).toLocaleString() })) })), _jsxs("div", Object.assign({ className: "str-video__call-recording-list-item__actions" }, { children: [_jsx("a", Object.assign({ className: clsx('str-video__call-recording-list-item__action-button', 'str-video__call-recording-list-item__action-button--download'), role: "button", href: recording.url, download: recording.filename, title: "Download the recording" }, { children: _jsx("span", { className: clsx('str-video__call-recording-list-item__action-button-icon', 'str-video__download-button--icon') }) })), _jsx(CopyToClipboardButtonWithPopup, { Button: CopyUrlButton, copyValue: recording.url })] }))] })));
+};
+const CopyUrlButton = forwardRef((props, ref) => {
+    return (_jsx("button", Object.assign({}, props, { className: clsx('str-video__call-recording-list-item__action-button', 'str-video__call-recording-list-item__action-button--copy-link'), ref: ref, title: "Copy the recording link" }, { children: _jsx("span", { className: clsx('str-video__call-recording-list-item__action-button-icon', 'str-video__copy-button--icon') }) })));
+});
+//# sourceMappingURL=CallRecordingListItem.js.map

package/dist/src/components/CallRecordingList/CallRecordingListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallRecordingListItem.js","sourceRoot":"","sources":["../../../../src/components/CallRecordingList/CallRecordingListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAgC,UAAU,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAM3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,SAAS,GACkB,EAAE,EAAE;IAC/B,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC,iBAClD,4BAAK,SAAS,EAAC,2CAA2C,gBACxD,4BAAK,SAAS,EAAC,8CAA8C,gBAC1D,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,cAAc,EAAE,IAC1C,IACF,EACN,6BAAK,SAAS,EAAC,8CAA8C,iBAC3D,0BACE,SAAS,EAAE,IAAI,CACb,oDAAoD,EACpD,8DAA8D,CAC/D,EACD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,SAAS,CAAC,GAAG,EACnB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,KAAK,EAAC,wBAAwB,gBAE9B,eACE,SAAS,EAAE,IAAI,CACb,yDAAyD,EACzD,kCAAkC,CACnC,GACD,IACA,EACJ,KAAC,8BAA8B,IAC7B,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,SAAS,CAAC,GAAG,GACxB,KACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,KAA+B,EAAE,GAAoC,EAAE,EAAE;IACxE,OAAO,CACL,iCACM,KAAK,IACT,SAAS,EAAE,IAAI,CACb,oDAAoD,EACpD,+DAA+D,CAChE,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,yBAAyB,gBAE/B,eACE,SAAS,EAAE,IAAI,CACb,yDAAyD,EACzD,8BAA8B,CAC/B,GACD,IACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/src/components/CallRecordingList/EmptyCallRecordingListing.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const EmptyCallRecordingListing: () => JSX.Element;

package/dist/src/components/CallRecordingList/EmptyCallRecordingListing.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EmptyCallRecordingListing = () => {
+    return (_jsxs("div", Object.assign({ className: "str-video__call-recording-list__listing str-video__call-recording-list__listing--empty" }, { children: [_jsx("div", { className: "str-video__call-recording-list__listing--icon-empty" }), _jsx("p", Object.assign({ className: "str-video__call-recording-list__listing--text-empty" }, { children: "No recordings available" }))] })));
+};
+//# sourceMappingURL=EmptyCallRecordingListing.js.map

package/dist/src/components/CallRecordingList/EmptyCallRecordingListing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyCallRecordingListing.js","sourceRoot":"","sources":["../../../../src/components/CallRecordingList/EmptyCallRecordingListing.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,OAAO,CACL,6BAAK,SAAS,EAAC,wFAAwF,iBACrG,cAAK,SAAS,EAAC,qDAAqD,GAAG,EACvE,0BAAG,SAAS,EAAC,qDAAqD,6CAG9D,KACA,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallRecordingList/LoadingCallRecordingListing.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CallRecording } from '@stream-io/video-client';
+export type LoadingCallRecordingListProps = {
+    /** Array of CallRecording objects */
+    callRecordings: CallRecording[];
+};
+export declare const LoadingCallRecordingListing: ({ callRecordings, }: LoadingCallRecordingListProps) => JSX.Element;

package/dist/src/components/CallRecordingList/LoadingCallRecordingListing.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CallRecordingListItem } from './CallRecordingListItem';
+import { LoadingIndicator } from '../LoadingIndicator';
+export const LoadingCallRecordingListing = ({ callRecordings, }) => {
+    return (_jsxs(_Fragment, { children: [callRecordings.map((recording) => (_jsx(CallRecordingListItem, { recording: recording }, recording.filename))), _jsx(LoadingIndicator, { text: "Recording getting ready" })] }));
+};
+//# sourceMappingURL=LoadingCallRecordingListing.js.map

package/dist/src/components/CallRecordingList/LoadingCallRecordingListing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCallRecordingListing.js","sourceRoot":"","sources":["../../../../src/components/CallRecordingList/LoadingCallRecordingListing.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,cAAc,GACgB,EAAE,EAAE;IAClC,OAAO,CACL,8BACG,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACjC,KAAC,qBAAqB,IAAC,SAAS,EAAE,SAAS,IAAO,SAAS,CAAC,QAAQ,CAAI,CACzE,CAAC,EACF,KAAC,gBAAgB,IAAC,IAAI,EAAC,yBAAyB,GAAG,IAClD,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './CallRecordingList';
+export * from './CallRecordingListHeader';
+export * from './CallRecordingListItem';
+export * from './EmptyCallRecordingListing';
+export * from './LoadingCallRecordingListing';

package/dist/src/components/CallRecordingList/index.js

@@ -0,0 +1,6 @@
+export * from './CallRecordingList';
+export * from './CallRecordingListHeader';
+export * from './CallRecordingListItem';
+export * from './EmptyCallRecordingListing';
+export * from './LoadingCallRecordingListing';
+//# sourceMappingURL=index.js.map

package/dist/src/components/CallRecordingList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CallRecordingList/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const CallStats: () => JSX.Element;
+export declare const StatCard: (props: {
+    label: string;
+    value: string;
+}) => JSX.Element;

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

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useCallStatsReport } from '@stream-io/video-react-bindings';
+import { CallStatsLatencyChart } from './CallStatsLatencyChart';
+export const CallStats = () => {
+    const [latencyBuffer, setLatencyBuffer] = useState(() => {
+        const now = Date.now();
+        return Array.from({ length: 20 }, (_, i) => ({ x: now + i, y: 0 }));
+    });
+    const [publishBitrate, setPublishBitrate] = useState('-');
+    const [subscribeBitrate, setSubscribeBitrate] = useState('-');
+    const previousStats = useRef();
+    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);
+        });
+        setLatencyBuffer((latencyBuf) => {
+            const newLatencyBuffer = latencyBuf.slice(-19);
+            newLatencyBuffer.push({
+                x: callStatsReport.timestamp,
+                y: callStatsReport.publisherStats.averageRoundTripTimeInMs,
+            });
+            return newLatencyBuffer;
+        });
+        previousStats.current = callStatsReport;
+    }, [callStatsReport]);
+    return (_jsx("div", Object.assign({ className: "str-video__call-stats" }, { children: callStatsReport && (_jsxs(_Fragment, { children: [_jsx("h3", { children: "Call Latency" }), _jsx(CallStatsLatencyChart, { values: latencyBuffer }), _jsx("h3", { children: "Call performance" }), _jsxs("div", Object.assign({ className: "str-video__call-stats__card-container" }, { children: [_jsx(StatCard, { label: "Region", value: callStatsReport.datacenter }), _jsx(StatCard, { label: "Latency", value: `${callStatsReport.publisherStats.averageRoundTripTimeInMs} ms.` }), _jsx(StatCard, { label: "Receive jitter", value: `${callStatsReport.subscriberStats.averageJitterInMs} ms.` }), _jsx(StatCard, { label: "Publish jitter", value: `${callStatsReport.publisherStats.averageJitterInMs} ms.` }), _jsx(StatCard, { label: "Publish resolution", value: toFrameSize(callStatsReport.publisherStats) }), _jsx(StatCard, { label: "Publish quality drop reason", value: callStatsReport.publisherStats.qualityLimitationReasons }), _jsx(StatCard, { label: "Receiving resolution", value: toFrameSize(callStatsReport.subscriberStats) }), _jsx(StatCard, { label: "Receive quality drop reason", value: callStatsReport.subscriberStats.qualityLimitationReasons }), _jsx(StatCard, { label: "Publish bitrate", value: publishBitrate }), _jsx(StatCard, { label: "Receiving bitrate", value: subscribeBitrate })] }))] })) })));
+};
+export const StatCard = (props) => {
+    const { label, value } = props;
+    return (_jsxs("div", Object.assign({ className: "str-video__call-stats__card" }, { children: [_jsx("div", Object.assign({ className: "str-video__call-stats__card_label" }, { children: label })), _jsx("div", Object.assign({ className: "str-video__call-stats__card_value" }, { children: value }))] })));
+};
+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 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`;
+};
+//# sourceMappingURL=CallStats.js.map

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

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

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

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

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ResponsiveLine } from '@nivo/line';
+export const CallStatsLatencyChart = (props) => {
+    const { values } = props;
+    let max = 0;
+    const data = values.map((point) => {
+        const { y } = point;
+        max = Math.max(max, y);
+        return point;
+    });
+    return (_jsx("div", Object.assign({ className: "str-video__call-stats-line-chart-container" }, { children: _jsx(ResponsiveLine, { colors: { scheme: 'blues' }, data: [
+                {
+                    id: 'Latency',
+                    data: data,
+                },
+            ], animate: false, margin: { top: 10, right: 5, bottom: 5, left: 30 }, enablePoints: true, enableGridX: false, enableGridY: true, enableSlices: "x", isInteractive: true, useMesh: false, xScale: { type: 'point' }, yScale: {
+                type: 'linear',
+                min: 0,
+                max: max < 220 ? 220 : max + 30,
+                nice: true,
+            }, theme: {
+                axis: {
+                    ticks: {
+                        text: {
+                            fill: '#FCFCFD',
+                        },
+                        line: {
+                            stroke: '#FCFCFD',
+                        },
+                    },
+                },
+                grid: {
+                    line: {
+                        strokeWidth: 0.1,
+                    },
+                },
+            } }) })));
+};
+//# sourceMappingURL=CallStatsLatencyChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallStatsLatencyChart.js","sourceRoot":"","sources":["../../../../src/components/CallStats/CallStatsLatencyChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAErC,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAChC,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;QACpB,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACvB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IACH,OAAO,CACL,4BAAK,SAAS,EAAC,4CAA4C,gBACzD,KAAC,cAAc,IACb,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAC3B,IAAI,EAAE;gBACJ;oBACE,EAAE,EAAE,SAAS;oBACb,IAAI,EAAE,IAAI;iBACX;aACF,EACD,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAClD,YAAY,QACZ,WAAW,EAAE,KAAK,EAClB,WAAW,QACX,YAAY,EAAC,GAAG,EAChB,aAAa,QACb,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EACzB,MAAM,EAAE;gBACN,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE;gBAC/B,IAAI,EAAE,IAAI;aACX,EACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,KAAK,EAAE;wBACL,IAAI,EAAE;4BACJ,IAAI,EAAE,SAAS;yBAChB;wBACD,IAAI,EAAE;4BACJ,MAAM,EAAE,SAAS;yBAClB;qBACF;iBACF;gBACD,IAAI,EAAE;oBACJ,IAAI,EAAE;wBACJ,WAAW,EAAE,GAAG;qBACjB;iBACF;aACF,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,3 @@
+export * from './CallStats';
+export * from './CallStatsLatencyChart';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CallStats/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC"}

package/dist/src/components/Debug/DebugParticipantPublishQuality.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Call, StreamVideoParticipant } from '@stream-io/video-client';
+export declare const DebugParticipantPublishQuality: (props: {
+    participant: StreamVideoParticipant;
+    call: Call;
+}) => JSX.Element;

package/dist/src/components/Debug/DebugParticipantPublishQuality.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export const DebugParticipantPublishQuality = (props) => {
+    const { call, participant } = props;
+    const [quality, setQuality] = useState();
+    const [publishStats, setPublishStats] = useState(() => ({
+        f: true,
+        h: true,
+        q: true,
+    }));
+    useEffect(() => {
+        return call.on('changePublishQuality', (event) => {
+            if (event.eventPayload.oneofKind !== 'changePublishQuality')
+                return;
+            const { videoSenders } = event.eventPayload.changePublishQuality;
+            // FIXME OL: support additional layers (like screenshare)
+            const [videoLayer] = videoSenders.map(({ layers }) => {
+                return layers.map((l) => ({ [l.name]: l.active }));
+            });
+            setPublishStats((s) => (Object.assign(Object.assign({}, s), videoLayer)));
+        });
+    }, [call]);
+    return (_jsxs("select", Object.assign({ title: `Published tracks: ${JSON.stringify(publishStats)}`, value: quality, onChange: (e) => {
+            const value = e.target.value;
+            setQuality(value);
+            let w = 960;
+            let h = 540;
+            if (value === 'h') {
+                w = w / 2; // 480
+                h = h / 2; // 270
+            }
+            else if (value === 'q') {
+                w = w / 4; // 240
+                h = h / 4; // 135
+            }
+            call.updateSubscriptionsPartial('video', {
+                [participant.sessionId]: {
+                    dimension: {
+                        width: w,
+                        height: h,
+                    },
+                },
+            });
+        } }, { children: [_jsx("option", Object.assign({ value: "f" }, { children: "High (f)" })), _jsx("option", Object.assign({ value: "h" }, { children: "Medium (h)" })), _jsx("option", Object.assign({ value: "q" }, { children: "Low (q)" }))] })));
+};
+//# sourceMappingURL=DebugParticipantPublishQuality.js.map

package/dist/src/components/Debug/DebugParticipantPublishQuality.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugParticipantPublishQuality.js","sourceRoot":"","sources":["../../../../src/components/Debug/DebugParticipantPublishQuality.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,KAG9C,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAU,CAAC;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACtD,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;KACR,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,IAAI,CAAC,EAAE,CAAC,sBAAsB,EAAE,CAAC,KAAK,EAAE,EAAE;YAC/C,IAAI,KAAK,CAAC,YAAY,CAAC,SAAS,KAAK,sBAAsB;gBAAE,OAAO;YACpE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC;YACjE,yDAAyD;YACzD,MAAM,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBACnD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;YACH,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAClB,CAAC,GACD,UAAU,EACb,CAAC,CAAC;QACN,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,gCACE,KAAK,EAAE,qBAAqB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,EAC1D,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,IAAI,CAAC,GAAG,GAAG,CAAC;YACZ,IAAI,CAAC,GAAG,GAAG,CAAC;YACZ,IAAI,KAAK,KAAK,GAAG,EAAE;gBACjB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;gBACjB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;aAClB;iBAAM,IAAI,KAAK,KAAK,GAAG,EAAE;gBACxB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;gBACjB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;aAClB;YACD,IAAI,CAAC,0BAA0B,CAAC,OAAO,EAAE;gBACvC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;oBACvB,SAAS,EAAE;wBACT,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;qBACV;iBACF;aACF,CAAC,CAAC;QACL,CAAC,iBAED,+BAAQ,KAAK,EAAC,GAAG,8BAAkB,EACnC,+BAAQ,KAAK,EAAC,GAAG,gCAAoB,EACrC,+BAAQ,KAAK,EAAC,GAAG,6BAAiB,KAC3B,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/Debug/DebugStatsView.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Call } from '@stream-io/video-client';
+export declare const DebugStatsView: (props: {
+    call: Call;
+    mediaStream?: MediaStream;
+    sessionId: string;
+}) => JSX.Element;

package/dist/src/components/Debug/DebugStatsView.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useFloatingUIPreset } from '../../hooks';
+import { StatCard } from '../CallStats';
+import { useCallStatsReport } from '@stream-io/video-react-bindings';
+export const DebugStatsView = (props) => {
+    var _a;
+    const { call, mediaStream, sessionId } = props;
+    const callStatsReport = useCallStatsReport();
+    useEffect(() => {
+        call.startReportingStatsFor(sessionId);
+        return () => {
+            call.stopReportingStatsFor(sessionId);
+        };
+    }, [call, sessionId]);
+    const reportForTracks = callStatsReport === null || callStatsReport === void 0 ? void 0 : callStatsReport.participants[sessionId];
+    const trackStats = reportForTracks === null || reportForTracks === void 0 ? void 0 : reportForTracks.flatMap((report) => report.streams);
+    const { refs, strategy, y, x } = useFloatingUIPreset({
+        placement: 'top',
+        strategy: 'absolute',
+    });
+    const [isPopperOpen, setIsPopperOpen] = useState(false);
+    const [videoTrack] = (_a = mediaStream === null || mediaStream === void 0 ? void 0 : mediaStream.getVideoTracks()) !== null && _a !== void 0 ? _a : [];
+    const settings = videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.getSettings();
+    return (_jsxs(_Fragment, { children: [_jsx("span", { className: "str-video__debug__track-stats-icon", tabIndex: 0, ref: refs.setReference, title: settings &&
+                    `${settings.width}x${settings.height}@${Math.round(settings.frameRate || 0)}`, onClick: () => {
+                    setIsPopperOpen((v) => !v);
+                } }), isPopperOpen && (_jsxs("div", Object.assign({ className: "str-video__debug__track-stats str-video__call-stats", ref: refs.setFloating, style: {
+                    position: strategy,
+                    top: y !== null && y !== void 0 ? y : 0,
+                    left: x !== null && x !== void 0 ? x : 0,
+                    overflowY: 'auto',
+                } }, { children: [_jsx("h3", { children: "Participant stats" }), _jsx("div", Object.assign({ className: "str-video__call-stats__card-container" }, { children: trackStats === null || trackStats === void 0 ? void 0 : trackStats.map((track) => {
+                            if (track.kind === 'video') {
+                                return (_jsx(StatCard, { label: `${track.kind}: ${track.codec} ` +
+                                        (track.rid ? ` (${track.rid})` : ''), value: `${track.frameWidth || 0}x${track.frameHeight || 0}@${track.framesPerSecond || 0}fps` }, `${track.rid}/${track.ssrc}/${track.codec}/${track.kind}`));
+                            }
+                            else if (track.kind === 'audio') {
+                                return (_jsx(StatCard, { label: track.codec || 'N/A', value: `Jitter: ${track.jitter || 0}ms` }, `${track.ssrc}/${track.codec}/${track.kind}`));
+                            }
+                            return null;
+                        }).filter(Boolean) })), reportForTracks === null || reportForTracks === void 0 ? void 0 : reportForTracks.map((report, index) => (_jsx("pre", { children: JSON.stringify(unwrapStats(report.rawStats), null, 2) }, index)))] })))] }));
+};
+const unwrapStats = (rawStats) => {
+    const decodedStats = {};
+    rawStats === null || rawStats === void 0 ? void 0 : rawStats.forEach((s) => {
+        decodedStats[s.id] = s;
+    });
+    return decodedStats;
+};
+//# sourceMappingURL=DebugStatsView.js.map

package/dist/src/components/Debug/DebugStatsView.js.map

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

package/dist/src/components/Debug/useIsDebugMode.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Internal purpose hook. Enables certain development mode tools.
+ */
+export declare const useIsDebugMode: () => boolean;
+export declare const useDebugPreferredVideoCodec: () => string | null | undefined;

package/dist/src/components/Debug/useIsDebugMode.js

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+const useQueryParams = () => {
+    return useMemo(() => typeof window === 'undefined'
+        ? null
+        : new URLSearchParams(window.location.search), []);
+};
+/**
+ * Internal purpose hook. Enables certain development mode tools.
+ */
+export const useIsDebugMode = () => {
+    const params = useQueryParams();
+    return !!(params === null || params === void 0 ? void 0 : params.get('debug'));
+};
+export const useDebugPreferredVideoCodec = () => {
+    const params = useQueryParams();
+    return params === null || params === void 0 ? void 0 : params.get('video_codec');
+};
+//# sourceMappingURL=useIsDebugMode.js.map

package/dist/src/components/Debug/useIsDebugMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsDebugMode.js","sourceRoot":"","sources":["../../../../src/components/Debug/useIsDebugMode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,OAAO,CACZ,GAAG,EAAE,CACH,OAAO,MAAM,KAAK,WAAW;QAC3B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EACjD,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,OAAO,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,OAAO,CAAC,CAAA,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,aAAa,CAAC,CAAC;AACpC,CAAC,CAAC"}

package/dist/src/components/DeviceSettings/DeviceSelector.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const DeviceSelector: (props: {
+    devices: MediaDeviceInfo[];
+    selectedDeviceId?: string | undefined;
+    title: string;
+    onChange?: ((deviceId: string) => void) | undefined;
+}) => JSX.Element;

package/dist/src/components/DeviceSettings/DeviceSelector.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+const DeviceSelectorOption = ({ disabled, id, label, onChange, name, selected, defaultChecked, value, }) => {
+    return (_jsxs("label", Object.assign({ className: clsx('str-video__device-settings__option', {
+            'str-video__device-settings__option--selected': selected,
+            'str-video__device-settings__option--disabled': disabled,
+        }), htmlFor: id }, { children: [_jsx("input", { type: "radio", name: name, onChange: onChange, value: value, id: id, checked: selected, defaultChecked: defaultChecked, disabled: disabled }), label] })));
+};
+export const DeviceSelector = (props) => {
+    const { devices = [], selectedDeviceId: selectedDeviceFromProps, title, onChange, } = props;
+    const inputGroupName = title.replace(' ', '-').toLowerCase();
+    // sometimes the browser (Chrome) will report the system-default device
+    // with an id of 'default'. In case when it doesn't, we'll select the first
+    // available device.
+    let selectedDeviceId = selectedDeviceFromProps;
+    if (devices.length > 0 &&
+        !devices.find((d) => d.deviceId === selectedDeviceId)) {
+        selectedDeviceId = devices[0].deviceId;
+    }
+    return (_jsxs("div", Object.assign({ className: "str-video__device-settings__device-kind" }, { children: [_jsx("div", Object.assign({ className: "str-video__device-settings__device-selector-title" }, { children: title })), !devices.length ? (_jsx(DeviceSelectorOption, { id: `${inputGroupName}--default`, label: "Default", name: inputGroupName, defaultChecked: true, value: "default" })) : (devices.map((device) => {
+                return (_jsx(DeviceSelectorOption, { id: `${inputGroupName}--${device.deviceId}`, value: device.deviceId, label: device.label, onChange: (e) => {
+                        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+                    }, name: inputGroupName, selected: device.deviceId === selectedDeviceId || devices.length === 1 }, device.deviceId));
+            }))] })));
+};
+//# sourceMappingURL=DeviceSelector.js.map

package/dist/src/components/DeviceSettings/DeviceSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceSelector.js","sourceRoot":"","sources":["../../../../src/components/DeviceSettings/DeviceSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAcxB,MAAM,oBAAoB,GAAG,CAAC,EAC5B,QAAQ,EACR,EAAE,EACF,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,KAAK,GACqB,EAAE,EAAE;IAC9B,OAAO,CACL,+BACE,SAAS,EAAE,IAAI,CAAC,oCAAoC,EAAE;YACpD,8CAA8C,EAAE,QAAQ;YACxD,8CAA8C,EAAE,QAAQ;SACzD,CAAC,EACF,OAAO,EAAE,EAAE,iBAEX,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,QAAQ,EACjB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,GAClB,EACD,KAAK,KACA,CACT,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAK9B,EAAE,EAAE;IACH,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,gBAAgB,EAAE,uBAAuB,EACzC,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IAE7D,uEAAuE;IACvE,2EAA2E;IAC3E,oBAAoB;IACpB,IAAI,gBAAgB,GAAG,uBAAuB,CAAC;IAC/C,IACE,OAAO,CAAC,MAAM,GAAG,CAAC;QAClB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,gBAAgB,CAAC,EACrD;QACA,gBAAgB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;KACxC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC,iBACtD,4BAAK,SAAS,EAAC,mDAAmD,gBAC/D,KAAK,IACF,EACL,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACjB,KAAC,oBAAoB,IACnB,EAAE,EAAE,GAAG,cAAc,WAAW,EAChC,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,cAAc,EACpB,cAAc,QACd,KAAK,EAAC,SAAS,GACf,CACH,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACrB,OAAO,CACL,KAAC,oBAAoB,IACnB,EAAE,EAAE,GAAG,cAAc,KAAK,MAAM,CAAC,QAAQ,EAAE,EAC3C,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,KAAK,EAAE,MAAM,CAAC,KAAK,EAEnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC,EACD,IAAI,EAAE,cAAc,EACpB,QAAQ,EACN,MAAM,CAAC,QAAQ,KAAK,gBAAgB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IANzD,MAAM,CAAC,QAAQ,CAQpB,CACH,CAAC;YACJ,CAAC,CAAC,CACH,KACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/DeviceSettings/DeviceSelectorAudio.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type DeviceSelectorAudioInputProps = {
+    title?: string;
+};
+export declare const DeviceSelectorAudioInput: ({ title, }: DeviceSelectorAudioInputProps) => JSX.Element;
+export type DeviceSelectorAudioOutputProps = {
+    title?: string;
+};
+export declare const DeviceSelectorAudioOutput: ({ title, }: DeviceSelectorAudioOutputProps) => JSX.Element | null;

package/dist/src/components/DeviceSettings/DeviceSelectorAudio.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DeviceSelector } from './DeviceSelector';
+import { useMediaDevices, useAudioInputDevices, useAudioOutputDevices, } from '../../core';
+export const DeviceSelectorAudioInput = ({ title = 'Select a Mic', }) => {
+    const { selectedAudioInputDeviceId, switchDevice } = useMediaDevices();
+    const audioInputDevices = useAudioInputDevices();
+    return (_jsx(DeviceSelector, { devices: audioInputDevices, selectedDeviceId: selectedAudioInputDeviceId, onChange: (deviceId) => {
+            switchDevice('audioinput', deviceId);
+        }, title: title }));
+};
+export const DeviceSelectorAudioOutput = ({ title = 'Select speakers', }) => {
+    const { isAudioOutputChangeSupported, selectedAudioOutputDeviceId, switchDevice, } = useMediaDevices();
+    const audioOutputDevices = useAudioOutputDevices();
+    if (!isAudioOutputChangeSupported)
+        return null;
+    return (_jsx(DeviceSelector, { devices: audioOutputDevices, selectedDeviceId: selectedAudioOutputDeviceId, onChange: (deviceId) => {
+            switchDevice('audiooutput', deviceId);
+        }, title: title }));
+};
+//# sourceMappingURL=DeviceSelectorAudio.js.map

package/dist/src/components/DeviceSettings/DeviceSelectorAudio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceSelectorAudio.js","sourceRoot":"","sources":["../../../../src/components/DeviceSettings/DeviceSelectorAudio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AAMpB,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,KAAK,GAAG,cAAc,GACQ,EAAE,EAAE;IAClC,MAAM,EAAE,0BAA0B,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IACvE,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,iBAAiB,EAC1B,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,KAAK,GAAG,iBAAiB,GACM,EAAE,EAAE;IACnC,MAAM,EACJ,4BAA4B,EAC5B,2BAA2B,EAC3B,YAAY,GACb,GAAG,eAAe,EAAE,CAAC;IAEtB,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IAEnD,IAAI,CAAC,4BAA4B;QAAE,OAAO,IAAI,CAAC;IAE/C,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,2BAA2B,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QACxC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/DeviceSettings/DeviceSelectorVideo.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type DeviceSelectorVideoProps = {
+    title?: string;
+};
+export declare const DeviceSelectorVideo: ({ title }: DeviceSelectorVideoProps) => JSX.Element;

package/dist/src/components/DeviceSettings/DeviceSelectorVideo.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DeviceSelector } from './DeviceSelector';
+import { useMediaDevices, useVideoDevices } from '../../core';
+export const DeviceSelectorVideo = ({ title }) => {
+    const { selectedVideoDeviceId, switchDevice } = useMediaDevices();
+    const videoDevices = useVideoDevices();
+    return (_jsx(DeviceSelector, { devices: videoDevices, selectedDeviceId: selectedVideoDeviceId, onChange: (deviceId) => {
+            switchDevice('videoinput', deviceId);
+        }, title: title || 'Select a Camera' }));
+};
+//# sourceMappingURL=DeviceSelectorVideo.js.map

package/dist/src/components/DeviceSettings/DeviceSelectorVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceSelectorVideo.js","sourceRoot":"","sources":["../../../../src/components/DeviceSettings/DeviceSelectorVideo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAM9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAA4B,EAAE,EAAE;IACzE,MAAM,EAAE,qBAAqB,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,YAAY,EACrB,gBAAgB,EAAE,qBAAqB,EACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvC,CAAC,EACD,KAAK,EAAE,KAAK,IAAI,iBAAiB,GACjC,CACH,CAAC;AACJ,CAAC,CAAC"}