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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Text","View","Participants","useCallStateHooks","Z_INDEX","ButtonTestIds","useTheme","CallingState","ParticipantsInfoBadge","_ref","onParticipantInfoPress","theme","colors","participantInfoBadge","typefaces","variants","iconSizes","useParticipantCount","useCallMembers","useCallCallingState","participantCount","members","callingState","count","RINGING","length","createElement","onPress","style","_ref2","pressed","styles","container","opacity","disabled","testID","PARTICIPANTS_INFO","height","md","width","participantsIconContainer","color","static_white","participantCountContainer","backgroundColor","text_low_emphasis","participantCountText","subtitle","participantsCountText","create","flexDirection","justifyContent","paddingHorizontal","borderRadius","zIndex","IN_FRONT","bottom","right","includeFontPadding","textAlign"],"sourceRoot":"../../../../../src","sources":["components/Call/CallTopView/ParticipantsInfoBadge.tsx"],"mappings":"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"}

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

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

package/dist/module/components/Call/Lobby/JoinCallButton.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { useCall, useI18n } from '@stream-io/video-react-bindings';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the Join Call Button in the Lobby component.
+ */
+
+/**
+ * The default Join call button to be used in the Lobby component.
+ */
+export const JoinCallButton = _ref => {
+  let {
+    onJoinCallHandler,
+    onPressHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      joinCallButton
+    }
+  } = useTheme();
+  const {
+    t
+  } = useI18n();
+  const call = useCall();
+  const onPress = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    try {
+      await (call === null || call === void 0 ? void 0 : call.join({
+        create: true
+      }));
+      if (onJoinCallHandler) {
+        onJoinCallHandler();
+      }
+    } catch (error) {
+      console.error('Error joining call:', error);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.container, {
+      backgroundColor: colors.primary
+    }, joinCallButton.container],
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, {
+      color: colors.static_white
+    }, typefaces.subtitleBold, joinCallButton.label]
+  }, t('Join')));
+};
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 10,
+    marginTop: 16,
+    paddingVertical: 8
+  },
+  label: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=JoinCallButton.js.map

package/dist/module/components/Call/Lobby/JoinCallButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Text","useCall","useI18n","useTheme","JoinCallButton","_ref","onJoinCallHandler","onPressHandler","theme","colors","typefaces","joinCallButton","t","call","onPress","join","create","error","console","createElement","style","styles","container","backgroundColor","primary","label","color","static_white","subtitleBold","borderRadius","marginTop","paddingVertical","textAlign"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/JoinCallButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,OAAO,EAAEC,OAAO,QAAQ,iCAAiC;AAClE,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAKA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC7BC,iBAAiB;IACjBC;EACmB,CAAC,GAAAF,IAAA;EACpB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAe;EAC7C,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,MAAM;IAAES;EAAE,CAAC,GAAGV,OAAO,CAAC,CAAC;EACvB,MAAMW,IAAI,GAAGZ,OAAO,CAAC,CAAC;EAEtB,MAAMa,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIP,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,OAAMM,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,IAAI,CAAC;QAAEC,MAAM,EAAE;MAAK,CAAC,CAAC;MAClC,IAAIV,iBAAiB,EAAE;QACrBA,iBAAiB,CAAC,CAAC;MACrB;IACF,CAAC,CAAC,OAAOW,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,qBAAqB,EAAEA,KAAK,CAAC;IAC7C;EACF,CAAC;EAED,oBACEpB,KAAA,CAAAsB,aAAA,CAACrB,SAAS;IACRsB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEd,MAAM,CAACe;IAAQ,CAAC,EACnCb,cAAc,CAACW,SAAS,CACxB;IACFR,OAAO,EAAEA;EAAQ,gBAEjBjB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACHoB,KAAK,EAAE,CACLC,MAAM,CAACI,KAAK,EACZ;MACEC,KAAK,EAAEjB,MAAM,CAACkB;IAChB,CAAC,EACDjB,SAAS,CAACkB,YAAY,EACtBjB,cAAc,CAACc,KAAK;EACpB,GAEDb,CAAC,CAAC,MAAM,CACL,CACG,CAAC;AAEhB,CAAC;AAED,MAAMS,MAAM,GAAGtB,UAAU,CAACiB,MAAM,CAAC;EAC/BM,SAAS,EAAE;IACTO,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE;IACbC,eAAe,EAAE;EACnB,CAAC;EACDN,KAAK,EAAE;IACLO,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/dist/module/components/Call/Lobby/Lobby.js

