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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type ToggleAudioPreviewButtonProps = {
+    caption?: string;
+};
+export declare const ToggleAudioPreviewButton: ({ caption, }: ToggleAudioPreviewButtonProps) => JSX.Element;
+export type ToggleAudioPublishingButtonProps = {
+    caption?: string;
+};
+export declare const ToggleAudioPublishingButton: ({ caption, }: ToggleAudioPublishingButtonProps) => JSX.Element;

package/dist/src/components/CallControls/ToggleAudioButton.js

@@ -0,0 +1,66 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { OwnCapability, SfuModels } from '@stream-io/video-client';
+import { useCall, useHasPermissions, useLocalParticipant, useI18n, } from '@stream-io/video-react-bindings';
+import { useMediaDevices } from '../../core/contexts';
+import { DeviceSelectorAudioInput } from '../DeviceSettings';
+import { CompositeButton, IconButton } from '../Button';
+import { PermissionNotification } from '../Notification';
+import { Restricted } from '../Moderation';
+export const ToggleAudioPreviewButton = ({ caption, }) => {
+    const { initialAudioEnabled, toggleAudioMuteState } = useMediaDevices();
+    const { t } = useI18n();
+    return (_jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorAudioInput, active: !initialAudioEnabled, caption: caption || t('Mic') }, { children: _jsx(IconButton, { icon: initialAudioEnabled ? 'mic' : 'mic-off', onClick: toggleAudioMuteState }) })));
+};
+export const ToggleAudioPublishingButton = ({ caption, }) => {
+    const { publishAudioStream, stopPublishingAudio } = useMediaDevices();
+    const localParticipant = useLocalParticipant();
+    const { t } = useI18n();
+    const isAudioMute = !(localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.publishedTracks.includes(SfuModels.TrackType.AUDIO));
+    const call = useCall();
+    const hasPermission = useHasPermissions(OwnCapability.SEND_AUDIO);
+    const [isAwaitingApproval, setIsAwaitingApproval] = useState(false);
+    useEffect(() => {
+        if (hasPermission) {
+            setIsAwaitingApproval(false);
+        }
+    }, [hasPermission]);
+    const handleClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!hasPermission &&
+            call &&
+            call.permissionsContext.canRequest(OwnCapability.SEND_AUDIO)) {
+            setIsAwaitingApproval(true);
+            yield call
+                .requestPermissions({
+                permissions: [OwnCapability.SEND_AUDIO],
+            })
+                .catch((reason) => {
+                console.log('RequestPermissions failed', reason);
+            });
+            return;
+        }
+        if (isAudioMute && hasPermission) {
+            yield publishAudioStream();
+        }
+        else {
+            stopPublishingAudio();
+        }
+    }), [
+        call,
+        hasPermission,
+        isAudioMute,
+        publishAudioStream,
+        stopPublishingAudio,
+    ]);
+    return (_jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.SEND_AUDIO] }, { children: _jsx(PermissionNotification, Object.assign({ permission: OwnCapability.SEND_AUDIO, isAwaitingApproval: isAwaitingApproval, messageApproved: "You can now speak.", messageAwaitingApproval: "Awaiting for an approval to speak.", messageRevoked: "You can no longer speak." }, { children: _jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorAudioInput, active: isAudioMute, caption: caption || t('Mic') }, { children: _jsx(IconButton, { icon: isAudioMute ? 'mic-off' : 'mic', onClick: handleClick }) })) })) })));
+};
+//# sourceMappingURL=ToggleAudioButton.js.map

package/dist/src/components/CallControls/ToggleAudioButton.js.map

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

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

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

package/dist/src/components/CallControls/ToggleAudioOutputButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CompositeButton, IconButton } from '../Button';
+import { DeviceSelectorAudioOutput } from '../DeviceSettings';
+import { useI18n } from '@stream-io/video-react-bindings';
+export const ToggleAudioOutputButton = ({ caption, }) => {
+    const { t } = useI18n();
+    return (_jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorAudioOutput, active: true, caption: caption || t('Speakers') }, { children: _jsx(IconButton, { icon: "speaker" }) })));
+};
+//# sourceMappingURL=ToggleAudioOutputButton.js.map

