@stream-io/video-react-native-sdk 0.8.7 → 0.8.8

package/dist/module/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.js

@@ -1,18 +1,10 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { findNodeHandle, NativeModules, Platform, Pressable, StyleSheet, View } from 'react-native';
+import { Platform, Pressable, StyleSheet, View } from 'react-native';
 import { ScreenShare } from '../../../icons/ScreenShare';
 import { StopScreenShare } from '../../../icons/StopScreenShare';
 import { ScreenCapturePickerView } from '@stream-io/react-native-webrtc';
-import { hasScreenShare, SfuModels } from '@stream-io/video-client';
-import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
-import { useIsIosScreenshareBroadcastStarted } from '../../../hooks/useIsIosScreenshareBroadcastStarted';
-import { usePrevious } from '../../../utils/hooks/usePrevious';
-// ios >= 14.0 or android - platform restrictions
-const CanDeviceScreenShare = Platform.OS === 'ios' &&
-// @ts-ignore
-Number.parseInt(Platform.Version.split('.')[0], 10) >= 14 || Platform.OS === 'android';
-
+import { useScreenShareButton } from '../../../hooks/useScreenShareButton';
 /**
  * The LivestreamVideoControlButton controls the screenshare stream publish/unpublish while in the livestream for the host.
  */
@@ -27,64 +19,11 @@ export const LivestreamScreenShareToggleButton = () => {
       livestreamScreenShareToggleButton
     }
   } = useTheme();
-  const call = useCall();
-  const {
-    useLocalParticipant,
-    useCallSettings
-  } = useCallStateHooks();
-  const callSettings = useCallSettings();
-  const isScreenSharingEnabledInCall = callSettings?.screensharing.enabled;
-  const iosScreenShareStartedFromSystem = useIsIosScreenshareBroadcastStarted();
-  const prevIosScreenShareStartedFromSystem = usePrevious(iosScreenShareStartedFromSystem);
-  const localParticipant = useLocalParticipant();
-  const hasPublishedScreenShare = localParticipant && hasScreenShare(localParticipant);
-
-  // listens to iOS screen share broadcast started event from the system
-  useEffect(() => {
-    const run = async () => {
-      if (Platform.OS !== 'ios') {
-        return;
-      }
-      if (iosScreenShareStartedFromSystem && !prevIosScreenShareStartedFromSystem) {
-        const media = await navigator.mediaDevices.getDisplayMedia({
-          // @ts-ignore
-          deviceId: 'broadcast',
-          video: true,
-          audio: true
-        });
-        await call?.publishScreenShareStream(media);
-      } else if (!iosScreenShareStartedFromSystem && prevIosScreenShareStartedFromSystem) {
-        await call?.stopPublish(SfuModels.TrackType.SCREEN_SHARE);
-      }
-    };
-    run();
-  }, [call, iosScreenShareStartedFromSystem, prevIosScreenShareStartedFromSystem]);
   const screenCapturePickerViewiOSRef = React.useRef(null);
