@100mslive/react-native-room-kit 1.0.6 → 1.0.8

package/lib/commonjs/hooks-util.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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.useAndroidSoftInputAdjustResize = exports.isPublishingAllowed = exports.clearPendingModalTasks = exports.clearConfig = void 0;
+exports.useStartRecording = exports.useShowLandscapeLayout = exports.useShowChatAndParticipants = exports.useShouldGoLive = exports.useSetDefaultChatRecipient = exports.useSendMessage = exports.useSavePropsToStore = exports.usePortraitChatViewVisible = exports.usePipAspectRatio = exports.usePIPListener = exports.useOffStageParticipants = exports.useModalType = exports.useLeaveMethods = exports.useLandscapeChatViewVisible = exports.useKeyboardState = exports.useIsPeerBlocked = exports.useIsMessagePinned = exports.useIsLocalPeerBlockedFromChat = exports.useIsHLSViewer = exports.useIsAllowedToSendMessage = 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.useHMSMessagePinningActions = exports.useHMSListeners = exports.useHMSLayoutConfig = exports.useHMSInstance = exports.useHMSConfig = exports.useHMSConferencingScreenConfig = exports.useHMSChatState = exports.useHMSChatRecipientSelector = exports.useHMSChatLayoutConfig = exports.useHMSChangeTrackStateRequest = exports.useHMSCanDisableChat = exports.useHMSActiveSpeakerUpdates = exports.useFilteredParticipants = exports.useFetchHMSRoles = exports.useEnableAutoPip = exports.useDisableAutoPip = exports.useBlockPeerActions = exports.useBackButtonPress = exports.useAutoPip = exports.useAndroidSoftInputAdjustResize = exports.useAllowPinningMessage = exports.useAllowBlockingPeerFromChat = 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,6 +19,8 @@ var _dimension = require("./utils/dimension");
 var _hooksUtilSelectors = require("./hooks-util-selectors");
 var _HMSManager = require("./modules/HMSManager");
 var _theme = require("./utils/theme");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _hooksSdk = require("./hooks-sdk");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const useHMSListeners = setPeerTrackNodes => {
   const hmsInstance = useHMSInstance();
@@ -46,30 +48,6 @@ const useHMSRoomUpdate = hmsInstance => {
         }
       } else if (type === _reactNativeHms.HMSRoomUpdate.HLS_STREAMING_STATE_UPDATED) {
         dispatch((0, _actions.changeStartingHLSStream)(false));
-      } else if (type === _reactNativeHms.HMSRoomUpdate.RTMP_STREAMING_STATE_UPDATED) {
-        var _room$rtmpHMSRtmpStre, _room$rtmpHMSRtmpStre2;
-        let streaming = room === null || room === void 0 || (_room$rtmpHMSRtmpStre = room.rtmpHMSRtmpStreamingState) === null || _room$rtmpHMSRtmpStre === void 0 ? void 0 : _room$rtmpHMSRtmpStre.running;
-        const startAtDate = room === null || room === void 0 || (_room$rtmpHMSRtmpStre2 = room.rtmpHMSRtmpStreamingState) === null || _room$rtmpHMSRtmpStre2 === void 0 ? void 0 : _room$rtmpHMSRtmpStre2.startedAt;
-        let startTime = null;
-        if (startAtDate) {
-          var _startAtDate$getMinut;
-          let hours = startAtDate.getHours().toString();
-          let minutes = (_startAtDate$getMinut = startAtDate.getMinutes()) === null || _startAtDate$getMinut === void 0 ? void 0 : _startAtDate$getMinut.toString();
-          startTime = hours + ':' + minutes;
-        }
-        _reactNativeSimpleToast.default.showWithGravity(`RTMP Streaming ${streaming ? `Started ${startTime ? 'At ' + startTime : ''}` : 'Stopped'}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
-      } else if (type === _reactNativeHms.HMSRoomUpdate.SERVER_RECORDING_STATE_UPDATED) {
-        var _room$serverRecording, _room$serverRecording2;
-        let streaming = room === null || room === void 0 || (_room$serverRecording = room.serverRecordingState) === null || _room$serverRecording === void 0 ? void 0 : _room$serverRecording.running;
-        const startAtDate = room === null || room === void 0 || (_room$serverRecording2 = room.serverRecordingState) === null || _room$serverRecording2 === void 0 ? void 0 : _room$serverRecording2.startedAt;
-        let startTime = null;
-        if (startAtDate) {
-          var _startAtDate$getMinut2;
-          let hours = startAtDate.getHours().toString();
-          let minutes = (_startAtDate$getMinut2 = startAtDate.getMinutes()) === null || _startAtDate$getMinut2 === void 0 ? void 0 : _startAtDate$getMinut2.toString();
-          startTime = hours + ':' + minutes;
-        }
-        _reactNativeSimpleToast.default.showWithGravity(`Server Recording ${streaming ? `Started ${startTime ? 'At ' + startTime : ''}` : 'Stopped'}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
       }
     };
     hmsInstance.addEventListener(_reactNativeHms.HMSUpdateListenerActions.ON_ROOM_UPDATE, roomUpdateHandler);
