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

package/dist/src/components/StreamCall/CallParticipantsScreenView.js

@@ -0,0 +1,34 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { SfuModels } from '@stream-io/video-client';
+import { useLocalParticipant, useParticipants, } from '@stream-io/video-react-bindings';
+import { ParticipantBox } from '../../core/components/ParticipantBox/ParticipantBox';
+import { Video } from '../Video';
+import { useVerticalScrollPosition } from './hooks';
+import { IconButton } from '../Button';
+export const CallParticipantsScreenView = (props) => {
+    const { call } = props;
+    const localParticipant = useLocalParticipant();
+    const allParticipants = useParticipants();
+    const firstScreenSharingParticipant = allParticipants.find((p) => p.publishedTracks.includes(SfuModels.TrackType.SCREEN_SHARE));
+    const [scrollWrapper, setScrollWrapper] = useState(null);
+    useEffect(() => {
+        if (!scrollWrapper)
+            return;
+        const cleanup = call.viewportTracker.setViewport(scrollWrapper);
+        return () => cleanup();
+    }, [scrollWrapper, call.viewportTracker]);
+    const scrollUpClickHandler = () => {
+        scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.scrollBy({ top: -150, behavior: 'smooth' });
+    };
+    const scrollDownClickHandler = () => {
+        scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.scrollBy({ top: 150, behavior: 'smooth' });
+    };
+    const scrollPosition = useVerticalScrollPosition(scrollWrapper);
+    const [overlayVisible, setOverlayVisible] = useState(() => (firstScreenSharingParticipant === null || firstScreenSharingParticipant === void 0 ? void 0 : firstScreenSharingParticipant.sessionId) === (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.sessionId));
+    return (_jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view" }, { children: [_jsx("div", Object.assign({ className: "str-video__call-participants-screen-view__screen" }, { children: firstScreenSharingParticipant && (_jsxs(_Fragment, { children: [_jsxs("span", Object.assign({ className: "str-video__call-participants-screen-view__screen__presenter" }, { children: [firstScreenSharingParticipant.name ||
+                                    firstScreenSharingParticipant.userId, ' ', "is presenting their screen."] })), _jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view__wrapper" }, { children: [_jsx(Video, { className: "str-video__screen-share", participant: firstScreenSharingParticipant, call: call, kind: "screen", autoPlay: true, muted: true }), overlayVisible && (_jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view__overlay" }, { children: [_jsxs("div", { children: [_jsx("div", { children: "To avoid an infinity mirror, don't share your entire screen or browser window." }), _jsx("div", { children: "Share just a single tab or a different window instead." })] }), _jsx("button", Object.assign({ type: "button", onClick: () => {
+                                                setOverlayVisible(false);
+                                            } }, { children: "Got it" }))] })))] }))] })) })), _jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view__buttons-wrapper" }, { children: [scrollPosition && scrollPosition !== 'top' && (_jsx(IconButton, { onClick: scrollUpClickHandler, icon: "caret-up", className: "str-video__call-participants-screen-view__button-up" })), _jsx("div", Object.assign({ ref: setScrollWrapper, className: "str-video__call-participants-screen-view__participants-wrapper" }, { children: _jsx("div", Object.assign({ className: "str-video__call-participants-screen-view__participants" }, { children: allParticipants.map((participant) => (_jsx(ParticipantBox, { participant: participant, call: call, sinkId: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.audioOutputDeviceId }, participant.sessionId))) })) })), scrollPosition && scrollPosition !== 'bottom' && (_jsx(IconButton, { onClick: scrollDownClickHandler, icon: "caret-down", className: "str-video__call-participants-screen-view__button-down" }))] }))] })));
+};
+//# sourceMappingURL=CallParticipantsScreenView.js.map

package/dist/src/components/StreamCall/CallParticipantsScreenView.js.map

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

package/dist/src/components/StreamCall/CallParticipantsView.d.ts

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

