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

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

@@ -0,0 +1,185 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Lobby = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _icons = require("../../../icons");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _Avatar = require("../../utility/Avatar");
+var _constants = require("../../../constants");
+var _reactNativeWebrtc = require("@stream-io/react-native-webrtc");
+var _LobbyControls = require("../CallControls/LobbyControls");
+var _JoinCallButton = require("./JoinCallButton");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+var _useCallMediaStreamCleanup = require("../../../hooks/internal/useCallMediaStreamCleanup");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 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.
+ */
+const Lobby = _ref => {
+  let {
+    onJoinCallHandler,
+    LobbyControls = _LobbyControls.LobbyControls,
+    JoinCallButton = _JoinCallButton.JoinCallButton
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      lobby,
+      typefaces
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const connectedUser = (0, _videoReactBindings.useConnectedUser)();
+  const {
+    useCameraState,
+    useCallSession
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status: cameraStatus
+  } = useCameraState();
+  const call = (0, _videoReactBindings.useCall)();
+  const session = useCallSession();
+  const {
+    t
+  } = (0, _videoReactBindings.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;
+  (0, _useCallMediaStreamCleanup.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.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, lobby.container]
+  }, connectedUser && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.heading, {
+      color: colors.static_white
+    }, typefaces.heading4, lobby.heading]
+  }, t('Before Joining')), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.subHeading, {
+      color: colors.text_low_emphasis
+    }, typefaces.subtitle]
+  }, t('Setup your audio and video')), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.videoContainer, {
+      backgroundColor: colors.disabled
+    }, lobby.videoContainer]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.topView
+  }), cameraStatus === 'enabled' && localVideoStream ? /*#__PURE__*/_react.default.createElement(_reactNativeWebrtc.RTCView, {
+    mirror: true,
+    streamURL: localVideoStream.toURL(),
+    objectFit: "cover",
+    style: _reactNative.StyleSheet.absoluteFillObject
+  }) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.avatarContainer, lobby.avatarContainer]
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+    participant: connectedUserAsParticipant
+  })), /*#__PURE__*/_react.default.createElement(ParticipantStatus, null)), LobbyControls && /*#__PURE__*/_react.default.createElement(LobbyControls, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.infoContainer, {
+      backgroundColor: colors.static_overlay
+    }, lobby.infoContainer]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(JoinCallButton, {
+    onJoinCallHandler: onJoinCallHandler
+  })));
+};
+exports.Lobby = Lobby;
+const ParticipantStatus = () => {
+  const {
+    theme: {
+      colors,
+      typefaces,
+      lobby,
+      variants: {
+        iconSizes
+      }
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const connectedUser = (0, _videoReactBindings.useConnectedUser)();
+  const {
+    useMicrophoneState
+  } = (0, _videoReactBindings.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.default.createElement(_reactNative.View, {
+    style: [styles.participantStatusContainer, {
+      backgroundColor: colors.static_overlay
+    }, lobby.participantStatusContainer]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.userNameLabel, {
+      color: colors.static_white
+    }, typefaces.caption, lobby.userNameLabel],
+    numberOfLines: 1
+  }, participantLabel), micStatus === 'disabled' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.audioMutedIconContainer, {
+      height: iconSizes.xs,
+      width: iconSizes.xs
+    }, lobby.audioMutedIconContainer]
+  }, /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
+    color: colors.error
+  })));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    paddingHorizontal: 12
+  },
+  heading: {
+    textAlign: 'center'
+  },
+  subHeading: {
+    marginBottom: 16,
+    textAlign: 'center'
+  },
+  videoContainer: {
+    height: _constants.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/commonjs/components/Call/Lobby/Lobby.js.map

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

package/dist/commonjs/components/Call/Lobby/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Lobby = require("./Lobby");
+Object.keys(_Lobby).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Lobby[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Lobby[key];
+    }
+  });
+});
+var _JoinCallButton = require("./JoinCallButton");
+Object.keys(_JoinCallButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _JoinCallButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _JoinCallButton[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Lobby","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_JoinCallButton"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = exports.IncomingCall = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _UserInfo = require("./UserInfo");
+var _CallTopView = require("../CallTopView");
+var _CallControls = require("../CallControls");
+var _contexts = require("../../../contexts");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 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.
+ */
+const IncomingCall = _ref => {
+  let {
+    onAcceptCallHandler,
+    onRejectCallHandler,
+    CallTopView = _CallTopView.CallTopView,
+    IncomingCallControls = _CallControls.IncomingCallControls
+  } = _ref;
+  const {
+    t
+  } = (0, _videoReactBindings.useI18n)();
+  const {
+    theme: {
+      colors,
+      incomingCall,
+      typefaces
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(Background, null, CallTopView && /*#__PURE__*/_react.default.createElement(CallTopView, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.content, incomingCall.content]
+  }, /*#__PURE__*/_react.default.createElement(_UserInfo.UserInfo, null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.incomingCallText, {
+      color: colors.static_white
+    }, typefaces.heading6, incomingCall.incomingCallText]
+  }, t('Incoming Call...'))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.incomingCallControls, incomingCall.incomingCallControls]
+  }, IncomingCallControls && /*#__PURE__*/_react.default.createElement(IncomingCallControls, {
+    onAcceptCallHandler: onAcceptCallHandler,
+    onRejectCallHandler: onRejectCallHandler
+  })));
+};
+exports.IncomingCall = IncomingCall;
+const Background = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  const {
+    theme: {
+      colors,
+      incomingCall
+    }
+  } = (0, _contexts.useTheme)();
+  const connectedUser = (0, _videoReactBindings.useConnectedUser)();
+  const {
+    useCallMembers
+  } = (0, _videoReactBindings.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.default.createElement(_reactNative.ImageBackground, {
+      blurRadius: 10,
+      source: {
+        uri: avatarsToShow[0]
+      },
+      style: [_reactNative.StyleSheet.absoluteFill, styles.background, {
+        backgroundColor: colors.static_grey
+      }, incomingCall.background]
+    }, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_reactNative.StyleSheet.absoluteFill, styles.background, {
+      backgroundColor: colors.static_grey
+    }, incomingCall.background]
+  }, children);
+};
+const styles = _reactNative.StyleSheet.create({
+  background: {
+    flex: 1
+  },
+  content: {
+    paddingTop: 8
+  },
+  incomingCallText: {
+    marginTop: 16,
+    textAlign: 'center'
+  },
+  incomingCallControls: {
+    position: 'absolute',
+    bottom: 64,
+    left: 0,
+    right: 0
+  }
+});
+exports.styles = styles;
+//# sourceMappingURL=IncomingCall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_UserInfo","_CallTopView","_CallControls","_contexts","obj","__esModule","default","IncomingCall","_ref","onAcceptCallHandler","onRejectCallHandler","CallTopView","DefaultCallTopView","IncomingCallControls","DefaultIncomingCallControls","t","useI18n","theme","colors","incomingCall","typefaces","useTheme","createElement","Background","View","style","styles","content","UserInfo","Text","incomingCallText","color","static_white","heading6","incomingCallControls","exports","_ref2","children","connectedUser","useConnectedUser","useCallMembers","useCallStateHooks","members","avatarsToShow","filter","_ref3","user","id","map","_ref4","image","length","ImageBackground","blurRadius","source","uri","StyleSheet","absoluteFill","background","backgroundColor","static_grey","create","flex","paddingTop","marginTop","textAlign","position","bottom","left","right"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/IncomingCall.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAKA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAIA,IAAAK,aAAA,GAAAL,OAAA;AAIA,IAAAM,SAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;AAYA;AACA;AACA;AACA;AACO,MAAMG,YAAY,GAAGC,IAAA,IAKH;EAAA,IALI;IAC3BC,mBAAmB;IACnBC,mBAAmB;IACnBC,WAAW,GAAGC,wBAAkB;IAChCC,oBAAoB,GAAGC;EACN,CAAC,GAAAN,IAAA;EAClB,MAAM;IAAEO;EAAE,CAAC,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACvB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC,YAAY;MAAEC;IAAU;EAC3C,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,oBACE1B,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACC,UAAU,QACRZ,WAAW,iBAAIhB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACX,WAAW,MAAE,CAAC,eAC/BhB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACxB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAER,YAAY,CAACQ,OAAO;EAAE,gBAClDhC,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACtB,SAAA,CAAA4B,QAAQ,MAAE,CAAC,eACZjC,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACxB,YAAA,CAAA+B,IAAI;IACHJ,KAAK,EAAE,CACLC,MAAM,CAACI,gBAAgB,EACvB;MAAEC,KAAK,EAAEb,MAAM,CAACc;IAAa,CAAC,EAC9BZ,SAAS,CAACa,QAAQ,EAClBd,YAAY,CAACW,gBAAgB;EAC7B,GAEDf,CAAC,CAAC,kBAAkB,CACjB,CACF,CAAC,eACPpB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACxB,YAAA,CAAA0B,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACQ,oBAAoB,EAAEf,YAAY,CAACe,oBAAoB;EAAE,GAEvErB,oBAAoB,iBACnBlB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACT,oBAAoB;IACnBJ,mBAAmB,EAAEA,mBAAoB;IACzCC,mBAAmB,EAAEA;EAAoB,CAC1C,CAEC,CACI,CAAC;AAEjB,CAAC;AAACyB,OAAA,CAAA5B,YAAA,GAAAA,YAAA;AAEF,MAAMgB,UAAkE,GAAGa,KAAA,IAErE;EAAA,IAFsE;IAC1EC;EACF,CAAC,GAAAD,KAAA;EACC,MAAM;IACJnB,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAG,IAAAE,kBAAQ,EAAC,CAAC;EACd,MAAMiB,aAAa,GAAG,IAAAC,oCAAgB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC9C,MAAMC,OAAO,GAAGF,cAAc,CAAC,CAAC;;EAEhC;EACA,MAAMG,aAAa,GAAG,CAACD,OAAO,IAAI,EAAE,EACjCE,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEC;IAAK,CAAC,GAAAD,KAAA;IAAA,OAAKC,IAAI,CAACC,EAAE,MAAKT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,EAAE;EAAA,EAAC,CACnDC,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEH;IAAK,CAAC,GAAAG,KAAA;IAAA,OAAKH,IAAI,CAACI,KAAK;EAAA,EAAC,CAC7BN,MAAM,CAAEM,KAAK,IAAsB,CAAC,CAACA,KAAK,CAAC;EAE9C,IAAIP,aAAa,CAACQ,MAAM,EAAE;IACxB,oBACExD,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACxB,YAAA,CAAAsD,eAAe;MACdC,UAAU,EAAE,EAAG;MACfC,MAAM,EAAE;QACNC,GAAG,EAAEZ,aAAa,CAAC,CAAC;MACtB,CAAE;MACFlB,KAAK,EAAE,CACL+B,uBAAU,CAACC,YAAY,EACvB/B,MAAM,CAACgC,UAAU,EACjB;QAAEC,eAAe,EAAEzC,MAAM,CAAC0C;MAAY,CAAC,EACvCzC,YAAY,CAACuC,UAAU;IACvB,GAEDrB,QACc,CAAC;EAEtB;EACA,oBACE1C,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACxB,YAAA,CAAA0B,IAAI;IACHC,KAAK,EAAE,CACL+B,uBAAU,CAACC,YAAY,EACvB/B,MAAM,CAACgC,UAAU,EACjB;MAAEC,eAAe,EAAEzC,MAAM,CAAC0C;IAAY,CAAC,EACvCzC,YAAY,CAACuC,UAAU;EACvB,GAEDrB,QACG,CAAC;AAEX,CAAC;AAEM,MAAMX,MAAM,GAAG8B,uBAAU,CAACK,MAAM,CAAC;EACtCH,UAAU,EAAE;IACVI,IAAI,EAAE;EACR,CAAC;EACDnC,OAAO,EAAE;IACPoC,UAAU,EAAE;EACd,CAAC;EACDjC,gBAAgB,EAAE;IAChBkC,SAAS,EAAE,EAAE;IACbC,SAAS,EAAE;EACb,CAAC;EACD/B,oBAAoB,EAAE;IACpBgC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAAClC,OAAA,CAAAT,MAAA,GAAAA,MAAA"}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JoiningCallIndicator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const JoiningCallIndicator = () => {
+  const {
+    theme: {
+      colors,
+      joiningCallIndicator
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, joiningCallIndicator.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: 'large',
+    style: _reactNative.StyleSheet.absoluteFill
+  }));
+};
+exports.JoiningCallIndicator = JoiningCallIndicator;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=JoiningCallIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","obj","__esModule","default","JoiningCallIndicator","theme","colors","joiningCallIndicator","useTheme","createElement","SafeAreaView","style","styles","container","backgroundColor","static_grey","ActivityIndicator","size","StyleSheet","absoluteFill","exports","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/JoiningCallIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAA6C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtC,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAqB;EACxC,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,oBACEZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAW,YAAY;IACXC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAER,MAAM,CAACS;IAAY,CAAC,EACvCR,oBAAoB,CAACM,SAAS;EAC9B,gBAEFjB,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAiB,iBAAiB;IAACC,IAAI,EAAE,OAAQ;IAACN,KAAK,EAAEO,uBAAU,CAACC;EAAa,CAAE,CACvD,CAAC;AAEnB,CAAC;AAACC,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA;AAEF,MAAMQ,MAAM,GAAGM,uBAAU,CAACG,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OutgoingCall = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _UserInfo = require("./UserInfo");
+var _constants = require("../../../constants");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _reactNativeWebrtc = require("@stream-io/react-native-webrtc");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+var _CallControls = require("../CallControls");
+var _CallTopView = require("../CallTopView");
+var _useCallMediaStreamCleanup = require("../../../hooks/internal/useCallMediaStreamCleanup");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 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.
+ */
+const OutgoingCall = _ref => {
+  let {
+    CallTopView = _CallTopView.CallTopView,
+    OutgoingCallControls = _CallControls.OutgoingCallControls
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      outgoingCall
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const {
+    t
+  } = (0, _videoReactBindings.useI18n)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_reactNative.StyleSheet.absoluteFill, styles.container, outgoingCall.container]
+  }, CallTopView && /*#__PURE__*/_react.default.createElement(CallTopView, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.content, outgoingCall.content]
+  }, /*#__PURE__*/_react.default.createElement(_UserInfo.UserInfo, null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.callingText, {
+      color: colors.static_white
+    }, typefaces.heading6, outgoingCall.callingText]
+  }, t('Calling...'))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.outgoingCallControls, outgoingCall.outgoingCallControls]
+  }, OutgoingCallControls && /*#__PURE__*/_react.default.createElement(OutgoingCallControls, null))), /*#__PURE__*/_react.default.createElement(Background, null));
+};
+exports.OutgoingCall = OutgoingCall;
+const Background = () => {
+  const {
+    theme: {
+      colors,
+      outgoingCall
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useCameraState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status
+  } = useCameraState();
+  const localVideoStream = call === null || call === void 0 ? void 0 : call.camera.state.mediaStream;
+  (0, _useCallMediaStreamCleanup.useCallMediaStreamCleanup)();
+  if (status === 'disabled' || !localVideoStream) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.background, {
+        backgroundColor: colors.static_grey
+      }, outgoingCall.background]
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.background, {
+      backgroundColor: colors.static_grey
+    }, outgoingCall.background]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeWebrtc.RTCView, {
+    streamURL: localVideoStream.toURL(),
+    zOrder: _constants.Z_INDEX.IN_BACK,
+    style: _reactNative.StyleSheet.absoluteFill,
+    mirror: true,
+    objectFit: "cover"
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  background: {
+    flex: 1
+  },
+  container: {
+    zIndex: _constants.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/commonjs/components/Call/RingingCallContent/OutgoingCall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_UserInfo","_constants","_videoReactBindings","_reactNativeWebrtc","_ThemeContext","_CallControls","_CallTopView","_useCallMediaStreamCleanup","obj","__esModule","default","OutgoingCall","_ref","CallTopView","DefaultCallTopView","OutgoingCallControls","DefaultOutgoingCallControls","theme","colors","typefaces","outgoingCall","useTheme","t","useI18n","createElement","Fragment","View","style","StyleSheet","absoluteFill","styles","container","content","UserInfo","Text","callingText","color","static_white","heading6","outgoingCallControls","Background","exports","call","useCall","useCameraState","useCallStateHooks","status","localVideoStream","camera","state","mediaStream","useCallMediaStreamCleanup","background","backgroundColor","static_grey","RTCView","streamURL","toURL","zOrder","Z_INDEX","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/commonjs/components/Call/RingingCallContent/RingingCallContent.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RingingCallContent = void 0;
+var _videoClient = require("@stream-io/video-client");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _CallContent = require("../CallContent");
+var _IncomingCall = require("./IncomingCall");
+var _OutgoingCall = require("./OutgoingCall");
+var _JoiningCallIndicator = require("./JoiningCallIndicator");
+var _contexts = require("../../../contexts");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the RingingCallContent component
+ */
+
+const RingingCallPanel = _ref => {
+  let {
+    IncomingCall = _IncomingCall.IncomingCall,
+    OutgoingCall = _OutgoingCall.OutgoingCall,
+    CallContent = _CallContent.CallContent,
+    JoiningCallIndicator = _JoiningCallIndicator.JoiningCallIndicator,
+    CallTopView
+  } = _ref;
+  const call = (0, _videoReactBindings.useCall)();
+  const isCallCreatedByMe = call === null || call === void 0 ? void 0 : call.isCreatedByMe;
+  const {
+    useCallCallingState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const callingState = useCallCallingState();
+  switch (callingState) {
+    case _videoClient.CallingState.RINGING:
+      return isCallCreatedByMe ? OutgoingCall && /*#__PURE__*/_react.default.createElement(OutgoingCall, {
+        CallTopView: CallTopView
+      }) : IncomingCall && /*#__PURE__*/_react.default.createElement(IncomingCall, {
+        CallTopView: CallTopView
+      });
+    case _videoClient.CallingState.JOINED:
+      return CallContent && /*#__PURE__*/_react.default.createElement(CallContent, {
+        CallTopView: CallTopView
+      });
+    case _videoClient.CallingState.JOINING:
+      return JoiningCallIndicator && /*#__PURE__*/_react.default.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.
+ */
+const RingingCallContent = props => {
+  const {
+    theme: {
+      ringingCallContent
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, ringingCallContent.container]
+  }, /*#__PURE__*/_react.default.createElement(RingingCallPanel, props));
+};
+exports.RingingCallContent = RingingCallContent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    ..._reactNative.StyleSheet.absoluteFillObject
+  }
+});
+//# sourceMappingURL=RingingCallContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_videoClient","require","_videoReactBindings","_react","_interopRequireDefault","_reactNative","_CallContent","_IncomingCall","_OutgoingCall","_JoiningCallIndicator","_contexts","obj","__esModule","default","RingingCallPanel","_ref","IncomingCall","DefaultIncomingCall","OutgoingCall","DefaultOutgoingCall","CallContent","DefaultCallContent","JoiningCallIndicator","DefaultJoiningCallIndicator","CallTopView","call","useCall","isCallCreatedByMe","isCreatedByMe","useCallCallingState","useCallStateHooks","callingState","CallingState","RINGING","createElement","JOINED","JOINING","RingingCallContent","props","theme","ringingCallContent","useTheme","View","style","styles","container","exports","StyleSheet","create","absoluteFillObject"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/RingingCallContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,aAAA,GAAAN,OAAA;AAIA,IAAAO,aAAA,GAAAP,OAAA;AAIA,IAAAQ,qBAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AAA6C,SAAAG,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;AAwBA,MAAMG,gBAAgB,GAAGC,IAAA,IAMM;EAAA,IANL;IACxBC,YAAY,GAAGC,0BAAmB;IAClCC,YAAY,GAAGC,0BAAmB;IAClCC,WAAW,GAAGC,wBAAkB;IAChCC,oBAAoB,GAAGC,0CAA2B;IAClDC;EACuB,CAAC,GAAAT,IAAA;EACxB,MAAMU,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAMC,iBAAiB,GAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,aAAa;EAE7C,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACnD,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAE1C,QAAQE,YAAY;IAClB,KAAKC,yBAAY,CAACC,OAAO;MACvB,OAAON,iBAAiB,GACpBT,YAAY,iBAAIf,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAChB,YAAY;QAACM,WAAW,EAAEA;MAAY,CAAE,CAAC,GAC1DR,YAAY,iBAAIb,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAClB,YAAY;QAACQ,WAAW,EAAEA;MAAY,CAAE,CAAC;IAChE,KAAKQ,yBAAY,CAACG,MAAM;MACtB,OAAOf,WAAW,iBAAIjB,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAACd,WAAW;QAACI,WAAW,EAAEA;MAAY,CAAE,CAAC;IACjE,KAAKQ,yBAAY,CAACI,OAAO;MACvB,OAAOd,oBAAoB,iBAAInB,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAACZ,oBAAoB,MAAE,CAAC;IACzD;MACE,OAAO,IAAI;EACf;AACF,CAAC;;AAED;AACA;AACA;AACO,MAAMe,kBAAkB,GAAIC,KAA8B,IAAK;EACpE,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAmB;EAC9B,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,oBACEtC,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAAC7B,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEL,kBAAkB,CAACK,SAAS;EAAE,gBAC5D1C,MAAA,CAAAU,OAAA,CAAAqB,aAAA,CAACpB,gBAAgB,EAAKwB,KAAQ,CAC1B,CAAC;AAEX,CAAC;AAACQ,OAAA,CAAAT,kBAAA,GAAAA,kBAAA;AAEF,MAAMO,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACT,GAAGE,uBAAU,CAACE;EAChB;AACF,CAAC,CAAC"}