@stream-io/video-react-native-sdk 0.0.10 → 0.0.12

package/dist/src/components/Participant/FloatingParticipantView/index.js

@@ -1,95 +0,0 @@
-import React from 'react';
-import { Pressable, StyleSheet, View, } from 'react-native';
-import { FLOATING_VIDEO_VIEW_STYLE, Z_INDEX } from '../../../constants';
-import { ComponentTestIds } from '../../../constants/TestIds';
-import { VideoSlash } from '../../../icons';
-import FloatingView from './FloatingView';
-import { FloatingViewAlignment } from './FloatingView/common';
-import { ParticipantView as DefaultParticipantView, } from '../ParticipantView';
-import { useTheme } from '../../../contexts/ThemeContext';
-const CustomLocalParticipantViewVideoFallback = () => {
-    const { theme: { colors, floatingParticipantsView, variants: { iconSizes }, }, } = useTheme();
-    return (React.createElement(View, { style: [
-            styles.videoFallback,
-            { backgroundColor: colors.disabled },
-            floatingParticipantsView.videoFallback,
-        ] },
-        React.createElement(View, { style: { height: iconSizes.md, width: iconSizes.md } },
-            React.createElement(VideoSlash, { color: colors.static_white }))));
-};
-/**
- * A component to render the floating participant's video.
- */
-export const FloatingParticipantView = ({ alignment = 'top-right', onPressHandler, participant, style, ParticipantView = DefaultParticipantView, ParticipantNetworkQualityIndicator, ParticipantReaction, VideoRenderer, }) => {
-    const { theme: { colors, floatingParticipantsView }, } = useTheme();
-    const floatingAlignmentMap = {
-        'top-left': FloatingViewAlignment.topLeft,
-        'top-right': FloatingViewAlignment.topRight,
-        'bottom-left': FloatingViewAlignment.bottomLeft,
-        'bottom-right': FloatingViewAlignment.bottomRight,
-    };
-    const [containerDimensions, setContainerDimensions] = React.useState();
-    const participantViewProps = {
-        ParticipantLabel: null,
-        ParticipantNetworkQualityIndicator,
-        ParticipantReaction,
-        ParticipantVideoFallback: CustomLocalParticipantViewVideoFallback,
-        VideoRenderer,
-    };
-    if (!participant) {
-        return null;
-    }
-    return (React.createElement(View, { testID: ComponentTestIds.LOCAL_PARTICIPANT, style: [styles.container, floatingParticipantsView.container], 
-        // "box-none" disallows the container view to be not take up touches
-        // and allows only the floating view (its child view) to take up the touches
-        pointerEvents: "box-none", onLayout: (event) => {
-            const { width, height } = event.nativeEvent.layout;
-            setContainerDimensions((prev) => {
-                if (prev && prev.width === width && prev.height === height) {
-                    return prev;
-                }
-                return {
-                    width: width,
-                    height: height,
-                };
-            });
-        } }, containerDimensions && (React.createElement(FloatingView, { containerHeight: containerDimensions.height, containerWidth: containerDimensions.width, initialAlignment: floatingAlignmentMap[alignment] },
-        React.createElement(Pressable, { onPress: onPressHandler }, ParticipantView && (React.createElement(ParticipantView, { participant: participant, trackType: "videoTrack", style: [
-                styles.participantViewContainer,
-                style,
-                {
-                    backgroundColor: colors.static_grey,
-                    shadowColor: colors.static_black,
-                },
-                floatingParticipantsView.participantViewContainer,
-            ], 
-            // video z order must be one above the one used in grid view
-            // (which uses the default: 0)
-            videoZOrder: 1, ...participantViewProps })))))));
-};
-const styles = StyleSheet.create({
-    container: {
-        margin: 8,
-        // Needed to make the view on top and draggable
-        zIndex: Z_INDEX.IN_MIDDLE,
-        flex: 1,
-    },
-    participantViewContainer: {
-        height: FLOATING_VIDEO_VIEW_STYLE.height,
-        width: FLOATING_VIDEO_VIEW_STYLE.width,
-        borderRadius: FLOATING_VIDEO_VIEW_STYLE.borderRadius,
-        shadowOffset: {
-            width: 0,
-            height: 2,
-        },
-        shadowOpacity: 0.23,
-        shadowRadius: 2.62,
-        elevation: 4,
-    },
-    videoFallback: {
-        ...StyleSheet.absoluteFillObject,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-});
-//# sourceMappingURL=index.js.map

package/dist/src/components/Participant/FloatingParticipantView/index.js.map

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

package/dist/src/components/Participant/ParticipantView/ParticipantLabel.d.ts

@@ -1,9 +0,0 @@
-import { ParticipantViewProps } from './ParticipantView';
-/**
- * Props for the ParticipantLabel component.
- */
-export type ParticipantLabelProps = Pick<ParticipantViewProps, 'trackType' | 'participant'>;
-/**
- * This component is used to display the participant label that contains the participant name, video/audio mute/unmute status.
- */
-export declare const ParticipantLabel: ({ participant, trackType, }: ParticipantLabelProps) => JSX.Element;

package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js

@@ -1,113 +0,0 @@
-import React from 'react';
-import { Pressable, StyleSheet, Text, View } from 'react-native';
-import { MicOff, PinVertical, ScreenShare, VideoSlash } from '../../../icons';
-import { useCall, useI18n } from '@stream-io/video-react-bindings';
-import { ComponentTestIds } from '../../../constants/TestIds';
-import { Z_INDEX } from '../../../constants';
-import { SfuModels } from '@stream-io/video-client';
-import { useTheme } from '../../../contexts/ThemeContext';
-/**
- * This component is used to display the participant label that contains the participant name, video/audio mute/unmute status.
- */
-export const ParticipantLabel = ({ participant, trackType, }) => {
-    const { theme: { colors, typefaces, variants: { iconSizes }, participantLabel: { container, userNameLabel, audioMutedIconContainer, videoMutedIconContainer, pinIconContainer, screenShareIconContainer, }, }, } = useTheme();
-    const { name, userId, pin, publishedTracks, sessionId, isLocalParticipant } = participant;
-    const call = useCall();
-    const { t } = useI18n();
-    const participantName = name ?? userId;
-    const participantLabel = isLocalParticipant ? t('You') : participantName;
-    const isPinningEnabled = pin?.isLocalPin;
-    const isAudioMuted = !publishedTracks.includes(SfuModels.TrackType.AUDIO);
-    const isVideoMuted = !publishedTracks.includes(SfuModels.TrackType.VIDEO);
-    const unPinParticipantHandler = () => {
-        call?.unpin(sessionId);
-    };
-    if (trackType === 'screenShareTrack') {
-        return (React.createElement(View, { style: [
-                styles.container,
-                { backgroundColor: colors.static_overlay },
-                container,
-            ], testID: ComponentTestIds.PARTICIPANT_SCREEN_SHARING },
-            React.createElement(View, { style: [
-                    styles.screenShareIconContainer,
-                    {
-                        height: iconSizes.md,
-                        width: iconSizes.md,
-                    },
-                    screenShareIconContainer,
-                ] },
-                React.createElement(ScreenShare, { color: colors.static_white })),
-            React.createElement(Text, { style: [
-                    styles.userNameLabel,
-                    { color: colors.static_white },
-                    typefaces.caption,
-                    userNameLabel,
-                ], numberOfLines: 1 }, t('{{ userName }} is sharing their screen', {
-                userName: participantLabel,
-            }))));
-    }
-    return (React.createElement(View, { style: [
-            styles.container,
-            { backgroundColor: colors.static_overlay },
-            container,
-        ] },
-        React.createElement(Text, { style: [
-                styles.userNameLabel,
-                { color: colors.static_white },
-                typefaces.caption,
-                userNameLabel,
-            ], numberOfLines: 1 }, participantLabel),
-        isAudioMuted && (React.createElement(View, { style: [
-                styles.audioMutedIconContainer,
-                {
-                    height: iconSizes.xs,
-                    width: iconSizes.xs,
-                },
-                audioMutedIconContainer,
-            ] },
-            React.createElement(MicOff, { color: colors.error }))),
-        isVideoMuted && (React.createElement(View, { style: [
-                styles.videoMutedIconContainer,
-                {
-                    height: iconSizes.xs,
-                    width: iconSizes.xs,
-                },
-                videoMutedIconContainer,
-            ] },
-            React.createElement(VideoSlash, { color: colors.error }))),
-        isPinningEnabled && (React.createElement(Pressable, { style: [
-                styles.pinIconContainer,
-                {
-                    height: iconSizes.xs,
-                    width: iconSizes.xs,
-                },
-                pinIconContainer,
-            ], onPress: unPinParticipantHandler },
-            React.createElement(PinVertical, { color: colors.static_white })))));
-};
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        padding: 8,
-        borderRadius: 5,
-        flexShrink: 1,
-        zIndex: Z_INDEX.IN_FRONT,
-    },
-    userNameLabel: {
-        flexShrink: 1,
-    },
-    screenShareIconContainer: {
-        marginRight: 8,
-    },
-    audioMutedIconContainer: {
-        marginLeft: 4,
-    },
-    videoMutedIconContainer: {
-        marginLeft: 4,
-    },
-    pinIconContainer: {
-        marginLeft: 4,
-    },
-});
-//# sourceMappingURL=ParticipantLabel.js.map