package/dist/src/components/StreamCall/CallParticipantsView.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ParticipantBox } from '../../core/components/ParticipantBox/ParticipantBox';
+import { useLocalParticipant, useParticipants, } from '@stream-io/video-react-bindings';
+export const CallParticipantsView = (props) => {
+    const { call } = props;
+    const localParticipant = useLocalParticipant();
+    const participants = useParticipants();
+    const grid = `str-video__grid-${participants.length || 1}`;
+    return (_jsx("div", Object.assign({ className: `str-video__call-participants-view ${grid}` }, { children: participants.map((participant) => (_jsx(ParticipantBox, { participant: participant, call: call, sinkId: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.audioOutputDeviceId }, participant.sessionId))) })));
+};
+//# sourceMappingURL=CallParticipantsView.js.map

package/dist/src/components/StreamCall/CallParticipantsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallParticipantsView.js","sourceRoot":"","sources":["../../../../src/components/StreamCall/CallParticipantsView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AACrF,OAAO,EACL,mBAAmB,EACnB,eAAe,GAChB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC5D,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,mBAAmB,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;IAC3D,OAAO,CACL,4BAAK,SAAS,EAAE,qCAAqC,IAAI,EAAE,gBACxD,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,KAAC,cAAc,IAEb,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,IAHxC,WAAW,CAAC,SAAS,CAI1B,CACH,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/src/components/StreamCall/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 { useCurrentCallStatsReport } 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 = useCurrentCallStatsReport();
+    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 })] }))] })) })));
+};
+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/StreamCall/CallStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallStats.js","sourceRoot":"","sources":["../../../../src/components/StreamCall/CallStats.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAEhD,GAAG,EAAE;QACL,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,MAAM,EAAmB,CAAC;IAChD,MAAM,eAAe,GAAG,yBAAyB,EAAE,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,aAAa,CAAC,OAAO,GAAG,eAAe,CAAC;YACxC,OAAO;SACR;QACD,MAAM,uBAAuB,GAAG,aAAa,CAAC,OAAO,CAAC;QACtD,iBAAiB,CAAC,GAAG,EAAE;YACrB,OAAO,uBAAuB,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;QACH,mBAAmB,CAAC,GAAG,EAAE;YACvB,OAAO,yBAAyB,CAC9B,uBAAuB,EACvB,eAAe,CAChB,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,gBAAgB,CAAC,CAAC,UAAU,EAAE,EAAE;YAC9B,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YAC/C,gBAAgB,CAAC,IAAI,CAAC;gBACpB,CAAC,EAAE,eAAe,CAAC,SAAS;gBAC5B,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,wBAAwB;aAC3D,CAAC,CAAC;YACH,OAAO,gBAAgB,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,aAAa,CAAC,OAAO,GAAG,eAAe,CAAC;IAC1C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,4BAAK,SAAS,EAAC,uBAAuB,gBACnC,eAAe,IAAI,CAClB,8BACE,wCAAqB,EACrB,KAAC,qBAAqB,IAAC,MAAM,EAAE,aAAa,GAAI,EAEhD,4CAAyB,EACzB,6BAAK,SAAS,EAAC,uCAAuC,iBACpD,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,eAAe,CAAC,UAAU,GAAI,EAC9D,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,GAAG,eAAe,CAAC,cAAc,CAAC,wBAAwB,MAAM,GACvE,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,GAAG,eAAe,CAAC,eAAe,CAAC,iBAAiB,MAAM,GACjE,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,GAAG,eAAe,CAAC,cAAc,CAAC,iBAAiB,MAAM,GAChE,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EAAE,WAAW,CAAC,eAAe,CAAC,cAAc,CAAC,GAClD,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,6BAA6B,EACnC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,wBAAwB,GAC9D,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,WAAW,CAAC,eAAe,CAAC,eAAe,CAAC,GACnD,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,6BAA6B,EACnC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,wBAAwB,GAC/D,EACF,KAAC,QAAQ,IAAC,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,cAAc,GAAI,EAC3D,KAAC,QAAQ,IAAC,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,gBAAgB,GAAI,KAC3D,IACL,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAuC,EAAE,EAAE;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/B,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B,iBAC1C,4BAAK,SAAS,EAAC,mCAAmC,gBAAE,KAAK,IAAO,EAChE,4BAAK,SAAS,EAAC,mCAAmC,gBAAE,KAAK,IAAO,KAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAA4B,EAAE,EAAE;IACnD,MAAM,EACJ,iBAAiB,EAAE,CAAC,EACpB,kBAAkB,EAAE,CAAC,EACrB,sBAAsB,EAAE,GAAG,GAC5B,GAAG,KAAK,CAAC;IACV,IAAI,IAAI,GAAG,GAAG,CAAC;IACf,IAAI,CAAC,IAAI,CAAC,EAAE;QACV,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QACnB,IAAI,GAAG,EAAE;YACP,IAAI,IAAI,IAAI,GAAG,MAAM,CAAC;SACvB;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC9B,uBAAwC,EACxC,eAAgC,EAChC,EAAE;IACF,MAAM,EACJ,cAAc,EAAE,EACd,cAAc,EAAE,sBAAsB,EACtC,SAAS,EAAE,iBAAiB,GAC7B,GACF,GAAG,uBAAuB,CAAC;IAE5B,MAAM,EACJ,cAAc,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,GAC9C,GAAG,eAAe,CAAC;IAEpB,MAAM,SAAS,GAAG,cAAc,GAAG,sBAAsB,CAAC;IAC1D,MAAM,WAAW,GAAG,SAAS,GAAG,iBAAiB,CAAC;IAClD,OAAO,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAChC,uBAAwC,EACxC,eAAgC,EAChC,EAAE;IACF,MAAM,EACJ,eAAe,EAAE,EACf,kBAAkB,EAAE,0BAA0B,EAC9C,SAAS,EAAE,iBAAiB,GAC7B,GACF,GAAG,uBAAuB,CAAC;IAE5B,MAAM,EACJ,eAAe,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAE,GACnD,GAAG,eAAe,CAAC;IAEpB,MAAM,aAAa,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;IACtE,MAAM,WAAW,GAAG,SAAS,GAAG,iBAAiB,CAAC;IAClD,OAAO,GAAG,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AAClE,CAAC,CAAC"}