@@ -0,0 +1,178 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { MicOff } from '../../../icons';
+import { useCall, useCallStateHooks, useConnectedUser, useI18n } from '@stream-io/video-react-bindings';
+import { Avatar } from '../../utility/Avatar';
+import { LOBBY_VIDEO_VIEW_HEIGHT } from '../../../constants';
+import { RTCView } from '@stream-io/react-native-webrtc';
+import { LobbyControls as DefaultLobbyControls } from '../CallControls/LobbyControls';
+import { JoinCallButton as DefaultJoinCallButton } from './JoinCallButton';
+import { useTheme } from '../../../contexts/ThemeContext';
+import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
+
+/**
+ * Props for the Lobby Component.
+ */
+
+/**
+ * Components that acts as a pre-join view for the call. Where you can preview your video and audio. Check for call details and check for number of participants already in the call.
+ */
+export const Lobby = _ref => {
+  let {
+    onJoinCallHandler,
+    LobbyControls = DefaultLobbyControls,
+    JoinCallButton = DefaultJoinCallButton
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      lobby,
+      typefaces
+    }
+  } = useTheme();
+  const connectedUser = useConnectedUser();
+  const {
+    useCameraState,
+    useCallSession
+  } = useCallStateHooks();
+  const {
+    status: cameraStatus
+  } = useCameraState();
+  const call = useCall();
+  const session = useCallSession();
+  const {
+    t
+  } = useI18n();
+  const localVideoStream = call === null || call === void 0 ? void 0 : call.camera.state.mediaStream;
+  const participantsCount = session === null || session === void 0 ? void 0 : session.participants.length;
+  useCallMediaStreamCleanup();
+  const connectedUserAsParticipant = {
+    userId: connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id,
+    image: connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.image,
+    name: connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.name
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, lobby.container]
+  }, connectedUser && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.heading, {
+      color: colors.static_white
+    }, typefaces.heading4, lobby.heading]
+  }, t('Before Joining')), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subHeading, {
+      color: colors.text_low_emphasis
+    }, typefaces.subtitle]
+  }, t('Setup your audio and video')), /*#__PURE__*/React.createElement(View, {
+    style: [styles.videoContainer, {
+      backgroundColor: colors.disabled
+    }, lobby.videoContainer]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.topView
+  }), cameraStatus === 'enabled' && localVideoStream ? /*#__PURE__*/React.createElement(RTCView, {
+    mirror: true,
+    streamURL: localVideoStream.toURL(),
+    objectFit: "cover",
+    style: StyleSheet.absoluteFillObject
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: [styles.avatarContainer, lobby.avatarContainer]
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    participant: connectedUserAsParticipant
+  })), /*#__PURE__*/React.createElement(ParticipantStatus, null)), LobbyControls && /*#__PURE__*/React.createElement(LobbyControls, null)), /*#__PURE__*/React.createElement(View, {
+    style: [styles.infoContainer, {
+      backgroundColor: colors.static_overlay
+    }, lobby.infoContainer]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [{
+      color: colors.static_white
+    }, typefaces.subtitleBold, lobby.infoText]
+  }, t('You are about to join a call with id {{ callId }}.', {
+    callId: call === null || call === void 0 ? void 0 : call.id
+  }) + ' ' + (participantsCount ? t('{{ numberOfParticipants }} participant(s) are in the call.', {
+    numberOfParticipants: participantsCount
+  }) : t('You are first to Join the call.'))), JoinCallButton && /*#__PURE__*/React.createElement(JoinCallButton, {
+    onJoinCallHandler: onJoinCallHandler
+  })));
+};
+const ParticipantStatus = () => {
+  const {
+    theme: {
+      colors,
+      typefaces,
+      lobby,
+      variants: {
+        iconSizes
+      }
+    }
+  } = useTheme();
+  const connectedUser = useConnectedUser();
+  const {
+    useMicrophoneState
+  } = useCallStateHooks();
+  const participantLabel = (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.name) ?? (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id);
+  const {
+    status: micStatus
+  } = useMicrophoneState();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.participantStatusContainer, {
+      backgroundColor: colors.static_overlay
+    }, lobby.participantStatusContainer]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.userNameLabel, {
+      color: colors.static_white
+    }, typefaces.caption, lobby.userNameLabel],
+    numberOfLines: 1
+  }, participantLabel), micStatus === 'disabled' && /*#__PURE__*/React.createElement(View, {
+    style: [styles.audioMutedIconContainer, {
+      height: iconSizes.xs,
+      width: iconSizes.xs
+    }, lobby.audioMutedIconContainer]
+  }, /*#__PURE__*/React.createElement(MicOff, {
+    color: colors.error
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    paddingHorizontal: 12
+  },
+  heading: {
+    textAlign: 'center'
+  },
+  subHeading: {
+    marginBottom: 16,
+    textAlign: 'center'
+  },
+  videoContainer: {
+    height: LOBBY_VIDEO_VIEW_HEIGHT,
+    borderRadius: 20,
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    overflow: 'hidden',
+    padding: 8
+  },
+  topView: {},
+  infoContainer: {
+    padding: 12,
+    borderRadius: 10
+  },
+  participantStatusContainer: {
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8,
+    borderRadius: 5
+  },
+  avatarContainer: {
+    flex: 2,
+    justifyContent: 'center'
+  },
+  userNameLabel: {
+    flexShrink: 1
+  },
+  audioMutedIconContainer: {
+    marginLeft: 8
+  }
+});
+//# sourceMappingURL=Lobby.js.map

