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

package/dist/src/components/Call/CallLayout/CallParticipantsGrid.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { useCallStateHooks } from '@stream-io/video-react-bindings';
-import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
-import { CallParticipantsList as DefaultCallParticipantsList, } from '../CallParticipantsList/CallParticipantsList';
-import { ComponentTestIds } from '../../../constants/TestIds';
-import { useTheme } from '../../../contexts/ThemeContext';
-/**
- * Component used to display the list of participants in a grid mode.
- */
-export const CallParticipantsGrid = ({ CallParticipantsList = DefaultCallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, showLocalParticipant = false, }) => {
-    const { theme: { colors, callParticipantsGrid }, } = useTheme();
-    const { useRemoteParticipants, useParticipants, useLocalParticipant } = useCallStateHooks();
-    const _remoteParticipants = useRemoteParticipants();
-    const localParticipant = useLocalParticipant();
-    const _allParticipants = useParticipants();
-    // we debounce the participants arrays to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
-    const remoteParticipants = useDebouncedValue(_remoteParticipants, 300);
-    const allParticipants = useDebouncedValue(_allParticipants, 300);
-    const showFloatingView = remoteParticipants.length > 0 && remoteParticipants.length < 3;
-    const participants = showFloatingView
-        ? showLocalParticipant && localParticipant
-            ? [localParticipant]
-            : remoteParticipants
-        : allParticipants;
-    const participantViewProps = {
-        ParticipantView,
-        ParticipantLabel,
-        ParticipantNetworkQualityIndicator,
-        ParticipantReaction,
-        ParticipantVideoFallback,
-        VideoRenderer,
-    };
-    return (React.createElement(View, { style: [
-            styles.container,
-            { backgroundColor: colors.dark_gray },
-            callParticipantsGrid.container,
-        ], testID: ComponentTestIds.CALL_PARTICIPANTS_GRID }, CallParticipantsList && (React.createElement(CallParticipantsList, { participants: participants, ...participantViewProps }))));
-};
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-});
-//# sourceMappingURL=CallParticipantsGrid.js.map

package/dist/src/components/Call/CallLayout/CallParticipantsGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CallParticipantsGrid.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EACL,oBAAoB,IAAI,2BAA2B,GAGpD,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAgB1D;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,oBAAoB,GAAG,2BAA2B,EAClD,gBAAgB,EAChB,kCAAkC,EAClC,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,oBAAoB,GAAG,KAAK,GACF,EAAE,EAAE;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,GACxC,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,mBAAmB,EAAE,GACnE,iBAAiB,EAAE,CAAC;IACtB,MAAM,mBAAmB,GAAG,qBAAqB,EAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,gBAAgB,GAAG,eAAe,EAAE,CAAC;IAC3C,2IAA2I;IAC3I,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;IACvE,MAAM,eAAe,GAAG,iBAAiB,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GACpB,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,gBAAgB;QACnC,CAAC,CAAC,oBAAoB,IAAI,gBAAgB;YACxC,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACpB,CAAC,CAAC,kBAAkB;QACtB,CAAC,CAAC,eAAe,CAAC;IAEpB,MAAM,oBAAoB,GAAuC;QAC/D,eAAe;QACf,gBAAgB;QAChB,kCAAkC;QAClC,mBAAmB;QACnB,wBAAwB;QACxB,aAAa;KACd,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,EAAE,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE;YACrC,oBAAoB,CAAC,SAAS;SAC/B,EACD,MAAM,EAAE,gBAAgB,CAAC,sBAAsB,IAE9C,oBAAoB,IAAI,CACvB,oBAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,KACtB,oBAAoB,GACxB,CACH,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}

package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { CallParticipantsListComponentProps, CallParticipantsListProps } from '../CallParticipantsList/CallParticipantsList';
-/**
- * Props for the CallParticipantsSpotlight component.
- */
-export type CallParticipantsSpotlightProps = CallParticipantsListComponentProps & {
-    /**
-     * Component to customize the CallParticipantsList.
-     */
-    CallParticipantsList?: React.ComponentType<CallParticipantsListProps> | null;
-};
-/**
- * Component used to display the list of participants in a spotlight mode.
- * This can be used when you want to render the screen sharing stream.
- */
-export declare const CallParticipantsSpotlight: ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, }: CallParticipantsSpotlightProps) => JSX.Element;

package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.js