package/dist/src/components/StreamCall/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/StreamCall/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/StreamCall/CallStatsLatencyChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallStatsLatencyChart.js","sourceRoot":"","sources":["../../../../src/components/StreamCall/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/StreamCall/Stage.d.ts

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

package/dist/src/components/StreamCall/Stage.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useHasOngoingScreenShare } from '@stream-io/video-react-bindings';
+import { CallParticipantsView } from './CallParticipantsView';
+import { CallParticipantsScreenView } from './CallParticipantsScreenView';
+/**
+ * @deprecated
+ */
+export const Stage = (props) => {
+    const { call } = props;
+    const hasScreenShare = useHasOngoingScreenShare();
+    return (_jsx("div", Object.assign({ className: "str-video__stage" }, { children: hasScreenShare ? (_jsx(CallParticipantsScreenView, { call: call })) : (_jsx(CallParticipantsView, { call: call })) })));
+};
+//# sourceMappingURL=Stage.js.map

package/dist/src/components/StreamCall/Stage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/StreamCall/Stage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,cAAc,GAAG,wBAAwB,EAAE,CAAC;IAClD,OAAO,CACL,4BAAK,SAAS,EAAC,kBAAkB,gBAC9B,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,0BAA0B,IAAC,IAAI,EAAE,IAAI,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,GAAI,CACrC,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/StreamCall/hooks/index.d.ts

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

package/dist/src/components/StreamCall/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useScrollPosition';
+//# sourceMappingURL=index.js.map

package/dist/src/components/StreamCall/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/StreamCall/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/src/components/StreamCall/hooks/useScrollPosition.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook which observes element's scroll position and returns text value based on the
+ * position of the scrollbar (`top`, `bottom`, `between` and `null` if no scrollbar is available)
+ */
+export declare const useVerticalScrollPosition: (scrollElement: HTMLElement | null, treshold?: number) => "bottom" | "top" | "between" | null;
+export declare const useHorizontalScrollPosition: (scrollElement: HTMLElement | null, treshold?: number) => "end" | "start" | "between" | null;

package/dist/src/components/StreamCall/hooks/useScrollPosition.js