@@ -84,7 +62,7 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
   // const inMeeting = useSelector(
   //   (state: RootState) => state.app.meetingState === MeetingState.IN_MEETING
   // );
-
+  const hmsActions = (0, _hooksSdk.useHMSActions)();
   (0, _react.useEffect)(() => {
     const peerUpdateHandler = ({
       peer,
@@ -132,6 +110,7 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
         const fullScreenPeerTrackNode = reduxState.app.fullScreenPeerTrackNode;
         const miniviewPeerTrackNode = reduxState.app.miniviewPeerTrackNode;
         const localPeerTrackNode = reduxState.app.localPeerTrackNode;
+        const initialRole = reduxState.app.initialRole;
 
         // Currently Applied Layout config
         const currentLayoutConfig = (0, _hooksUtilSelectors.selectLayoutConfigForRole)(reduxState.hmsStates.layoutConfig, peer.role || null);
@@ -186,12 +165,36 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
         // - TODO: update local localPeer state
         // - Pass this updated data to Meeting component -> DisplayView component
         updateLocalPeer();
+        if (type === _reactNativeHms.HMSPeerUpdate.ROLE_CHANGED) {
+          const parsedLocalPeerMetadata = (0, _functions.parseMetadata)(peer.metadata);
+          if (parsedLocalPeerMetadata.prevRole !== initialRole) {
+            const newMetadata = {
+              ...parsedLocalPeerMetadata,
+              prevRole: initialRole === null || initialRole === void 0 ? void 0 : initialRole.name
+            };
+            hmsActions.changeMetadata(newMetadata).then(r => {
+              console.log('Metadata changed successfully', r);
+            }).catch(e => {
+              console.log('Metadata change failed', e);
+            });
+          }
+        }
         return;
       }
       if (type === _reactNativeHms.HMSPeerUpdate.ROLE_CHANGED) {
         var _peer$role2, _peer$role3, _peer$role4, _peer$role5, _peer$role6, _peer$role7, _peer$role8, _peer$role9, _peer$role10;
         dispatch((0, _actions.addUpdateParticipant)(peer));
 
+        // saving current role in peer metadata,
+        // so that when peer is removed from stage, we can assign previous role to it.
+        // if (localPeerRoleName) {
+        //   const newMetadata = {
+        //     ...localPeerMetadata,
+        //     prevRole: localPeerRoleName,
+        //   };
+        //   await hmsActions.changeMetadata(newMetadata);
+        // }
+
         // Handling regular tiles list
         if (((_peer$role2 = peer.role) === null || _peer$role2 === void 0 || (_peer$role2 = _peer$role2.publishSettings) === null || _peer$role2 === void 0 ? void 0 : _peer$role2.allowed) === undefined || (_peer$role3 = peer.role) !== null && _peer$role3 !== void 0 && (_peer$role3 = _peer$role3.publishSettings) !== null && _peer$role3 !== void 0 && _peer$role3.allowed && ((_peer$role4 = peer.role) === null || _peer$role4 === void 0 || (_peer$role4 = _peer$role4.publishSettings) === null || _peer$role4 === void 0 ? void 0 : _peer$role4.allowed.length) < 1) {
           setPeerTrackNodes(prevPeerTrackNodes => {
@@ -656,6 +659,7 @@ const useHMSRoleChangeRequest = (callback, deps) => {
 };
 exports.useHMSRoleChangeRequest = useHMSRoleChangeRequest;
 const useHMSSessionStoreListeners = gridViewRef => {
+  const store = (0, _reactRedux.useStore)();
   const dispatch = (0, _reactRedux.useDispatch)();
   const hmsSessionStore = (0, _reactRedux.useSelector)(state => state.user.hmsSessionStore);
   const sessionStoreListenersRef = (0, _react.useRef)([]);
@@ -667,21 +671,79 @@ const useHMSSessionStoreListeners = gridViewRef => {
       const addSessionStoreListeners = () => {
         // Handle 'spotlight' key values
         const handleSpotlightIdChange = id => {
-          var _gridViewRef$current;
-          // set value to the state to rerender the component to reflect changes
-          dispatch((0, _actions.saveUserData)({
-            spotlightTrackId: id
-          }));
-          // Scroll to start of the list
-          (_gridViewRef$current = gridViewRef.current) === null || _gridViewRef$current === void 0 || (_gridViewRef$current = _gridViewRef$current.getRegularTilesFlatlistRef().current) === null || _gridViewRef$current === void 0 || _gridViewRef$current.scrollToOffset({
-            animated: true,
-            offset: 0
-          });
+          if (id === null || id === undefined || typeof id === 'string') {
+            var _gridViewRef$current;
+            // set value to the state to rerender the component to reflect changes
+            dispatch((0, _actions.saveUserData)({
+              spotlightTrackId: id
+            }));
+            // Scroll to start of the list
+            (_gridViewRef$current = gridViewRef.current) === null || _gridViewRef$current === void 0 || (_gridViewRef$current = _gridViewRef$current.getRegularTilesFlatlistRef().current) === null || _gridViewRef$current === void 0 || _gridViewRef$current.scrollToOffset({
+              animated: true,
+              offset: 0
+            });
+          }
+        };
+
+        // Handle 'pinnedMessages' key values
+        const handlePinnedMessagesChange = data => {
+          if (Array.isArray(data)) {
+            dispatch((0, _actions.addPinnedMessages)(data));
+          }
+        };
+
+        // Handle 'chatState' key values
+        const handleChatStateChange = data => {
+          try {
+            var _reduxState$hmsStates3;
+            if (typeof data !== 'object' || Array.isArray(data) || data === null) {
+              throw new Error('`data` is a falsy value');
+            }
+            if (!('enabled' in data)) {
+              throw new Error("`data` doesn't have `enabled` property");
+            }
+            const parsedData = data;
+            const reduxState = store.getState();
+            const currentChatState = reduxState.app.chatState;
+            if (parsedData.enabled === (currentChatState === null || currentChatState === void 0 ? void 0 : currentChatState.enabled)) {
+              return;
+            }
+            const currentLayoutConfig = (0, _hooksUtilSelectors.selectLayoutConfigForRole)(reduxState.hmsStates.layoutConfig, ((_reduxState$hmsStates3 = reduxState.hmsStates.localPeer) === null || _reduxState$hmsStates3 === void 0 ? void 0 : _reduxState$hmsStates3.role) ?? null);
+            const chatLayoutConfig = (0, _hooksUtilSelectors.selectChatLayoutConfig)(currentLayoutConfig);
+            const isAllowedToSendMessage = ((chatLayoutConfig === null || chatLayoutConfig === void 0 ? void 0 : chatLayoutConfig.private_chat_enabled) || (chatLayoutConfig === null || chatLayoutConfig === void 0 ? void 0 : chatLayoutConfig.public_chat_enabled) || (chatLayoutConfig === null || chatLayoutConfig === void 0 ? void 0 : chatLayoutConfig.roles_whitelist) && (chatLayoutConfig === null || chatLayoutConfig === void 0 ? void 0 : chatLayoutConfig.roles_whitelist.length) > 0) ?? false;
+            (0, _reactRedux.batch)(() => {
+              if (isAllowedToSendMessage && (
+              // Only show notification when allowed to send message, AND
+              !parsedData.enabled ||
+              // Chat is Paused, OR
+              currentChatState && parsedData.enabled !== currentChatState.enabled) // current Chat state is different from previous state
+              ) {
+                dispatch((0, _actions.addNotification)({
+                  id: `chat-state-enabled-${Math.random().toString(16).slice(2)}`,
+                  icon: parsedData.enabled ? 'chat-on' : 'chat-off',
+                  type: _types2.NotificationTypes.INFO,
+                  title: `Chat ${parsedData.enabled ? 'Resumed' : 'Paused'}`,
+                  message: `Chat ${parsedData.enabled ? 'resumed' : 'paused'} ${parsedData.updatedBy ? `by ${parsedData.updatedBy.userName}` : ''}`
+                }));
+              }
+              dispatch((0, _actions.setChatState)(parsedData));
+            });
+          } catch (error) {
+            dispatch((0, _actions.setChatState)(null));
+          }
         };
 
-        // Handle 'pinnedMessage' key values
-        const handlePinnedMessageChange = data => {
-          dispatch((0, _actions.addPinnedMessage)(data));
+        // Handle 'chatPeerBlacklist' key values
+        const handleChatPeerBlacklistChange = data => {
+          // Whenever list changes :
+          //  - check if local peer is blocked or unblocked
+          //  - filter out messages of blocked peers
+          if (Array.isArray(data)) {
+            (0, _reactRedux.batch)(() => {
+              dispatch((0, _actions.setChatPeerBlacklist)(data));
+              dispatch((0, _actions.filterOutMsgsFromBlockedPeers)(data));
+            });
+          }
         };
 
         // Getting value for 'spotlight' key by using `get` method on HMSSessionStore instance
@@ -690,20 +752,32 @@ const useHMSSessionStoreListeners = gridViewRef => {
           handleSpotlightIdChange(data);
         }).catch(error => console.log('Session Store get `spotlight` key value error: ', error));
 
-        // Getting value for 'pinnedMessage' key by using `get` method on HMSSessionStore instance
-        hmsSessionStore.get('pinnedMessage').then(data => {
-          console.log('Session Store get `pinnedMessage` key value success: ', data);
-          handlePinnedMessageChange(data);
-        }).catch(error => console.log('Session Store get `pinnedMessage` key value error: ', error));
+        // Getting value for 'pinnedMessages' key by using `get` method on HMSSessionStore instance
+        hmsSessionStore.get('pinnedMessages').then(data => {
+          console.log('Session Store get `pinnedMessages` key value success: ', data);
+          handlePinnedMessagesChange(data);
+        }).catch(error => console.log('Session Store get `pinnedMessages` key value error: ', error));
+
+        // Getting value for 'chatState' key by using `get` method on HMSSessionStore instance
+        hmsSessionStore.get('chatState').then(data => {
+          console.log('Session Store get `chatState` key value success: ', data);
+          handleChatStateChange(data);
+        }).catch(error => console.log('Session Store get `chatState` key value error: ', error));
+
+        // Getting value for 'chatPeerBlacklist' key by using `get` method on HMSSessionStore instance
+        hmsSessionStore.get('chatPeerBlacklist').then(data => {
+          console.log('Session Store get `chatPeerBlacklist` key value success: ', data);
+          handleChatPeerBlacklistChange(data);
+        }).catch(error => console.log('Session Store get `chatPeerBlacklist` key value error: ', error));
 
         // let lastSpotlightValue: HMSSessionStoreValue = null;
         // let lastPinnedMessageValue: HMSSessionStoreValue = null;
 
-        // Add subscription for `spotlight` & `pinnedMessage` keys updates on Session Store
-        const subscription = hmsSessionStore.addKeyChangeListener(['spotlight', 'pinnedMessage'], (error, data) => {
+        // Add subscription for `spotlight`, `pinnedMessages`, `chatState` & `chatPeerBlacklist` keys updates on Session Store
+        const subscription = hmsSessionStore.addKeyChangeListener(['spotlight', 'pinnedMessages', 'chatState', 'chatPeerBlacklist'], (error, data) => {
           // If error occurs, handle error and return early
           if (error !== null) {
-            console.log('`spotlight` & `pinnedMessage` key listener Error -> ', error);
+            console.log('`spotlight`, `pinnedMessages`, `chatState` & `chatPeerBlacklist` key listener Error -> ', error);
             return;
           }
 
@@ -713,44 +787,21 @@ const useHMSSessionStoreListeners = gridViewRef => {
               case 'spotlight':
                 {
                   handleSpotlightIdChange(data.value);
-
-                  // Showing Toast message if value has actually changed
-                  // if (
-                  //   data.value !== lastSpotlightValue &&
-                  //   (data.value || lastSpotlightValue)
-                  // ) {
-                  //   Toast.showWithGravity(
-                  //     `SessionStore: \`spotlight\` key's value changed to ${data.value}`,
-                  //     Toast.LONG,
-                  //     Toast.TOP
-                  //   );
-                  // }
-
-                  // lastSpotlightValue = data.value;
                   break;
                 }
-              case 'pinnedMessage':
+              case 'pinnedMessages':
                 {
-                  handlePinnedMessageChange(data.value);
-
-                  // Showing Toast message if value has actually changed
-                  // if (
-                  //   data.value !== lastPinnedMessageValue &&
-                  //   (data.value || lastPinnedMessageValue)
-                  // ) {
-                  //   if (toastTimeoutId !== null) {
-                  //     clearTimeout(toastTimeoutId);
-                  //   }
-                  //   toastTimeoutId = setTimeout(() => {
-                  //     Toast.showWithGravity(
-                  //       `SessionStore: \`pinnedMessage\` key's value changed to ${data.value}`,
-                  //       Toast.LONG,
-                  //       Toast.TOP
-                  //     );
-                  //   }, 1500);
-                  // }
-
-                  // lastPinnedMessageValue = data.value;
+                  handlePinnedMessagesChange(data.value);
+                  break;
+                }
+              case 'chatState':
+                {
+                  handleChatStateChange(data.value);
+                  break;
+                }
+              case 'chatPeerBlacklist':
+                {
+                  handleChatPeerBlacklistChange(data.value);
                   break;
                 }
             }
@@ -768,7 +819,7 @@ const useHMSSessionStoreListeners = gridViewRef => {
         // if (toastTimeoutId !== null) clearTimeout(toastTimeoutId);
       };
     }
-  }, [hmsSessionStore]);
+  }, [store, hmsSessionStore]);
 };
 exports.useHMSSessionStoreListeners = useHMSSessionStoreListeners;
 const useHMSSessionStore = () => {
@@ -1555,7 +1606,7 @@ const useSendMessage = () => {
     const chatWindowState = reduxStore.getState().chatWindow;
     const message = chatWindowState.typedMessage;
     const sendingTo = chatWindowState.sendTo;
-    if (message.length <= 0) return;
+    if (message.length <= 0 || !sendingTo) return;
     const hmsMessageRecipient = new _reactNativeHms.HMSMessageRecipient({
       recipientType: 'publishSettings' in sendingTo ? _reactNativeHms.HMSMessageRecipientType.ROLES : 'peerID' in sendingTo ? _reactNativeHms.HMSMessageRecipientType.PEER : _reactNativeHms.HMSMessageRecipientType.BROADCAST,
       recipientPeer: 'peerID' in sendingTo ? sendingTo : undefined,
@@ -1608,6 +1659,45 @@ const useSendMessage = () => {
   };
 };
 exports.useSendMessage = useSendMessage;
+const useHMSCanDisableChat = () => {
+  return useHMSChatLayoutConfig(chatLayoutConfig => {
+    var _chatLayoutConfig$rea;
+    return (chatLayoutConfig === null || chatLayoutConfig === void 0 || (_chatLayoutConfig$rea = chatLayoutConfig.real_time_controls) === null || _chatLayoutConfig$rea === void 0 ? void 0 : _chatLayoutConfig$rea.can_disable_chat) ?? false;
+  });
+};
+exports.useHMSCanDisableChat = useHMSCanDisableChat;
+const useHMSChatRecipientSelector = () => {
+  const roles = (0, _reactRedux.useSelector)(state => state.hmsStates.roles);
+  const defaultChatRecipient = (0, _react.useMemo)(() => ({
+    privateChat: false,
+    publicChat: false,
+    roles: []
+  }), []);
+  const chatLayoutConfig = useHMSChatLayoutConfig(_chatLayoutConfig => _chatLayoutConfig);
+  const rolesWhitelist = chatLayoutConfig === null || chatLayoutConfig === void 0 ? void 0 : chatLayoutConfig.roles_whitelist;
+  const whitelistedRoles = (0, _react.useMemo)(() => {
+    if (!rolesWhitelist) {
+      return defaultChatRecipient.roles;
+    }
+    return rolesWhitelist.map(roleStr => roles.find(role => role.name === roleStr)).filter(role => !!role);
+  }, [roles, rolesWhitelist, defaultChatRecipient]);
+  const privateChat = (chatLayoutConfig === null || chatLayoutConfig === void 0 ? void 0 : chatLayoutConfig.private_chat_enabled) ?? defaultChatRecipient.privateChat;
+  const publicChat = (chatLayoutConfig === null || chatLayoutConfig === void 0 ? void 0 : chatLayoutConfig.public_chat_enabled) ?? defaultChatRecipient.publicChat;
+  if (chatLayoutConfig) {
+    return {
+      privateChat,
+      publicChat,
+      roles: whitelistedRoles
+    };
+  }
+  return defaultChatRecipient;
+};
+exports.useHMSChatRecipientSelector = useHMSChatRecipientSelector;
+const useIsAllowedToSendMessage = () => {
+  const chatRecipients = useHMSChatRecipientSelector();
+  return chatRecipients.privateChat || chatRecipients.publicChat || chatRecipients.roles.length > 0;
+};
+exports.useIsAllowedToSendMessage = useIsAllowedToSendMessage;
 const useHMSChatLayoutConfig = (selector, equalityFn) => {
   return useHMSLayoutConfig(layoutConfig => {
     const chatConfig = (0, _hooksUtilSelectors.selectChatLayoutConfig)(layoutConfig);
@@ -1664,11 +1754,15 @@ const useSavePropsToStore = (props, dispatch) => {
     handleBackButton,
     autoEnterPipMode
   } = props;
+  dispatch((0, _actions.setPrebuiltData)({
+    roomCode,
+    options
+  }));
   (0, _react.useEffect)(() => {
-    dispatch((0, _actions.setPrebuiltData)({
-      roomCode,
-      options
-    }));
+    const passedUserName = options === null || options === void 0 ? void 0 : options.userName;
+    if (passedUserName && passedUserName.length > 0) {
+      dispatch((0, _actions.setEditUsernameDisabled)(true));
+    }
   }, [roomCode, options]);
   (0, _react.useEffect)(() => {
     dispatch((0, _actions.setOnLeaveHandler)(onLeave));
@@ -1698,7 +1792,7 @@ const useStartRecording = () => {
         dispatch((0, _actions.addNotification)({
           id: Math.random().toString(16).slice(2),
           type: _types2.NotificationTypes.ERROR,
-          message: error.message
+          title: error.message
         }));
       });
     });
@@ -1708,6 +1802,156 @@ const useStartRecording = () => {
   };
 };
 exports.useStartRecording = useStartRecording;
+const useHMSChatState = () => {
+  const hmsSessionStore = (0, _reactRedux.useSelector)(state => state.user.hmsSessionStore);
+  const localPeerName = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca4;
+    return (_state$hmsStates$loca4 = state.hmsStates.localPeer) === null || _state$hmsStates$loca4 === void 0 ? void 0 : _state$hmsStates$loca4.name;
+  });
+  const localPeerID = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca5;
+    return (_state$hmsStates$loca5 = state.hmsStates.localPeer) === null || _state$hmsStates$loca5 === void 0 ? void 0 : _state$hmsStates$loca5.peerID;
+  });
+  const localPeerUserID = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca6;
+    return (_state$hmsStates$loca6 = state.hmsStates.localPeer) === null || _state$hmsStates$loca6 === void 0 ? void 0 : _state$hmsStates$loca6.customerUserID;
+  });
+  const _chatState = (0, _reactRedux.useSelector)(state => state.app.chatState);
+  const chatState = (0, _react.useMemo)(() => _chatState || {
+    enabled: true
+  }, [_chatState]);
+  const setChatState = (0, _react.useCallback)(async enabled => {
+    // If instance of HMSSessionStore is available
+    if (hmsSessionStore) {
+      try {
+        const value = {
+          enabled,
+          updatedBy: {
+            peerID: localPeerID ?? null,
+            userID: localPeerUserID ?? null,
+            userName: localPeerName ?? ''
+          },
+          updatedAt: Date.now()
+        };
+        // set `value` on `session` with key 'chatState'
+        const response = await hmsSessionStore.set(value, 'chatState');
+        console.log('setSessionMetaData Response -> ', response);
+      } catch (error) {
+        console.log('setSessionMetaData Error -> ', error);
+      }
+    }
+  }, [localPeerName, hmsSessionStore, localPeerUserID, localPeerID]);
+  return {
+    chatState,
+    setChatState
+  };
+};
+exports.useHMSChatState = useHMSChatState;
+const useIsMessagePinned = message => {
+  return (0, _reactRedux.useSelector)(state => message ? state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0 : false);
+};
+exports.useIsMessagePinned = useIsMessagePinned;
+const useHMSMessagePinningActions = () => {
+  const store = (0, _reactRedux.useStore)();
+  const hmsSessionStore = (0, _reactRedux.useSelector)(state => state.user.hmsSessionStore);
+  const pinMessage = (0, _react.useCallback)(async message => {
+    let messages = message;
+    if (!Array.isArray(messages)) {
+      messages = [messages];
+    }
+
+    // If instance of HMSSessionStore is available
+    if (hmsSessionStore) {
+      try {
+        var _reduxState$hmsStates4;
+        const reduxState = store.getState();
+        const localPeerName = (_reduxState$hmsStates4 = reduxState.hmsStates.localPeer) === null || _reduxState$hmsStates4 === void 0 ? void 0 : _reduxState$hmsStates4.name;
+        const pinnedMessages = reduxState.messages.pinnedMessages;
+        let payload = messages.map(message => {
+          var _message$sender2, _message$sender3;
+          return {
+            authorId: ((_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.customerUserID) ?? '',
+            id: message.messageId,
+            pinnedBy: localPeerName ?? '',
+            text: `${(_message$sender3 = message.sender) === null || _message$sender3 === void 0 ? void 0 : _message$sender3.name}: ${message.message}`
+          };
+        });
+        let updatedPinnedMessages = [...pinnedMessages, ...payload];
+        if (updatedPinnedMessages.length > 3) {
+          updatedPinnedMessages = updatedPinnedMessages.slice(updatedPinnedMessages.length - 3);
+        }
+        const response = await hmsSessionStore.set(updatedPinnedMessages, 'pinnedMessages');
+        console.log('setSessionMetaData Response -> ', response);
+      } catch (error) {
+        console.log('setSessionMetaData Error -> ', error);
+        return Promise.reject(error);
+      }
+    }
+  }, [hmsSessionStore]);
+  const unpinMessage = (0, _react.useCallback)(async message => {
+    let messages = message;
+    if (!Array.isArray(messages)) {
+      messages = [messages];
+    }
+
+    // If instance of HMSSessionStore is available
+    if (hmsSessionStore) {
+      try {
+        const pinnedMessages = store.getState().messages.pinnedMessages;
+        const messageIdsToUnpin = messages.map(msg => 'messageId' in msg ? msg.messageId : msg.id);
+        const updatedPinnedMessages = pinnedMessages.filter(pinnedMessage => !messageIdsToUnpin.includes(pinnedMessage.id));
+        const response = await hmsSessionStore.set(updatedPinnedMessages, 'pinnedMessages');
+        console.log('setSessionMetaData Response -> ', response);
+      } catch (error) {
+        console.log('setSessionMetaData Error -> ', error);
+        return Promise.reject(error);
+      }
+    }
+  }, [hmsSessionStore]);
+  return {
+    pinMessage,
+    unpinMessage
+  };
+};
+exports.useHMSMessagePinningActions = useHMSMessagePinningActions;
+const useSetDefaultChatRecipient = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const localPeerRoleName = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca7;
+    return (_state$hmsStates$loca7 = state.hmsStates.localPeer) === null || _state$hmsStates$loca7 === void 0 || (_state$hmsStates$loca7 = _state$hmsStates$loca7.role) === null || _state$hmsStates$loca7 === void 0 ? void 0 : _state$hmsStates$loca7.name;
+  });
+  const {
+    privateChat,
+    publicChat,
+    roles: whitelistedRoles
+  } = useHMSChatRecipientSelector();
+  (0, _react.useEffect)(() => {
+    if (publicChat) {
+      dispatch({
+        type: 'SET_SENDTO',
+        sendTo: _types.ChatBroadcastFilter
+      });
+    }
+    // If Role is enabled, Select a role
+    else if (Array.isArray(whitelistedRoles) && whitelistedRoles.length > 0) {
+      const roleObj = whitelistedRoles.length === 1 ? whitelistedRoles[0] : whitelistedRoles.filter(whitelistRole => whitelistRole.name !== localPeerRoleName)[0];
+      if (roleObj) {
+        dispatch({
+          type: 'SET_SENDTO',
+          sendTo: roleObj
+        });
+      }
+    }
+    // If private is enabled, Select None
+    else if (privateChat) {
+      dispatch({
+        type: 'SET_SENDTO',
+        sendTo: null
+      });
+    }
+  }, [privateChat, publicChat, whitelistedRoles, localPeerRoleName, dispatch]);
+};
+exports.useSetDefaultChatRecipient = useSetDefaultChatRecipient;
 const useAndroidSoftInputAdjustResize = () => {
   const currentSoftInputRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
@@ -1727,4 +1971,137 @@ const useAndroidSoftInputAdjustResize = () => {
   }, []);
 };
 exports.useAndroidSoftInputAdjustResize = useAndroidSoftInputAdjustResize;
+const useKeyboardState = () => {
+  const keyboardState = (0, _reactNativeReanimated.useSharedValue)(_reactNativeReanimated.KeyboardState.UNKNOWN);
+  (0, _react.useEffect)(() => {
+    let didShowTimeoutId = null;
+    let didHideTimeoutId = null;
+    const didShowSubscription = _reactNative.Keyboard.addListener('keyboardDidShow', () => {
+      keyboardState.value = _reactNativeReanimated.KeyboardState.OPENING;
+      if (didShowTimeoutId !== null) {
+        clearTimeout(didShowTimeoutId);
+      }
+      didShowTimeoutId = setTimeout(() => {
+        keyboardState.value = _reactNativeReanimated.KeyboardState.OPEN;
+        didShowTimeoutId = null;
+      }, 400);
+    });
+    const didHideSubscription = _reactNative.Keyboard.addListener('keyboardDidHide', () => {
+      keyboardState.value = _reactNativeReanimated.KeyboardState.CLOSING;
+      if (didHideTimeoutId !== null) {
+        clearTimeout(didHideTimeoutId);
+      }
+      didHideTimeoutId = setTimeout(() => {
+        keyboardState.value = _reactNativeReanimated.KeyboardState.CLOSED;
+        didHideTimeoutId = null;
+      }, 400);
+    });
+    return () => {
+      if (didShowTimeoutId !== null) {
+        clearTimeout(didShowTimeoutId);
+      }
+      if (didHideTimeoutId !== null) {
+        clearTimeout(didHideTimeoutId);
+      }
+      if ('remove' in didShowSubscription) {
+        didShowSubscription.remove();
+      } else {
+        _reactNative.Keyboard.removeSubscription(didShowSubscription);
+      }
+      if ('remove' in didHideSubscription) {
+        didHideSubscription.remove();
+      } else {
+        _reactNative.Keyboard.removeSubscription(didHideSubscription);
+      }
+    };
+  }, []);
+  return {
+    keyboardState
+  };
+};
+exports.useKeyboardState = useKeyboardState;
+const useAllowPinningMessage = () => {
+  return useHMSChatLayoutConfig(config => (config === null || config === void 0 ? void 0 : config.allow_pinning_messages) ?? false);
+};
+exports.useAllowPinningMessage = useAllowPinningMessage;
+const useIsLocalPeerBlockedFromChat = () => {
+  return (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca8;
+    const chatPeerBlacklist = state.app.chatPeerBlacklist;
+    const localPeerUserId = (_state$hmsStates$loca8 = state.hmsStates.localPeer) === null || _state$hmsStates$loca8 === void 0 ? void 0 : _state$hmsStates$loca8.customerUserID;
+    return localPeerUserId ? chatPeerBlacklist.includes(localPeerUserId) : false;
+  });
+};
+exports.useIsLocalPeerBlockedFromChat = useIsLocalPeerBlockedFromChat;
+const useIsPeerBlocked = peer => {
+  return (0, _reactRedux.useSelector)(state => {
+    const chatPeerBlacklist = state.app.chatPeerBlacklist;
+    const localPeerUserId = peer === null || peer === void 0 ? void 0 : peer.customerUserID;
+    return localPeerUserId ? chatPeerBlacklist.includes(localPeerUserId) : false;
+  });
+};
+exports.useIsPeerBlocked = useIsPeerBlocked;
+const useBlockPeerActions = () => {
+  const store = (0, _reactRedux.useStore)();
+  const hmsSessionStore = (0, _reactRedux.useSelector)(state => state.user.hmsSessionStore);
+  const {
+    unpinMessage
+  } = useHMSMessagePinningActions();
+  const blockPeer = (0, _react.useCallback)(async peer => {
+    // If instance of HMSSessionStore is available
+    if (hmsSessionStore) {
+      try {
+        const reduxState = store.getState();
+        const chatPeerBlacklist = reduxState.app.chatPeerBlacklist;
+        const pinnedMessages = reduxState.messages.pinnedMessages;
+        if (peer.customerUserID && !chatPeerBlacklist.includes(peer.customerUserID)) {
+          let updatedChatPeerBlacklist = [...chatPeerBlacklist, peer.customerUserID];
+          const response = await hmsSessionStore.set(updatedChatPeerBlacklist, 'chatPeerBlacklist');
+          console.log('setSessionMetaData Response -> ', response);
+
+          // Unpin messages from sent by the peer
+          const msgsToUnpin = pinnedMessages.filter(pinnedMessage => pinnedMessage.authorId === peer.customerUserID);
+          if (msgsToUnpin.length > 0) {
+            await unpinMessage(msgsToUnpin);
+          }
+          return response;
+        }
+        return Promise.reject('Peer is already blocked!');
+      } catch (error) {
+        console.log('setSessionMetaData Error -> ', error);
+        return Promise.reject(error);
+      }
+    }
+  }, [hmsSessionStore, unpinMessage]);
+  const unblockPeer = (0, _react.useCallback)(async peer => {
+    // If instance of HMSSessionStore is available
+    if (hmsSessionStore) {
+      try {
+        const chatPeerBlacklist = store.getState().app.chatPeerBlacklist;
+        if (peer.customerUserID && chatPeerBlacklist.includes(peer.customerUserID)) {
+          const updatedChatPeerBlacklist = chatPeerBlacklist.filter(peerUserId => peerUserId !== peer.customerUserID);
+          const response = await hmsSessionStore.set(updatedChatPeerBlacklist, 'chatPeerBlacklist');
+          console.log('setSessionMetaData Response -> ', response);
+          return response;
+        }
+        return Promise.reject('Peer is already unblocked!');
+      } catch (error) {
+        console.log('setSessionMetaData Error -> ', error);
+        return Promise.reject(error);
+      }
+    }
+  }, [hmsSessionStore]);
+  return {
+    blockPeer,
+    unblockPeer
+  };
+};
+exports.useBlockPeerActions = useBlockPeerActions;
+const useAllowBlockingPeerFromChat = () => {
+  return useHMSChatLayoutConfig(config => {
+    var _config$real_time_con;
+    return (config === null || config === void 0 || (_config$real_time_con = config.real_time_controls) === null || _config$real_time_con === void 0 ? void 0 : _config$real_time_con.can_block_user) ?? false;
+  });
+};
+exports.useAllowBlockingPeerFromChat = useAllowBlockingPeerFromChat;
 //# sourceMappingURL=hooks-util.js.map