@stream-io/video-react-native-sdk 0.6.2 → 0.6.3

package/src/components/Livestream/ViewerLivestream/ViewerLivestream.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 
-import { StyleSheet, SafeAreaView, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import InCallManager from 'react-native-incall-manager';
 import { useTheme } from '../../../contexts';
 import {
@@ -21,7 +21,10 @@ import {
   FloatingParticipantView as DefaultFloatingParticipantView,
   FloatingParticipantViewProps,
 } from '../../Participant';
-import { Z_INDEX } from '../../../constants';
+import { SfuModels, StreamVideoParticipant } from '@stream-io/video-client';
+
+const hasVideoTrack = (p?: StreamVideoParticipant) =>
+  p?.publishedTracks.includes(SfuModels.TrackType.VIDEO);
 
 /**
  * Props for the ViewerLivestream component.
@@ -62,11 +65,16 @@ export const ViewerLivestream = ({
   onLeaveStreamHandler,
 }: ViewerLivestreamProps) => {
   const {
-    theme: { colors, viewerLivestream },
+    theme: { viewerLivestream },
   } = useTheme();
   const { useHasOngoingScreenShare, useParticipants } = useCallStateHooks();
   const hasOngoingScreenShare = useHasOngoingScreenShare();
   const [currentSpeaker] = useParticipants();
+  const floatingParticipant =
+    hasOngoingScreenShare && hasVideoTrack(currentSpeaker) && currentSpeaker;
+
+  const [topViewHeight, setTopViewHeight] = React.useState<number>();
+  const [controlsHeight, setControlsHeight] = React.useState<number>();
 
   // Automatically route audio to speaker devices as relevant for watching videos.
   useEffect(() => {
@@ -78,40 +86,40 @@ export const ViewerLivestream = ({
     LiveIndicator,
     FollowerCount,
     DurationBadge,
+    onLayout: (event) => {
+      setTopViewHeight(event.nativeEvent.layout.height);
+    },
   };
 
   return (
-    <SafeAreaView
-      style={[
-        styles.container,
-        { backgroundColor: colors.static_grey },
-        viewerLivestream.container,
-      ]}
-    >
-      <View style={[styles.view, viewerLivestream.view]}>
-        {ViewerLivestreamTopView && (
-          <ViewerLivestreamTopView {...topViewProps} />
-        )}
-        <View
-          style={[
-            styles.floatingParticipantView,
-            viewerLivestream.floatingParticipantView,
-          ]}
-        >
-          {hasOngoingScreenShare && FloatingParticipantView && (
-            <FloatingParticipantView participant={currentSpeaker} />
-          )}
-        </View>
-
-        {ViewerLivestreamControls && (
-          <ViewerLivestreamControls
-            ViewerLeaveStreamButton={ViewerLeaveStreamButton}
-            onLeaveStreamHandler={onLeaveStreamHandler}
+    <View style={[styles.container, viewerLivestream.container]}>
+      {ViewerLivestreamTopView && <ViewerLivestreamTopView {...topViewProps} />}
+      {FloatingParticipantView &&
+        floatingParticipant &&
+        topViewHeight &&
+        controlsHeight && (
+          <FloatingParticipantView
+            participant={floatingParticipant}
+            draggableContainerStyle={[
+              StyleSheet.absoluteFill,
+              {
+                top: topViewHeight,
+                bottom: controlsHeight,
+              },
+            ]}
           />
         )}
-      </View>
       {LivestreamLayout && <LivestreamLayout />}
-    </SafeAreaView>
+      {ViewerLivestreamControls && (
+        <ViewerLivestreamControls
+          ViewerLeaveStreamButton={ViewerLeaveStreamButton}
+          onLeaveStreamHandler={onLeaveStreamHandler}
+          onLayout={(event) => {
+            setControlsHeight(event.nativeEvent.layout.height);
+          }}
+        />
+      )}
+    </View>
   );
 };
 
@@ -119,11 +127,4 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
-  floatingParticipantView: {
-    flex: 1,
-  },
-  view: {
-    ...StyleSheet.absoluteFillObject,
-    zIndex: Z_INDEX.IN_FRONT,
-  },
 });

package/src/components/Participant/FloatingParticipantView/index.tsx

@@ -45,9 +45,14 @@ export type FloatingParticipantViewProps = ParticipantViewComponentProps &
      */
     participant?: StreamVideoParticipant;
     /**
-     * Custom style to be merged with the floating participant view.
+     * Custom style to be merged with the container of the participant view.
      */
-    style?: StyleProp<ViewStyle>;
+    participantViewStyle?: StyleProp<ViewStyle>;
+    /**
+     * Custom style to be merged with the absolute container of the floating participant view.
+     * This is the container that holds the participant view and the whole of its draggable area.
+     */
+    draggableContainerStyle?: StyleProp<ViewStyle>;
     /**
      * Handler used to handle actions on click of the participant view in FloatingParticipantView.
      * Eg: Can be used to handle participant switch on click.
@@ -86,7 +91,8 @@ export const FloatingParticipantView = ({
   alignment = 'top-right',
   onPressHandler,
   participant,
-  style,
+  participantViewStyle,
+  draggableContainerStyle,
   ParticipantView = DefaultParticipantView,
   ParticipantNetworkQualityIndicator,
   ParticipantReaction,
@@ -129,7 +135,11 @@ export const FloatingParticipantView = ({
   return (
     <View
       testID={ComponentTestIds.LOCAL_PARTICIPANT}
-      style={[styles.container, floatingParticipantsView.container]}
+      style={[
+        styles.container,
+        draggableContainerStyle,
+        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"
@@ -159,7 +169,7 @@ export const FloatingParticipantView = ({
                 trackType="videoTrack"
                 style={[
                   styles.participantViewContainer,
-                  style,
+                  participantViewStyle,
                   {
                     shadowColor: colors.static_black,
                   },

package/src/components/Participant/ParticipantView/VideoRenderer.tsx

@@ -72,11 +72,13 @@ export const VideoRenderer = ({
       : SfuModels.TrackType.VIDEO,
   );
   const hasJoinedCall = callingState === CallingState.JOINED;
-  const canShowVideo = !!videoStream && isVisible && isPublishingVideoTrack;
   const videoStreamToRender = (isScreenSharing
     ? screenShareStream
     : videoStream) as unknown as MediaStream | undefined;
 
+  const canShowVideo =
+    !!videoStreamToRender && isVisible && isPublishingVideoTrack;
+
   const mirror =
     isLocalParticipant && !isScreenSharing && direction === 'front';
 
@@ -85,11 +87,14 @@ export const VideoRenderer = ({
    * Additionally makes sure that when this view becomes visible again, the layout to subscribe is known
    */
   useEffect(() => {
-    if (!call) {
+    if (!call || isLocalParticipant) {
       return;
     }
-    if (!isVisible) {
-      if (viewportVisibilityState?.videoTrack !== VisibilityState.VISIBLE) {
+    if (isVisible) {
+      if (
+        trackType === 'videoTrack' &&
+        viewportVisibilityState?.videoTrack !== VisibilityState.VISIBLE
+      ) {
         call.state.updateParticipant(sessionId, (p) => ({
           ...p,
           viewportVisibilityState: {
@@ -98,8 +103,23 @@ export const VideoRenderer = ({
           },
         }));
       }
+      if (
+        trackType === 'screenShareTrack' &&
+        viewportVisibilityState?.screenShareTrack !== VisibilityState.VISIBLE
+      ) {
+        call.state.updateParticipant(sessionId, (p) => ({
+          ...p,
+          viewportVisibilityState: {
+            ...(p.viewportVisibilityState ?? DEFAULT_VIEWPORT_VISIBILITY_STATE),
+            screenShareTrack: VisibilityState.VISIBLE,
+          },
+        }));
+      }
     } else {
-      if (viewportVisibilityState?.videoTrack !== VisibilityState.INVISIBLE) {
+      if (
+        trackType === 'videoTrack' &&
+        viewportVisibilityState?.videoTrack !== VisibilityState.INVISIBLE
+      ) {
         call.state.updateParticipant(sessionId, (p) => ({
           ...p,
           viewportVisibilityState: {
@@ -108,13 +128,32 @@ export const VideoRenderer = ({
           },
         }));
       }
+      if (
+        trackType === 'screenShareTrack' &&
+        viewportVisibilityState?.screenShareTrack !== VisibilityState.INVISIBLE
+      ) {
+        call.state.updateParticipant(sessionId, (p) => ({
+          ...p,
+          viewportVisibilityState: {
+            ...(p.viewportVisibilityState ?? DEFAULT_VIEWPORT_VISIBILITY_STATE),
+            screenShareTrack: VisibilityState.INVISIBLE,
+          },
+        }));
+      }
       if (subscribedVideoLayoutRef.current) {
         // when video is enabled again, we want to use the last subscribed dimension to resubscribe
         pendingVideoLayoutRef.current = subscribedVideoLayoutRef.current;
         subscribedVideoLayoutRef.current = undefined;
       }
     }
-  }, [sessionId, viewportVisibilityState, isVisible, call]);
+  }, [
+    sessionId,
+    viewportVisibilityState,
+    isVisible,
+    call,
+    trackType,
+    isLocalParticipant,
+  ]);
 
   useEffect(() => {
     if (!hasJoinedCall && subscribedVideoLayoutRef.current) {
@@ -131,10 +170,13 @@ export const VideoRenderer = ({
    * 3. when call was rejoined
    */
   useEffect(() => {
+    if (!call || isLocalParticipant) {
+      return;
+    }
     // NOTE: We only want to update the subscription if the pendingVideoLayoutRef is set
     const updateIsNeeded = pendingVideoLayoutRef.current;
 
-    if (!updateIsNeeded || !call || !isPublishingVideoTrack || !hasJoinedCall) {
+    if (!updateIsNeeded || !isPublishingVideoTrack || !hasJoinedCall) {
       return;
     }
 
@@ -157,6 +199,7 @@ export const VideoRenderer = ({
     isVisible,
     sessionId,
     hasJoinedCall,
+    isLocalParticipant,
   ]);
 
   useEffect(() => {
@@ -169,6 +212,9 @@ export const VideoRenderer = ({
   const onLayout: React.ComponentProps<typeof RTCView>['onLayout'] = (
     event,
   ) => {
+    if (!call || isLocalParticipant) {
+      return;
+    }
     const dimension = {
       width: Math.trunc(event.nativeEvent.layout.width),
       height: Math.trunc(event.nativeEvent.layout.height),
@@ -177,7 +223,7 @@ export const VideoRenderer = ({
     // NOTE: If the participant hasn't published a video track yet,
     // or the view is not viewable, we store the dimensions and handle it
     // when the track is published or the video is enabled.
-    if (!call || !isPublishingVideoTrack || !isVisible || !hasJoinedCall) {
+    if (!isPublishingVideoTrack || !isVisible || !hasJoinedCall) {
       pendingVideoLayoutRef.current = dimension;
       return;
     }

package/src/components/utility/ScreenShareOverlay.tsx

@@ -0,0 +1,106 @@
+import React from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { StopScreenShare } from '../../icons';
+import { useTheme } from '../../contexts';
+import { useCall, useI18n } from '@stream-io/video-react-bindings';
+import { SfuModels } from '@stream-io/video-client';
+
+/**
+ * Props for the ScreenShareOverlay component
+ */
+export type ScreenShareOverlayProps = {};
+
+/**
+ * The component that displays the screen sharing overlay, when the screen is shared.
+ */
+export const ScreenShareOverlay = ({}: ScreenShareOverlayProps) => {
+  const call = useCall();
+  const { t } = useI18n();
+  const {
+    theme: {
+      colors,
+      typefaces,
+      variants: { iconSizes },
+      screenshareOverlay,
+    },
+  } = useTheme();
+
+  const onStopScreenshareHandler = async () => {
+    await call?.stopPublish(SfuModels.TrackType.SCREEN_SHARE);
+  };
+
+  return (
+    <View
+      style={[
+        styles.container,
+        { backgroundColor: colors.static_grey },
+        screenshareOverlay.container,
+      ]}
+    >
+      <Text
+        style={[
+          styles.text,
+          typefaces.subtitleBold,
+          { color: colors.static_white },
+          screenshareOverlay.text,
+        ]}
+      >
+        {t('You are sharing your screen with everyone')}
+      </Text>
+      <Pressable
+        onPress={onStopScreenshareHandler}
+        style={({ pressed }) => {
+          return [
+            styles.button,
+            {
+              backgroundColor: colors.dark_gray,
+              opacity: pressed ? 0.2 : 1,
+            },
+            screenshareOverlay.button,
+          ];
+        }}
+      >
+        <View
+          style={[
+            styles.buttonIcon,
+            { height: iconSizes.xs, width: iconSizes.xs },
+            screenshareOverlay.buttonIcon,
+          ]}
+        >
+          <StopScreenShare color={colors.static_white} />
+        </View>
+        <Text
+          style={[
+            styles.buttonText,
+            { color: colors.static_white },
+            screenshareOverlay.buttonText,
+          ]}
+        >
+          {t('Stop Screen Sharing')}
+        </Text>
+      </Pressable>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  text: {},
+  button: {
+    marginTop: 16,
+    padding: 8,
+    borderRadius: 8,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  buttonIcon: {},
+  buttonText: {
+    marginLeft: 8,
+    includeFontPadding: false,
+  },
+});

package/src/components/utility/index.ts

@@ -1 +1,2 @@
 export * from './Avatar';
+export * from './ScreenShareOverlay';

package/src/hooks/push/useIosVoipPushEventsSetupEffect.ts

@@ -56,10 +56,12 @@ export const useIosVoipPushEventsSetupEffect = () => {
         console.warn('Failed to send voip token to stream', err);
       });
       // set the logout callback
-      setPushLogoutCallback(() => {
-        client.removeDevice(token).catch((err) => {
+      setPushLogoutCallback(async () => {
+        try {
+          client.removeDevice(token);
+        } catch (err) {
           console.warn('Failed to remove voip token from stream', err);
-        });
+        }
       });
     };
     // fired when PushKit give us the latest token

package/src/icons/StopScreenShare.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { ColorValue } from 'react-native/types';
+
+type Props = {
+  color: ColorValue;
+};
+
+export const StopScreenShare = ({ color }: Props) => {
+  return (
+    <Svg viewBox="0 0 25 25">
+      <Path
+        fill={color}
+        d="M21.478 19.1H3.47803V5H21.478V19.1ZM21.478 3H3.47803C2.37803 3 1.47803 3.9 1.47803 5V19C1.47803 20.1 2.37803 21 3.47803 21H21.478C22.578 21 23.478 20.1 23.478 19V5C23.478 3.9 22.578 3 21.478 3Z"
+      />
+      <Path
+        fill={color}
+        d="M15.068 8L12.478 10.59L9.88803 8L8.47803 9.41L11.068 12L8.47803 14.59L9.88803 16L12.478 13.41L15.068 16L16.478 14.59L13.888 12L16.478 9.41L15.068 8Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/index.tsx

@@ -18,5 +18,6 @@ export * from './TopViewBackground';
 export * from './Eye';
 export * from './ShieldBadge';
 export * from './StartStreamIcon';
+export * from './StopScreenShare';
 export * from './EndStreamIcon';
 export * from './LeaveStreamIcon';

package/src/theme/theme.ts

@@ -57,7 +57,7 @@ export type Theme = {
     container: ViewStyle;
     svgContainer: ViewStyle;
   };
-  screenShareButton: {
+  screenShareToggleButton: {
     container: ViewStyle;
     svgContainer: ViewStyle;
   };
@@ -208,8 +208,6 @@ export type Theme = {
   };
   viewerLivestream: {
     container: ViewStyle;
-    floatingParticipantView: ViewStyle;
-    view: ViewStyle;
   };
   livestreamLayout: {
     container: ViewStyle;
@@ -273,6 +271,17 @@ export type Theme = {
     container: ViewStyle;
     icon: ViewStyle;
   };
+  livestreamScreenShareToggleButton: {
+    container: ViewStyle;
+    icon: ViewStyle;
+  };
+  screenshareOverlay: {
+    container: ViewStyle;
+    text: TextStyle;
+    button: ViewStyle;
+    buttonIcon: ViewStyle;
+    buttonText: TextStyle;
+  };
 };
 
 export const defaultTheme: Theme = {
@@ -367,7 +376,7 @@ export const defaultTheme: Theme = {
     container: {},
     svgContainer: {},
   },
-  screenShareButton: {
+  screenShareToggleButton: {
     container: {},
     svgContainer: {},
   },
@@ -513,8 +522,6 @@ export const defaultTheme: Theme = {
   },
   viewerLivestream: {
     container: {},
-    floatingParticipantView: {},
-    view: {},
   },
   livestreamLayout: {
     container: {},
@@ -571,4 +578,15 @@ export const defaultTheme: Theme = {
     container: {},
     icon: {},
   },
+  livestreamScreenShareToggleButton: {
+    container: {},
+    icon: {},
+  },
+  screenshareOverlay: {
+    container: {},
+    text: {},
+    button: {},
+    buttonIcon: {},
+    buttonText: {},
+  },
 };

package/src/translations/en.json

@@ -15,6 +15,8 @@
   "Setup your audio and video": "Setup your audio and video",
   "Setup your audio": "Setup your audio",
   "You are first to Join the call.": "You are first to Join the call.",
+  "You are sharing your screen with everyone": "You are sharing your screen with everyone",
+  "Stop Screen Sharing": "Stop Screen Sharing",
   "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
   "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
   "You are sharing your screen": "You are sharing your screen",

package/src/utils/StreamVideoRN/index.ts

@@ -91,8 +91,11 @@ export class StreamVideoRN {
    */
   static onPushLogout() {
     if (pushLogoutCallbacks.current) {
-      pushLogoutCallbacks.current.forEach((callback) => callback());
+      return Promise.all(
+        pushLogoutCallbacks.current.map((callback) => callback()),
+      ).then(() => {});
     }
+    return Promise.resolve();
   }
 
   /**

package/src/utils/internal/pushLogoutCallback.ts

@@ -1,4 +1,4 @@
-type Callback = () => void;
+type Callback = () => Promise<void>;
 
 type PushLogoutCallbacks = {
   current?: Callback[];
@@ -6,7 +6,7 @@ type PushLogoutCallbacks = {
 
 let pushLogoutCallbacks: PushLogoutCallbacks = {};
 
-export const setPushLogoutCallback = (callback: () => void) => {
+export const setPushLogoutCallback = (callback: Callback) => {
   if (!pushLogoutCallbacks.current) {
     pushLogoutCallbacks.current = [callback];
   } else {

package/src/utils/push/android.ts

@@ -104,10 +104,12 @@ export async function initAndroidPushToken(
     return;
   }
   const setDeviceToken = async (token: string) => {
-    setPushLogoutCallback(() => {
-      client.removeDevice(token).catch((err) => {
-        console.warn('Failed to remove voip token from stream', err);
-      });
+    setPushLogoutCallback(async () => {
+      try {
+        client.removeDevice(token);
+      } catch (err) {
+        console.warn('Failed to remove firebase token from stream', err);
+      }
     });
     const push_provider_name = pushConfig.android.pushProviderName;
     await client.addDevice(token, 'firebase', push_provider_name);

package/src/utils/push/ios.ts

@@ -133,10 +133,12 @@ export async function initIosNonVoipToken(
     return;
   }
   const setDeviceToken = async (token: string) => {
-    setPushLogoutCallback(() => {
-      client.removeDevice(token).catch((err) => {
-        console.warn('Failed to remove voip token from stream', err);
-      });
+    setPushLogoutCallback(async () => {
+      try {
+        client.removeDevice(token);
+      } catch (err) {
+        console.warn('Failed to remove apn token from stream', err);
+      }
     });
     const push_provider_name = pushConfig.ios.pushProviderName;
     await client.addDevice(token, 'apn', push_provider_name);

package/src/version.ts

@@ -1 +1 @@
-export const version = '0.6.2';
+export const version = '0.6.3';

package/dist/commonjs/components/Call/CallControls/ScreenShareButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeWebrtc","_icons","_CallControlsButton","_videoClient","_videoReactBindings","_contexts","_hooks","_hooks2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CanScreenShare","Platform","OS","Number","parseInt","Version","split","ScreenShareButton","onScreenShareStartedHandler","onScreenShareStoppedHandler","theme","colors","screenShareButton","useTheme","useCall","useLocalParticipant","useCallSettings","useCallStateHooks","callSettings","isScreenSharingEnabledInCall","screensharing","enabled","isScreenSharingAccessRequestEnabled","access_request_enabled","onScreenShareStartedHandlerRef","useRef","current","onScreenShareStoppedHandlerRef","iosScreenShareStarted","useIsIosScreenshareBroadcastStarted","prevIosScreenShareStarted","usePrevious","localParticipant","hasPublishedScreenShare","publishedTracks","includes","SfuModels","TrackType","SCREEN_SHARE","useEffect","run","_onScreenShareStarted","media","navigator","mediaDevices","getDisplayMedia","deviceId","video","audio","publishScreenShareStream","_onScreenShareStopped","stopPublish","screenCaptureRef","React","onPress","reactTag","findNodeHandle","NativeModules","ScreenCapturePickerViewManager","show","_onScreenShareStarted2","e","_onScreenShareStopped2","createElement","CallControlsButton","disabled","color","static_white","style","container","svgContainer","ScreenShare","static_black","ScreenCapturePickerView","ref","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ScreenShareButton.tsx"],"mappings":"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"}

package/dist/module/components/Call/CallControls/ScreenShareButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","NativeModules","Platform","findNodeHandle","ScreenCapturePickerView","ScreenShare","CallControlsButton","SfuModels","useCall","useCallStateHooks","useTheme","useIsIosScreenshareBroadcastStarted","usePrevious","CanScreenShare","OS","Number","parseInt","Version","split","ScreenShareButton","onScreenShareStartedHandler","onScreenShareStoppedHandler","theme","colors","screenShareButton","call","useLocalParticipant","useCallSettings","callSettings","isScreenSharingEnabledInCall","screensharing","enabled","isScreenSharingAccessRequestEnabled","access_request_enabled","onScreenShareStartedHandlerRef","current","onScreenShareStoppedHandlerRef","iosScreenShareStarted","prevIosScreenShareStarted","localParticipant","hasPublishedScreenShare","publishedTracks","includes","TrackType","SCREEN_SHARE","run","_onScreenShareStarted","media","navigator","mediaDevices","getDisplayMedia","deviceId","video","audio","publishScreenShareStream","_onScreenShareStopped","stopPublish","screenCaptureRef","onPress","reactTag","ScreenCapturePickerViewManager","show","_onScreenShareStarted2","e","_onScreenShareStopped2","createElement","disabled","color","static_white","style","container","svgContainer","static_black","ref"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ScreenShareButton.tsx"],"mappings":"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"}

package/dist/typescript/components/Call/CallControls/ScreenShareButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScreenShareButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ScreenShareButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1C,CAAC;AASF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,kEAG3B,sBAAsB,kCA8FxB,CAAC"}