@stream-io/video-react-native-sdk 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.1.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.1.0...@stream-io/video-react-native-sdk-0.1.1) (2023-10-04)
+
+
+### Features
+
+* **react-native:**  add lobby footer component ([#1091](https://github.com/GetStream/stream-video-js/issues/1091)) ([4945eb3](https://github.com/GetStream/stream-video-js/commit/4945eb358c4217f502a9735865664cef6c133a93))
+
 ## [0.1.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.28...@stream-io/video-react-native-sdk-0.1.0) (2023-10-04)
 
 

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

@@ -15,6 +15,7 @@ var _LobbyControls = require("../CallControls/LobbyControls");
 var _JoinCallButton = require("./JoinCallButton");
 var _ThemeContext = require("../../../contexts/ThemeContext");
 var _useCallMediaStreamCleanup = require("../../../hooks/internal/useCallMediaStreamCleanup");
+var _LobbyFooter = require("./LobbyFooter");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Props for the Lobby Component.
@@ -27,7 +28,8 @@ const Lobby = _ref => {
   let {
     onJoinCallHandler,
     LobbyControls = _LobbyControls.LobbyControls,
-    JoinCallButton = _JoinCallButton.JoinCallButton
+    JoinCallButton = _JoinCallButton.JoinCallButton,
+    LobbyFooter = _LobbyFooter.LobbyFooter
   } = _ref;
   const {
     theme: {
@@ -38,19 +40,16 @@ const Lobby = _ref => {
   } = (0, _ThemeContext.useTheme)();
   const connectedUser = (0, _videoReactBindings.useConnectedUser)();
   const {
-    useCameraState,
-    useCallSession
+    useCameraState
   } = (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,
@@ -84,21 +83,10 @@ const Lobby = _ref => {
     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, {
+  })), /*#__PURE__*/_react.default.createElement(ParticipantStatus, null)), LobbyControls && /*#__PURE__*/_react.default.createElement(LobbyControls, null)), LobbyFooter && /*#__PURE__*/_react.default.createElement(LobbyFooter, {
+    JoinCallButton: JoinCallButton,
     onJoinCallHandler: onJoinCallHandler
-  })));
+  }));
 };
 exports.Lobby = Lobby;
 const ParticipantStatus = () => {
@@ -160,10 +148,6 @@ const styles = _reactNative.StyleSheet.create({
     padding: 8
   },
   topView: {},
-  infoContainer: {
-    padding: 12,
-    borderRadius: 10
-  },
   participantStatusContainer: {
     alignSelf: 'flex-start',
     flexDirection: 'row',

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

@@ -1 +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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_icons","_videoReactBindings","_Avatar","_constants","_reactNativeWebrtc","_LobbyControls","_JoinCallButton","_ThemeContext","_useCallMediaStreamCleanup","_LobbyFooter","obj","__esModule","default","Lobby","_ref","onJoinCallHandler","LobbyControls","DefaultLobbyControls","JoinCallButton","DefaultJoinCallButton","LobbyFooter","DefaultLobbyFooter","theme","colors","lobby","typefaces","useTheme","connectedUser","useConnectedUser","useCameraState","useCallStateHooks","status","cameraStatus","call","useCall","t","useI18n","localVideoStream","camera","state","mediaStream","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","exports","variants","iconSizes","useMicrophoneState","participantLabel","micStatus","participantStatusContainer","static_overlay","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/LobbyFooter.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LobbyFooter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the Lobby Footer in the Lobby component.
+ */
+
+/**
+ * The default Lobby Footer to be used in the Lobby component.
+ */
+const LobbyFooter = _ref => {
+  let {
+    onJoinCallHandler,
+    JoinCallButton
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      lobby,
+      typefaces
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const {
+    useCallSession
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    t
+  } = (0, _videoReactBindings.useI18n)();
+  const call = (0, _videoReactBindings.useCall)();
+  const session = useCallSession();
+  const participantsCount = session === null || session === void 0 ? void 0 : session.participants.length;
+  return /*#__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.LobbyFooter = LobbyFooter;
+const styles = _reactNative.StyleSheet.create({
+  infoContainer: {
+    padding: 12,
+    borderRadius: 10
+  }
+});
+//# sourceMappingURL=LobbyFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_ThemeContext","obj","__esModule","default","LobbyFooter","_ref","onJoinCallHandler","JoinCallButton","theme","colors","lobby","typefaces","useTheme","useCallSession","useCallStateHooks","t","useI18n","call","useCall","session","participantsCount","participants","length","createElement","View","style","styles","infoContainer","backgroundColor","static_overlay","Text","color","static_white","subtitleBold","infoText","callId","id","numberOfParticipants","exports","StyleSheet","create","padding","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/LobbyFooter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAH,OAAA;AAA0D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AAMA;AACA;AACA;AACO,MAAMG,WAAW,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC1BC,iBAAiB;IACjBC;EACgB,CAAC,GAAAF,IAAA;EACjB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC,KAAK;MAAEC;IAAU;EACpC,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAE9C,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,2BAAO,EAAC,CAAC;EAEvB,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAMC,OAAO,GAAGN,cAAc,CAAC,CAAC;EAEhC,MAAMO,iBAAiB,GAAGD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,YAAY,CAACC,MAAM;EAEtD,oBACE3B,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,aAAa,EACpB;MAAEC,eAAe,EAAEnB,MAAM,CAACoB;IAAe,CAAC,EAC1CnB,KAAK,CAACiB,aAAa;EACnB,gBAEFhC,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,YAAA,CAAAgC,IAAI;IACHL,KAAK,EAAE,CACL;MAAEM,KAAK,EAAEtB,MAAM,CAACuB;IAAa,CAAC,EAC9BrB,SAAS,CAACsB,YAAY,EACtBvB,KAAK,CAACwB,QAAQ;EACd,GAEDnB,CAAC,CAAC,oDAAoD,EAAE;IACvDoB,MAAM,EAAElB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEmB;EAChB,CAAC,CAAC,GACA,GAAG,IACFhB,iBAAiB,GACdL,CAAC,CAAC,4DAA4D,EAAE;IAC9DsB,oBAAoB,EAAEjB;EACxB,CAAC,CAAC,GACFL,CAAC,CAAC,iCAAiC,CAAC,CACtC,CAAC,EACNR,cAAc,iBACbZ,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAAChB,cAAc;IAACD,iBAAiB,EAAEA;EAAkB,CAAE,CAErD,CAAC;AAEX,CAAC;AAACgC,OAAA,CAAAlC,WAAA,GAAAA,WAAA;AAEF,MAAMsB,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,aAAa,EAAE;IACbc,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

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

@@ -25,4 +25,15 @@ Object.keys(_JoinCallButton).forEach(function (key) {
     }
   });
 });
+var _LobbyFooter = require("./LobbyFooter");
+Object.keys(_LobbyFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LobbyFooter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LobbyFooter[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"names":["_Lobby","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_JoinCallButton","_LobbyFooter"],"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;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/dist/commonjs/translations/en.json

@@ -6,7 +6,7 @@
   "Join": "Join",
   "You": "You",
   "Reconnecting...": "Reconnecting...",
-  "You are first to Join the call.": "You are first to Join the call.",
+  "You are first to join the call.": "You are first to join the call.",
   "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
   "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
   "{{ numberOfParticipants }} participant(s) are in the call.": "{{ numberOfParticipants }} participant(s) are in the call.",

package/dist/commonjs/version.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = void 0;
-const version = '0.1.0';
+const version = '0.1.1';
 exports.version = version;
 //# sourceMappingURL=version.js.map

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

@@ -9,6 +9,7 @@ import { LobbyControls as DefaultLobbyControls } from '../CallControls/LobbyCont
 import { JoinCallButton as DefaultJoinCallButton } from './JoinCallButton';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
+import { LobbyFooter as DefaultLobbyFooter } from './LobbyFooter';
 
 /**
  * Props for the Lobby Component.
@@ -21,7 +22,8 @@ export const Lobby = _ref => {
   let {
     onJoinCallHandler,
     LobbyControls = DefaultLobbyControls,
-    JoinCallButton = DefaultJoinCallButton
+    JoinCallButton = DefaultJoinCallButton,
+    LobbyFooter = DefaultLobbyFooter
   } = _ref;
   const {
     theme: {
@@ -32,19 +34,16 @@ export const Lobby = _ref => {
   } = useTheme();
   const connectedUser = useConnectedUser();
   const {
-    useCameraState,
-    useCallSession
+    useCameraState
   } = 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,
@@ -78,21 +77,10 @@ export const Lobby = _ref => {
     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, {
+  })), /*#__PURE__*/React.createElement(ParticipantStatus, null)), LobbyControls && /*#__PURE__*/React.createElement(LobbyControls, null)), LobbyFooter && /*#__PURE__*/React.createElement(LobbyFooter, {
+    JoinCallButton: JoinCallButton,
     onJoinCallHandler: onJoinCallHandler
-  })));
+  }));
 };
 const ParticipantStatus = () => {
   const {
@@ -153,10 +141,6 @@ const styles = StyleSheet.create({
     padding: 8
   },
   topView: {},
-  infoContainer: {
-    padding: 12,
-    borderRadius: 10
-  },
   participantStatusContainer: {
     alignSelf: 'flex-start',
     flexDirection: 'row',

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

@@ -1 +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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"}
+{"version":3,"names":["React","StyleSheet","Text","View","MicOff","useCall","useCallStateHooks","useConnectedUser","useI18n","Avatar","LOBBY_VIDEO_VIEW_HEIGHT","RTCView","LobbyControls","DefaultLobbyControls","JoinCallButton","DefaultJoinCallButton","useTheme","useCallMediaStreamCleanup","LobbyFooter","DefaultLobbyFooter","Lobby","_ref","onJoinCallHandler","theme","colors","lobby","typefaces","connectedUser","useCameraState","status","cameraStatus","call","t","localVideoStream","camera","state","mediaStream","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","variants","iconSizes","useMicrophoneState","participantLabel","micStatus","participantStatusContainer","static_overlay","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/LobbyFooter.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { useCall, useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the Lobby Footer in the Lobby component.
+ */
+
+/**
+ * The default Lobby Footer to be used in the Lobby component.
+ */
+export const LobbyFooter = _ref => {
+  let {
+    onJoinCallHandler,
+    JoinCallButton
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      lobby,
+      typefaces
+    }
+  } = useTheme();
+  const {
+    useCallSession
+  } = useCallStateHooks();
+  const {
+    t
+  } = useI18n();
+  const call = useCall();
+  const session = useCallSession();
+  const participantsCount = session === null || session === void 0 ? void 0 : session.participants.length;
+  return /*#__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 styles = StyleSheet.create({
+  infoContainer: {
+    padding: 12,
+    borderRadius: 10
+  }
+});
+//# sourceMappingURL=LobbyFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","useCall","useCallStateHooks","useI18n","useTheme","LobbyFooter","_ref","onJoinCallHandler","JoinCallButton","theme","colors","lobby","typefaces","useCallSession","t","call","session","participantsCount","participants","length","createElement","style","styles","infoContainer","backgroundColor","static_overlay","color","static_white","subtitleBold","infoText","callId","id","numberOfParticipants","create","padding","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/LobbyFooter.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACrD,SACEC,OAAO,EACPC,iBAAiB,EACjBC,OAAO,QACF,iCAAiC;AACxC,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAMA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC1BC,iBAAiB;IACjBC;EACgB,CAAC,GAAAF,IAAA;EACjB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC,KAAK;MAAEC;IAAU;EACpC,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,MAAM;IAAES;EAAe,CAAC,GAAGX,iBAAiB,CAAC,CAAC;EAE9C,MAAM;IAAEY;EAAE,CAAC,GAAGX,OAAO,CAAC,CAAC;EAEvB,MAAMY,IAAI,GAAGd,OAAO,CAAC,CAAC;EACtB,MAAMe,OAAO,GAAGH,cAAc,CAAC,CAAC;EAEhC,MAAMI,iBAAiB,GAAGD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,YAAY,CAACC,MAAM;EAEtD,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IACHuB,KAAK,EAAE,CACLC,MAAM,CAACC,aAAa,EACpB;MAAEC,eAAe,EAAEd,MAAM,CAACe;IAAe,CAAC,EAC1Cd,KAAK,CAACY,aAAa;EACnB,gBAEF1B,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IACHqB,KAAK,EAAE,CACL;MAAEK,KAAK,EAAEhB,MAAM,CAACiB;IAAa,CAAC,EAC9Bf,SAAS,CAACgB,YAAY,EACtBjB,KAAK,CAACkB,QAAQ;EACd,GAEDf,CAAC,CAAC,oDAAoD,EAAE;IACvDgB,MAAM,EAAEf,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEgB;EAChB,CAAC,CAAC,GACA,GAAG,IACFd,iBAAiB,GACdH,CAAC,CAAC,4DAA4D,EAAE;IAC9DkB,oBAAoB,EAAEf;EACxB,CAAC,CAAC,GACFH,CAAC,CAAC,iCAAiC,CAAC,CACtC,CAAC,EACNN,cAAc,iBACbX,KAAA,CAAAuB,aAAA,CAACZ,cAAc;IAACD,iBAAiB,EAAEA;EAAkB,CAAE,CAErD,CAAC;AAEX,CAAC;AAED,MAAMe,MAAM,GAAGvB,UAAU,CAACkC,MAAM,CAAC;EAC/BV,aAAa,EAAE;IACbW,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from './Lobby';
 export * from './JoinCallButton';
+export * from './LobbyFooter';
 //# sourceMappingURL=index.js.map

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

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

package/dist/module/translations/en.json

@@ -6,7 +6,7 @@
   "Join": "Join",
   "You": "You",
   "Reconnecting...": "Reconnecting...",
-  "You are first to Join the call.": "You are first to Join the call.",
+  "You are first to join the call.": "You are first to join the call.",
   "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
   "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
   "{{ numberOfParticipants }} participant(s) are in the call.": "{{ numberOfParticipants }} participant(s) are in the call.",

package/dist/module/version.js

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

package/dist/typescript/components/Call/Lobby/Lobby.d.ts

@@ -1,5 +1,6 @@
 import { ComponentType } from 'react';
 import { JoinCallButtonProps } from './JoinCallButton';
+import { LobbyFooterProps } from './LobbyFooter';
 /**
  * Props for the Lobby Component.
  */
@@ -16,9 +17,13 @@ export type LobbyProps = {
      * Component to customize the Join Call Button in the Lobby component.
      */
     JoinCallButton?: ComponentType<JoinCallButtonProps> | null;
+    /**
+     * Component to customize the Lobby Footer in the Lobby component.
+     */
+    LobbyFooter?: ComponentType<LobbyFooterProps> | null;
 };
 /**
  * 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 declare const Lobby: ({ onJoinCallHandler, LobbyControls, JoinCallButton, }: LobbyProps) => JSX.Element;
+export declare const Lobby: ({ onJoinCallHandler, LobbyControls, JoinCallButton, LobbyFooter, }: LobbyProps) => JSX.Element;
 //# sourceMappingURL=Lobby.d.ts.map

package/dist/typescript/components/Call/Lobby/Lobby.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lobby.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/Lobby/Lobby.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAc7C,OAAO,EAEL,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAK1B;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC;CAC5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,0DAIf,UAAU,gBA4GZ,CAAC"}
+{"version":3,"file":"Lobby.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/Lobby/Lobby.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAc7C,OAAO,EAEL,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EAEL,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACtD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,uEAKf,UAAU,gBAmFZ,CAAC"}

package/dist/typescript/components/Call/Lobby/LobbyFooter.d.ts

@@ -0,0 +1,10 @@
+import { LobbyProps } from './Lobby';
+/**
+ * Props for the Lobby Footer in the Lobby component.
+ */
+export type LobbyFooterProps = Pick<LobbyProps, 'onJoinCallHandler' | 'JoinCallButton'>;
+/**
+ * The default Lobby Footer to be used in the Lobby component.
+ */
+export declare const LobbyFooter: ({ onJoinCallHandler, JoinCallButton, }: LobbyFooterProps) => JSX.Element;
+//# sourceMappingURL=LobbyFooter.d.ts.map

package/dist/typescript/components/Call/Lobby/LobbyFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LobbyFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/Lobby/LobbyFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AASrC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,UAAU,EACV,mBAAmB,GAAG,gBAAgB,CACvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2CAGrB,gBAAgB,gBA2ClB,CAAC"}

package/dist/typescript/components/Call/Lobby/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Lobby';
 export * from './JoinCallButton';
+export * from './LobbyFooter';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/Call/Lobby/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/Lobby/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/Lobby/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

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

@@ -7,7 +7,7 @@ export declare const translations: {
         Join: string;
         You: string;
         "Reconnecting...": string;
-        "You are first to Join the call.": string;
+        "You are first to join the call.": string;
         "Participants ({{ numberOfParticipants }})": string;
         "{{ userName }} is sharing their screen": string;
         "{{ numberOfParticipants }} participant(s) are in the call.": string;

package/dist/typescript/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "packageManager": "yarn@3.2.4",
   "main": "dist/commonjs/index.js",
   "module": "dist/module/index.js",

package/src/components/Call/Lobby/Lobby.tsx

@@ -19,6 +19,10 @@ import {
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
 import type { MediaStream } from '@stream-io/react-native-webrtc';
+import {
+  LobbyFooter as DefaultLobbyFooter,
+  LobbyFooterProps,
+} from './LobbyFooter';
 
 /**
  * Props for the Lobby Component.
@@ -36,6 +40,10 @@ export type LobbyProps = {
    * Component to customize the Join Call Button in the Lobby component.
    */
   JoinCallButton?: ComponentType<JoinCallButtonProps> | null;
+  /**
+   * Component to customize the Lobby Footer in the Lobby component.
+   */
+  LobbyFooter?: ComponentType<LobbyFooterProps> | null;
 };
 
 /**
@@ -45,20 +53,19 @@ export const Lobby = ({
   onJoinCallHandler,
   LobbyControls = DefaultLobbyControls,
   JoinCallButton = DefaultJoinCallButton,
+  LobbyFooter = DefaultLobbyFooter,
 }: LobbyProps) => {
   const {
     theme: { colors, lobby, typefaces },
   } = useTheme();
   const connectedUser = useConnectedUser();
-  const { useCameraState, useCallSession } = useCallStateHooks();
+  const { useCameraState } = useCallStateHooks();
   const { status: cameraStatus } = useCameraState();
   const call = useCall();
-  const session = useCallSession();
   const { t } = useI18n();
   const localVideoStream = call?.camera.state.mediaStream as unknown as
     | MediaStream
     | undefined;
-  const participantsCount = session?.participants.length;
 
   useCallMediaStreamCleanup();
 
@@ -122,35 +129,12 @@ export const Lobby = ({
           {LobbyControls && <LobbyControls />}
         </>
       )}
-      <View
-        style={[
-          styles.infoContainer,
-          { backgroundColor: colors.static_overlay },
-          lobby.infoContainer,
-        ]}
-      >
-        <Text
-          style={[
-            { color: colors.static_white },
-            typefaces.subtitleBold,
-            lobby.infoText,
-          ]}
-        >
-          {t('You are about to join a call with id {{ callId }}.', {
-            callId: call?.id,
-          }) +
-            ' ' +
-            (participantsCount
-              ? t(
-                  '{{ numberOfParticipants }} participant(s) are in the call.',
-                  { numberOfParticipants: participantsCount },
-                )
-              : t('You are first to Join the call.'))}
-        </Text>
-        {JoinCallButton && (
-          <JoinCallButton onJoinCallHandler={onJoinCallHandler} />
-        )}
-      </View>
+      {LobbyFooter && (
+        <LobbyFooter
+          JoinCallButton={JoinCallButton}
+          onJoinCallHandler={onJoinCallHandler}
+        />
+      )}
     </View>
   );
 };
@@ -229,10 +213,6 @@ const styles = StyleSheet.create({
     padding: 8,
   },
   topView: {},
-  infoContainer: {
-    padding: 12,
-    borderRadius: 10,
-  },
   participantStatusContainer: {
     alignSelf: 'flex-start',
     flexDirection: 'row',

package/src/components/Call/Lobby/LobbyFooter.tsx

@@ -0,0 +1,75 @@
+import React from 'react';
+import { LobbyProps } from './Lobby';
+import { View, StyleSheet, Text } from 'react-native';
+import {
+  useCall,
+  useCallStateHooks,
+  useI18n,
+} from '@stream-io/video-react-bindings';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the Lobby Footer in the Lobby component.
+ */
+export type LobbyFooterProps = Pick<
+  LobbyProps,
+  'onJoinCallHandler' | 'JoinCallButton'
+>;
+
+/**
+ * The default Lobby Footer to be used in the Lobby component.
+ */
+export const LobbyFooter = ({
+  onJoinCallHandler,
+  JoinCallButton,
+}: LobbyFooterProps) => {
+  const {
+    theme: { colors, lobby, typefaces },
+  } = useTheme();
+  const { useCallSession } = useCallStateHooks();
+
+  const { t } = useI18n();
+
+  const call = useCall();
+  const session = useCallSession();
+
+  const participantsCount = session?.participants.length;
+
+  return (
+    <View
+      style={[
+        styles.infoContainer,
+        { backgroundColor: colors.static_overlay },
+        lobby.infoContainer,
+      ]}
+    >
+      <Text
+        style={[
+          { color: colors.static_white },
+          typefaces.subtitleBold,
+          lobby.infoText,
+        ]}
+      >
+        {t('You are about to join a call with id {{ callId }}.', {
+          callId: call?.id,
+        }) +
+          ' ' +
+          (participantsCount
+            ? t('{{ numberOfParticipants }} participant(s) are in the call.', {
+                numberOfParticipants: participantsCount,
+              })
+            : t('You are first to join the call.'))}
+      </Text>
+      {JoinCallButton && (
+        <JoinCallButton onJoinCallHandler={onJoinCallHandler} />
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  infoContainer: {
+    padding: 12,
+    borderRadius: 10,
+  },
+});

package/src/components/Call/Lobby/index.ts

@@ -1,2 +1,3 @@
 export * from './Lobby';
 export * from './JoinCallButton';
+export * from './LobbyFooter';

package/src/translations/en.json

@@ -6,7 +6,7 @@
   "Join": "Join",
   "You": "You",
   "Reconnecting...": "Reconnecting...",
-  "You are first to Join the call.": "You are first to Join the call.",
+  "You are first to join the call.": "You are first to join the call.",
   "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
   "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
   "{{ numberOfParticipants }} participant(s) are in the call.": "{{ numberOfParticipants }} participant(s) are in the call.",

package/src/version.ts

@@ -1 +1 @@
-export const version = '0.1.0';
+export const version = '0.1.1';