@@ -1,76 +0,0 @@
-import React from 'react';
-import { SfuModels, speakerLayoutSortPreset, } from '@stream-io/video-client';
-import { useCallStateHooks } from '@stream-io/video-react-bindings';
-import { StyleSheet, View } from 'react-native';
-import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
-import { ComponentTestIds } from '../../../constants/TestIds';
-import { CallParticipantsList as DefaultCallParticipantsList, } from '../CallParticipantsList/CallParticipantsList';
-import { ParticipantView as DefaultParticipantView, } from '../../Participant';
-import { useTheme } from '../../../contexts/ThemeContext';
-const hasScreenShare = (p) => p.publishedTracks.includes(SfuModels.TrackType.SCREEN_SHARE);
-/**
- * Component used to display the list of participants in a spotlight mode.
- * This can be used when you want to render the screen sharing stream.
- */
-export const CallParticipantsSpotlight = ({ CallParticipantsList = DefaultCallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView = DefaultParticipantView, VideoRenderer, }) => {
-    const { theme: { colors, callParticipantsSpotlight }, } = useTheme();
-    const { useParticipants } = useCallStateHooks();
-    const _allParticipants = useParticipants({
-        sortBy: speakerLayoutSortPreset,
-    });
-    const allParticipants = useDebouncedValue(_allParticipants, 300); // we debounce the participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
-    const [participantInSpotlight, ...otherParticipants] = allParticipants;
-    const isScreenShareOnSpotlight = hasScreenShare(participantInSpotlight);
-    const isUserAloneInCall = _allParticipants?.length === 1;
-    const participantViewProps = {
-        ParticipantLabel,
-        ParticipantNetworkQualityIndicator,
-        ParticipantReaction,
-        ParticipantVideoFallback,
-        VideoRenderer,
-    };
-    const callParticipantsListProps = {
-        ...participantViewProps,
-        ParticipantView,
-    };
-    return (React.createElement(View, { testID: ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT, style: [
-            styles.container,
-            {
-                backgroundColor: colors.dark_gray,
-            },
-            callParticipantsSpotlight.container,
-        ] },
-        participantInSpotlight && ParticipantView && (React.createElement(ParticipantView, { participant: participantInSpotlight, style: isUserAloneInCall
-                ? [
-                    styles.fullScreenSpotlightContainer,
-                    callParticipantsSpotlight.fullScreenSpotlightContainer,
-                ]
-                : [
-                    styles.spotlightContainer,
-                    callParticipantsSpotlight.spotlightContainer,
-                ], trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack', ...participantViewProps })),
-        !isUserAloneInCall && (React.createElement(View, { style: [
-                styles.callParticipantsListContainer,
-                callParticipantsSpotlight.callParticipantsListContainer,
-            ] }, CallParticipantsList && (React.createElement(CallParticipantsList, { participants: isScreenShareOnSpotlight ? allParticipants : otherParticipants, horizontal: true, ...callParticipantsListProps }))))));
-};
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        paddingVertical: 8,
-    },
-    fullScreenSpotlightContainer: {
-        flex: 1,
-    },
-    spotlightContainer: {
-        flex: 2,
-        overflow: 'hidden',
-        borderRadius: 10,
-        marginHorizontal: 8,
-        marginBottom: 8,
-    },
-    callParticipantsListContainer: {
-        flex: 1,
-    },
-});
-//# sourceMappingURL=CallParticipantsSpotlight.js.map