package/dist/src/components/CallControls/ToggleAudioOutputButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleAudioOutputButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ToggleAudioOutputButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAI1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,OAAO,GACsB,EAAE,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,OAAO,CACL,KAAC,eAAe,kBACd,IAAI,EAAE,yBAAyB,EAC/B,MAAM,QACN,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,gBAEjC,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,GAAG,IACb,CACnB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type ToggleCameraPreviewButtonProps = {
+    caption?: string;
+};
+export declare const ToggleCameraPreviewButton: ({ caption, }: ToggleCameraPreviewButtonProps) => JSX.Element;
+type ToggleCameraPublishingButtonProps = {
+    caption?: string;
+};
+export declare const ToggleCameraPublishingButton: ({ caption, }: ToggleCameraPublishingButtonProps) => JSX.Element;
+export {};

package/dist/src/components/CallControls/ToggleCameraButton.js

@@ -0,0 +1,64 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { useCall, useHasPermissions, useLocalParticipant, } from '@stream-io/video-react-bindings';
+import { OwnCapability, SfuModels } from '@stream-io/video-client';
+import { CompositeButton, IconButton } from '../Button/';
+import { useMediaDevices } from '../../core/contexts';
+import { DeviceSelectorVideo } from '../DeviceSettings';
+import { PermissionNotification } from '../Notification';
+import { Restricted } from '../Moderation';
+export const ToggleCameraPreviewButton = ({ caption = 'Video', }) => {
+    const { toggleVideoMuteState, initialVideoState } = useMediaDevices();
+    return (_jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorVideo, active: !initialVideoState.enabled, caption: caption }, { children: _jsx(IconButton, { icon: initialVideoState.enabled ? 'camera' : 'camera-off', onClick: toggleVideoMuteState }) })));
+};
+export const ToggleCameraPublishingButton = ({ caption = 'Video', }) => {
+    const { publishVideoStream, stopPublishingVideo } = useMediaDevices();
+    const localParticipant = useLocalParticipant();
+    const isVideoMute = !(localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.publishedTracks.includes(SfuModels.TrackType.VIDEO));
+    const call = useCall();
+    const hasPermission = useHasPermissions(OwnCapability.SEND_VIDEO);
+    const [isAwaitingApproval, setIsAwaitingApproval] = useState(false);
+    useEffect(() => {
+        if (hasPermission) {
+            setIsAwaitingApproval(false);
+        }
+    }, [hasPermission]);
+    const handleClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!hasPermission &&
+            call &&
+            call.permissionsContext.canRequest(OwnCapability.SEND_VIDEO)) {
+            setIsAwaitingApproval(true);
+            yield call
+                .requestPermissions({
+                permissions: [OwnCapability.SEND_VIDEO],
+            })
+                .catch((reason) => {
+                console.log('RequestPermissions failed', reason);
+            });
+            return;
+        }
+        if (isVideoMute && hasPermission) {
+            yield publishVideoStream();
+        }
+        else {
+            stopPublishingVideo();
+        }
+    }), [
+        call,
+        hasPermission,
+        isVideoMute,
+        publishVideoStream,
+        stopPublishingVideo,
+    ]);
+    return (_jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.SEND_VIDEO] }, { children: _jsx(PermissionNotification, Object.assign({ permission: OwnCapability.SEND_VIDEO, isAwaitingApproval: isAwaitingApproval, messageApproved: "You can now share your video.", messageAwaitingApproval: "Awaiting for an approval to share your video.", messageRevoked: "You can no longer share your video." }, { children: _jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorVideo, active: isVideoMute, caption: caption }, { children: _jsx(IconButton, { icon: isVideoMute ? 'camera-off' : 'camera', onClick: handleClick }) })) })) })));
+};
+//# sourceMappingURL=ToggleCameraButton.js.map

package/dist/src/components/CallControls/ToggleCameraButton.js.map

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ButtonWithIconProps } from '../Button/';
+export type ToggleParticipantListButtonProps = {
+    caption?: string;
+} & Omit<ButtonWithIconProps, 'icon' | 'ref'>;
+export declare const ToggleParticipantListButton: (props: ToggleParticipantListButtonProps) => JSX.Element;

package/dist/src/components/CallControls/ToggleParticipantListButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CompositeButton, IconButton } from '../Button/';
+export const ToggleParticipantListButton = (props) => {
+    const { enabled, caption = 'Participants' } = props;
+    return (_jsx(CompositeButton, Object.assign({ active: enabled, caption: caption }, { children: _jsx(IconButton, Object.assign({ icon: "participants" }, props)) })));
+};
+//# sourceMappingURL=ToggleParticipantListButton.js.map

