@100mslive/react-native-room-kit 1.0.1 → 1.0.2-beta.1

package/lib/commonjs/components/StopRecordingModalContent.js

@@ -19,7 +19,10 @@ const StopRecordingModalContent = _ref => {
   } = _ref;
   const dispatch = (0, _reactRedux.useDispatch)();
   const hmsInstance = (0, _hooksUtil.useHMSInstance)();
-  const startingOrStoppingRecording = (0, _reactRedux.useSelector)(state => state.app.startingOrStoppingRecording);
+  const startingOrStoppingRecording = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room;
+    return state.app.startingOrStoppingRecording || (((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.browserRecordingState.initialising) ?? false);
+  });
   const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
     headerText: {
       color: theme.palette.alert_error_default,

package/lib/commonjs/components/StopRecordingModalContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_hooksUtil","_Icons","_HMSDangerButton","_actions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StopRecordingModalContent","_ref","dismissModal","dispatch","useDispatch","hmsInstance","useHMSInstance","startingOrStoppingRecording","useSelector","state","app","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","headerText","color","palette","alert_error_default","fontFamily","font_family","text","on_surface_medium","stopRecording","setStartingOrStoppingRecording","stopRtmpAndRecording","error","createElement","View","style","styles","container","header","headerControls","AlertTriangleIcon","Text","TouchableOpacity","onPress","hitSlop","closeIconHitSlop","CloseIcon","HMSDangerButton","loading","title","disabled","exports","StyleSheet","create","marginTop","marginHorizontal","flexDirection","alignItems","justifyContent","marginBottom","fontSize","lineHeight","letterSpacing","marginLeft","bottom","left","right","top"],"sourceRoot":"../../../src","sources":["components/StopRecordingModalContent.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_hooksUtil","_Icons","_HMSDangerButton","_actions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StopRecordingModalContent","_ref","dismissModal","dispatch","useDispatch","hmsInstance","useHMSInstance","startingOrStoppingRecording","useSelector","state","_state$hmsStates$room","app","hmsStates","room","browserRecordingState","initialising","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","headerText","color","palette","alert_error_default","fontFamily","font_family","text","on_surface_medium","stopRecording","setStartingOrStoppingRecording","stopRtmpAndRecording","error","createElement","View","style","styles","container","header","headerControls","AlertTriangleIcon","Text","TouchableOpacity","onPress","hitSlop","closeIconHitSlop","CloseIcon","HMSDangerButton","loading","title","disabled","exports","StyleSheet","create","marginTop","marginHorizontal","flexDirection","alignItems","justifyContent","marginBottom","fontSize","lineHeight","letterSpacing","marginLeft","bottom","left","right","top"],"sourceRoot":"../../../src","sources":["components/StopRecordingModalContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAGA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAAkE,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAM3D,MAAMY,yBAEZ,GAAGC,IAAA,IAAsB;EAAA,IAArB;IAAEC;EAAa,CAAC,GAAAD,IAAA;EACnB,MAAME,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAC9B,MAAMC,WAAW,GAAG,IAAAC,yBAAc,EAAC,CAAC;EACpC,MAAMC,2BAA2B,GAAG,IAAAC,uBAAW,EAC5CC,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OACfD,KAAK,CAACE,GAAG,CAACJ,2BAA2B,KACpC,EAAAG,qBAAA,GAAAD,KAAK,CAACG,SAAS,CAACC,IAAI,cAAAH,qBAAA,uBAApBA,qBAAA,CAAsBI,qBAAqB,CAACC,YAAY,KAAI,KAAK,CAAC;EAAA,CACvE,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,+BAAoB,EAAC,CAACC,KAAK,EAAEC,UAAU,MAAM;IACjEC,UAAU,EAAE;MACVC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,mBAAmB;MACxCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,IAAI,EAAE;MACJL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMG,aAAa,GAAG,MAAAA,CAAA,KAAY;IAChCzB,QAAQ,CAAC,IAAA0B,uCAA8B,EAAC,IAAI,CAAC,CAAC;IAC9C,IAAI;MACF,MAAMxB,WAAW,CAACyB,oBAAoB,CAAC,CAAC;MACxC5B,YAAY,CAAC,CAAC;IAChB,CAAC,CAAC,OAAO6B,KAAK,EAAE;MACd5B,QAAQ,CAAC,IAAA0B,uCAA8B,EAAC,KAAK,CAAC,CAAC;IACjD;EACF,CAAC;EAED,oBACE3D,KAAA,CAAA8D,aAAA,CAAC1D,YAAA,CAAA2D,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BlE,KAAA,CAAA8D,aAAA,CAAC1D,YAAA,CAAA2D,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACE;EAAO,gBACzBnE,KAAA,CAAA8D,aAAA,CAAC1D,YAAA,CAAA2D,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACG;EAAe,gBACjCpE,KAAA,CAAA8D,aAAA,CAACxD,MAAA,CAAA+D,iBAAiB,MAAE,CAAC,eAErBrE,KAAA,CAAA8D,aAAA,CAAC1D,YAAA,CAAAkE,IAAI;IAACN,KAAK,EAAE,CAACC,MAAM,CAACf,UAAU,EAAEJ,aAAa,CAACI,UAAU;EAAE,GAAC,gBAEtD,CACF,CAAC,eAEPlD,KAAA,CAAA8D,aAAA,CAAC1D,YAAA,CAAAmE,gBAAgB;IACfC,OAAO,EAAExC,YAAa;IACtByC,OAAO,EAAER,MAAM,CAACS;EAAiB,gBAEjC1E,KAAA,CAAA8D,aAAA,CAACxD,MAAA,CAAAqE,SAAS,MAAE,CACI,CACd,CAAC,eAEP3E,KAAA,CAAA8D,aAAA,CAAC1D,YAAA,CAAAkE,IAAI;IAACN,KAAK,EAAE,CAACC,MAAM,CAACT,IAAI,EAAEV,aAAa,CAACU,IAAI;EAAE,GAAC,sEAE1C,CAAC,eAEPxD,KAAA,CAAA8D,aAAA,CAACvD,gBAAA,CAAAqE,eAAe;IACdC,OAAO,EAAExC,2BAA4B;IACrCmC,OAAO,EAAEd,aAAc;IACvBoB,KAAK,EAAC,gBAAgB;IACtBC,QAAQ,EAAE1C;EAA4B,CACvC,CACG,CAAC;AAEX,CAAC;AAAC2C,OAAA,CAAAlD,yBAAA,GAAAA,yBAAA;AAEF,MAAMmC,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,SAAS,EAAE,EAAE;IACbC,gBAAgB,EAAE;EACpB,CAAC;EACDjB,MAAM,EAAE;IACNkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE;EAChB,CAAC;EACDpB,cAAc,EAAE;IACdiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDpC,UAAU,EAAE;IACVuC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,UAAU,EAAE;EACd,CAAC;EACDlB,gBAAgB,EAAE;IAChBmB,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE;EACP,CAAC;EACDxC,IAAI,EAAE;IACJiC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBH,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

package/lib/commonjs/hooks-util.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useShowLandscapeLayout = exports.useShowChatAndParticipants = exports.useShouldGoLive = exports.useSendMessage = exports.usePortraitChatViewVisible = exports.usePIPListener = exports.useOffStageParticipants = exports.useModalType = exports.useLeaveMethods = exports.useLandscapeChatViewVisible = exports.useIsHLSViewer = exports.useHMSSessionStoreListeners = exports.useHMSSessionStore = exports.useHMSRoomTypography = exports.useHMSRoomTheme = exports.useHMSRoomStyleSheet = exports.useHMSRoomStyle = exports.useHMSRoomColorPalette = exports.useHMSRoleChangeRequest = exports.useHMSRemovedFromRoomUpdate = exports.useHMSReconnection = exports.useHMSPIPRoomLeave = exports.useHMSNetworkQualityUpdate = exports.useHMSMessages = exports.useHMSListeners = exports.useHMSLayoutConfig = exports.useHMSInstance = exports.useHMSConfig = exports.useHMSConferencingScreenConfig = exports.useHMSChatLayoutConfig = exports.useHMSChangeTrackStateRequest = exports.useHMSActiveSpeakerUpdates = exports.useFilteredParticipants = exports.useFetchHMSRoles = exports.isPublishingAllowed = exports.clearPendingModalTasks = exports.clearConfig = void 0;
+exports.useStartRecording = exports.useShowLandscapeLayout = exports.useShowChatAndParticipants = exports.useShouldGoLive = exports.useSendMessage = exports.useSavePropsToStore = exports.usePortraitChatViewVisible = exports.usePipAspectRatio = exports.usePIPListener = exports.useOffStageParticipants = exports.useModalType = exports.useLeaveMethods = exports.useLandscapeChatViewVisible = exports.useIsHLSViewer = exports.useHMSSessionStoreListeners = exports.useHMSSessionStore = exports.useHMSRoomTypography = exports.useHMSRoomTheme = exports.useHMSRoomStyleSheet = exports.useHMSRoomStyle = exports.useHMSRoomColorPalette = exports.useHMSRoleChangeRequest = exports.useHMSRemovedFromRoomUpdate = exports.useHMSReconnection = exports.useHMSPIPRoomLeave = exports.useHMSNetworkQualityUpdate = exports.useHMSMessages = exports.useHMSListeners = exports.useHMSLayoutConfig = exports.useHMSInstance = exports.useHMSConfig = exports.useHMSConferencingScreenConfig = exports.useHMSChatLayoutConfig = exports.useHMSChangeTrackStateRequest = exports.useHMSActiveSpeakerUpdates = exports.useFilteredParticipants = exports.useFetchHMSRoles = exports.useEnableAutoPip = exports.useDisableAutoPip = exports.useBackButtonPress = exports.useAutoPip = exports.isPublishingAllowed = exports.clearPendingModalTasks = exports.clearConfig = void 0;
 var _reactNativeHms = require("@100mslive/react-native-hms");
 var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
 var _react = require("react");
@@ -19,7 +19,6 @@ var _dimension = require("./utils/dimension");
 var _hooksUtilSelectors = require("./hooks-util-selectors");
 var _HMSManager = require("./modules/HMSManager");
 var _theme = require("./utils/theme");
-var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const useHMSListeners = setPeerTrackNodes => {
   const hmsInstance = useHMSInstance();
@@ -244,14 +243,14 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
             const canChangeRole = (_reduxState$hmsStates = reduxState.hmsStates.localPeer) === null || _reduxState$hmsStates === void 0 || (_reduxState$hmsStates = _reduxState$hmsStates.role) === null || _reduxState$hmsStates === void 0 || (_reduxState$hmsStates = _reduxState$hmsStates.permissions) === null || _reduxState$hmsStates === void 0 ? void 0 : _reduxState$hmsStates.changeRole;
             if (shouldBringOnStage && canChangeRole) {
               dispatch((0, _actions.addNotification)({
-                id: `${peer.peerID}-${_utils.NotificationTypes.HAND_RAISE}`,
-                type: _utils.NotificationTypes.HAND_RAISE,
+                id: `${peer.peerID}-${_types2.NotificationTypes.HAND_RAISE}`,
+                type: _types2.NotificationTypes.HAND_RAISE,
                 peer
               }));
             }
           } else {
             const notifications = reduxState.app.notifications;
-            const notificationToRemove = notifications.find(notification => notification.id === `${peer.peerID}-${_utils.NotificationTypes.HAND_RAISE}`);
+            const notificationToRemove = notifications.find(notification => notification.id === `${peer.peerID}-${_types2.NotificationTypes.HAND_RAISE}`);
             if (notificationToRemove) {
               dispatch((0, _actions.removeNotification)(notificationToRemove.id));
             }
@@ -808,12 +807,12 @@ const useHMSMessages = () => {
   });
   (0, _react.useEffect)(() => {
     const onMessageListener = message => {
-      if (message.type === _utils.NotificationTypes.ROLE_CHANGE_DECLINED) {
+      if (message.type === _types2.NotificationTypes.ROLE_CHANGE_DECLINED) {
         if (canChangeRole) {
           var _message$sender;
           dispatch((0, _actions.addNotification)({
-            id: `${(_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.peerID}-${_utils.NotificationTypes.ROLE_CHANGE_DECLINED}`,
-            type: _utils.NotificationTypes.ROLE_CHANGE_DECLINED,
+            id: `${(_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.peerID}-${_types2.NotificationTypes.ROLE_CHANGE_DECLINED}`,
+            type: _types2.NotificationTypes.ROLE_CHANGE_DECLINED,
             peer: message.sender
           }));
         }
@@ -838,12 +837,21 @@ const useHMSReconnection = () => {
     let mounted = true;
     hmsInstance.addEventListener(_reactNativeHms.HMSUpdateListenerActions.RECONNECTING, () => {
       if (mounted) {
-        dispatch((0, _actions.setReconnecting)(true));
+        (0, _reactRedux.batch)(() => {
+          dispatch((0, _actions.setReconnecting)(true));
+          dispatch((0, _actions.addNotification)({
+            id: _types2.NotificationTypes.RECONNECTING,
+            type: _types2.NotificationTypes.RECONNECTING
+          }));
+        });
       }
     });
     hmsInstance.addEventListener(_reactNativeHms.HMSUpdateListenerActions.RECONNECTED, () => {
       if (mounted) {
-        dispatch((0, _actions.setReconnecting)(false));
+        (0, _reactRedux.batch)(() => {
+          dispatch((0, _actions.setReconnecting)(false));
+          dispatch((0, _actions.removeNotification)(_types2.NotificationTypes.RECONNECTING));
+        });
       }
     });
     return () => {
@@ -858,10 +866,10 @@ const useHMSPIPRoomLeave = () => {
   const hmsInstance = useHMSInstance();
   const {
     destroy
-  } = useLeaveMethods(true);
+  } = useLeaveMethods();
   (0, _react.useEffect)(() => {
     const pipRoomLeaveHandler = () => {
-      destroy();
+      destroy(_types.OnLeaveReason.PIP);
     };
     hmsInstance.addEventListener(_reactNativeHms.HMSPIPListenerActions.ON_PIP_ROOM_LEAVE, pipRoomLeaveHandler);
     return () => {
@@ -874,10 +882,10 @@ const useHMSRemovedFromRoomUpdate = () => {
   const hmsInstance = useHMSInstance();
   const {
     destroy
-  } = useLeaveMethods(true);
+  } = useLeaveMethods();
   (0, _react.useEffect)(() => {
-    const removedFromRoomHandler = () => {
-      destroy();
+    const removedFromRoomHandler = data => {
+      destroy(data.roomEnded ? _types.OnLeaveReason.ROOM_END : _types.OnLeaveReason.PEER_KICKED);
     };
     hmsInstance.addEventListener(_reactNativeHms.HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM, removedFromRoomHandler);
     return () => {
@@ -927,6 +935,75 @@ const useHMSNetworkQualityUpdate = () => {
   }, [hmsInstance]);
 };
 exports.useHMSNetworkQualityUpdate = useHMSNetworkQualityUpdate;
+const useEnableAutoPip = () => {
+  const hmsInstance = useHMSInstance();
+  const enableAutoPip = (0, _react.useCallback)(data => {
+    hmsInstance.setPipParams({
+      ...data,
+      autoEnterPipMode: true
+    });
+  }, [hmsInstance]);
+  return enableAutoPip;
+};
+exports.useEnableAutoPip = useEnableAutoPip;
+const useDisableAutoPip = () => {
+  const hmsInstance = useHMSInstance();
+  const disableAutoPip = (0, _react.useCallback)(data => {
+    hmsInstance.setPipParams({
+      ...data,
+      autoEnterPipMode: false
+    });
+  }, [hmsInstance]);
+  return disableAutoPip;
+};
+exports.useDisableAutoPip = useDisableAutoPip;
+const useAutoPip = oneToOneCall => {
+  const enableAutoPip = useEnableAutoPip();
+  const disableAutoPip = useDisableAutoPip();
+  const autoEnterPipMode = (0, _reactRedux.useSelector)(state => state.app.autoEnterPipMode);
+  const [numerator, denominator] = usePipAspectRatio(oneToOneCall);
+  (0, _react.useEffect)(() => {
+    if (autoEnterPipMode) {
+      enableAutoPip({
+        aspectRatio: [numerator, denominator]
+      });
+      return disableAutoPip;
+    }
+  }, [numerator, denominator, autoEnterPipMode, enableAutoPip, disableAutoPip]);
+};
+exports.useAutoPip = useAutoPip;
+const usePipAspectRatio = oneToOneCall => {
+  const isHLSViewer = useIsHLSViewer();
+  const hlsPlayerResolution = (0, _reactNativeHms.useHMSHLSPlayerResolution)();
+  const firstSSNodeId = (0, _reactRedux.useSelector)(state => {
+    var _ssPeerTrackNode$trac;
+    const ssPeerTrackNode = state.app.screensharePeerTrackNodes[0];
+    return ssPeerTrackNode === null || ssPeerTrackNode === void 0 || (_ssPeerTrackNode$trac = ssPeerTrackNode.track) === null || _ssPeerTrackNode$trac === void 0 ? void 0 : _ssPeerTrackNode$trac.trackId;
+  });
+  const ssResolution = (0, _reactNativeHms.useHmsViewsResolutionsState)(firstSSNodeId);
+  const aspectRatio = (0, _react.useMemo)(() => {
+    // When user is hlsviewer and we have stream resolution
+    if (isHLSViewer && hlsPlayerResolution) {
+      return [hlsPlayerResolution.width, hlsPlayerResolution.height];
+    }
+    // When user is hlsviewer and we don't have stream resolution
+    if (isHLSViewer) {
+      return [9, 16];
+    }
+    // When we have screenshare resolution, use it
+    if (ssResolution) {
+      return [ssResolution.width, ssResolution.height];
+    }
+    // When there is no screenshare and one-to-one call is happening
+    if (!firstSSNodeId && oneToOneCall) {
+      return [9, 16];
+    }
+    // default aspect ratio
+    return [16, 9];
+  }, [isHLSViewer, firstSSNodeId, oneToOneCall, ssResolution, hlsPlayerResolution]);
+  return aspectRatio;
+};
+exports.usePipAspectRatio = usePipAspectRatio;
 const useHMSActiveSpeakerUpdates = (setPeerTrackNodes, active) => {
   const hmsInstance = useHMSInstance();
   const dispatch = (0, _reactRedux.useDispatch)();
@@ -1285,7 +1362,8 @@ const useFilteredParticipants = filterText => {
         const firstTen = filteredList.slice(0, 10);
         t.push({
           id: role.name,
-          label: `${role.name} (${typeof offStageRoleTotalCount === 'number' ? offStageRoleTotalCount : filteredList.length})`,
+          label: `${role.name} (${typeof offStageRoleTotalCount === 'number' && offStageRoleTotalCount > filteredList.length ? offStageRoleTotalCount // only use `offStageRoleTotalCount` when it is number and more than list length
+          : filteredList.length})`,
           showViewAll: typeof offStageRoleTotalCount === 'number' && formattedSearchText.length <= 0 ? offStageRoleTotalCount > 10 : filteredList.length > 10,
           data: firstTen
         });
@@ -1317,12 +1395,12 @@ const useShouldGoLive = () => {
   return shouldGoLive;
 };
 exports.useShouldGoLive = useShouldGoLive;
-const useLeaveMethods = isUnmounted => {
+const useLeaveMethods = () => {
   const navigation = (0, _react.useContext)(_native.NavigationContext);
   const hmsInstance = useHMSInstance();
   const dispatch = (0, _reactRedux.useDispatch)();
   const reduxStore = (0, _reactRedux.useStore)();
-  const destroy = (0, _react.useCallback)(() => {
+  const destroy = (0, _react.useCallback)(reason => {
     try {
       const s = hmsInstance.destroy();
       console.log('Destroy Success: ', s);
@@ -1348,9 +1426,9 @@ const useLeaveMethods = isUnmounted => {
 
       const onLeave = reduxStore.getState().user.onLeave;
       if (typeof onLeave === 'function') {
-        onLeave();
+        onLeave(reason);
         dispatch((0, _actions.clearStore)());
-      } else if (navigation && navigation.canGoBack() && !isUnmounted) {
+      } else if (navigation && typeof navigation.canGoBack === 'function' && navigation.canGoBack()) {
         navigation.goBack();
         dispatch((0, _actions.clearStore)());
       } else {
@@ -1364,8 +1442,8 @@ const useLeaveMethods = isUnmounted => {
       return Promise.reject(e);
     }
   }, [hmsInstance]);
-  const leave = (0, _react.useCallback)(async function () {
-    let shouldEndStream = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const leave = (0, _react.useCallback)(async function (reason) {
+    let shouldEndStream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (shouldEndStream) {
       hmsInstance.stopHLSStreaming().catch(error => {
         console.log('Stop HLS Streaming Error: ', error);
@@ -1374,26 +1452,26 @@ const useLeaveMethods = isUnmounted => {
     try {
       const d = await hmsInstance.leave();
       console.log('Leave Success: ', d);
-      await destroy();
+      await destroy(reason);
     } catch (e) {
       console.log(`Leave Room Error: ${e}`);
       _reactNativeSimpleToast.default.showWithGravity(`Leave Room Error: ${e}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
     }
   }, [destroy, hmsInstance]);
-  const goToPreview = (0, _react.useCallback)(async () => {
+  const prebuiltCleanUp = (0, _react.useCallback)(async () => {
     try {
       await hmsInstance.leave();
       await hmsInstance.destroy();
       dispatch((0, _actions.clearStore)());
     } catch (error) {
-      _reactNativeSimpleToast.default.showWithGravity(`Unable to go to Preview: ${error}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+      _reactNativeSimpleToast.default.showWithGravity(`Unable to leave or destroy: ${error}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
     }
   }, [hmsInstance]);
-  const endRoom = (0, _react.useCallback)(async () => {
+  const endRoom = (0, _react.useCallback)(async reason => {
     try {
       const d = await hmsInstance.endRoom('Host ended the room');
       console.log('EndRoom Success: ', d);
-      await destroy();
+      await destroy(reason);
     } catch (e) {
       console.log('EndRoom Error: ', e);
     }
@@ -1402,7 +1480,7 @@ const useLeaveMethods = isUnmounted => {
     destroy,
     leave,
     endRoom,
-    goToPreview
+    prebuiltCleanUp
   };
 };
 
@@ -1550,4 +1628,91 @@ const useHMSConferencingScreenConfig = (selector, equalityFn) => {
   }, equalityFn);
 };
 exports.useHMSConferencingScreenConfig = useHMSConferencingScreenConfig;
+const useBackButtonPress = () => {
+  const {
+    handleModalVisibleType
+  } = useModalType();
+  const handleBackPress = (0, _reactRedux.useSelector)(state => state.app.handleBackButton);
+  (0, _react.useEffect)(() => {
+    if (handleBackPress) {
+      const backPressHandler = () => {
+        handleModalVisibleType(_types.ModalTypes.LEAVE_ROOM);
+
+        /**
+         * When true is returned the event will not be bubbled up
+         * & no other back action will execute
+         */
+        return true;
+
+        /**
+         * Returning false will let the event to bubble up & let other event listeners
+         * or the system's default back action to be executed.
+         */
+        // return false;
+      };
+
+      const subscription = _reactNative.BackHandler.addEventListener('hardwareBackPress', backPressHandler);
+      return () => {
+        if (typeof subscription.remove === 'function') {
+          subscription.remove();
+        } else {
+          _reactNative.BackHandler.removeEventListener('hardwareBackPress', backPressHandler);
+        }
+      };
+    }
+  }, [handleBackPress, handleModalVisibleType]);
+};
+exports.useBackButtonPress = useBackButtonPress;
+const useSavePropsToStore = (props, dispatch) => {
+  const {
+    roomCode,
+    options,
+    onLeave,
+    handleBackButton,
+    autoEnterPipMode
+  } = props;
+  (0, _react.useEffect)(() => {
+    dispatch((0, _actions.setPrebuiltData)({
+      roomCode,
+      options
+    }));
+  }, [roomCode, options]);
+  (0, _react.useEffect)(() => {
+    dispatch((0, _actions.setOnLeaveHandler)(onLeave));
+  }, [onLeave]);
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS === 'android') {
+      dispatch((0, _actions.setHandleBackButton)(handleBackButton));
+    }
+  }, [handleBackButton]);
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS === 'android') {
+      dispatch((0, _actions.setAutoEnterPipMode)(autoEnterPipMode));
+    }
+  }, [autoEnterPipMode]);
+};
+exports.useSavePropsToStore = useSavePropsToStore;
+const useStartRecording = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const hmsInstance = useHMSInstance();
+  const startRecording = (0, _react.useCallback)(() => {
+    dispatch((0, _actions.setStartingOrStoppingRecording)(true));
+    hmsInstance.startRTMPOrRecording({
+      record: true
+    }).catch(error => {
+      (0, _reactRedux.batch)(() => {
+        dispatch((0, _actions.setStartingOrStoppingRecording)(false));
+        dispatch((0, _actions.addNotification)({
+          id: Math.random().toString(16).slice(2),
+          type: _types2.NotificationTypes.ERROR,
+          message: error.message
+        }));
+      });
+    });
+  }, [hmsInstance]);
+  return {
+    startRecording
+  };
+};
+exports.useStartRecording = useStartRecording;
 //# sourceMappingURL=hooks-util.js.map