package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CallParticipantsSpotlight.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,uBAAuB,GAExB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EACL,oBAAoB,IAAI,2BAA2B,GAGpD,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,eAAe,IAAI,sBAAsB,GAE1C,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAa1D,MAAM,cAAc,GAAG,CAAC,CAAyB,EAAE,EAAE,CACnD,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;AAE/D;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,oBAAoB,GAAG,2BAA2B,EAClD,gBAAgB,EAChB,kCAAkC,EAClC,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,GAAG,sBAAsB,EACxC,aAAa,GACkB,EAAE,EAAE;IACnC,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,yBAAyB,EAAE,GAC7C,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,gBAAgB,GAAG,eAAe,CAAC;QACvC,MAAM,EAAE,uBAAuB;KAChC,CAAC,CAAC;IACH,MAAM,eAAe,GAAG,iBAAiB,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,oIAAoI;IACtM,MAAM,CAAC,sBAAsB,EAAE,GAAG,iBAAiB,CAAC,GAAG,eAAe,CAAC;IACvE,MAAM,wBAAwB,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC;IACxE,MAAM,iBAAiB,GAAG,gBAAgB,EAAE,MAAM,KAAK,CAAC,CAAC;IAEzD,MAAM,oBAAoB,GAAkC;QAC1D,gBAAgB;QAChB,kCAAkC;QAClC,mBAAmB;QACnB,wBAAwB;QACxB,aAAa;KACd,CAAC;IAEF,MAAM,yBAAyB,GAAuC;QACpE,GAAG,oBAAoB;QACvB,eAAe;KAChB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAE,gBAAgB,CAAC,2BAA2B,EACpD,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe,EAAE,MAAM,CAAC,SAAS;aAClC;YACD,yBAAyB,CAAC,SAAS;SACpC;QAEA,sBAAsB,IAAI,eAAe,IAAI,CAC5C,oBAAC,eAAe,IACd,WAAW,EAAE,sBAAsB,EACnC,KAAK,EACH,iBAAiB;gBACf,CAAC,CAAC;oBACE,MAAM,CAAC,4BAA4B;oBACnC,yBAAyB,CAAC,4BAA4B;iBACvD;gBACH,CAAC,CAAC;oBACE,MAAM,CAAC,kBAAkB;oBACzB,yBAAyB,CAAC,kBAAkB;iBAC7C,EAEP,SAAS,EACP,wBAAwB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,KAE1D,oBAAoB,GACxB,CACH;QACA,CAAC,iBAAiB,IAAI,CACrB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,MAAM,CAAC,6BAA6B;gBACpC,yBAAyB,CAAC,6BAA6B;aACxD,IAEA,oBAAoB,IAAI,CACvB,oBAAC,oBAAoB,IACnB,YAAY,EACV,wBAAwB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAEhE,UAAU,WACN,yBAAyB,GAC7B,CACH,CACI,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,CAAC;KACnB;IACD,4BAA4B,EAAE;QAC5B,IAAI,EAAE,CAAC;KACR;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,EAAE;QAChB,gBAAgB,EAAE,CAAC;QACnB,YAAY,EAAE,CAAC;KAChB;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}

package/dist/src/components/Call/CallLayout/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CallParticipantsGrid';
-export * from './CallParticipantsSpotlight';

package/dist/src/components/Call/CallLayout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import { StreamVideoLocalParticipant, StreamVideoParticipant } from '@stream-io/video-client';
-import { ParticipantViewComponentProps, ParticipantViewProps } from '../../Participant/ParticipantView';
-export type CallParticipantsListComponentProps = ParticipantViewComponentProps & {
-    /**
-     * Component to customize the participant view.
-     */
-    ParticipantView?: React.ComponentType<ParticipantViewProps> | null;
-};
-/**
- * Props of the CallParticipantsList component
- */
-export type CallParticipantsListProps = CallParticipantsListComponentProps & {
-    /**
-     * The list of participants to display in the list
-     */
-    participants: (StreamVideoParticipant | StreamVideoLocalParticipant)[];
-    /**
-     * The number of columns to display in the list of participants while in vertical or horizontal scrolling mode. This property is only used when there are more than 2 participants.
-     * @default 2
-     */
-    numberOfColumns?: number;
-    /**
-     * If true, the list will be displayed in horizontal scrolling mode
-     */
-    horizontal?: boolean;
-};
-/**
- * This component displays a list of participants in a FlatList.
- * You can use this component to display participants either in a vertical or horizontal scrolling mode.
- * NOTE: this component depends on a flex container to calculate the width and height of the participant view,
- * hence it should be used only in a flex parent container
- */
-export declare const CallParticipantsList: ({ numberOfColumns, horizontal, participants, ParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, VideoRenderer, }: CallParticipantsListProps) => JSX.Element;

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