package/dist/module/components/Call/Lobby/Lobby.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","MicOff","useCall","useCallStateHooks","useConnectedUser","useI18n","Avatar","LOBBY_VIDEO_VIEW_HEIGHT","RTCView","LobbyControls","DefaultLobbyControls","JoinCallButton","DefaultJoinCallButton","useTheme","useCallMediaStreamCleanup","Lobby","_ref","onJoinCallHandler","theme","colors","lobby","typefaces","connectedUser","useCameraState","useCallSession","status","cameraStatus","call","session","t","localVideoStream","camera","state","mediaStream","participantsCount","participants","length","connectedUserAsParticipant","userId","id","image","name","createElement","style","styles","container","backgroundColor","static_grey","Fragment","heading","color","static_white","heading4","subHeading","text_low_emphasis","subtitle","videoContainer","disabled","topView","mirror","streamURL","toURL","objectFit","absoluteFillObject","avatarContainer","participant","ParticipantStatus","infoContainer","static_overlay","subtitleBold","infoText","callId","numberOfParticipants","variants","iconSizes","useMicrophoneState","participantLabel","micStatus","participantStatusContainer","userNameLabel","caption","numberOfLines","audioMutedIconContainer","height","xs","width","error","create","flex","justifyContent","paddingHorizontal","textAlign","marginBottom","borderRadius","alignItems","overflow","padding","alignSelf","flexDirection","flexShrink","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/Lobby.tsx"],"mappings":"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"}

package/dist/module/components/Call/Lobby/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/index.ts"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB"}

package/dist/module/components/Call/RingingCallContent/IncomingCall.js

