@stream-io/video-react-native-sdk 0.0.1-alpha.185 → 0.0.1-alpha.187

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.187](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.186...@stream-io/video-react-native-sdk-0.0.1-alpha.187) (2023-06-20)
+
+
+### Features
+
+* DF cosmetic tweaks and invite feat ([#681](https://github.com/GetStream/stream-video-js/issues/681)) ([77ec0af](https://github.com/GetStream/stream-video-js/commit/77ec0af5cc7d84d18ae01774c2549c5955b477cb))
+
+
+
+## [0.0.1-alpha.186](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.185...@stream-io/video-react-native-sdk-0.0.1-alpha.186) (2023-06-20)
+
+
+
 ## [0.0.1-alpha.185](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.184...@stream-io/video-react-native-sdk-0.0.1-alpha.185) (2023-06-20)
 
 

package/dist/src/components/ActiveCall.js

@@ -37,6 +37,7 @@ const usePermissionRequest_1 = require("../hooks/usePermissionRequest");
 const CallParticipantsBadge_1 = require("./CallParticipantsBadge");
 const verifyAndroidBluetoothPermissions_1 = require("../utils/verifyAndroidBluetoothPermissions");
 const video_client_1 = require("@stream-io/video-client");
+const constants_1 = require("../constants");
 /**
  * View for an active call, includes call controls and participant handling.
  *
@@ -64,34 +65,18 @@ const ActiveCall = (props) => {
 };
 exports.ActiveCall = ActiveCall;
 const InnerActiveCall = (props) => {
-    const [height, setHeight] = (0, react_1.useState)(0);
     const { mode = 'grid', chatButton } = props;
     const hasScreenShare = (0, video_react_bindings_1.useHasOngoingScreenShare)();
     (0, useIncallManager_1.useIncallManager)({ media: 'video', auto: true });
     (0, usePublishMediaStreams_1.usePublishMediaStreams)();
     (0, usePermissionRequest_1.usePermissionRequest)();
-    const onLayout = (event) => {
-        setHeight(
-        // we're saving the CallControlsView height and subtracting an amount of padding.
-        // this is done to get the CallParticipants(Screen)View neatly underneath the
-        // rounded corners of the CallControlsView.
-        Math.trunc(event.nativeEvent.layout.height - theme_1.theme.spacing.lg * 2));
-    };
     const showSpotLightModeView = mode === 'spotlight' || hasScreenShare;
     return (<react_native_1.View style={styles.container}>
-      <react_native_1.View style={styles.iconGroup}>
-        <CallParticipantsBadge_1.CallParticipantsBadge />
-      </react_native_1.View>
-
-      <react_native_1.View style={[
-            styles.callParticipantsWrapper,
-            { paddingBottom: height + theme_1.theme.padding.lg },
-        ]}>
+      <CallParticipantsBadge_1.CallParticipantsBadge style={styles.iconGroup}/>
+      <react_native_1.View style={[styles.callParticipantsWrapper]}>
         {showSpotLightModeView ? (<CallParticipantsSpotlightView_1.CallParticipantsSpotlightView />) : (<CallParticipantsView_1.CallParticipantsView />)}
       </react_native_1.View>
-      <react_native_1.View onLayout={onLayout} style={styles.callControlsWrapper}>
-        <CallControlsView_1.CallControlsView chatButton={chatButton}/>
-      </react_native_1.View>
+      <CallControlsView_1.CallControlsView style={styles.callControlsWrapper} chatButton={chatButton}/>
     </react_native_1.View>);
 };
 const styles = react_native_1.StyleSheet.create({
@@ -100,18 +85,18 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: theme_1.theme.light.static_grey,
     },
     callParticipantsWrapper: { flex: 1 },
-    callControlsWrapper: { position: 'absolute', bottom: 0, left: 0, right: 0 },
-    svgContainerStyle: {
-        zIndex: 2,
-        marginRight: theme_1.theme.margin.md,
-        marginTop: theme_1.theme.margin.sm,
+    callControlsWrapper: {
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        padding: theme_1.theme.padding.md,
     },
     iconGroup: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignSelf: 'flex-end',
-        alignItems: 'center',
-        marginRight: theme_1.theme.margin.md,
+        position: 'absolute',
+        top: theme_1.theme.padding.md,
+        right: theme_1.theme.padding.sm,
+        zIndex: constants_1.Z_INDEX.IN_FRONT,
     },
 });
 //# sourceMappingURL=ActiveCall.js.map

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

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

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

@@ -1,10 +1,11 @@
+import { ViewProps } from 'react-native';
 type ChatButtonType = {
     onPressHandler: () => void;
     unreadBadgeCountIndicator?: number;
 };
-export type CallControlsViewType = {
+export interface CallControlsViewType extends Pick<ViewProps, 'style'> {
     chatButton?: ChatButtonType;
-};
+}
 /**
  * Shows a list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
  * the user can trigger within an active call.
@@ -13,5 +14,5 @@ export type CallControlsViewType = {
  * | :--- |
  * | ![call-controls-view](https://user-images.githubusercontent.com/25864161/217349666-af0f3278-393e-449d-b30e-2d1b196abe5e.png) |
  */
-export declare const CallControlsView: ({ chatButton }: CallControlsViewType) => JSX.Element;
+export declare const CallControlsView: ({ chatButton, style, }: CallControlsViewType) => JSX.Element;
 export {};

package/dist/src/components/CallControlsView.js

@@ -36,6 +36,7 @@ const ReactionsModal_1 = require("./ReactionsModal");
 const ToggleAudioButton_1 = require("./ToggleAudioButton");
 const ToggleVideoButton_1 = require("./ToggleVideoButton");
 const A11yLabels_1 = require("../constants/A11yLabels");
+const constants_1 = require("../constants");
 /**
  * Shows a list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
  * the user can trigger within an active call.
@@ -44,7 +45,7 @@ const A11yLabels_1 = require("../constants/A11yLabels");
  * | :--- |
  * | ![call-controls-view](https://user-images.githubusercontent.com/25864161/217349666-af0f3278-393e-449d-b30e-2d1b196abe5e.png) |
  */
-const CallControlsView = ({ chatButton }) => {
+const CallControlsView = ({ chatButton, style, }) => {
     const [isReactionModalActive, setIsReactionModalActive] = (0, react_1.useState)(false);
     const { isCameraOnFrontFacingMode, toggleCameraFacingMode } = (0, useCallControls_1.useCallControls)();
     const call = (0, video_react_bindings_1.useCall)();
@@ -66,7 +67,7 @@ const CallControlsView = ({ chatButton }) => {
     const onOpenReactionsModalHandler = (0, react_1.useCallback)(() => {
         setIsReactionModalActive(true);
     }, [setIsReactionModalActive]);
-    return (<react_native_1.View style={styles.container}>
+    return (<react_native_1.View style={[styles.container, style]}>
       <video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.CREATE_REACTION]}>
         <CallControlsButton_1.CallControlsButton onPress={onOpenReactionsModalHandler} color={theme_1.theme.light.static_white} style={styles.button}>
           <icons_1.Reaction color={theme_1.theme.light.static_black}/>
@@ -106,13 +107,8 @@ const UnreadBadeCountIndicator = ({ count, }) => {
 const styles = react_native_1.StyleSheet.create({
     container: {
         flexDirection: 'row',
-        justifyContent: 'space-evenly',
-        paddingVertical: theme_1.theme.padding.lg,
-        paddingHorizontal: theme_1.theme.padding.md,
-        borderTopLeftRadius: theme_1.theme.rounded.lg,
-        borderTopRightRadius: theme_1.theme.rounded.lg,
-        backgroundColor: theme_1.theme.light.controls_bg,
-        zIndex: 2,
+        justifyContent: 'space-between',
+        zIndex: constants_1.Z_INDEX.IN_FRONT,
     },
     button: {
         // For iOS
@@ -134,7 +130,7 @@ const styles = react_native_1.StyleSheet.create({
         position: 'absolute',
         left: 15,
         bottom: 20,
-        zIndex: 2,
+        zIndex: constants_1.Z_INDEX.IN_FRONT,
         height: 30,
         width: 30,
         justifyContent: 'center',

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

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

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

@@ -1 +1,4 @@
-export declare const CallParticipantsBadge: () => JSX.Element;
+import { ViewProps } from 'react-native';
+export interface ICallParticipantsBadge extends Pick<ViewProps, 'style'> {
+}
+export declare const CallParticipantsBadge: ({ style }: ICallParticipantsBadge) => JSX.Element;

package/dist/src/components/CallParticipantsBadge.js

@@ -31,17 +31,18 @@ const video_react_bindings_1 = require("@stream-io/video-react-bindings");
 const theme_1 = require("../theme");
 const CallParticipantsInfoView_1 = require("./CallParticipantsInfoView");
 const A11yLabels_1 = require("../constants/A11yLabels");
-const CallParticipantsBadge = () => {
+const constants_1 = require("../constants");
+const CallParticipantsBadge = ({ style }) => {
     const participantCount = (0, video_react_bindings_1.useParticipantCount)();
     const [isCallParticipantsViewVisible, setIsCallParticipantsViewVisible] = (0, react_1.useState)(false);
     const onOpenCallParticipantsInfoView = (0, react_1.useCallback)(() => {
         setIsCallParticipantsViewVisible(true);
     }, [setIsCallParticipantsViewVisible]);
-    return (<react_native_1.Pressable style={styles.participantIcon} onPress={onOpenCallParticipantsInfoView} accessibilityLabel={A11yLabels_1.A11yButtons.PARTICIPANTS_INFO}>
+    return (<react_native_1.Pressable onPress={onOpenCallParticipantsInfoView} accessibilityLabel={A11yLabels_1.A11yButtons.PARTICIPANTS_INFO} style={[styles.container, style]}>
       <react_native_1.View style={styles.badge}>
         <react_native_1.Text style={styles.badgeText}>{participantCount}</react_native_1.Text>
       </react_native_1.View>
-      <react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.md]}>
+      <react_native_1.View style={theme_1.theme.icon.md}>
         <icons_1.Participants color={theme_1.theme.light.static_white}/>
       </react_native_1.View>
       <CallParticipantsInfoView_1.CallParticipantsInfoView isCallParticipantsViewVisible={isCallParticipantsViewVisible} setIsCallParticipantsViewVisible={setIsCallParticipantsViewVisible}/>
@@ -49,22 +50,19 @@ const CallParticipantsBadge = () => {
 };
 exports.CallParticipantsBadge = CallParticipantsBadge;
 const styles = react_native_1.StyleSheet.create({
-    participantIcon: {
-        zIndex: 2,
-    },
-    svgContainerStyle: {},
+    container: { padding: theme_1.theme.padding.sm },
     badge: {
         backgroundColor: theme_1.theme.light.text_low_emphasis,
         borderRadius: theme_1.theme.rounded.xl,
-        padding: theme_1.theme.padding.xs,
-        position: 'relative',
-        left: theme_1.theme.spacing.lg,
-        top: theme_1.theme.spacing.lg,
-        zIndex: 2,
+        paddingVertical: theme_1.theme.padding.xs,
+        paddingHorizontal: theme_1.theme.padding.sm,
+        position: 'absolute',
+        right: 0,
+        top: -theme_1.theme.spacing.sm,
+        zIndex: constants_1.Z_INDEX.IN_FRONT,
     },
     badgeText: {
         color: theme_1.theme.light.static_white,
-        textAlign: 'center',
         ...theme_1.theme.fonts.caption,
     },
 });

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

@@ -1 +1 @@
-{"version":3,"file":"CallParticipantsBadge.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,+CAAiE;AACjE,oCAAwC;AACxC,0EAAsE;AACtE,oCAAiC;AACjC,yEAAsE;AACtE,wDAAsD;AAE/C,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC/C,MAAM,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,GACrE,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,8BAA8B,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtD,gCAAgC,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,CAAC,wBAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAC9B,OAAO,CAAC,CAAC,8BAA8B,CAAC,CACxC,kBAAkB,CAAC,CAAC,wBAAW,CAAC,iBAAiB,CAAC,CAElD;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,mBAAI,CACzD;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CACrD;QAAA,CAAC,oBAAY,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAChD;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mDAAwB,CACvB,6BAA6B,CAAC,CAAC,6BAA6B,CAAC,CAC7D,gCAAgC,CAAC,CAAC,gCAAgC,CAAC,EAEvE;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,qBAAqB,yBA2BhC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,eAAe,EAAE;QACf,MAAM,EAAE,CAAC;KACV;IACD,iBAAiB,EAAE,EAAE;IACrB,KAAK,EAAE;QACL,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,iBAAiB;QAC9C,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QAC9B,OAAO,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACzB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACtB,GAAG,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACrB,MAAM,EAAE,CAAC;KACV;IACD,SAAS,EAAE;QACT,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY;QAC/B,SAAS,EAAE,QAAQ;QACnB,GAAG,aAAK,CAAC,KAAK,CAAC,OAAO;KACvB;CACF,CAAC,CAAC"}
+{"version":3,"file":"CallParticipantsBadge.js","sourceRoot":"","sources":["../../../src/components/CallParticipantsBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,+CAA4E;AAC5E,oCAAwC;AACxC,0EAAsE;AACtE,oCAAiC;AACjC,yEAAsE;AACtE,wDAAsD;AACtD,4CAAuC;AAGhC,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAA0B,EAAE,EAAE;IACzE,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC/C,MAAM,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,GACrE,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,8BAA8B,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtD,gCAAgC,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,8BAA8B,CAAC,CACxC,kBAAkB,CAAC,CAAC,wBAAW,CAAC,iBAAiB,CAAC,CAClD,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAEjC;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,mBAAI,CACzD;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CACzB;QAAA,CAAC,oBAAY,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAChD;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mDAAwB,CACvB,6BAA6B,CAAC,CAAC,6BAA6B,CAAC,CAC7D,gCAAgC,CAAC,CAAC,gCAAgC,CAAC,EAEvE;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,qBAAqB,yBA2BhC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,OAAO,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE,EAAE;IACxC,KAAK,EAAE;QACL,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,iBAAiB;QAC9C,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QAC9B,eAAe,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACjC,iBAAiB,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACnC,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC,aAAK,CAAC,OAAO,CAAC,EAAE;QACtB,MAAM,EAAE,mBAAO,CAAC,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY;QAC/B,GAAG,aAAK,CAAC,KAAK,CAAC,OAAO;KACvB;CACF,CAAC,CAAC"}

package/dist/src/components/CallParticipantsInfoView.js

@@ -34,6 +34,8 @@ const CallParticipantsOptions_1 = require("./CallParticipantsOptions");
 const Avatar_1 = require("./Avatar");
 const theme_1 = require("../theme");
 const A11yLabels_1 = require("../constants/A11yLabels");
+const constants_1 = require("../constants");
+const constants_2 = require("../theme/constants");
 const CallParticipantInfoItem = (props) => {
     const { participant, setSelectedParticipant } = props;
     const connectedUser = (0, video_react_bindings_1.useConnectedUser)();
@@ -65,13 +67,13 @@ const CallParticipantInfoItem = (props) => {
       </react_native_1.Text>
       <react_native_1.View style={styles.icons}>
         {isScreenSharing && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.md]}>
-            <icons_1.ScreenShare color={theme_1.theme.light.info}/>
+            <icons_1.ScreenShare color={theme_1.theme.dark.info}/>
           </react_native_1.View>)}
         {isAudioMuted && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.sm]}>
-            <icons_1.MicOff color={theme_1.theme.light.error}/>
+            <icons_1.MicOff color={theme_1.theme.dark.error}/>
           </react_native_1.View>)}
         {isVideoMuted && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.sm]}>
-            <icons_1.VideoSlash color={theme_1.theme.light.error}/>
+            <icons_1.VideoSlash color={theme_1.theme.dark.error}/>
           </react_native_1.View>)}
         {!participantIsLocalParticipant && (<video_react_bindings_1.Restricted requiredGrants={[
                 video_client_1.OwnCapability.MUTE_USERS,
@@ -79,7 +81,7 @@ const CallParticipantInfoItem = (props) => {
                 video_client_1.OwnCapability.BLOCK_USERS,
             ]}>
             <react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.sm]}>
-              <icons_1.ArrowRight color={theme_1.theme.light.text_high_emphasis}/>
+              <icons_1.ArrowRight color={theme_1.theme.dark.text_high_emphasis}/>
             </react_native_1.View>
           </video_react_bindings_1.Restricted>)}
       </react_native_1.View>
@@ -98,6 +100,18 @@ const CallParticipantsInfoView = ({ isCallParticipantsViewVisible, setIsCallPart
     const participants = (0, video_react_bindings_1.useParticipants)();
     const [selectedParticipant, setSelectedParticipant] = (0, react_1.useState)(undefined);
     const call = (0, video_react_bindings_1.useCall)();
+    const inviteHandler = async () => {
+        try {
+            await react_native_1.Share.share({
+                url: `https://stream-calls-dogfood.vercel.app/join/${call?.id}`,
+                title: 'Stream Calls | Join Call',
+                message: `Join me on the call using this link https://stream-calls-dogfood.vercel.app/join/${call?.id}`,
+            });
+        }
+        catch (error) {
+            console.log(error.message);
+        }
+    };
     const muteAllParticipantsHandler = async () => {
         try {
             await call?.muteAllUsers('audio');
@@ -113,74 +127,94 @@ const CallParticipantsInfoView = ({ isCallParticipantsViewVisible, setIsCallPart
     const renderItem = (0, react_1.useCallback)(({ item }) => {
         return (<CallParticipantInfoItem key={item.sessionId} participant={item} setSelectedParticipant={setSelectedParticipant}/>);
     }, []);
-    return (<react_native_1.Modal animationType="slide" transparent={true} visible={isCallParticipantsViewVisible} onRequestClose={onCloseCallParticipantsViewVisible}>
-      <react_native_1.View style={styles.container}>
+    return (<react_native_1.Modal animationType="fade" transparent visible={isCallParticipantsViewVisible} onRequestClose={onCloseCallParticipantsViewVisible}>
+      <>
+        {/*independent background, needed due to desired opacity only
+         on background, exc. modal content*/}
+        <react_native_1.View style={styles.backDropBackground}/>
         <react_native_1.View style={styles.content}>
           <react_native_1.View style={styles.header}>
             <react_native_1.View style={styles.leftHeaderElement}/>
             <react_native_1.Text style={styles.headerText}>
               Participants ({participants.length})
             </react_native_1.Text>
-            <react_native_1.Pressable style={[styles.closeIcon, theme_1.theme.icon.sm]} onPress={onCloseCallParticipantsViewVisible} accessibilityLabel={A11yLabels_1.A11yButtons.EXIT_PARTICIPANTS_INFO}>
-              <icons_1.Cross color={theme_1.theme.light.primary}/>
+            <react_native_1.Pressable onPress={onCloseCallParticipantsViewVisible} accessibilityLabel={A11yLabels_1.A11yButtons.EXIT_PARTICIPANTS_INFO} style={styles.closePressable}>
+              <icons_1.Cross color={theme_1.theme.dark.primary} style={theme_1.theme.icon.xs}/>
             </react_native_1.Pressable>
           </react_native_1.View>
+          <react_native_1.FlatList data={participants} renderItem={renderItem}/>
           <react_native_1.View style={styles.buttonGroup}>
+            <react_native_1.Pressable style={styles.button} onPress={inviteHandler}>
+              <react_native_1.Text style={styles.buttonText}>Invite</react_native_1.Text>
+            </react_native_1.Pressable>
             <video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.MUTE_USERS]}>
               <react_native_1.Pressable style={styles.button} onPress={muteAllParticipantsHandler}>
                 <react_native_1.Text style={styles.buttonText}>Mute All</react_native_1.Text>
               </react_native_1.Pressable>
             </video_react_bindings_1.Restricted>
           </react_native_1.View>
-          <react_native_1.FlatList data={participants} renderItem={renderItem}/>
-          {selectedParticipant && (<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill, styles.modal]}>
-              <CallParticipantsOptions_1.CallParticipantOptions participant={selectedParticipant} setSelectedParticipant={setSelectedParticipant}/>
-            </react_native_1.View>)}
         </react_native_1.View>
-      </react_native_1.View>
+        <react_native_1.Modal animationType="fade" transparent visible={!!selectedParticipant} onRequestClose={() => setSelectedParticipant(undefined)}>
+          <>
+            {/*independent background, needed due to desired opacity only
+     on background, exc. modal content*/}
+            <react_native_1.View style={styles.backDropBackground}/>
+            <CallParticipantsOptions_1.CallParticipantOptions participant={selectedParticipant} setSelectedParticipant={setSelectedParticipant}/>
+          </>
+        </react_native_1.Modal>
+      </>
     </react_native_1.Modal>);
 };
 exports.CallParticipantsInfoView = CallParticipantsInfoView;
 const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: 'center',
+    backDropBackground: {
+        opacity: 0.75,
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        backgroundColor: theme_1.theme.dark.static_white,
+        zIndex: constants_1.Z_INDEX.IN_BACK,
     },
     content: {
-        flex: 1,
-        backgroundColor: theme_1.theme.light.bars,
+        zIndex: constants_1.Z_INDEX.IN_FRONT,
+        backgroundColor: theme_1.theme.dark.bars,
         borderRadius: theme_1.theme.rounded.md,
         marginVertical: theme_1.theme.margin.lg,
         marginHorizontal: theme_1.theme.margin.md,
     },
     header: {
-        display: 'flex',
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
         paddingVertical: theme_1.theme.padding.md,
-        width: '100%',
     },
     leftHeaderElement: {
         marginLeft: theme_1.theme.margin.md,
     },
     headerText: {
         ...theme_1.theme.fonts.bodyBold,
-        color: theme_1.theme.light.text_high_emphasis,
+        color: theme_1.theme.dark.text_high_emphasis,
     },
-    closeIcon: {
+    closePressable: {
+        padding: theme_1.theme.padding.sm,
+        borderRadius: theme_1.theme.rounded.xs,
         marginRight: theme_1.theme.margin.md,
+        backgroundColor: constants_2.palette.grey800,
+    },
+    buttonGroup: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        paddingVertical: theme_1.theme.padding.md,
+        paddingHorizontal: theme_1.theme.padding.xs,
     },
-    buttonGroup: {},
     button: {
-        backgroundColor: theme_1.theme.light.primary,
+        flex: 1,
+        backgroundColor: theme_1.theme.dark.primary,
         borderRadius: theme_1.theme.rounded.lg,
-        padding: theme_1.theme.padding.md,
-        margin: theme_1.theme.margin.lg,
+        padding: theme_1.theme.padding.sm,
+        marginHorizontal: theme_1.theme.margin.sm,
     },
     buttonText: {
         textAlign: 'center',
-        color: theme_1.theme.light.static_white,
+        color: theme_1.theme.dark.static_white,
         ...theme_1.theme.fonts.subtitleBold,
     },
     participant: {
@@ -189,12 +223,12 @@ const styles = react_native_1.StyleSheet.create({
         display: 'flex',
         flexDirection: 'row',
         alignItems: 'center',
-        borderBottomColor: theme_1.theme.light.borders,
+        borderBottomColor: theme_1.theme.dark.borders,
         borderBottomWidth: 1,
     },
     name: {
         marginLeft: theme_1.theme.margin.sm,
-        color: theme_1.theme.light.text_high_emphasis,
+        color: theme_1.theme.dark.text_high_emphasis,
         ...theme_1.theme.fonts.subtitleBold,
     },
     icons: {
@@ -209,7 +243,7 @@ const styles = react_native_1.StyleSheet.create({
     modal: {
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: theme_1.theme.light.overlay,
+        backgroundColor: theme_1.theme.dark.overlay,
     },
 });
 //# sourceMappingURL=CallParticipantsInfoView.js.map

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

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { StreamVideoParticipant } from '@stream-io/video-client';
+import React from 'react';
 type CallParticipantOptionsType = {
-    participant: StreamVideoParticipant;
+    participant: StreamVideoParticipant | undefined;
     setSelectedParticipant: React.Dispatch<React.SetStateAction<StreamVideoParticipant | undefined>>;
 };
-export declare const CallParticipantOptions: (props: CallParticipantOptionsType) => JSX.Element;
+export declare const CallParticipantOptions: (props: CallParticipantOptionsType) => JSX.Element | null;
 export {};