@@ -1,157 +0,0 @@
-import React, { useCallback, useMemo, useReducer, useRef, useState, } from 'react';
-import { FlatList, StyleSheet } from 'react-native';
-import { VisibilityState, } from '@stream-io/video-client';
-import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
-import { useCall } from '@stream-io/video-react-bindings';
-import { ComponentTestIds } from '../../../constants/TestIds';
-import { ParticipantView as DefaultParticipantView, } from '../../Participant/ParticipantView';
-const VIEWABILITY_CONFIG = {
-    waitForInteraction: false,
-    itemVisiblePercentThreshold: 60,
-};
-/**
- * This component displays a list of participants in a FlatList.
- * You can use this component to display participants either in a vertical or horizontal scrolling mode.
- * NOTE: this component depends on a flex container to calculate the width and height of the participant view,
- * hence it should be used only in a flex parent container
- */
-export const CallParticipantsList = ({ numberOfColumns = 2, horizontal, participants, ParticipantView = DefaultParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, VideoRenderer, }) => {
-    const [containerLayout, setContainerLayout] = useState({
-        width: 0,
-        height: 0,
-    });
-    // we use a HashSet to track the currently viewable participants
-    // and a separate force update state to rerender the component to inform that the HashSet has changed
-    // NOTE: we use set instead of array or object for O(1) lookup, add and delete
-    const viewableParticipantSessionIds = useRef(new Set());
-    const [_forceUpdateValue, forceUpdate] = useReducer((x) => x + 1, 0);
-    const forceUpdateValue = useDebouncedValue(_forceUpdateValue, 500); // we debounce forced value to avoid multiple viewability change continuous rerenders due to callbacks that occurs simultaneously during a large list scroll or when scrolling is completed
-    // we use a ref to store the active call object
-    // so that it can be used in the onViewableItemsChanged callback
-    const activeCall = useCall();
-    const activeCallRef = useRef(activeCall);
-    activeCallRef.current = activeCall;
-    // This is the function that gets called when the user scrolls the list of participants.
-    // It updates viewableParticipantSessionIds HashSet with the session IDs
-    // of the participants that are currently visible.
-    const onViewableItemsChanged = useRef(({ viewableItems }) => {
-        const participantPatches = {};
-        let mustUpdate = false;
-        const newVisibleParticipantSessionIds = new Set(viewableItems.map((v) => v.key));
-        const oldVisibleParticipantSessionIds = viewableParticipantSessionIds.current;
-        newVisibleParticipantSessionIds.forEach((key) => {
-            if (!oldVisibleParticipantSessionIds.has(key)) {
-                mustUpdate = true;
-                participantPatches[key] = {
-                    viewportVisibilityState: {
-                        videoTrack: VisibilityState.VISIBLE,
-                        screenShareTrack: VisibilityState.UNKNOWN,
-                    },
-                };
-            }
-        });
-        oldVisibleParticipantSessionIds.forEach((key) => {
-            if (!newVisibleParticipantSessionIds.has(key)) {
-                mustUpdate = true;
-                participantPatches[key] = {
-                    viewportVisibilityState: {
-                        videoTrack: VisibilityState.VISIBLE,
-                        screenShareTrack: VisibilityState.UNKNOWN,
-                    },
-                };
-            }
-        });
-        viewableParticipantSessionIds.current = newVisibleParticipantSessionIds;
-        if (mustUpdate) {
-            activeCallRef.current?.state.updateParticipants(participantPatches);
-            forceUpdate();
-        }
-    }).current;
-    // NOTE: key must be sessionId always as it is used to track viewable participants
-    const keyExtractor = useRef((item) => item.sessionId).current;
-    const onLayout = useRef((event) => {
-        const { height, width } = event.nativeEvent.layout;
-        setContainerLayout((prev) => {
-            if (prev.height === height && prev.width === width) {
-                return prev;
-            }
-            return { height, width };
-        });
-    }).current;
-    const { itemHeight, itemWidth } = calculateParticipantViewSize({
-        containerHeight: containerLayout.height,
-        containerWidth: containerLayout.width,
-        participantsLength: participants.length,
-        numberOfColumns,
-        horizontal,
-    });
-    const itemContainerStyle = useMemo(() => {
-        const style = { width: itemWidth, height: itemHeight };
-        if (horizontal) {
-            return [styles.participantWrapperHorizontal, style];
-        }
-        return style;
-    }, [itemWidth, itemHeight, horizontal]);
-    const participantProps = {
-        ParticipantLabel,
-        ParticipantNetworkQualityIndicator,
-        ParticipantReaction,
-        ParticipantVideoFallback,
-        VideoRenderer,
-    };
-    const renderItem = useCallback(({ item: participant }) => {
-        const isVisible = viewableParticipantSessionIds.current.has(participant.sessionId);
-        return (React.createElement(React.Fragment, null, ParticipantView && (React.createElement(ParticipantView, { participant: participant, style: itemContainerStyle, trackType: "videoTrack", isVisible: isVisible, ...participantProps }))));
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [itemContainerStyle]);
-    // in vertical mode, only when there are more than 2 participants in a call, the participants should be displayed in a grid
-    // else we display them both in a stretched row on the screen
-    const shouldWrapByColumns = !!horizontal || participants.length > 2;
-    if (!shouldWrapByColumns) {
-        return (React.createElement(React.Fragment, null, participants.map((participant, index) => {
-            return (ParticipantView && (React.createElement(ParticipantView, { participant: participant, style: styles.flexed, trackType: "videoTrack", key: keyExtractor(participant, index), ...participantProps })));
-        })));
-    }
-    return (React.createElement(FlatList, { onLayout: onLayout, key: !horizontal ? numberOfColumns : undefined, data: participants, keyExtractor: keyExtractor, viewabilityConfig: VIEWABILITY_CONFIG, onViewableItemsChanged: onViewableItemsChanged, renderItem: renderItem, numColumns: !horizontal ? numberOfColumns : undefined, horizontal: horizontal, showsHorizontalScrollIndicator: false, extraData: `${forceUpdateValue}`, testID: ComponentTestIds.CALL_PARTICIPANTS_LIST }));
-};
-const styles = StyleSheet.create({
-    flexed: {
-        flex: 1,
-    },
-    participantWrapperHorizontal: {
-        // note: if marginHorizontal is changed, be sure to change the width calculation in calculateParticipantViewSize function
-        marginHorizontal: 8,
-        borderRadius: 10,
-    },
-});
-/**
- * This function calculates the size of the participant view based on the size of the container (the phone's screen size) and the number of participants.
- * @param {number} containerHeight - height of the container (the phone's screen height) in pixels
- * @param {number} containerWidth - width of the container (the phone's screen width) in pixels
- * @param {number} participantsLength - number of participants
- * @param {number} numColumns - number of columns
- * @param {boolean} horizontal - whether the participant view is in horizontal mode
- * @returns {object} - an object containing the height and width of the participant view
- */
-function calculateParticipantViewSize({ containerHeight, containerWidth, participantsLength, numberOfColumns, horizontal, }) {
-    let itemHeight = containerHeight;
-    // in vertical mode, we calculate the height of the participant view based on the containerHeight (aka the phone's screen height)
-    if (!horizontal) {
-        if (participantsLength <= 4) {
-            // special case: if there are 4 or less participants, we display them in 2 rows
-            itemHeight = containerHeight / 2;
-        }
-        else {
-            // generally, we display the participants in 3 rows
-            itemHeight = containerHeight / 3;
-        }
-    }
-    let itemWidth = containerWidth / numberOfColumns;
-    if (horizontal) {
-        // in horizontal mode we apply margin of 8 to the participant view and that should be subtracted from the width
-        itemWidth = itemWidth - 8 * 2;
-    }
-    return { itemHeight, itemWidth };
-}
-//# sourceMappingURL=CallParticipantsList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CallParticipantsList.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallParticipantsList/CallParticipantsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAa,UAAU,EAAa,MAAM,cAAc,CAAC;AAE1E,OAAO,EAIL,eAAe,GAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EACL,eAAe,IAAI,sBAAsB,GAG1C,MAAM,mCAAmC,CAAC;AAM3C,MAAM,kBAAkB,GAAuC;IAC7D,kBAAkB,EAAE,KAAK;IACzB,2BAA2B,EAAE,EAAE;CAChC,CAAC;AA6BF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,eAAe,GAAG,CAAC,EACnB,UAAU,EACV,YAAY,EACZ,eAAe,GAAG,sBAAsB,EACxC,gBAAgB,EAChB,kCAAkC,EAClC,mBAAmB,EACnB,wBAAwB,EACxB,aAAa,GACa,EAAE,EAAE;IAC9B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC;QACrD,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IAEH,gEAAgE;IAChE,qGAAqG;IACrG,8EAA8E;IAC9E,MAAM,6BAA6B,GAAG,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,iBAAiB,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC,2LAA2L;IAE/P,+CAA+C;IAC/C,gEAAgE;IAChE,MAAM,UAAU,GAAG,OAAO,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACzC,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACnC,wFAAwF;IACxF,wEAAwE;IACxE,kDAAkD;IAClD,MAAM,sBAAsB,GAAG,MAAM,CAEnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;QACtB,MAAM,kBAAkB,GAAkC,EAAE,CAAC;QAC7D,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,MAAM,+BAA+B,GAAG,IAAI,GAAG,CAC7C,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAChC,CAAC;QACF,MAAM,+BAA+B,GACnC,6BAA6B,CAAC,OAAO,CAAC;QACxC,+BAA+B,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC9C,IAAI,CAAC,+BAA+B,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC7C,UAAU,GAAG,IAAI,CAAC;gBAClB,kBAAkB,CAAC,GAAG,CAAC,GAAG;oBACxB,uBAAuB,EAAE;wBACvB,UAAU,EAAE,eAAe,CAAC,OAAO;wBACnC,gBAAgB,EAAE,eAAe,CAAC,OAAO;qBAC1C;iBACF,CAAC;aACH;QACH,CAAC,CAAC,CAAC;QACH,+BAA+B,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC9C,IAAI,CAAC,+BAA+B,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC7C,UAAU,GAAG,IAAI,CAAC;gBAClB,kBAAkB,CAAC,GAAG,CAAC,GAAG;oBACxB,uBAAuB,EAAE;wBACvB,UAAU,EAAE,eAAe,CAAC,OAAO;wBACnC,gBAAgB,EAAE,eAAe,CAAC,OAAO;qBAC1C;iBACF,CAAC;aACH;QACH,CAAC,CAAC,CAAC;QACH,6BAA6B,CAAC,OAAO,GAAG,+BAA+B,CAAC;QACxE,IAAI,UAAU,EAAE;YACd,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;YACpE,WAAW,EAAE,CAAC;SACf;IACH,CAAC,CAAC,CAAC,OAAO,CAAC;IAEX,kFAAkF;IAClF,MAAM,YAAY,GAAG,MAAM,CACzB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CACzB,CAAC,OAAO,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,CAAyC,CAAC,KAAK,EAAE,EAAE;QACxE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QACnD,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE;YAC1B,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;gBAClD,OAAO,IAAI,CAAC;aACb;YACD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC,OAAO,CAAC;IAEX,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,4BAA4B,CAAC;QAC7D,eAAe,EAAE,eAAe,CAAC,MAAM;QACvC,cAAc,EAAE,eAAe,CAAC,KAAK;QACrC,kBAAkB,EAAE,YAAY,CAAC,MAAM;QACvC,eAAe;QACf,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,OAAO,CAAuB,GAAG,EAAE;QAC5D,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;QACvD,IAAI,UAAU,EAAE;YACd,OAAO,CAAC,MAAM,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;SACrD;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,MAAM,gBAAgB,GAAkC;QACtD,gBAAgB;QAChB,kCAAkC;QAClC,mBAAmB;QACnB,wBAAwB;QACxB,aAAa;KACd,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE;QACxB,MAAM,SAAS,GAAG,6BAA6B,CAAC,OAAO,CAAC,GAAG,CACzD,WAAW,CAAC,SAAS,CACtB,CAAC;QACF,OAAO,CACL,0CACG,eAAe,IAAI,CAClB,oBAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,kBAAkB,EACzB,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,SAAS,KAChB,gBAAgB,GACpB,CACH,CACA,CACJ,CAAC;IACJ,CAAC;IACD,uDAAuD;IACvD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,2HAA2H;IAC3H,6DAA6D;IAC7D,MAAM,mBAAmB,GAAG,CAAC,CAAC,UAAU,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAEpE,IAAI,CAAC,mBAAmB,EAAE;QACxB,OAAO,CACL,0CACG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;YACvC,OAAO,CACL,eAAe,IAAI,CACjB,oBAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,KACjC,gBAAgB,GACpB,CACH,CACF,CAAC;QACJ,CAAC,CAAC,CACD,CACJ,CAAC;KACH;IAED,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC9C,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,kBAAkB,EACrC,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACrD,UAAU,EAAE,UAAU,EACtB,8BAA8B,EAAE,KAAK,EACrC,SAAS,EAAE,GAAG,gBAAgB,EAAE,EAChC,MAAM,EAAE,gBAAgB,CAAC,sBAAsB,GAC/C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;KACR;IACD,4BAA4B,EAAE;QAC5B,yHAAyH;QACzH,gBAAgB,EAAE,CAAC;QACnB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,SAAS,4BAA4B,CAAC,EACpC,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,UAAU,GAOX;IACC,IAAI,UAAU,GAAG,eAAe,CAAC;IACjC,iIAAiI;IACjI,IAAI,CAAC,UAAU,EAAE;QACf,IAAI,kBAAkB,IAAI,CAAC,EAAE;YAC3B,+EAA+E;YAC/E,UAAU,GAAG,eAAe,GAAG,CAAC,CAAC;SAClC;aAAM;YACL,mDAAmD;YACnD,UAAU,GAAG,eAAe,GAAG,CAAC,CAAC;SAClC;KACF;IAED,IAAI,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC;IACjD,IAAI,UAAU,EAAE;QACd,+GAA+G;QAC/G,SAAS,GAAG,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;KAC/B;IAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACnC,CAAC"}

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

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

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

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

package/dist/src/components/Call/CallTopView/CallTopView.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ParticipantsInfoBadgeProps } from './ParticipantsInfoBadge';
-export type CallTopViewProps = {
-    /**
-     * Handler to be called when the back button is pressed in the CallTopView.
-     * @returns void
-     */
-    onBackPressed?: () => void;
-    /**
-     * Handler to be called when the Participant icon is pressed in the CallTopView.
-     * @returns
-     */
-    onParticipantInfoPress?: () => void;
-    /**
-     * Title to be rendered at the center of the Header.
-     */
-    title?: string;
-    /**
-     * Style to override the container of the CallTopView.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Component to customize the ParticipantInfoBadge of the CallTopView.
-     */
-    ParticipantsInfoBadge?: React.ComponentType<ParticipantsInfoBadgeProps> | null;
-};
-export declare const CallTopView: ({ onBackPressed, onParticipantInfoPress, title, style: styleProp, ParticipantsInfoBadge, }: CallTopViewProps) => JSX.Element;