-  const onPress = async () => {
-    if (!hasPublishedScreenShare) {
-      if (Platform.OS === 'ios') {
-        const reactTag = findNodeHandle(screenCapturePickerViewiOSRef.current);
-        await NativeModules.ScreenCapturePickerViewManager.show(reactTag);
-        // After this the iOS screen share broadcast started/stopped event will be triggered
-        // and the useEffect listener will handle the rest
-      } else {
-        try {
-          const media = await navigator.mediaDevices.getDisplayMedia({
-            video: true,
-            audio: true
-          });
-          await call?.publishScreenShareStream(media);
-        } catch (e) {
-          // ignored.. user didnt allow the screen share in the popup
-        }
-      }
-    } else if (hasPublishedScreenShare) {
-      await call?.stopPublish(SfuModels.TrackType.SCREEN_SHARE);
-    }
-  };
-  if (!isScreenSharingEnabledInCall || !CanDeviceScreenShare) {
-    return null;
-  }
+  const {
+    onPress,
+    hasPublishedScreenShare
+  } = useScreenShareButton(screenCapturePickerViewiOSRef);
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
     style: [styles.container, {

package/dist/module/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useTheme","findNodeHandle","NativeModules","Platform","Pressable","StyleSheet","View","ScreenShare","StopScreenShare","ScreenCapturePickerView","hasScreenShare","SfuModels","useCall","useCallStateHooks","useIsIosScreenshareBroadcastStarted","usePrevious","CanDeviceScreenShare","OS","Number","parseInt","Version","split","LivestreamScreenShareToggleButton","theme","colors","variants","iconSizes","buttonSizes","livestreamScreenShareToggleButton","call","useLocalParticipant","useCallSettings","callSettings","isScreenSharingEnabledInCall","screensharing","enabled","iosScreenShareStartedFromSystem","prevIosScreenShareStartedFromSystem","localParticipant","hasPublishedScreenShare","run","media","navigator","mediaDevices","getDisplayMedia","deviceId","video","audio","publishScreenShareStream","stopPublish","TrackType","SCREEN_SHARE","screenCapturePickerViewiOSRef","useRef","onPress","reactTag","current","ScreenCapturePickerViewManager","show","e","createElement","style","styles","container","backgroundColor","error","dark_gray","height","xs","width","icon","sm","color","static_white","ref","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SACEC,cAAc,EACdC,aAAa,EACbC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,cAAc,EAAEC,SAAS,QAAQ,yBAAyB;AACnE,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,SAASC,mCAAmC,QAAQ,oDAAoD;AACxG,SAASC,WAAW,QAAQ,kCAAkC;AAI9D;AACA,MAAMC,oBAAoB,GACvBb,QAAQ,CAACc,EAAE,KAAK,KAAK;AACpB;AACAC,MAAM,CAACC,QAAQ,CAAChB,QAAQ,CAACiB,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,IAC3DlB,QAAQ,CAACc,EAAE,KAAK,SAAS;;AAE3B;AACA;AACA;AACA,OAAO,MAAMK,iCAAiC,GAAGA,CAAA,KAAM;EACrD,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAG5B,QAAQ,CAAC,CAAC;EAEd,MAAM6B,IAAI,GAAGjB,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEkB,mBAAmB;IAAEC;EAAgB,CAAC,GAAGlB,iBAAiB,CAAC,CAAC;EACpE,MAAMmB,YAAY,GAAGD,eAAe,CAAC,CAAC;EACtC,MAAME,4BAA4B,GAAGD,YAAY,EAAEE,aAAa,CAACC,OAAO;EAExE,MAAMC,+BAA+B,GAAGtB,mCAAmC,CAAC,CAAC;EAC7E,MAAMuB,mCAAmC,GAAGtB,WAAW,CACrDqB,+BACF,CAAC;EAED,MAAME,gBAAgB,GAAGR,mBAAmB,CAAC,CAAC;EAC9C,MAAMS,uBAAuB,GAC3BD,gBAAgB,IAAI5B,cAAc,CAAC4B,gBAAgB,CAAC;;EAEtD;EACAvC,SAAS,CAAC,MAAM;IACd,MAAMyC,GAAG,GAAG,MAAAA,CAAA,KAAY;MACtB,IAAIrC,QAAQ,CAACc,EAAE,KAAK,KAAK,EAAE;QACzB;MACF;MACA,IACEmB,+BAA+B,IAC/B,CAACC,mCAAmC,EACpC;QACA,MAAMI,KAAK,GAAG,MAAMC,SAAS,CAACC,YAAY,CAACC,eAAe,CAAC;UACzD;UACAC,QAAQ,EAAE,WAAW;UACrBC,KAAK,EAAE,IAAI;UACXC,KAAK,EAAE;QACT,CAAC,CAAC;QACF,MAAMlB,IAAI,EAAEmB,wBAAwB,CAACP,KAAK,CAAC;MAC7C,CAAC,MAAM,IACL,CAACL,+BAA+B,IAChCC,mCAAmC,EACnC;QACA,MAAMR,IAAI,EAAEoB,WAAW,CAACtC,SAAS,CAACuC,SAAS,CAACC,YAAY,CAAC;MAC3D;IACF,CAAC;IACDX,GAAG,CAAC,CAAC;EACP,CAAC,EAAE,CACDX,IAAI,EACJO,+BAA+B,EAC/BC,mCAAmC,CACpC,CAAC;EAEF,MAAMe,6BAA6B,GAAGtD,KAAK,CAACuD,MAAM,CAAC,IAAI,CAAC;EAExD,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAI,CAACf,uBAAuB,EAAE;MAC5B,IAAIpC,QAAQ,CAACc,EAAE,KAAK,KAAK,EAAE;QACzB,MAAMsC,QAAQ,GAAGtD,cAAc,CAACmD,6BAA6B,CAACI,OAAO,CAAC;QACtE,MAAMtD,aAAa,CAACuD,8BAA8B,CAACC,IAAI,CAACH,QAAQ,CAAC;QACjE;QACA;MACF,CAAC,MAAM;QACL,IAAI;UACF,MAAMd,KAAK,GAAG,MAAMC,SAAS,CAACC,YAAY,CAACC,eAAe,CAAC;YACzDE,KAAK,EAAE,IAAI;YACXC,KAAK,EAAE;UACT,CAAC,CAAC;UACF,MAAMlB,IAAI,EAAEmB,wBAAwB,CAACP,KAAK,CAAC;QAC7C,CAAC,CAAC,OAAOkB,CAAC,EAAE;UACV;QAAA;MAEJ;IACF,CAAC,MAAM,IAAIpB,uBAAuB,EAAE;MAClC,MAAMV,IAAI,EAAEoB,WAAW,CAACtC,SAAS,CAACuC,SAAS,CAACC,YAAY,CAAC;IAC3D;EACF,CAAC;EAED,IAAI,CAAClB,4BAA4B,IAAI,CAACjB,oBAAoB,EAAE;IAC1D,OAAO,IAAI;EACb;EAEA,oBACElB,KAAA,CAAA8D,aAAA,CAACxD,SAAS;IACRkD,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEzB,uBAAuB,GACpCf,MAAM,CAACyC,KAAK,GACZzC,MAAM,CAAC0C,SAAS;MACpBC,MAAM,EAAExC,WAAW,CAACyC,EAAE;MACtBC,KAAK,EAAE1C,WAAW,CAACyC;IACrB,CAAC,EACDxC,iCAAiC,CAACmC,SAAS;EAC3C,gBAEFjE,KAAA,CAAA8D,aAAA,CAACtD,IAAI;IACHuD,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEH,MAAM,EAAEzC,SAAS,CAAC6C,EAAE;MACpBF,KAAK,EAAE3C,SAAS,CAAC6C;IACnB,CAAC,EACD3C,iCAAiC,CAAC0C,IAAI;EACtC,GAED/B,uBAAuB,gBACtBzC,KAAA,CAAA8D,aAAA,CAACpD,eAAe;IAACgE,KAAK,EAAEhD,MAAM,CAACiD;EAAa,CAAE,CAAC,gBAE/C3E,KAAA,CAAA8D,aAAA,CAACrD,WAAW;IAACiE,KAAK,EAAEhD,MAAM,CAACiD;EAAa,CAAE,CAExC,CAAC,EACNtE,QAAQ,CAACc,EAAE,KAAK,KAAK,iBACpBnB,KAAA,CAAA8D,aAAA,CAACnD,uBAAuB;IAACiE,GAAG,EAAEtB;EAA8B,CAAE,CAEvD,CAAC;AAEhB,CAAC;AAED,MAAMU,MAAM,GAAGzD,UAAU,CAACsE,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDT,IAAI,EAAE,CAAC;AACT,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useTheme","Platform","Pressable","StyleSheet","View","ScreenShare","StopScreenShare","ScreenCapturePickerView","useScreenShareButton","LivestreamScreenShareToggleButton","theme","colors","variants","iconSizes","buttonSizes","livestreamScreenShareToggleButton","screenCapturePickerViewiOSRef","useRef","onPress","hasPublishedScreenShare","createElement","style","styles","container","backgroundColor","error","dark_gray","height","xs","width","icon","sm","color","static_white","OS","ref","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,oBAAoB,QAAQ,qCAAqC;AAI1E;AACA;AACA;AACA,OAAO,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EACrD,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAEd,MAAMgB,6BAA6B,GAAGjB,KAAK,CAACkB,MAAM,CAAC,IAAI,CAAC;EAExD,MAAM;IAAEC,OAAO;IAAEC;EAAwB,CAAC,GAAGX,oBAAoB,CAC/DQ,6BACF,CAAC;EAED,oBACEjB,KAAA,CAAAqB,aAAA,CAAClB,SAAS;IACRgB,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEL,uBAAuB,GACpCR,MAAM,CAACc,KAAK,GACZd,MAAM,CAACe,SAAS;MACpBC,MAAM,EAAEb,WAAW,CAACc,EAAE;MACtBC,KAAK,EAAEf,WAAW,CAACc;IACrB,CAAC,EACDb,iCAAiC,CAACQ,SAAS;EAC3C,gBAEFxB,KAAA,CAAAqB,aAAA,CAAChB,IAAI;IACHiB,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEH,MAAM,EAAEd,SAAS,CAACkB,EAAE;MACpBF,KAAK,EAAEhB,SAAS,CAACkB;IACnB,CAAC,EACDhB,iCAAiC,CAACe,IAAI;EACtC,GAEDX,uBAAuB,gBACtBpB,KAAA,CAAAqB,aAAA,CAACd,eAAe;IAAC0B,KAAK,EAAErB,MAAM,CAACsB;EAAa,CAAE,CAAC,gBAE/ClC,KAAA,CAAAqB,aAAA,CAACf,WAAW;IAAC2B,KAAK,EAAErB,MAAM,CAACsB;EAAa,CAAE,CAExC,CAAC,EACNhC,QAAQ,CAACiC,EAAE,KAAK,KAAK,iBACpBnC,KAAA,CAAAqB,aAAA,CAACb,uBAAuB;IAAC4B,GAAG,EAAEnB;EAA8B,CAAE,CAEvD,CAAC;AAEhB,CAAC;AAED,MAAMM,MAAM,GAAGnB,UAAU,CAACiC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDV,IAAI,EAAE,CAAC;AACT,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/Livestream/LivestreamPlayer/LivestreamPlayer.js

@@ -1,7 +1,8 @@
 import React, { useEffect, useState } from 'react';
-import { ViewerLivestream as DefaultViewerLivestream } from '..';
-import { StreamCall, useStreamVideoClient } from '../../..';
+import { ViewerLivestream as DefaultViewerLivestream } from '../ViewerLivestream';
 import { CallingState, getLogger } from '@stream-io/video-client';
+import { StreamCall } from '../../../providers/StreamCall';
+import { useStreamVideoClient } from '@stream-io/video-react-bindings';
 export const LivestreamPlayer = ({
   callType,
   callId,

package/dist/module/components/Livestream/LivestreamPlayer/LivestreamPlayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","ViewerLivestream","DefaultViewerLivestream","StreamCall","useStreamVideoClient","CallingState","getLogger","LivestreamPlayer","callType","callId","client","call","setCall","myCall","join","catch","e","logger","state","callingState","LEFT","leave","undefined","createElement"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,gBAAgB,IAAIC,uBAAuB,QAEtC,IAAI;AACX,SAAeC,UAAU,EAAEC,oBAAoB,QAAQ,UAAU;AACjE,SAASC,YAAY,EAAEC,SAAS,QAAQ,yBAAyB;AAkBjE,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,MAAM;EACNR,gBAAgB,GAAGC;AACE,CAAC,KAAK;EAC3B,MAAMQ,MAAM,GAAGN,oBAAoB,CAAC,CAAC;EAErC,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGZ,QAAQ,CAAO,CAAC;EAExCD,SAAS,CAAC,MAAM;IACd,IAAI,CAACW,MAAM,EAAE;MACX;IACF;IACA,MAAMG,MAAM,GAAGH,MAAM,CAACC,IAAI,CAACH,QAAQ,EAAEC,MAAM,CAAC;IAC5CG,OAAO,CAACC,MAAM,CAAC;IACfA,MAAM,CAACC,IAAI,CAAC,CAAC,CAACC,KAAK,CAAEC,CAAC,IAAK;MACzB,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CW,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAED,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,OAAO,MAAM;MACX,IAAIH,MAAM,CAACK,KAAK,CAACC,YAAY,KAAKd,YAAY,CAACe,IAAI,EAAE;QACnDP,MAAM,CAACQ,KAAK,CAAC,CAAC,CAACN,KAAK,CAAEC,CAAC,IAAK;UAC1B,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;UAC9CW,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAED,CAAC,CAAC;QAC3C,CAAC,CAAC;MACJ;MACAJ,OAAO,CAACU,SAAS,CAAC;IACpB,CAAC;EACH,CAAC,EAAE,CAACb,MAAM,EAAED,QAAQ,EAAEE,MAAM,CAAC,CAAC;EAE9BX,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX;MACA,IAAIY,IAAI,EAAEO,KAAK,CAACC,YAAY,KAAKd,YAAY,CAACe,IAAI,EAAE;QAClDT,IAAI,EAAEU,KAAK,CAAC,CAAC,CAACN,KAAK,CAAEC,CAAC,IAAK;UACzB,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;UAC9CW,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAED,CAAC,CAAC;QAC3C,CAAC,CAAC;MACJ;IACF,CAAC;EACH,CAAC,EAAE,CAACL,IAAI,CAAC,CAAC;EAEV,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACEb,KAAA,CAAAyB,aAAA,CAACpB,UAAU;IAACQ,IAAI,EAAEA;EAAK,gBACrBb,KAAA,CAAAyB,aAAA,CAACtB,gBAAgB,MAAE,CACT,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","ViewerLivestream","DefaultViewerLivestream","CallingState","getLogger","StreamCall","useStreamVideoClient","LivestreamPlayer","callType","callId","client","call","setCall","myCall","join","catch","e","logger","state","callingState","LEFT","leave","undefined","createElement"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,gBAAgB,IAAIC,uBAAuB,QAEtC,qBAAqB;AAC5B,SAAeC,YAAY,EAAEC,SAAS,QAAQ,yBAAyB;AACvE,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,oBAAoB,QAAQ,iCAAiC;AAkBtE,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,MAAM;EACNR,gBAAgB,GAAGC;AACE,CAAC,KAAK;EAC3B,MAAMQ,MAAM,GAAGJ,oBAAoB,CAAC,CAAC;EAErC,MAAM,CAACK,IAAI,EAAEC,OAAO,CAAC,GAAGZ,QAAQ,CAAO,CAAC;EAExCD,SAAS,CAAC,MAAM;IACd,IAAI,CAACW,MAAM,EAAE;MACX;IACF;IACA,MAAMG,MAAM,GAAGH,MAAM,CAACC,IAAI,CAACH,QAAQ,EAAEC,MAAM,CAAC;IAC5CG,OAAO,CAACC,MAAM,CAAC;IACfA,MAAM,CAACC,IAAI,CAAC,CAAC,CAACC,KAAK,CAAEC,CAAC,IAAK;MACzB,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9Ca,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAED,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,OAAO,MAAM;MACX,IAAIH,MAAM,CAACK,KAAK,CAACC,YAAY,KAAKhB,YAAY,CAACiB,IAAI,EAAE;QACnDP,MAAM,CAACQ,KAAK,CAAC,CAAC,CAACN,KAAK,CAAEC,CAAC,IAAK;UAC1B,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;UAC9Ca,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAED,CAAC,CAAC;QAC3C,CAAC,CAAC;MACJ;MACAJ,OAAO,CAACU,SAAS,CAAC;IACpB,CAAC;EACH,CAAC,EAAE,CAACb,MAAM,EAAED,QAAQ,EAAEE,MAAM,CAAC,CAAC;EAE9BX,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX;MACA,IAAIY,IAAI,EAAEO,KAAK,CAACC,YAAY,KAAKhB,YAAY,CAACiB,IAAI,EAAE;QAClDT,IAAI,EAAEU,KAAK,CAAC,CAAC,CAACN,KAAK,CAAEC,CAAC,IAAK;UACzB,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;UAC9Ca,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAED,CAAC,CAAC;QAC3C,CAAC,CAAC;MACJ;IACF,CAAC;EACH,CAAC,EAAE,CAACL,IAAI,CAAC,CAAC;EAEV,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACEb,KAAA,CAAAyB,aAAA,CAAClB,UAAU;IAACM,IAAI,EAAEA;EAAK,gBACrBb,KAAA,CAAAyB,aAAA,CAACtB,gBAAgB,MAAE,CACT,CAAC;AAEjB,CAAC","ignoreList":[]}

package/dist/module/hooks/index.js

@@ -6,4 +6,5 @@ export * from './useIsIosScreenshareBroadcastStarted';
 export * from './useIsInPiPMode';
 export * from './useAutoEnterPiPEffect';
 export * from './useApplyDefaultMediaStreamSettings';
+export * from './useScreenShareButton';
 //# sourceMappingURL=index.js.map

package/dist/module/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,QAAQ;AACtB,cAAc,iCAAiC;AAC/C,cAAc,uCAAuC;AACrD,cAAc,kBAAkB;AAChC,cAAc,yBAAyB;AACvC,cAAc,sCAAsC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,QAAQ;AACtB,cAAc,iCAAiC;AAC/C,cAAc,uCAAuC;AACrD,cAAc,kBAAkB;AAChC,cAAc,yBAAyB;AACvC,cAAc,sCAAsC;AACpD,cAAc,wBAAwB","ignoreList":[]}

package/dist/module/hooks/useScreenShareButton.js

@@ -0,0 +1,83 @@
+import { getLogger, hasScreenShare, OwnCapability } from '@stream-io/video-client';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { useRef, useEffect } from 'react';
+import { Platform, findNodeHandle, NativeModules } from 'react-native';
+import { usePrevious } from '../utils/hooks';
+import { useIsIosScreenshareBroadcastStarted } from './useIsIosScreenshareBroadcastStarted';
+
+// ios >= 14.0 or android - platform restrictions
+const CanDeviceScreenShare = (Platform.OS === 'ios' &&
+// @ts-ignore
+Number.parseInt(Platform.Version.split('.')[0], 10) >= 14, 10) || Platform.OS === 'android';
+export const useScreenShareButton = (screenCapturePickerViewiOSRef, onScreenShareStartedHandler, onScreenShareStoppedHandler, onMissingScreenShareStreamPermission) => {
+  const call = useCall();
+  const {
+    useLocalParticipant,
+    useCallSettings,
+    useOwnCapabilities
+  } = useCallStateHooks();
+  const callSettings = useCallSettings();
+  const ownCapabilities = useOwnCapabilities();
+  const hasScreenSharingPermissions = ownCapabilities?.includes(OwnCapability.SCREENSHARE);
+  const isScreenSharingEnabledInCall = callSettings?.screensharing.enabled;
+  const onScreenShareStartedHandlerRef = useRef(onScreenShareStartedHandler);
+  onScreenShareStartedHandlerRef.current = onScreenShareStartedHandler;
+  const onScreenShareStoppedHandlerRef = useRef(onScreenShareStoppedHandler);
+  onScreenShareStoppedHandlerRef.current = onScreenShareStoppedHandler;
+  const iosScreenShareStartedFromSystem = useIsIosScreenshareBroadcastStarted();
+  const prevIosScreenShareStartedFromSystem = usePrevious(iosScreenShareStartedFromSystem);
+  const localParticipant = useLocalParticipant();
+  const hasPublishedScreenShare = localParticipant && hasScreenShare(localParticipant);
+
+  // listens to iOS screen share broadcast started event from the system
+  useEffect(() => {
+    if (Platform.OS !== 'ios') {
+      return;
+    }
+    if (iosScreenShareStartedFromSystem && !prevIosScreenShareStartedFromSystem) {
+      onScreenShareStartedHandlerRef.current?.();
+      call?.screenShare.enable();
+    } else if (!iosScreenShareStartedFromSystem && prevIosScreenShareStartedFromSystem) {
+      onScreenShareStoppedHandlerRef.current?.();
+      call?.screenShare.disable(true);
+    }
+  }, [call, iosScreenShareStartedFromSystem, prevIosScreenShareStartedFromSystem]);
+  const onPress = async () => {
+    if (!hasScreenSharingPermissions) {
+      const logger = getLogger(['useScreenShareButton']);
+      logger('info', 'User does not have permissions to stream the screen share media, calling onMissingScreenShareStreamPermission handler if present');
+      onMissingScreenShareStreamPermission?.();
+    }
+    if (!hasPublishedScreenShare) {
+      if (Platform.OS === 'ios') {
+        const reactTag = findNodeHandle(screenCapturePickerViewiOSRef.current);
+        await NativeModules.ScreenCapturePickerViewManager.show(reactTag);
+        // After this the iOS screen share broadcast started/stopped event will be triggered
+        // and the useEffect listener will handle the rest
+      } else {
+        try {
+          await call?.screenShare.enable();
+          onScreenShareStartedHandler?.();
+        } catch (error) {
+          // ignored.. user didnt allow the screen share in the popup
+          const logger = getLogger(['useScreenShareButton']);
+          logger('info', 'User opted to not give permissions to start a screen share stream', error);
+        }
+      }
+    } else if (hasPublishedScreenShare) {
+      onScreenShareStoppedHandler?.();
+      await call?.screenShare.disable(true);
+    }
+  };
+  if (!isScreenSharingEnabledInCall || !CanDeviceScreenShare) {
+    return {
+      onPress: undefined,
+      hasPublishedScreenShare: false
+    };
+  }
+  return {
+    onPress,
+    hasPublishedScreenShare
+  };
+};
+//# sourceMappingURL=useScreenShareButton.js.map

package/dist/module/hooks/useScreenShareButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getLogger","hasScreenShare","OwnCapability","useCall","useCallStateHooks","useRef","useEffect","Platform","findNodeHandle","NativeModules","usePrevious","useIsIosScreenshareBroadcastStarted","CanDeviceScreenShare","OS","Number","parseInt","Version","split","useScreenShareButton","screenCapturePickerViewiOSRef","onScreenShareStartedHandler","onScreenShareStoppedHandler","onMissingScreenShareStreamPermission","call","useLocalParticipant","useCallSettings","useOwnCapabilities","callSettings","ownCapabilities","hasScreenSharingPermissions","includes","SCREENSHARE","isScreenSharingEnabledInCall","screensharing","enabled","onScreenShareStartedHandlerRef","current","onScreenShareStoppedHandlerRef","iosScreenShareStartedFromSystem","prevIosScreenShareStartedFromSystem","localParticipant","hasPublishedScreenShare","screenShare","enable","disable","onPress","logger","reactTag","ScreenCapturePickerViewManager","show","error","undefined"],"sourceRoot":"../../../src","sources":["hooks/useScreenShareButton.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/version.js

@@ -1,2 +1,2 @@
-export const version = '0.8.7';
+export const version = '0.8.8';
 //# sourceMappingURL=version.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenShareToggleButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ScreenShareToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAmBjD;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,kEAGjC,4BAA4B,6BA8G9B,CAAC"}
+{"version":3,"file":"ScreenShareToggleButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ScreenShareToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,kEAGjC,4BAA4B,6BAkC9B,CAAC"}

package/dist/typescript/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.d.ts

@@ -3,5 +3,5 @@ export type LivestreamScreenShareToggleButtonProps = {};
 /**
  * The LivestreamVideoControlButton controls the screenshare stream publish/unpublish while in the livestream for the host.
  */
-export declare const LivestreamScreenShareToggleButton: () => React.JSX.Element | null;
+export declare const LivestreamScreenShareToggleButton: () => React.JSX.Element;
 //# sourceMappingURL=LivestreamScreenShareToggleButton.d.ts.map

package/dist/typescript/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LivestreamScreenShareToggleButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAkBzC,MAAM,MAAM,sCAAsC,GAAG,EAAE,CAAC;AASxD;;GAEG;AACH,eAAO,MAAM,iCAAiC,gCAuH7C,CAAC"}
+{"version":3,"file":"LivestreamScreenShareToggleButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,sCAAsC,GAAG,EAAE,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,iCAAiC,yBAmD7C,CAAC"}

package/dist/typescript/components/Livestream/LivestreamPlayer/LivestreamPlayer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewerLivestreamProps } from '..';
+import { ViewerLivestreamProps } from '../ViewerLivestream';
 export type LivestreamPlayerProps = {
     /**
      * The call type. Usually `livestream`.

package/dist/typescript/components/Livestream/LivestreamPlayer/LivestreamPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LivestreamPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,qBAAqB,EACtB,MAAM,IAAI,CAAC;AAIZ,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,4CAI1B,qBAAqB,6BA+CvB,CAAC"}
+{"version":3,"file":"LivestreamPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,4CAI1B,qBAAqB,6BA+CvB,CAAC"}

package/dist/typescript/hooks/index.d.ts

@@ -6,4 +6,5 @@ export * from './useIsIosScreenshareBroadcastStarted';
 export * from './useIsInPiPMode';
 export * from './useAutoEnterPiPEffect';
 export * from './useApplyDefaultMediaStreamSettings';
+export * from './useScreenShareButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC"}

package/dist/typescript/hooks/useScreenShareButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const useScreenShareButton: (screenCapturePickerViewiOSRef: React.MutableRefObject<any>, onScreenShareStartedHandler?: () => void, onScreenShareStoppedHandler?: () => void, onMissingScreenShareStreamPermission?: () => void) => {
+    onPress: undefined;
+    hasPublishedScreenShare: boolean;
+} | {
+    onPress: () => Promise<void>;
+    hasPublishedScreenShare: boolean | undefined;
+};
+//# sourceMappingURL=useScreenShareButton.d.ts.map

package/dist/typescript/hooks/useScreenShareButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenShareButton.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScreenShareButton.ts"],"names":[],"mappings":"AAMA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,eAAO,MAAM,oBAAoB,kCAKA,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,gCAK5B,MAAM,IAAI,gCAKV,MAAM,IAAI,yCAKD,MAAM,IAAI;;;;;;CAyFlD,CAAC"}

package/dist/typescript/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "0.8.7";
+export declare const version = "0.8.8";
 //# sourceMappingURL=version.d.ts.map

package/expo-config-plugin/dist/withAndroidManifest.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const config_plugins_1 = require("@expo/config-plugins");
 const { prefixAndroidKeys, getMainApplicationOrThrow, getMainActivityOrThrow } = config_plugins_1.AndroidConfig.Manifest;
-function getNotifeeService(enableScreenshare = false) {
+function getNotifeeService() {
     /*
       <service
           android:name="app.notifee.core.ForegroundService"
           android:stopWithTask="true"
-          android:foregroundServiceType="mediaProjection|microphone" />
+          android:foregroundServiceType="mediaProjection" />
    */
     let foregroundServiceType = 'microphone';
-    if (enableScreenshare) {
-        foregroundServiceType = 'mediaProjection|' + foregroundServiceType;
-    }
+    // if (enableScreenshare) {
+    //   foregroundServiceType = 'mediaProjection|' + foregroundServiceType;
+    // }
     const head = prefixAndroidKeys({
         name: 'app.notifee.core.ForegroundService',
         stopWithTask: 'true',
@@ -31,7 +31,7 @@ const withStreamVideoReactNativeSDKManifest = (configuration, props) => {
             let services = mainApplication.service ?? [];
             // we filter out the existing notifee service (if any) so that we can override it
             services = services.filter((service) => service.$['android:name'] !== 'app.notifee.core.ForegroundService');
-            services.push(getNotifeeService(props?.enableScreenshare));
+            services.push(getNotifeeService());
             mainApplication.service = services;
             if (props?.androidPictureInPicture) {
                 const mainActivity = getMainActivityOrThrow(androidManifest);

package/expo-config-plugin/dist/withMainActivity.js

@@ -16,11 +16,15 @@ const withStreamVideoReactNativeSDKMainActivity = (configuration, props) => {
                 'android.util.Rational',
                 'androidx.lifecycle.Lifecycle',
                 'android.app.PictureInPictureParams',
+                'com.oney.WebRTCModule.WebRTCModuleOptions',
             ], isMainActivityJava);
             config.modResults.contents = addOnPictureInPictureModeChanged(config.modResults.contents, isMainActivityJava);
             if (props?.androidPictureInPicture?.enableAutomaticEnter) {
                 config.modResults.contents = addOnUserLeaveHint(config.modResults.contents, isMainActivityJava);
             }
+            if (props?.enableScreenshare) {
+                config.modResults.contents = addInsideOnCreate(config.modResults.contents, isMainActivityJava);
+            }
         }
         catch (error) {
             throw new Error("Cannot add StreamVideoReactNativeSDK to the project's MainApplication because it's malformed.");
@@ -89,4 +93,17 @@ function addOnUserLeaveHint(contents, isJava) {
     }
     return contents;
 }
+function addInsideOnCreate(contents, isJava) {
+    const addScreenShareServiceEnablerBlock = isJava
+        ? `WebRTCModuleOptions options = WebRTCModuleOptions.getInstance();
+    options.enableMediaProjectionService = true;
+`
+        : `val options: WebRTCModuleOptions = WebRTCModuleOptions.getInstance()
+    options.enableMediaProjectionService = true
+`;
+    if (!contents.includes('options.enableMediaProjectionService = true')) {
+        contents = (0, codeMod_1.appendContentsInsideDeclarationBlock)(contents, 'onCreate', addScreenShareServiceEnablerBlock);
+    }
+    return contents;
+}
 exports.default = withStreamVideoReactNativeSDKMainActivity;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "packageManager": "yarn@3.2.4",
   "main": "dist/commonjs/index.js",
   "module": "dist/module/index.js",
@@ -135,8 +135,8 @@
     "expo": "50.0.19",
     "expo-build-properties": "^0.12.3",
     "expo-modules-core": "1.12.16",
-    "expo-notifications": "0.28.9",
-    "expo-task-manager": "11.8.2",
+    "expo-notifications": "~0.27.8",
+    "expo-task-manager": "~11.7.3",
     "jest": "^29.7.0",
     "react-native": "0.71.8",
     "react-native-builder-bob": "^0.23.2",

package/src/components/Call/CallControls/ScreenShareToggleButton.tsx

@@ -1,21 +1,11 @@
-import React, { useEffect, useRef } from 'react';
-import { findNodeHandle, NativeModules, Platform } from 'react-native';
+import React, { useRef } from 'react';
+import { Platform } from 'react-native';
 import { ScreenCapturePickerView } from '@stream-io/react-native-webrtc';
 import { ScreenShare } from '../../../icons/ScreenShare';
 import { StopScreenShare } from '../../../icons/StopScreenShare';
 import { CallControlsButton } from './CallControlsButton';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
-import { useIsIosScreenshareBroadcastStarted } from '../../../hooks/useIsIosScreenshareBroadcastStarted';
-import { hasScreenShare, SfuModels } from '@stream-io/video-client';
-import { usePrevious } from '../../../utils/hooks/usePrevious';
-
-// ios >= 14.0 or android - platform restrictions
-const CanDeviceScreenShare =
-  (Platform.OS === 'ios' &&
-    // @ts-ignore
-    Number.parseInt(Platform.Version.split('.')[0], 10) >= 14) ||
-  Platform.OS === 'android';
+import { useScreenShareButton } from '../../../hooks/useScreenShareButton';
 
 /**
  * The props for the Screen Share button in the Call Controls.
@@ -45,94 +35,18 @@ export const ScreenShareToggleButton = ({
     theme: { colors, screenShareToggleButton },
   } = useTheme();
 
-  const call = useCall();
-  const { useLocalParticipant, useCallSettings } = useCallStateHooks();
-  const callSettings = useCallSettings();
-  const isScreenSharingEnabledInCall = callSettings?.screensharing.enabled;
-  const isScreenSharingAccessRequestEnabled =
-    callSettings?.screensharing.access_request_enabled;
-
-  const onScreenShareStartedHandlerRef = useRef(onScreenShareStartedHandler);
-  onScreenShareStartedHandlerRef.current = onScreenShareStartedHandler;
-  const onScreenShareStoppedHandlerRef = useRef(onScreenShareStoppedHandler);
-  onScreenShareStoppedHandlerRef.current = onScreenShareStoppedHandler;
+  const screenCapturePickerViewiOSRef = useRef(null);
 
-  const iosScreenShareStartedFromSystem = useIsIosScreenshareBroadcastStarted();
-  const prevIosScreenShareStartedFromSystem = usePrevious(
-    iosScreenShareStartedFromSystem
+  const { onPress, hasPublishedScreenShare } = useScreenShareButton(
+    screenCapturePickerViewiOSRef,
+    onScreenShareStartedHandler,
+    onScreenShareStoppedHandler
   );
 
-  const localParticipant = useLocalParticipant();
-  const hasPublishedScreenShare =
-    localParticipant && hasScreenShare(localParticipant);
-
-  // listens to iOS screen share broadcast started event from the system
-  useEffect(() => {
-    const run = async () => {
-      if (Platform.OS !== 'ios') {
-        return;
-      }
-      if (
-        iosScreenShareStartedFromSystem &&
-        !prevIosScreenShareStartedFromSystem
-      ) {
-        onScreenShareStartedHandlerRef.current?.();
-        const media = await navigator.mediaDevices.getDisplayMedia({
-          // @ts-ignore
-          deviceId: 'broadcast',
-          video: true,
-          audio: true,
-        });
-        await call?.publishScreenShareStream(media);
-      } else if (
-        !iosScreenShareStartedFromSystem &&
-        prevIosScreenShareStartedFromSystem
-      ) {
-        onScreenShareStoppedHandlerRef.current?.();
-        await call?.stopPublish(SfuModels.TrackType.SCREEN_SHARE);
-      }
-    };
-    run();
-  }, [
-    call,
-    iosScreenShareStartedFromSystem,
-    prevIosScreenShareStartedFromSystem,
-  ]);
-
-  const screenCapturePickerViewiOSRef = React.useRef(null);
-
-  const onPress = async () => {
-    if (!hasPublishedScreenShare) {
-      if (Platform.OS === 'ios') {
-        const reactTag = findNodeHandle(screenCapturePickerViewiOSRef.current);
-        await NativeModules.ScreenCapturePickerViewManager.show(reactTag);
-        // After this the iOS screen share broadcast started/stopped event will be triggered
-        // and the useEffect listener will handle the rest
-      } else {
-        try {
-          const media = await navigator.mediaDevices.getDisplayMedia({
-            video: true,
-            audio: true,
-          });
-          onScreenShareStartedHandler?.();
-          await call?.publishScreenShareStream(media);
-        } catch (e) {
-          // ignored.. user didnt allow the screen share in the popup
-        }
-      }
-    } else if (hasPublishedScreenShare) {
-      onScreenShareStoppedHandler?.();
-      await call?.stopPublish(SfuModels.TrackType.SCREEN_SHARE);
-    }
-  };
-
-  if (!isScreenSharingEnabledInCall || !CanDeviceScreenShare) {
-    return null;
-  }
+  if (!onPress) return null;
 
   return (
     <CallControlsButton
-      disabled={!isScreenSharingAccessRequestEnabled}
       onPress={onPress}
       color={hasPublishedScreenShare ? colors.error : colors.static_white}
       style={{