@@ -0,0 +1,110 @@
+import React from 'react';
+import { ImageBackground, StyleSheet, Text, View } from 'react-native';
+import { useCallStateHooks, useConnectedUser, useI18n } from '@stream-io/video-react-bindings';
+import { UserInfo } from './UserInfo';
+import { CallTopView as DefaultCallTopView } from '../CallTopView';
+import { IncomingCallControls as DefaultIncomingCallControls } from '../CallControls';
+import { useTheme } from '../../../contexts';
+
+/**
+ * Props for the IncomingCall Component.
+ */
+
+/**
+ * An incoming call with the caller's avatar, name and accept/reject buttons.
+ * Used when the user is receiving a call.
+ */
+export const IncomingCall = _ref => {
+  let {
+    onAcceptCallHandler,
+    onRejectCallHandler,
+    CallTopView = DefaultCallTopView,
+    IncomingCallControls = DefaultIncomingCallControls
+  } = _ref;
+  const {
+    t
+  } = useI18n();
+  const {
+    theme: {
+      colors,
+      incomingCall,
+      typefaces
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(Background, null, CallTopView && /*#__PURE__*/React.createElement(CallTopView, null), /*#__PURE__*/React.createElement(View, {
+    style: [styles.content, incomingCall.content]
+  }, /*#__PURE__*/React.createElement(UserInfo, null), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.incomingCallText, {
+      color: colors.static_white
+    }, typefaces.heading6, incomingCall.incomingCallText]
+  }, t('Incoming Call...'))), /*#__PURE__*/React.createElement(View, {
+    style: [styles.incomingCallControls, incomingCall.incomingCallControls]
+  }, IncomingCallControls && /*#__PURE__*/React.createElement(IncomingCallControls, {
+    onAcceptCallHandler: onAcceptCallHandler,
+    onRejectCallHandler: onRejectCallHandler
+  })));
+};
+const Background = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  const {
+    theme: {
+      colors,
+      incomingCall
+    }
+  } = useTheme();
+  const connectedUser = useConnectedUser();
+  const {
+    useCallMembers
+  } = useCallStateHooks();
+  const members = useCallMembers();
+
+  // take the first N members to show their avatars
+  const avatarsToShow = (members || []).filter(_ref3 => {
+    let {
+      user
+    } = _ref3;
+    return user.id !== (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id);
+  }).map(_ref4 => {
+    let {
+      user
+    } = _ref4;
+    return user.image;
+  }).filter(image => !!image);
+  if (avatarsToShow.length) {
+    return /*#__PURE__*/React.createElement(ImageBackground, {
+      blurRadius: 10,
+      source: {
+        uri: avatarsToShow[0]
+      },
+      style: [StyleSheet.absoluteFill, styles.background, {
+        backgroundColor: colors.static_grey
+      }, incomingCall.background]
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [StyleSheet.absoluteFill, styles.background, {
+      backgroundColor: colors.static_grey
+    }, incomingCall.background]
+  }, children);
+};
+export const styles = StyleSheet.create({
+  background: {
+    flex: 1
+  },
+  content: {
+    paddingTop: 8
+  },
+  incomingCallText: {
+    marginTop: 16,
+    textAlign: 'center'
+  },
+  incomingCallControls: {
+    position: 'absolute',
+    bottom: 64,
+    left: 0,
+    right: 0
+  }
+});
+//# sourceMappingURL=IncomingCall.js.map

package/dist/module/components/Call/RingingCallContent/IncomingCall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ImageBackground","StyleSheet","Text","View","useCallStateHooks","useConnectedUser","useI18n","UserInfo","CallTopView","DefaultCallTopView","IncomingCallControls","DefaultIncomingCallControls","useTheme","IncomingCall","_ref","onAcceptCallHandler","onRejectCallHandler","t","theme","colors","incomingCall","typefaces","createElement","Background","style","styles","content","incomingCallText","color","static_white","heading6","incomingCallControls","_ref2","children","connectedUser","useCallMembers","members","avatarsToShow","filter","_ref3","user","id","map","_ref4","image","length","blurRadius","source","uri","absoluteFill","background","backgroundColor","static_grey","create","flex","paddingTop","marginTop","textAlign","position","bottom","left","right"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/IncomingCall.tsx"],"mappings":"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"}