package/dist/src/components/Call/CallTopView/CallTopView.js

@@ -1,73 +0,0 @@
-import React, { useState } from 'react';
-import { View, StyleSheet, Text, Pressable, } from 'react-native';
-import { ParticipantsInfoBadge as DefaultParticipantsInfoBadge, } from './ParticipantsInfoBadge';
-import { Back } from '../../../icons/Back';
-import { TopViewBackground } from '../../../icons';
-import { useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
-import { CallingState } from '@stream-io/video-client';
-import { useTheme } from '../../../contexts/ThemeContext';
-export const CallTopView = ({ onBackPressed, onParticipantInfoPress, title, style: styleProp, ParticipantsInfoBadge = DefaultParticipantsInfoBadge, }) => {
-    const [callTopViewHeight, setCallTopViewHeight] = useState(0);
-    const { theme: { colors, typefaces, variants: { iconSizes }, callTopView, }, } = useTheme();
-    const { useCallCallingState } = useCallStateHooks();
-    const callingState = useCallCallingState();
-    const { t } = useI18n();
-    const isCallReconnecting = callingState === CallingState.RECONNECTING;
-    const onLayout = (event) => {
-        const { height } = event.nativeEvent.layout;
-        if (setCallTopViewHeight) {
-            setCallTopViewHeight(height);
-        }
-    };
-    return (React.createElement(View, { style: [styleProp, callTopView.container] },
-        React.createElement(TopViewBackground, { height: callTopViewHeight, width: '100%' }),
-        React.createElement(View, { style: [styles.content, callTopView.content], onLayout: onLayout },
-            React.createElement(View, { style: styles.leftElement }, onBackPressed && (React.createElement(Pressable, { style: ({ pressed }) => [
-                    styles.backIconContainer,
-                    {
-                        opacity: pressed ? 0.2 : 1,
-                        height: iconSizes.md,
-                        width: iconSizes.md,
-                    },
-                    callTopView.backIconContainer,
-                ], onPress: onBackPressed },
-                React.createElement(Back, { color: colors.static_white })))),
-            React.createElement(View, { style: [styles.centerElement, callTopView.centerElement] }, title ? (React.createElement(Text, { style: [
-                    { color: colors.static_white },
-                    typefaces.subtitleBold,
-                    callTopView.title,
-                ], numberOfLines: 1 }, title)) : (isCallReconnecting && (React.createElement(Text, { style: [
-                    { color: colors.static_white },
-                    typefaces.subtitleBold,
-                    callTopView.title,
-                ] }, t('Reconnecting...'))))),
-            React.createElement(View, { style: [styles.rightElement, callTopView.rightElement] }, ParticipantsInfoBadge && (React.createElement(ParticipantsInfoBadge, { onParticipantInfoPress: onParticipantInfoPress }))))));
-};
-const styles = StyleSheet.create({
-    content: {
-        position: 'absolute',
-        top: 0,
-        flexDirection: 'row',
-        paddingTop: 24,
-        paddingBottom: 12,
-        alignItems: 'center',
-    },
-    backIconContainer: {
-        // Added to compensate the participant badge surface area
-        marginLeft: 8,
-    },
-    leftElement: {
-        flex: 1,
-        alignItems: 'flex-start',
-    },
-    centerElement: {
-        flex: 1,
-        alignItems: 'center',
-        flexGrow: 3,
-    },
-    rightElement: {
-        flex: 1,
-        alignItems: 'flex-end',
-    },
-});
-//# sourceMappingURL=CallTopView.js.map

package/dist/src/components/Call/CallTopView/CallTopView.js.map

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

package/dist/src/components/Call/CallTopView/ParticipantsInfoBadge.d.ts

@@ -1,10 +0,0 @@
-import { CallTopViewProps } from '..';
-/**
- * Props for the ParticipantsInfoBadge component.
- */
-export type ParticipantsInfoBadgeProps = Pick<CallTopViewProps, 'onParticipantInfoPress'>;
-/**
- * Badge that shows the number of participants in the call.
- * When pressed, it opens the ParticipantsInfoList.
- */
-export declare const ParticipantsInfoBadge: ({ onParticipantInfoPress, }: ParticipantsInfoBadgeProps) => JSX.Element | null;

package/dist/src/components/Call/CallTopView/ParticipantsInfoBadge.js

@@ -1,77 +0,0 @@
-import React from 'react';
-import { Pressable, StyleSheet, Text, View } from 'react-native';
-import { Participants } from '../../../icons';
-import { useCallStateHooks } from '@stream-io/video-react-bindings';
-import { Z_INDEX } from '../../../constants';
-import { ButtonTestIds } from '../../../constants/TestIds';
-import { useTheme } from '../../../contexts/ThemeContext';
-import { CallingState } from '@stream-io/video-client';
-/**
- * Badge that shows the number of participants in the call.
- * When pressed, it opens the ParticipantsInfoList.
- */
-export const ParticipantsInfoBadge = ({ onParticipantInfoPress, }) => {
-    const { theme: { colors, participantInfoBadge, typefaces, variants: { iconSizes }, }, } = useTheme();
-    const { useParticipantCount, useCallMembers, useCallCallingState } = useCallStateHooks();
-    const participantCount = useParticipantCount();
-    const members = useCallMembers();
-    const callingState = useCallCallingState();
-    let count = 0;
-    /**
-     * We show member's length if Incoming and Outgoing Call Views are rendered.
-     * Else we show the count of the participants that are in the call.
-     * Since the members count also includes caller/callee, we reduce the count by 1.
-     **/
-    if (callingState === CallingState.RINGING) {
-        count = members.length - 1;
-    }
-    else {
-        count = participantCount;
-    }
-    if (count === 0) {
-        return null;
-    }
-    return (React.createElement(Pressable, { onPress: onParticipantInfoPress, style: ({ pressed }) => [
-            styles.container,
-            { opacity: pressed ? 0.2 : 1 },
-            participantInfoBadge.container,
-        ], disabled: !onParticipantInfoPress, testID: ButtonTestIds.PARTICIPANTS_INFO },
-        React.createElement(View, { style: [
-                { height: iconSizes.md, width: iconSizes.md },
-                participantInfoBadge.participantsIconContainer,
-            ] },
-            React.createElement(Participants, { color: colors.static_white })),
-        React.createElement(View, { style: [
-                styles.participantCountContainer,
-                {
-                    backgroundColor: colors.text_low_emphasis,
-                },
-                participantInfoBadge.participantCountContainer,
-            ] },
-            React.createElement(Text, { style: [
-                    styles.participantCountText,
-                    {
-                        color: colors.static_white,
-                    },
-                    typefaces.subtitle,
-                    participantInfoBadge.participantsCountText,
-                ] }, count))));
-};
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-    },
-    participantCountContainer: {
-        justifyContent: 'center',
-        paddingHorizontal: 8,
-        borderRadius: 30,
-        zIndex: Z_INDEX.IN_FRONT,
-        bottom: 12,
-        right: 12,
-    },
-    participantCountText: {
-        includeFontPadding: false,
-        textAlign: 'center',
-    },
-});
-//# sourceMappingURL=ParticipantsInfoBadge.js.map

package/dist/src/components/Call/CallTopView/ParticipantsInfoBadge.js.map

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

package/dist/src/components/Call/CallTopView/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CallTopView';
-export * from './ParticipantsInfoBadge';

package/dist/src/components/Call/CallTopView/index.js.map

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

package/dist/src/components/Call/Lobby/JoinCallButton.d.ts

@@ -1,11 +0,0 @@
-import { LobbyProps } from './Lobby';
-/**
- * Props for the Join Call Button in the Lobby component.
- */
-export type JoinCallButtonProps = Pick<LobbyProps, 'onJoinCallHandler'> & {
-    onPressHandler?: () => void;
-};
-/**
- * The default Join call button to be used in the Lobby component.
- */
-export declare const JoinCallButton: ({ onJoinCallHandler, onPressHandler, }: JoinCallButtonProps) => JSX.Element;