package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js.map

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

package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.d.ts

@@ -1,6 +0,0 @@
-import { ParticipantViewProps } from './ParticipantView';
-/**
- * Props for the NetworkQualityIndicator component.
- */
-export type ParticipantNetworkQualityIndicatorProps = Pick<ParticipantViewProps, 'participant'>;
-export declare const ParticipantNetworkQualityIndicator: ({ participant, }: ParticipantNetworkQualityIndicatorProps) => JSX.Element | null;

package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js

@@ -1,51 +0,0 @@
-import { StyleSheet, View } from 'react-native';
-import { Path, Svg } from 'react-native-svg';
-import { SfuModels } from '@stream-io/video-client';
-import React from 'react';
-import { Z_INDEX } from '../../../constants';
-import { useTheme } from '../../../contexts/ThemeContext';
-const useConnectionQualitySignalColors = (participant) => {
-    const { theme: { colors }, } = useTheme();
-    const { connectionQuality } = participant;
-    if (!connectionQuality) {
-        return null;
-    }
-    switch (connectionQuality) {
-        case SfuModels.ConnectionQuality.EXCELLENT:
-            return [colors.primary, colors.primary, colors.primary];
-        case SfuModels.ConnectionQuality.GOOD:
-            return [colors.primary, colors.primary, colors.static_white];
-        case SfuModels.ConnectionQuality.POOR:
-            return [colors.error, colors.static_white, colors.static_white];
-        default:
-            return null;
-    }
-};
-export const ParticipantNetworkQualityIndicator = ({ participant, }) => {
-    const { theme: { colors, variants: { iconSizes }, participantNetworkQualityIndicator, }, } = useTheme();
-    const connectionQualityColors = useConnectionQualitySignalColors(participant);
-    if (!connectionQualityColors) {
-        return null;
-    }
-    return (React.createElement(View, { style: [
-            styles.container,
-            {
-                backgroundColor: colors.static_overlay,
-                height: iconSizes.lg,
-                width: iconSizes.lg,
-            },
-            participantNetworkQualityIndicator.container,
-        ] },
-        React.createElement(Svg, { viewBox: "0 0 34 34", fill: 'none' },
-            React.createElement(Path, { d: "M 9.97559 22.3379 L 9.97559 19.616", stroke: connectionQualityColors[0], strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", fill: connectionQualityColors[0] }),
-            React.createElement(Path, { d: "M 16.7808 22.3379 L 16.7808 15.5331", stroke: connectionQualityColors[1], strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", fill: connectionQualityColors[1] }),
-            React.createElement(Path, { d: "M 23.5854 22.3379 L 23.5854 11.4502", stroke: connectionQualityColors[2], strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", fill: connectionQualityColors[2] }))));
-};
-const styles = StyleSheet.create({
-    container: {
-        zIndex: Z_INDEX.IN_FRONT,
-        alignSelf: 'flex-end',
-        borderRadius: 5,
-    },
-});
-//# sourceMappingURL=ParticipantNetworkQualityIndicator.js.map

package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js.map

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

package/dist/src/components/Participant/ParticipantView/ParticipantReaction.d.ts

@@ -1,16 +0,0 @@
-import { ParticipantViewProps } from './ParticipantView';
-/**
- * Props for the ParticipantReaction component.
- */
-export type ParticipantReactionProps = Pick<ParticipantViewProps, 'participant'> & {
-    /**
-     * The duration after which the reaction should disappear.
-     *
-     * @default 5500
-     */
-    hideAfterTimeoutInMs?: number;
-};
-/**
- * This component is used to display the current participant reaction.
- */
-export declare const ParticipantReaction: ({ participant, hideAfterTimeoutInMs, }: ParticipantReactionProps) => JSX.Element;

package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js

@@ -1,55 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { useCall } from '@stream-io/video-react-bindings';
-import { StreamVideoRN } from '../../../utils';
-import { Z_INDEX } from '../../../constants';
-import { useTheme } from '../../../contexts/ThemeContext';
-/**
- * This component is used to display the current participant reaction.
- */
-export const ParticipantReaction = ({ participant, hideAfterTimeoutInMs = 5500, }) => {
-    const { supportedReactions } = StreamVideoRN.getConfig();
-    const { reaction, sessionId } = participant;
-    const call = useCall();
-    const { theme: { typefaces, variants: { iconSizes }, participantReaction, }, } = useTheme();
-    const [isShowing, setIsShowing] = useState(false);
-    useEffect(() => {
-        let timeoutId;
-        if (call) {
-            setIsShowing(true);
-            timeoutId = setTimeout(() => {
-                setIsShowing(false);
-                call.resetReaction(sessionId);
-            }, hideAfterTimeoutInMs);
-        }
-        return () => {
-            clearTimeout(timeoutId);
-        };
-    }, [call, hideAfterTimeoutInMs, sessionId, reaction]);
-    const currentReaction = reaction &&
-        supportedReactions.find((supportedReaction) => supportedReaction.emoji_code === reaction.emoji_code);
-    let component;
-    if (isShowing) {
-        if (typeof currentReaction?.icon !== 'string') {
-            component = currentReaction?.icon;
-        }
-        else {
-            component = (React.createElement(Text, { style: [participantReaction.reaction, typefaces.heading6] }, currentReaction.icon));
-        }
-    }
-    return (React.createElement(View, { style: [
-            styles.container,
-            {
-                height: iconSizes.md,
-                width: iconSizes.md,
-            },
-            participantReaction.container,
-        ] }, component));
-};
-const styles = StyleSheet.create({
-    container: {
-        alignSelf: 'flex-start',
-        zIndex: Z_INDEX.IN_FRONT,
-    },
-});
-//# sourceMappingURL=ParticipantReaction.js.map

package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParticipantReaction.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantReaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAiB1D;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,WAAW,EACX,oBAAoB,GAAG,IAAI,GACF,EAAE,EAAE;IAC7B,MAAM,EAAE,kBAAkB,EAAE,GAAG,aAAa,CAAC,SAAS,EAAE,CAAC;IACzD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;IAC5C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EACJ,KAAK,EAAE,EACL,SAAS,EACT,QAAQ,EAAE,EAAE,SAAS,EAAE,EACvB,mBAAmB,GACpB,GACF,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAyB,CAAC;QAC9B,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAChC,CAAC,EAAE,oBAAoB,CAAC,CAAC;SAC1B;QACD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,MAAM,eAAe,GACnB,QAAQ;QACR,kBAAkB,CAAC,IAAI,CACrB,CAAC,iBAAiB,EAAE,EAAE,CACpB,iBAAiB,CAAC,UAAU,KAAK,QAAQ,CAAC,UAAU,CACvD,CAAC;IAEJ,IAAI,SAAS,CAAC;IACd,IAAI,SAAS,EAAE;QACb,IAAI,OAAO,eAAe,EAAE,IAAI,KAAK,QAAQ,EAAE;YAC7C,SAAS,GAAG,eAAe,EAAE,IAAI,CAAC;SACnC;aAAM;YACL,SAAS,GAAG,CACV,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,IAC5D,eAAe,CAAC,IAAI,CAChB,CACR,CAAC;SACH;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,MAAM,EAAE,SAAS,CAAC,EAAE;gBACpB,KAAK,EAAE,SAAS,CAAC,EAAE;aACpB;YACD,mBAAmB,CAAC,SAAS;SAC9B,IAEA,SAAS,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,SAAS,EAAE,YAAY;QACvB,MAAM,EAAE,OAAO,CAAC,QAAQ;KACzB;CACF,CAAC,CAAC"}

package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.d.ts

@@ -1,9 +0,0 @@
-import { ParticipantViewProps } from './ParticipantView';
-/**
- * Props for the ParticipantVideoFallback component.
- */
-export type ParticipantVideoFallbackProps = Pick<ParticipantViewProps, 'participant'>;
-/**
- * This component is used to customize the video fallback of the participant, when the video is disabled.
- */
-export declare const ParticipantVideoFallback: ({ participant, }: ParticipantVideoFallbackProps) => JSX.Element;

package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { Avatar } from '../../utility';
-import { useTheme } from '../../../contexts/ThemeContext';
-/**
- * This component is used to customize the video fallback of the participant, when the video is disabled.
- */
-export const ParticipantVideoFallback = ({ participant, }) => {
-    const { theme: { colors, typefaces, participantVideoFallback }, } = useTheme();
-    const { name, image, userId } = participant;
-    const participantLabel = name ?? userId;
-    // Display the Participant name/user id if the image isn't present.
-    return (React.createElement(View, { style: [
-            styles.container,
-            {
-                backgroundColor: colors.static_grey,
-            },
-            participantVideoFallback.container,
-        ] }, !image ? (React.createElement(Text, { style: [
-            {
-                color: colors.static_white,
-            },
-            typefaces.bodyBold,
-            participantVideoFallback.label,
-        ] }, participantLabel)) : (React.createElement(Avatar, { participant: participant, style: {
-            container: participantVideoFallback.avatarContainer,
-            image: participantVideoFallback.avatarImage,
-            text: participantVideoFallback.avatarText,
-        } }))));
-};
-const styles = StyleSheet.create({
-    container: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        ...StyleSheet.absoluteFillObject,
-    },
-});
-//# sourceMappingURL=ParticipantVideoFallback.js.map

package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParticipantVideoFallback.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantVideoFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAU1D;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,WAAW,GACmB,EAAE,EAAE;IAClC,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,wBAAwB,EAAE,GACvD,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAC5C,MAAM,gBAAgB,GAAG,IAAI,IAAI,MAAM,CAAC;IAExC,mEAAmE;IACnE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe,EAAE,MAAM,CAAC,WAAW;aACpC;YACD,wBAAwB,CAAC,SAAS;SACnC,IAEA,CAAC,KAAK,CAAC,CAAC,CAAC,CACR,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,MAAM,CAAC,YAAY;aAC3B;YACD,SAAS,CAAC,QAAQ;YAClB,wBAAwB,CAAC,KAAK;SAC/B,IAEA,gBAAgB,CACZ,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE;YACL,SAAS,EAAE,wBAAwB,CAAC,eAAe;YACnD,KAAK,EAAE,wBAAwB,CAAC,WAAW;YAC3C,IAAI,EAAE,wBAAwB,CAAC,UAAU;SAC1C,GACD,CACH,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,UAAU,CAAC,kBAAkB;KACjC;CACF,CAAC,CAAC"}

package/dist/src/components/Participant/ParticipantView/ParticipantView.d.ts

@@ -1,69 +0,0 @@
-import { ComponentType } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { StreamVideoParticipant, VideoTrackType } from '@stream-io/video-client';
-import { ParticipantNetworkQualityIndicatorProps } from './ParticipantNetworkQualityIndicator';
-import { ParticipantReactionProps } from './ParticipantReaction';
-import { ParticipantLabelProps } from './ParticipantLabel';
-import { ParticipantVideoFallbackProps } from './ParticipantVideoFallback';
-import { VideoRendererProps } from './VideoRenderer';
-export type ParticipantVideoType = VideoTrackType;
-export type ParticipantViewComponentProps = {
-    /**
-     * Component to customize the Label of the participant.
-     */
-    ParticipantLabel?: ComponentType<ParticipantLabelProps> | null;
-    /**
-     * Component to customize the reaction container of the participant.
-     */
-    ParticipantReaction?: ComponentType<ParticipantReactionProps> | null;
-    /**
-     * Component to customize the video fallback of the participant, when the video is disabled.
-     */
-    ParticipantVideoFallback?: ComponentType<ParticipantVideoFallbackProps> | null;
-    /**
-     * Component to customize the network quality indicator of the participant.
-     */
-    ParticipantNetworkQualityIndicator?: ComponentType<ParticipantNetworkQualityIndicatorProps> | null;
-    /**
-     * Component to customize the video component of the participant.
-     */
-    VideoRenderer?: ComponentType<VideoRendererProps> | null;
-};
-/**
- * Props to be passed for the Participant component.
- */
-export type ParticipantViewProps = ParticipantViewComponentProps & {
-    /**
-     * The participant that will be displayed.
-     */
-    participant: StreamVideoParticipant;
-    /**
-     * The zOrder for the video that will be displayed.
-     * For example, a video call
-     * application usually needs a maximum of two zOrder values: 0 for the
-     * remote video(s) which appear in the background, and 1 for the local
-     * video(s) which appear above the remote video(s).
-     * @default 0
-     */
-    videoZOrder?: number;
-    /**
-     * The video track that is to be displayed.
-     */
-    trackType?: ParticipantVideoType;
-    /**
-     * Custom style to be merged with the participant view.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * When set to false, the video stream will not be shown even if it is available.
-     *
-     * @default true
-     */
-    isVisible?: boolean;
-};
-/**
- * A component that renders the participants' video track or screenShare track
- * and additional info. By an absence of a video track or when isVisible is truthy,
- * only an avatar and audio track will be rendered.
- */
-export declare const ParticipantView: ({ participant, trackType, isVisible, style, ParticipantLabel, ParticipantReaction, VideoRenderer, ParticipantNetworkQualityIndicator, ParticipantVideoFallback, videoZOrder, }: ParticipantViewProps) => JSX.Element;

package/dist/src/components/Participant/ParticipantView/ParticipantView.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ParticipantNetworkQualityIndicator as DefaultParticipantNetworkQualityIndicator, } from './ParticipantNetworkQualityIndicator';
-import { ParticipantReaction as DefaultParticipantReaction, } from './ParticipantReaction';
-import { ParticipantLabel as DefaultParticipantLabel, } from './ParticipantLabel';
-import { ParticipantVideoFallback as DefaultParticipantVideoFallback, } from './ParticipantVideoFallback';
-import { VideoRenderer as DefaultVideoRenderer, } from './VideoRenderer';
-import { useTheme } from '../../../contexts/ThemeContext';
-/**
- * A component that renders the participants' video track or screenShare track
- * and additional info. By an absence of a video track or when isVisible is truthy,
- * only an avatar and audio track will be rendered.
- */
-export const ParticipantView = ({ participant, trackType = 'videoTrack', isVisible = true, style, ParticipantLabel = DefaultParticipantLabel, ParticipantReaction = DefaultParticipantReaction, VideoRenderer = DefaultVideoRenderer, ParticipantNetworkQualityIndicator = DefaultParticipantNetworkQualityIndicator, ParticipantVideoFallback = DefaultParticipantVideoFallback, videoZOrder = 0, }) => {
-    const { theme: { colors, participantView }, } = useTheme();
-    const { isSpeaking, userId } = participant;
-    const isScreenSharing = trackType === 'screenShareTrack';
-    const applySpeakerStyle = isSpeaking && !isScreenSharing;
-    const speakerStyle = applySpeakerStyle && [
-        styles.highligtedContainer,
-        {
-            borderColor: colors.primary,
-        },
-        participantView.highligtedContainer,
-    ];
-    return (React.createElement(View, { style: [styles.container, style, speakerStyle], testID: isSpeaking
-            ? `participant-${userId}-is-speaking`
-            : `participant-${userId}-is-not-speaking` },
-        ParticipantReaction && React.createElement(ParticipantReaction, { participant: participant }),
-        VideoRenderer && (React.createElement(VideoRenderer, { isVisible: isVisible, participant: participant, trackType: trackType, ParticipantVideoFallback: ParticipantVideoFallback, videoZOrder: videoZOrder })),
-        React.createElement(View, { style: [styles.footerContainer, participantView.footerContainer] },
-            ParticipantLabel && (React.createElement(ParticipantLabel, { participant: participant, trackType: trackType })),
-            ParticipantNetworkQualityIndicator && (React.createElement(ParticipantNetworkQualityIndicator, { participant: participant })))));
-};
-const styles = StyleSheet.create({
-    container: {
-        justifyContent: 'space-between',
-        padding: 4,
-        overflow: 'hidden',
-        margin: 2,
-    },
-    footerContainer: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-    },
-    highligtedContainer: {
-        borderWidth: 2,
-    },
-});
-//# sourceMappingURL=ParticipantView.js.map

package/dist/src/components/Participant/ParticipantView/ParticipantView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParticipantView.js","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAKtE,OAAO,EACL,kCAAkC,IAAI,yCAAyC,GAEhF,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,mBAAmB,IAAI,0BAA0B,GAElD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,gBAAgB,IAAI,uBAAuB,GAE5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,wBAAwB,IAAI,+BAA+B,GAE5D,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,IAAI,oBAAoB,GAEtC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AA4D1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,EACX,SAAS,GAAG,YAAY,EACxB,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,gBAAgB,GAAG,uBAAuB,EAC1C,mBAAmB,GAAG,0BAA0B,EAChD,aAAa,GAAG,oBAAoB,EACpC,kCAAkC,GAAG,yCAAyC,EAC9E,wBAAwB,GAAG,+BAA+B,EAC1D,WAAW,GAAG,CAAC,GACM,EAAE,EAAE;IACzB,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,GACnC,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAC3C,MAAM,eAAe,GAAG,SAAS,KAAK,kBAAkB,CAAC;IACzD,MAAM,iBAAiB,GAAG,UAAU,IAAI,CAAC,eAAe,CAAC;IACzD,MAAM,YAAY,GAAG,iBAAiB,IAAI;QACxC,MAAM,CAAC,mBAAmB;QAC1B;YACE,WAAW,EAAE,MAAM,CAAC,OAAO;SAC5B;QACD,eAAe,CAAC,mBAAmB;KACpC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,YAAY,CAAC,EAC9C,MAAM,EACJ,UAAU;YACR,CAAC,CAAC,eAAe,MAAM,cAAc;YACrC,CAAC,CAAC,eAAe,MAAM,kBAAkB;QAG5C,mBAAmB,IAAI,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,GAAI;QACxE,aAAa,IAAI,CAChB,oBAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,wBAAwB,EAAE,wBAAwB,EAClD,WAAW,EAAE,WAAW,GACxB,CACH;QACD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,eAAe,CAAC;YACnE,gBAAgB,IAAI,CACnB,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAI,CACrE;YACA,kCAAkC,IAAI,CACrC,oBAAC,kCAAkC,IAAC,WAAW,EAAE,WAAW,GAAI,CACjE,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;KACV;IACD,eAAe,EAAE;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;IACD,mBAAmB,EAAE;QACnB,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC"}

package/dist/src/components/Participant/ParticipantView/VideoRenderer.d.ts

@@ -1,11 +0,0 @@
-import { ParticipantViewProps } from './ParticipantView';
-/**
- * Props for the VideoRenderer component.
- */
-export type VideoRendererProps = Pick<ParticipantViewProps, 'ParticipantVideoFallback' | 'trackType' | 'participant' | 'isVisible' | 'videoZOrder'>;
-/**
- * This component is used to display the video of the participant and fallback when the video is muted.
- *
- * It internally used `RTCView` to render video stream.
- */
-export declare const VideoRenderer: ({ trackType, participant, isVisible, ParticipantVideoFallback, videoZOrder, }: VideoRendererProps) => JSX.Element;