package/dist/module/components/Call/RingingCallContent/JoiningCallIndicator.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { ActivityIndicator, SafeAreaView, StyleSheet } from 'react-native';
+import { useTheme } from '../../../contexts';
+export const JoiningCallIndicator = () => {
+  const {
+    theme: {
+      colors,
+      joiningCallIndicator
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, joiningCallIndicator.container]
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: 'large',
+    style: StyleSheet.absoluteFill
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=JoiningCallIndicator.js.map

package/dist/module/components/Call/RingingCallContent/JoiningCallIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","SafeAreaView","StyleSheet","useTheme","JoiningCallIndicator","theme","colors","joiningCallIndicator","createElement","style","styles","container","backgroundColor","static_grey","size","absoluteFill","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/JoiningCallIndicator.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAEC,YAAY,EAAEC,UAAU,QAAQ,cAAc;AAC1E,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAqB;EACxC,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EACd,oBACEJ,KAAA,CAAAS,aAAA,CAACP,YAAY;IACXQ,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEN,MAAM,CAACO;IAAY,CAAC,EACvCN,oBAAoB,CAACI,SAAS;EAC9B,gBAEFZ,KAAA,CAAAS,aAAA,CAACR,iBAAiB;IAACc,IAAI,EAAE,OAAQ;IAACL,KAAK,EAAEP,UAAU,CAACa;EAAa,CAAE,CACvD,CAAC;AAEnB,CAAC;AAED,MAAML,MAAM,GAAGR,UAAU,CAACc,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/dist/module/components/Call/RingingCallContent/OutgoingCall.js

@@ -0,0 +1,103 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { UserInfo } from './UserInfo';
+import { Z_INDEX } from '../../../constants';
+import { useCall, useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
+import { RTCView } from '@stream-io/react-native-webrtc';
+import { useTheme } from '../../../contexts/ThemeContext';
+import { OutgoingCallControls as DefaultOutgoingCallControls } from '../CallControls';
+import { CallTopView as DefaultCallTopView } from '../CallTopView';
+import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
+
+/**
+ * Props for the OutgoingCall Component.
+ */
+
+/**
+ * An outgoing call with the callee's avatar, name, caller's camera in background, reject and mute buttons.
+ * Used after the user has initiated a call.
+ */
+export const OutgoingCall = _ref => {
+  let {
+    CallTopView = DefaultCallTopView,
+    OutgoingCallControls = DefaultOutgoingCallControls
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      outgoingCall
+    }
+  } = useTheme();
+  const {
+    t
+  } = useI18n();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [StyleSheet.absoluteFill, styles.container, outgoingCall.container]
+  }, CallTopView && /*#__PURE__*/React.createElement(CallTopView, null), /*#__PURE__*/React.createElement(View, {
+    style: [styles.content, outgoingCall.content]
+  }, /*#__PURE__*/React.createElement(UserInfo, null), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.callingText, {
+      color: colors.static_white
+    }, typefaces.heading6, outgoingCall.callingText]
+  }, t('Calling...'))), /*#__PURE__*/React.createElement(View, {
+    style: [styles.outgoingCallControls, outgoingCall.outgoingCallControls]
+  }, OutgoingCallControls && /*#__PURE__*/React.createElement(OutgoingCallControls, null))), /*#__PURE__*/React.createElement(Background, null));
+};
+const Background = () => {
+  const {
+    theme: {
+      colors,
+      outgoingCall
+    }
+  } = useTheme();
+  const call = useCall();
+  const {
+    useCameraState
+  } = useCallStateHooks();
+  const {
+    status
+  } = useCameraState();
+  const localVideoStream = call === null || call === void 0 ? void 0 : call.camera.state.mediaStream;
+  useCallMediaStreamCleanup();
+  if (status === 'disabled' || !localVideoStream) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.background, {
+        backgroundColor: colors.static_grey
+      }, outgoingCall.background]
+    });
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.background, {
+      backgroundColor: colors.static_grey
+    }, outgoingCall.background]
+  }, /*#__PURE__*/React.createElement(RTCView, {
+    streamURL: localVideoStream.toURL(),
+    zOrder: Z_INDEX.IN_BACK,
+    style: StyleSheet.absoluteFill,
+    mirror: true,
+    objectFit: "cover"
+  }));
+};
+const styles = StyleSheet.create({
+  background: {
+    flex: 1
+  },
+  container: {
+    zIndex: Z_INDEX.IN_MIDDLE
+  },
+  content: {
+    paddingTop: 8
+  },
+  callingText: {
+    marginTop: 16,
+    textAlign: 'center'
+  },
+  outgoingCallControls: {
+    position: 'absolute',
+    bottom: 64,
+    left: 0,
+    right: 0
+  }
+});
+//# sourceMappingURL=OutgoingCall.js.map