@@ -0,0 +1,63 @@
+import { useEffect, useState } from 'react';
+const SCROLL_TRESHOLD = 10;
+/**
+ * Hook which observes element's scroll position and returns text value based on the
+ * position of the scrollbar (`top`, `bottom`, `between` and `null` if no scrollbar is available)
+ */
+export const useVerticalScrollPosition = (scrollElement, treshold = SCROLL_TRESHOLD) => {
+    const [scrollPosition, setScrollPosition] = useState(null);
+    useEffect(() => {
+        if (!scrollElement)
+            return;
+        const scrollHandler = () => {
+            const element = scrollElement;
+            const hasVerticalScrollbar = element.scrollHeight > element.clientHeight;
+            if (!hasVerticalScrollbar)
+                return setScrollPosition(null);
+            const isAtTheTop = element.scrollTop <= treshold;
+            if (isAtTheTop)
+                return setScrollPosition('top');
+            const isAtTheBottom = Math.abs(element.scrollHeight - element.scrollTop - element.clientHeight) <= treshold;
+            if (isAtTheBottom)
+                return setScrollPosition('bottom');
+            setScrollPosition('between');
+        };
+        const resizeObserver = new ResizeObserver(scrollHandler);
+        resizeObserver.observe(scrollElement);
+        scrollElement.addEventListener('scroll', scrollHandler);
+        return () => {
+            scrollElement.removeEventListener('scroll', scrollHandler);
+            resizeObserver.disconnect();
+        };
+    }, [scrollElement, treshold]);
+    return scrollPosition;
+};
+export const useHorizontalScrollPosition = (scrollElement, treshold = SCROLL_TRESHOLD) => {
+    const [scrollPosition, setScrollPosition] = useState(null);
+    useEffect(() => {
+        if (!scrollElement)
+            return;
+        const scrollHandler = () => {
+            const element = scrollElement;
+            const hasHorizontalScrollbar = element.scrollWidth > element.clientWidth;
+            if (!hasHorizontalScrollbar)
+                return setScrollPosition(null);
+            const isAtTheStart = element.scrollLeft <= treshold;
+            if (isAtTheStart)
+                return setScrollPosition('start');
+            const isAtTheEnd = Math.abs(element.scrollWidth - element.scrollLeft - element.clientWidth) <= treshold;
+            if (isAtTheEnd)
+                return setScrollPosition('end');
+            setScrollPosition('between');
+        };
+        const resizeObserver = new ResizeObserver(scrollHandler);
+        resizeObserver.observe(scrollElement);
+        scrollElement.addEventListener('scroll', scrollHandler);
+        return () => {
+            scrollElement.removeEventListener('scroll', scrollHandler);
+            resizeObserver.disconnect();
+        };
+    }, [scrollElement, treshold]);
+    return scrollPosition;
+};
+//# sourceMappingURL=useScrollPosition.js.map

package/dist/src/components/StreamCall/hooks/useScrollPosition.js.map

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

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

@@ -0,0 +1,3 @@
+export * from './Stage';
+export * from './CallParticipantsView';
+export * from './CallParticipantsScreenView';

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

@@ -0,0 +1,4 @@
+export * from './Stage';
+export * from './CallParticipantsView';
+export * from './CallParticipantsScreenView';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,34 @@
+import { PropsWithChildren } from 'react';
+import { Call, JoinCallRequest } from '@stream-io/video-client';
+import { MediaDevicesProviderProps } from '../../core';
+type InitWithCallCID = {
+    callId: string;
+    callType: string;
+    call?: never;
+};
+type InitWithCallInstance = {
+    call: Call | undefined;
+    callId?: never;
+    callType?: never;
+};
+type InitStreamMeeting = InitWithCallCID | InitWithCallInstance;
+export type StreamMeetingProps = InitStreamMeeting & {
+    /**
+     * If true, the call will be joined automatically.
+     * Usually, in the "ring" scenario, this flag should be set to false as
+     * the callee should decide whether to join the call or not.
+     *
+     * @default true.
+     */
+    autoJoin?: boolean;
+    /**
+     * An optional data to pass when joining the call.
+     */
+    data?: JoinCallRequest;
+    /**
+     * An optional props to pass to the `MediaDevicesProvider`.
+     */
+    mediaDevicesProviderProps?: MediaDevicesProviderProps;
+};
+export declare const StreamMeeting: ({ children, callId, callType, call, autoJoin, data, mediaDevicesProviderProps, }: PropsWithChildren<StreamMeetingProps>) => JSX.Element;
+export {};