package/dist/src/components/CallControls/ToggleParticipantListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleParticipantListButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ToggleParticipantListButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO9E,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAuC,EACvC,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IACpD,OAAO,CACL,KAAC,eAAe,kBAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,gBAChD,KAAC,UAAU,kBAAC,IAAI,EAAC,cAAc,IAAK,KAAK,EAAI,IAC7B,CACnB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+export * from './CallControls';
+export * from './CallStatsButton';
+export * from './CancelCallButton';
+export * from './ReactionsButton';
+export * from './RecordCallButton';
+export * from './ScreenShareButton';
+export * from './ToggleAudioButton';
+export * from './ToggleCameraButton';
+export * from './ToggleAudioOutputButton';
+export * from './ToggleParticipantListButton';

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

@@ -0,0 +1,11 @@
+export * from './CallControls';
+export * from './CallStatsButton';
+export * from './CancelCallButton';
+export * from './ReactionsButton';
+export * from './RecordCallButton';
+export * from './ScreenShareButton';
+export * from './ToggleAudioButton';
+export * from './ToggleCameraButton';
+export * from './ToggleAudioOutputButton';
+export * from './ToggleParticipantListButton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CallControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const BlockedUserListing: ({ data }: {
+    data: string[];
+}) => JSX.Element | null;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCall } from '@stream-io/video-react-bindings';
+import { OwnCapability } from '@stream-io/video-client';
+import { Restricted } from '../Moderation';
+import { TextButton } from '../Button';
+export const BlockedUserListing = ({ data }) => {
+    if (!data.length)
+        return null;
+    return (_jsx(_Fragment, { children: _jsx("div", Object.assign({ className: "str-video__participant-listing" }, { children: data.map((userId) => (_jsx(BlockedUserListingItem, { userId: userId }, userId))) })) }));
+};
+const BlockedUserListingItem = ({ userId }) => {
+    const call = useCall();
+    const unblockUserClickHandler = () => {
+        if (userId)
+            call === null || call === void 0 ? void 0 : call.unblockUser(userId);
+    };
+    return (_jsxs("div", Object.assign({ className: "str-video__participant-listing-item" }, { children: [_jsx("div", Object.assign({ className: "str-video__participant-listing-item__display-name" }, { children: userId })), _jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.BLOCK_USERS] }, { children: _jsx(TextButton, Object.assign({ onClick: unblockUserClickHandler }, { children: "Unblock" })) }))] })));
+};
+//# sourceMappingURL=BlockedUserListing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockedUserListing.js","sourceRoot":"","sources":["../../../../src/components/CallParticipantsList/BlockedUserListing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAsB,EAAE,EAAE;IACjE,IAAI,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,4BACE,4BAAK,SAAS,EAAC,gCAAgC,gBAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpB,KAAC,sBAAsB,IAAc,MAAM,EAAE,MAAM,IAAtB,MAAM,CAAoB,CACxD,CAAC,IACE,GACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE;IAChE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,IAAI,MAAM;YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC,iBAClD,4BAAK,SAAS,EAAC,mDAAmD,gBAC/D,MAAM,IACH,EACN,KAAC,UAAU,kBAAC,cAAc,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,gBACrD,KAAC,UAAU,kBAAC,OAAO,EAAE,uBAAuB,6BAAsB,IACvD,KACT,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type CallParticipantListHeaderProps = {
+    /** Click event listener function to be invoked in order to dismiss / hide the CallParticipantsList from the UI */
+    onClose: () => void;
+};
+export declare const CallParticipantListHeader: ({ onClose, }: CallParticipantListHeaderProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useParticipants } from '@stream-io/video-react-bindings';
+export const CallParticipantListHeader = ({ onClose, }) => {
+    const participants = useParticipants();
+    return (_jsxs("div", Object.assign({ className: "str-video__participant-list-header" }, { children: [_jsxs("div", Object.assign({ className: "str-video__participant-list-header__title" }, { children: ["Participants", ' ', _jsxs("span", Object.assign({ className: "str-video__participant-list-header__title-count" }, { children: ["(", participants.length, ")"] }))] })), _jsx("button", Object.assign({ onClick: onClose, className: "str-video__participant-list-header__close-button" }, { children: _jsx("span", { className: "str-video__participant-list-header__close-button--icon" }) }))] })));
+};
+//# sourceMappingURL=CallParticipantListHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallParticipantListHeader.js","sourceRoot":"","sources":["../../../../src/components/CallParticipantsList/CallParticipantListHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,OAAO,GACwB,EAAE,EAAE;IACnC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACL,6BAAK,SAAS,EAAC,oCAAoC,iBACjD,6BAAK,SAAS,EAAC,2CAA2C,iCAC3C,GAAG,EAChB,8BAAM,SAAS,EAAC,iDAAiD,sBAC7D,YAAY,CAAC,MAAM,UAChB,KACH,EACN,+BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,kDAAkD,gBAE5D,eAAM,SAAS,EAAC,wDAAwD,GAAG,IACpE,KACL,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { ComponentType } from 'react';
+import { StreamVideoParticipant } from '@stream-io/video-client';
+export type CallParticipantListingProps = {
+    /** Array of participant objects to be rendered */
+    data: StreamVideoParticipant[];
+    Header?: ComponentType;
+};
+export declare const CallParticipantListing: ({ data, }: CallParticipantListingProps) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CallParticipantListingItem } from './CallParticipantListingItem';
+export const CallParticipantListing = ({ data, }) => (_jsx("div", Object.assign({ className: "str-video__participant-listing" }, { children: data.map((participant) => (_jsx(CallParticipantListingItem, { participant: participant }, participant.sessionId))) })));
+//# sourceMappingURL=CallParticipantListing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CallParticipantListing.js","sourceRoot":"","sources":["../../../../src/components/CallParticipantsList/CallParticipantListing.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,GACwB,EAAE,EAAE,CAAC,CACjC,4BAAK,SAAS,EAAC,gCAAgC,gBAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACzB,KAAC,0BAA0B,IAEzB,WAAW,EAAE,WAAW,IADnB,WAAW,CAAC,SAAS,CAE1B,CACH,CAAC,IACE,CACP,CAAC"}

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