package/dist/module/components/Call/RingingCallContent/OutgoingCall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","UserInfo","Z_INDEX","useCall","useCallStateHooks","useI18n","RTCView","useTheme","OutgoingCallControls","DefaultOutgoingCallControls","CallTopView","DefaultCallTopView","useCallMediaStreamCleanup","OutgoingCall","_ref","theme","colors","typefaces","outgoingCall","t","createElement","Fragment","style","absoluteFill","styles","container","content","callingText","color","static_white","heading6","outgoingCallControls","Background","call","useCameraState","status","localVideoStream","camera","state","mediaStream","background","backgroundColor","static_grey","streamURL","toURL","zOrder","IN_BACK","mirror","objectFit","create","flex","zIndex","IN_MIDDLE","paddingTop","marginTop","textAlign","position","bottom","left","right"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/OutgoingCall.tsx"],"mappings":"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"}

package/dist/module/components/Call/RingingCallContent/RingingCallContent.js

@@ -0,0 +1,65 @@
+import { CallingState } from '@stream-io/video-client';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { CallContent as DefaultCallContent } from '../CallContent';
+import { IncomingCall as DefaultIncomingCall } from './IncomingCall';
+import { OutgoingCall as DefaultOutgoingCall } from './OutgoingCall';
+import { JoiningCallIndicator as DefaultJoiningCallIndicator } from './JoiningCallIndicator';
+import { useTheme } from '../../../contexts';
+
+/**
+ * Props for the RingingCallContent component
+ */
+
+const RingingCallPanel = _ref => {
+  let {
+    IncomingCall = DefaultIncomingCall,
+    OutgoingCall = DefaultOutgoingCall,
+    CallContent = DefaultCallContent,
+    JoiningCallIndicator = DefaultJoiningCallIndicator,
+    CallTopView
+  } = _ref;
+  const call = useCall();
+  const isCallCreatedByMe = call === null || call === void 0 ? void 0 : call.isCreatedByMe;
+  const {
+    useCallCallingState
+  } = useCallStateHooks();
+  const callingState = useCallCallingState();
+  switch (callingState) {
+    case CallingState.RINGING:
+      return isCallCreatedByMe ? OutgoingCall && /*#__PURE__*/React.createElement(OutgoingCall, {
+        CallTopView: CallTopView
+      }) : IncomingCall && /*#__PURE__*/React.createElement(IncomingCall, {
+        CallTopView: CallTopView
+      });
+    case CallingState.JOINED:
+      return CallContent && /*#__PURE__*/React.createElement(CallContent, {
+        CallTopView: CallTopView
+      });
+    case CallingState.JOINING:
+      return JoiningCallIndicator && /*#__PURE__*/React.createElement(JoiningCallIndicator, null);
+    default:
+      return null;
+  }
+};
+
+/**
+ * Component to show the Incoming, Outgoing and CalContent component depending upon the Call states when the call is in ringing mode.
+ */
+export const RingingCallContent = props => {
+  const {
+    theme: {
+      ringingCallContent
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, ringingCallContent.container]
+  }, /*#__PURE__*/React.createElement(RingingCallPanel, props));
+};
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject
+  }
+});
+//# sourceMappingURL=RingingCallContent.js.map