package/dist/src/components/StreamMeeting/StreamMeeting.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { CallingState } from '@stream-io/video-client';
+import { StreamCallProvider, useStreamVideoClient, } from '@stream-io/video-react-bindings';
+import { MediaDevicesProvider } from '../../core';
+export const StreamMeeting = ({ children, callId, callType, call, autoJoin = true, data, mediaDevicesProviderProps, }) => {
+    const client = useStreamVideoClient();
+    const [activeCall, setActiveCall] = useState(call);
+    useEffect(() => {
+        if (!client)
+            return;
+        if (callId && callType && !activeCall) {
+            const newCall = client.call(callType, callId);
+            setActiveCall(newCall);
+        }
+    }, [activeCall, callId, callType, client]);
+    useEffect(() => {
+        if (autoJoin && (activeCall === null || activeCall === void 0 ? void 0 : activeCall.state.callingState) === CallingState.IDLE) {
+            activeCall.join(data).catch((err) => {
+                console.error(`Failed to join call`, err);
+            });
+        }
+    }, [activeCall, autoJoin, data]);
+    return (_jsx(StreamCallProvider, Object.assign({ call: activeCall }, { children: _jsx(MediaDevicesProvider, Object.assign({}, mediaDevicesProviderProps, { children: children })) })));
+};
+//# sourceMappingURL=StreamMeeting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamMeeting.js","sourceRoot":"","sources":["../../../../src/components/StreamMeeting/StreamMeeting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAQ,YAAY,EAAmB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAA6B,MAAM,YAAY,CAAC;AAqC7E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,IAAI,EACJ,yBAAyB,GACa,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,MAAM,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE;YACrC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC9C,aAAa,CAAC,OAAO,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,YAAY,MAAK,YAAY,CAAC,IAAI,EAAE;YACpE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBAClC,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,KAAC,kBAAkB,kBAAC,IAAI,EAAE,UAAU,gBAClC,KAAC,oBAAoB,oBAAK,yBAAyB,cAChD,QAAQ,IACY,IACJ,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './StreamMeeting';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+import { Placement } from '@floating-ui/react';
+export type TooltipProps<T extends HTMLElement> = PropsWithChildren<{
+    /** Reference element to which the tooltip should attach to */
+    referenceElement: T | null;
+    /** Additional class applied to the tooltip root element */
+    tooltipClassName?: string;
+    /** Popper's modifier (offset) property - [xAxis offset, yAxis offset], default [0, 10] */
+    offset?: [number, number];
+    /** Popper's placement property defining default position of the tooltip, default 'top' */
+    tooltipPlacement?: Placement;
+    /** Tells component whether to render its contents */
+    visible?: boolean;
+}>;
+export declare const Tooltip: <T extends HTMLElement>({ children, referenceElement, tooltipClassName, tooltipPlacement, visible, }: TooltipProps<T>) => JSX.Element | null;

package/dist/src/components/Tooltip/Tooltip.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import clsx from 'clsx';
+import { useFloatingUIPreset } from '../../hooks';
+export const Tooltip = ({ children, referenceElement, tooltipClassName, tooltipPlacement = 'top', visible = false, }) => {
+    const { refs, x, y, strategy } = useFloatingUIPreset({
+        placement: tooltipPlacement,
+        strategy: 'absolute',
+    });
+    useEffect(() => {
+        refs.setReference(referenceElement);
+    }, [referenceElement, refs]);
+    if (!visible)
+        return null;
+    return (_jsx("div", Object.assign({ className: clsx('str-video__tooltip', tooltipClassName), 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: children })));
+};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAgBlD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAwB,EAC7C,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,KAAK,GACC,EAAE,EAAE;IACpB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC;QACnD,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,EACvD,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;YACX,IAAI,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;YACZ,SAAS,EAAE,MAAM;SAClB,gBAEA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/Tooltip/WithTooltip.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { TooltipProps } from './Tooltip';
+type WithPopupProps = ComponentProps<'div'> & Omit<TooltipProps<HTMLDivElement>, 'referenceElement'>;
+export declare const WithTooltip: ({ title, tooltipClassName, tooltipPlacement, ...props }: WithPopupProps) => JSX.Element;
+export {};

