Add screensharing behind a feature flag

ts/components/CallManager.stories.tsx

@@ -68,6 +68,7 @@ const createProps = (storyProps: Partial<PropsType> = {}): PropsType => ({
   declineCall: action('decline-call'),
   getGroupCallVideoFrameSource: (_: string, demuxId: number) =>
     fakeGetGroupCallVideoFrameSource(demuxId),
+  getPresentingSources: action('get-presenting-sources'),
   hangUp: action('hang-up'),
   i18n,
   keyChangeOk: action('key-change-ok'),
@@ -78,16 +79,21 @@ const createProps = (storyProps: Partial<PropsType> = {}): PropsType => ({
     }),
     uuid: 'cb0dd0c8-7393-41e9-a0aa-d631c4109541',
   },
+  openSystemPreferencesAction: action('open-system-preferences-action'),
   renderDeviceSelection: () => <div />,
   renderSafetyNumberViewer: (_: SafetyNumberViewerProps) => <div />,
   setGroupCallVideoRequest: action('set-group-call-video-request'),
   setLocalAudio: action('set-local-audio'),
   setLocalPreview: action('set-local-preview'),
   setLocalVideo: action('set-local-video'),
+  setPresenting: action('toggle-presenting'),
   setRendererCanvas: action('set-renderer-canvas'),
   startCall: action('start-call'),
   toggleParticipants: action('toggle-participants'),
   togglePip: action('toggle-pip'),
+  toggleScreenRecordingPermissionsDialog: action(
+    'toggle-screen-recording-permissions-dialog'
+  ),
   toggleSettings: action('toggle-settings'),
   toggleSpeakerView: action('toggle-speaker-view'),
 });
@@ -104,7 +110,9 @@ story.add('Ongoing Direct Call', () => (
         callMode: CallMode.Direct,
         callState: CallState.Accepted,
         peekedParticipants: [],
-        remoteParticipants: [{ hasRemoteVideo: true }],
+        remoteParticipants: [
+          { hasRemoteVideo: true, presenting: false, title: 'Remy' },
+        ],
       },
     })}
   />
@@ -148,7 +156,9 @@ story.add('Call Request Needed', () => (
         callMode: CallMode.Direct,
         callState: CallState.Accepted,
         peekedParticipants: [],
-        remoteParticipants: [{ hasRemoteVideo: true }],
+        remoteParticipants: [
+          { hasRemoteVideo: true, presenting: false, title: 'Mike' },
+        ],
       },
     })}
   />