package/dist/module/components/Call/RingingCallContent/RingingCallContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CallingState","useCall","useCallStateHooks","React","StyleSheet","View","CallContent","DefaultCallContent","IncomingCall","DefaultIncomingCall","OutgoingCall","DefaultOutgoingCall","JoiningCallIndicator","DefaultJoiningCallIndicator","useTheme","RingingCallPanel","_ref","CallTopView","call","isCallCreatedByMe","isCreatedByMe","useCallCallingState","callingState","RINGING","createElement","JOINED","JOINING","RingingCallContent","props","theme","ringingCallContent","style","styles","container","create","absoluteFillObject"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/RingingCallContent.tsx"],"mappings":"AAAA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,WAAW,IAAIC,kBAAkB,QAE5B,gBAAgB;AAEvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SAASC,oBAAoB,IAAIC,2BAA2B,QAAQ,wBAAwB;AAC5F,SAASC,QAAQ,QAAQ,mBAAmB;;AAE5C;AACA;AACA;;AAwBA,MAAMC,gBAAgB,GAAGC,IAAA,IAMM;EAAA,IANL;IACxBR,YAAY,GAAGC,mBAAmB;IAClCC,YAAY,GAAGC,mBAAmB;IAClCL,WAAW,GAAGC,kBAAkB;IAChCK,oBAAoB,GAAGC,2BAA2B;IAClDI;EACuB,CAAC,GAAAD,IAAA;EACxB,MAAME,IAAI,GAAGjB,OAAO,CAAC,CAAC;EACtB,MAAMkB,iBAAiB,GAAGD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,aAAa;EAE7C,MAAM;IAAEC;EAAoB,CAAC,GAAGnB,iBAAiB,CAAC,CAAC;EACnD,MAAMoB,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAE1C,QAAQC,YAAY;IAClB,KAAKtB,YAAY,CAACuB,OAAO;MACvB,OAAOJ,iBAAiB,GACpBT,YAAY,iBAAIP,KAAA,CAAAqB,aAAA,CAACd,YAAY;QAACO,WAAW,EAAEA;MAAY,CAAE,CAAC,GAC1DT,YAAY,iBAAIL,KAAA,CAAAqB,aAAA,CAAChB,YAAY;QAACS,WAAW,EAAEA;MAAY,CAAE,CAAC;IAChE,KAAKjB,YAAY,CAACyB,MAAM;MACtB,OAAOnB,WAAW,iBAAIH,KAAA,CAAAqB,aAAA,CAAClB,WAAW;QAACW,WAAW,EAAEA;MAAY,CAAE,CAAC;IACjE,KAAKjB,YAAY,CAAC0B,OAAO;MACvB,OAAOd,oBAAoB,iBAAIT,KAAA,CAAAqB,aAAA,CAACZ,oBAAoB,MAAE,CAAC;IACzD;MACE,OAAO,IAAI;EACf;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMe,kBAAkB,GAAIC,KAA8B,IAAK;EACpE,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAmB;EAC9B,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EACd,oBACEX,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEH,kBAAkB,CAACG,SAAS;EAAE,gBAC5D9B,KAAA,CAAAqB,aAAA,CAACT,gBAAgB,EAAKa,KAAQ,CAC1B,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG5B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACT,GAAG7B,UAAU,CAAC+B;EAChB;AACF,CAAC,CAAC"}