package/dist/src/components/Tooltip/WithTooltip.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Tooltip } from './Tooltip';
+import { useEnterLeaveHandlers } from './hooks';
+// todo: duplicate of CallParticipantList.tsx#MediaIndicator - refactor to a single component
+export const WithTooltip = (_a) => {
+    var { title, tooltipClassName, tooltipPlacement } = _a, props = __rest(_a, ["title", "tooltipClassName", "tooltipPlacement"]);
+    const { handleMouseEnter, handleMouseLeave, tooltipVisible } = useEnterLeaveHandlers();
+    const [tooltipAnchor, setTooltipAnchor] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, Object.assign({ referenceElement: tooltipAnchor, visible: tooltipVisible, tooltipClassName: tooltipClassName, tooltipPlacement: tooltipPlacement }, { children: title || '' })), _jsx("div", Object.assign({ ref: setTooltipAnchor, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, props))] }));
+};
+//# sourceMappingURL=WithTooltip.js.map

package/dist/src/components/Tooltip/WithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/WithTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKhD,6FAA6F;AAC7F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAKX,EAAE,EAAE;QALO,EAC1B,KAAK,EACL,gBAAgB,EAChB,gBAAgB,OAED,EADZ,KAAK,cAJkB,iDAK3B,CADS;IAER,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAC1D,qBAAqB,EAAkB,CAAC;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,OAAO,kBACN,gBAAgB,EAAE,aAAa,EAC/B,OAAO,EAAE,cAAc,EACvB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,gBAEjC,KAAK,IAAI,EAAE,IACJ,EACV,4BACE,GAAG,EAAE,gBAAgB,EACrB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,IAC1B,KAAK,EACT,IACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/Tooltip/hooks/index.d.ts

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

package/dist/src/components/Tooltip/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useEnterLeaveHandlers';
+//# sourceMappingURL=index.js.map

package/dist/src/components/Tooltip/hooks/index.js.map

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

package/dist/src/components/Tooltip/hooks/useEnterLeaveHandlers.d.ts

@@ -0,0 +1,6 @@
+import { MouseEventHandler } from 'react';
+export declare const useEnterLeaveHandlers: <T extends HTMLElement>({ onMouseEnter, onMouseLeave, }?: Partial<Record<"onMouseEnter" | "onMouseLeave", MouseEventHandler<T>>>) => {
+    handleMouseEnter: MouseEventHandler<T>;
+    handleMouseLeave: MouseEventHandler<T>;
+    tooltipVisible: boolean;
+};

package/dist/src/components/Tooltip/hooks/useEnterLeaveHandlers.js

@@ -0,0 +1,14 @@
+import { useCallback, useState } from 'react';
+export const useEnterLeaveHandlers = ({ onMouseEnter, onMouseLeave, } = {}) => {
+    const [tooltipVisible, setTooltipVisible] = useState(false);
+    const handleMouseEnter = useCallback((e) => {
+        setTooltipVisible(true);
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        setTooltipVisible(false);
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    }, [onMouseLeave]);
+    return { handleMouseEnter, handleMouseLeave, tooltipVisible };
+};
+//# sourceMappingURL=useEnterLeaveHandlers.js.map

package/dist/src/components/Tooltip/hooks/useEnterLeaveHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnterLeaveHandlers.js","sourceRoot":"","sources":["../../../../../src/components/Tooltip/hooks/useEnterLeaveHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAwB,EAC3D,YAAY,EACZ,YAAY,MAGV,EAAE,EAAE,EAAE;IACR,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,gBAAgB,GAAyB,WAAW,CACxD,CAAC,CAAC,EAAE,EAAE;QACJ,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,gBAAgB,GAAyB,WAAW,CACxD,CAAC,CAAC,EAAE,EAAE;QACJ,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAChE,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Tooltip';
+export * from './WithTooltip';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/src/components/Video/VideoPreview.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType } from 'react';
+type VideoErrorPreviewProps = {
+    message?: string;
+};
+export type VideoPreviewProps = {
+    mirror?: boolean;
+    DisabledVideoPreview?: ComponentType;
+    NoCameraPreview?: ComponentType;
+    StartingCameraPreview?: ComponentType;
+    VideoErrorPreview?: ComponentType<VideoErrorPreviewProps>;
+};
+export declare const VideoPreview: ({ mirror, DisabledVideoPreview, NoCameraPreview, StartingCameraPreview, VideoErrorPreview, }: VideoPreviewProps) => JSX.Element;
+export {};