@@ -0,0 +1,15 @@
+import { ComponentType } from 'react';
+import { StreamVideoParticipant } from '@stream-io/video-client';
+type CallParticipantListingItemProps = {
+    /** Participant object be rendered */
+    participant: StreamVideoParticipant;
+    /** Custom component used to display participant's name */
+    DisplayName?: ComponentType<{
+        participant: StreamVideoParticipant;
+    }>;
+};
+export declare const CallParticipantListingItem: ({ participant, DisplayName, }: CallParticipantListingItemProps) => JSX.Element;
+export declare const ParticipantActionsContextMenu: ({ participant, }: {
+    participant: StreamVideoParticipant;
+}) => JSX.Element;
+export {};

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

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useCall, useConnectedUser } from '@stream-io/video-react-bindings';
+import { OwnCapability, SfuModels, } from '@stream-io/video-client';
+import { IconButton } from '../Button';
+import { GenericMenu, GenericMenuButtonItem, MenuToggle, } from '../Menu';
+import { Restricted } from '../Moderation';
+import { WithTooltip } from '../Tooltip';
+import { Icon } from '../Icon';
+export const CallParticipantListingItem = ({ participant, DisplayName = DefaultDisplayName, }) => {
+    const isAudioOn = participant.publishedTracks.includes(SfuModels.TrackType.AUDIO);
+    const isVideoOn = participant.publishedTracks.includes(SfuModels.TrackType.VIDEO);
+    const isPinned = !!participant.pinnedAt;
+    return (_jsxs("div", Object.assign({ className: "str-video__participant-listing-item" }, { children: [_jsx(DisplayName, { participant: participant }), _jsxs("div", Object.assign({ className: "str-video__participant-listing-item__media-indicator-group" }, { children: [_jsx(MediaIndicator, { title: isAudioOn ? 'Microphone on' : 'Microphone off', className: clsx('str-video__participant-listing-item__icon', `str-video__participant-listing-item__icon-${isAudioOn ? 'mic' : 'mic-off'}`) }), _jsx(MediaIndicator, { title: isVideoOn ? 'Camera on' : 'Camera off', className: clsx('str-video__participant-listing-item__icon', `str-video__participant-listing-item__icon-${isVideoOn ? 'camera' : 'camera-off'}`) }), isPinned && (_jsx(MediaIndicator, { title: 'Pinned', className: clsx('str-video__participant-listing-item__icon', 'str-video__participant-listing-item__icon-pinned') })), _jsx(MenuToggle, Object.assign({ placement: "bottom-end", ToggleButton: ToggleButton }, { children: _jsx(ParticipantActionsContextMenu, { participant: participant }) }))] }))] })));
+};
+const MediaIndicator = (props) => (_jsx(WithTooltip, Object.assign({}, props)));
+// todo: implement display device flag
+const DefaultDisplayName = ({ participant }) => {
+    const connectedUser = useConnectedUser();
+    const meFlag = participant.userId === (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id) ? 'Me' : '';
+    const nameOrId = participant.name || participant.userId || 'Unknown';
+    let displayName;
+    if (!participant.name) {
+        displayName = meFlag || nameOrId || 'Unknown';
+    }
+    else if (meFlag) {
+        displayName = `${nameOrId} (${meFlag})`;
+    }
+    else {
+        displayName = nameOrId;
+    }
+    return (_jsx(WithTooltip, Object.assign({ className: "str-video__participant-listing-item__display-name", title: displayName }, { children: displayName })));
+};
+const ToggleButton = forwardRef((props, ref) => {
+    return _jsx(IconButton, { enabled: props.menuShown, icon: "ellipsis", ref: ref });
+});
+export const ParticipantActionsContextMenu = ({ participant, }) => {
+    const activeCall = useCall();
+    const blockUser = () => {
+        activeCall === null || activeCall === void 0 ? void 0 : activeCall.blockUser(participant.userId);
+    };
+    // FIXME: soft kicking does not work this way
+    // also needs to be session-based
+    // const kickUserClickHandler = () => {
+    //   getCall()?.updateCallMembers({
+    //     remove_members: [participant.userId],
+    //     disconnectRemovedMembers: true,
+    //   });
+    // };
+    const muteAudio = () => {
+        activeCall === null || activeCall === void 0 ? void 0 : activeCall.muteUser(participant.userId, 'audio');
+    };
+    const muteVideo = () => {
+        activeCall === null || activeCall === void 0 ? void 0 : activeCall.muteUser(participant.userId, 'video');
+    };
+    const muteScreenShare = () => {
+        activeCall === null || activeCall === void 0 ? void 0 : activeCall.muteUser(participant.userId, 'screenshare');
+    };
+    const grantPermission = (permission) => () => {
+        activeCall === null || activeCall === void 0 ? void 0 : activeCall.updateUserPermissions({
+            user_id: participant.userId,
+            grant_permissions: [permission],
+        });
+    };
+    const revokePermission = (permission) => () => {
+        activeCall === null || activeCall === void 0 ? void 0 : activeCall.updateUserPermissions({
+            user_id: participant.userId,
+            revoke_permissions: [permission],
+        });
+    };
+    const toggleParticipantPinnedAt = () => {
+        activeCall === null || activeCall === void 0 ? void 0 : activeCall.setParticipantPinnedAt(participant.sessionId, participant.pinnedAt ? undefined : Date.now());
+    };
+    return (_jsxs(GenericMenu, { children: [_jsxs(GenericMenuButtonItem, Object.assign({ onClick: toggleParticipantPinnedAt }, { children: [_jsx(Icon, { icon: "pin" }), participant.pinnedAt ? 'Unpin' : 'Pin'] })), _jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.BLOCK_USERS] }, { children: _jsxs(GenericMenuButtonItem, Object.assign({ onClick: blockUser }, { children: [_jsx(Icon, { icon: "not-allowed" }), "Block"] })) })), _jsxs(Restricted, Object.assign({ requiredGrants: [OwnCapability.MUTE_USERS] }, { children: [_jsxs(GenericMenuButtonItem, Object.assign({ disabled: !participant.publishedTracks.includes(SfuModels.TrackType.VIDEO), onClick: muteVideo }, { children: [_jsx(Icon, { icon: "camera-off-outline" }), "Turn off video"] })), _jsxs(GenericMenuButtonItem, Object.assign({ disabled: !participant.publishedTracks.includes(SfuModels.TrackType.SCREEN_SHARE), onClick: muteScreenShare }, { children: [_jsx(Icon, { icon: "screen-share-off" }), "Turn off screen share"] })), _jsxs(GenericMenuButtonItem, Object.assign({ disabled: !participant.publishedTracks.includes(SfuModels.TrackType.AUDIO), onClick: muteAudio }, { children: [_jsx(Icon, { icon: "no-audio" }), "Mute audio"] }))] })), _jsxs(Restricted, Object.assign({ requiredGrants: [OwnCapability.UPDATE_CALL_PERMISSIONS] }, { children: [_jsx(GenericMenuButtonItem, Object.assign({ onClick: grantPermission(OwnCapability.SEND_AUDIO) }, { children: "Allow audio" })), _jsx(GenericMenuButtonItem, Object.assign({ onClick: grantPermission(OwnCapability.SEND_VIDEO) }, { children: "Allow video" })), _jsx(GenericMenuButtonItem, Object.assign({ onClick: grantPermission(OwnCapability.SCREENSHARE) }, { children: "Allow screen sharing" })), _jsx(GenericMenuButtonItem, Object.assign({ onClick: revokePermission(OwnCapability.SEND_AUDIO) }, { children: "Disable audio" })), _jsx(GenericMenuButtonItem, Object.assign({ onClick: revokePermission(OwnCapability.SEND_VIDEO) }, { children: "Disable video" })), _jsx(GenericMenuButtonItem, Object.assign({ onClick: revokePermission(OwnCapability.SCREENSHARE) }, { children: "Disable screen sharing" }))] }))] }));
+};
+//# sourceMappingURL=CallParticipantListingItem.js.map

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { StreamVideoParticipant } from '@stream-io/video-client';
+import { UseSearchParams } from '../Search/hooks';
+type CallParticipantListProps = {
+    /** Click event listener function to be invoked in order to dismiss/hide the CallParticipantsList from the UI */
+    onClose: () => void;
+    /** Custom function to override the searching logic of active participants */
+    activeUsersSearchFn?: UseSearchParams<StreamVideoParticipant>['searchFn'];
+    /** Custom function to override the searching logic of blocked users */
+    blockedUsersSearchFn?: UseSearchParams<string>['searchFn'];
+    /** Interval in ms, during which the participant search calls will be throttled. The default value is 200ms. */
+    debounceSearchInterval?: number;
+};
+export declare const CallParticipantsList: ({ onClose, activeUsersSearchFn, blockedUsersSearchFn, debounceSearchInterval, }: CallParticipantListProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,82 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useState, } from 'react';
+import { useCall, useCallMetadata, useOwnCapabilities, useParticipants, } from '@stream-io/video-react-bindings';
+import { name, OwnCapability, } from '@stream-io/video-client';
+import { clsx } from 'clsx';
+import { BlockedUserListing } from './BlockedUserListing';
+import { CopyToClipboardButtonWithPopup, IconButton, TextButton, } from '../Button';
+import { CallParticipantListHeader } from './CallParticipantListHeader';
+import { CallParticipantListing } from './CallParticipantListing';
+import { EmptyParticipantSearchList } from './EmptyParticipantSearchList';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { SearchInput, SearchResults } from '../Search';
+import { useSearch } from '../Search/hooks';
+import { Restricted } from '../Moderation';
+import { GenericMenu, GenericMenuButtonItem, MenuToggle, } from '../Menu';
+const UserListTypes = {
+    active: 'Active users',
+    blocked: 'Blocked users',
+};
+export const CallParticipantsList = ({ onClose, activeUsersSearchFn, blockedUsersSearchFn, debounceSearchInterval, }) => {
+    const [searchQuery, setSearchQuery] = useState('');
+    const [userListType, setUserListType] = useState('active');
+    const exitSearch = useCallback(() => setSearchQuery(''), []);
+    return (_jsxs("div", Object.assign({ className: "str-video__participant-list" }, { children: [_jsx(CallParticipantListHeader, { onClose: onClose }), _jsx(SearchInput, { value: searchQuery, onChange: ({ currentTarget }) => setSearchQuery(currentTarget.value), exitSearch: exitSearch, isActive: !!searchQuery }), _jsx(CallParticipantListContentHeader, { userListType: userListType, setUserListType: setUserListType }), _jsxs("div", Object.assign({ className: "str-video__participant-list__content" }, { children: [userListType === 'active' && (_jsx(ActiveUsersSearchResults, { searchQuery: searchQuery, activeUsersSearchFn: activeUsersSearchFn, debounceSearchInterval: debounceSearchInterval })), userListType === 'blocked' && (_jsx(BlockedUsersSearchResults, { searchQuery: searchQuery, blockedUsersSearchFn: blockedUsersSearchFn, debounceSearchInterval: debounceSearchInterval }))] })), _jsx("div", Object.assign({ className: "str-video__participant-list__footer" }, { children: _jsx(CopyToClipboardButtonWithPopup, { Button: InviteLinkButton, copyValue: typeof window !== 'undefined' ? window.location.href : '' }) }))] })));
+};
+const CallParticipantListContentHeader = ({ userListType, setUserListType, }) => {
+    const ownCapabilities = useOwnCapabilities();
+    const call = useCall();
+    const muteAll = () => {
+        call === null || call === void 0 ? void 0 : call.muteAllUsers('audio');
+    };
+    return (_jsxs("div", Object.assign({ className: "str-video__participant-list__content-header" }, { children: [_jsx(MenuToggle, Object.assign({ placement: "bottom-end", ToggleButton: ToggleButton }, { children: _jsx(GenericMenu, { children: Object.keys(UserListTypes).map((lt) => (_jsx(GenericMenuButtonItem, Object.assign({ "aria-selected": lt === userListType, onClick: () => setUserListType(lt) }, { children: UserListTypes[lt] }), lt))) }) })), _jsxs("div", Object.assign({ className: "str-video__participant-list__content-header-title" }, { children: [_jsx("span", { children: UserListTypes[userListType] }), userListType === 'active' && (_jsx(Restricted, Object.assign({ availableGrants: ownCapabilities, requiredGrants: [OwnCapability.MUTE_USERS] }, { children: _jsx(TextButton, Object.assign({ onClick: muteAll }, { children: "Mute all" })) })))] }))] })));
+};
+const ActiveUsersSearchResults = ({ searchQuery, activeUsersSearchFn: activeUsersSearchFnFromProps, debounceSearchInterval = 200, }) => {
+    const participants = useParticipants({ sortBy: name });
+    const activeUsersSearchFn = useCallback((queryString) => {
+        const queryRegExp = new RegExp(queryString, 'i');
+        return Promise.resolve(participants.filter((participant) => {
+            return participant.name.match(queryRegExp);
+        }));
+    }, [participants]);
+    const { searchQueryInProgress, searchResults } = useSearch({
+        searchFn: activeUsersSearchFnFromProps !== null && activeUsersSearchFnFromProps !== void 0 ? activeUsersSearchFnFromProps : activeUsersSearchFn,
+        debounceInterval: debounceSearchInterval,
+        searchQuery,
+    });
+    return (_jsx(SearchResults, { EmptySearchResultComponent: EmptyParticipantSearchList, LoadingIndicator: LoadingIndicator, searchQueryInProgress: searchQueryInProgress, searchResults: searchQuery ? searchResults : participants, SearchResultList: CallParticipantListing }));
+};
+const BlockedUsersSearchResults = ({ blockedUsersSearchFn: blockedUsersSearchFnFromProps, debounceSearchInterval = 200, searchQuery, }) => {
+    const { blocked_user_ids: blockedUsers = [] } = useCallMetadata();
+    const blockedUsersSearchFn = useCallback((queryString) => {
+        const queryRegExp = new RegExp(queryString, 'i');
+        return Promise.resolve(blockedUsers.filter((blockedUser) => {
+            return blockedUser.match(queryRegExp);
+        }));
+    }, [blockedUsers]);
+    const { searchQueryInProgress, searchResults } = useSearch({
+        searchFn: blockedUsersSearchFnFromProps !== null && blockedUsersSearchFnFromProps !== void 0 ? blockedUsersSearchFnFromProps : blockedUsersSearchFn,
+        debounceInterval: debounceSearchInterval,
+        searchQuery,
+    });
+    return (_jsx(SearchResults, { EmptySearchResultComponent: EmptyParticipantSearchList, LoadingIndicator: LoadingIndicator, searchQueryInProgress: searchQueryInProgress, searchResults: searchQuery ? searchResults : blockedUsers, SearchResultList: BlockedUserListing }));
+};
+const ToggleButton = forwardRef((props, ref) => {
+    return _jsx(IconButton, { enabled: props.menuShown, icon: "caret-down", ref: ref });
+});
+const InviteLinkButton = forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsxs("button", Object.assign({}, props, { className: clsx('str-video__invite-link-button', className), ref: ref }, { children: [_jsx("div", { className: "str-video__invite-participant-icon" }), _jsx("div", Object.assign({ className: "str-video__invite-link-button__text" }, { children: "Invite Link" }))] })));
+});
+//# sourceMappingURL=CallParticipantsList.js.map

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

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

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

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

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;