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

package/lib/module/hooks-util.js

@@ -5,9 +5,10 @@ import { SoftInputModes } from '@100mslive/react-native-hms';
 import Toast from 'react-native-simple-toast';
 import { useRef, useCallback, useEffect, useState, useMemo, useContext } from 'react';
 import { MaxTilesInOnePage, ModalTypes, OnLeaveReason, PeerListRefreshInterval, PipModes } from './utils/types';
-import { createPeerTrackNode } from './utils/functions';
+import { ChatBroadcastFilter } from './utils/types';
+import { createPeerTrackNode, parseMetadata } from './utils/functions';
 import { batch, shallowEqual, useDispatch, useSelector, useStore } from 'react-redux';
-import { addMessage, addNotification, addParticipant, addParticipants, addPinnedMessage, addScreenshareTile, addUpdateParticipant, changeMeetingState, changePipModeStatus, changeStartingHLSStream, clearStore, removeNotification, removeParticipant, removeParticipants, removeScreenshareTile, replaceParticipantsList, saveUserData, setActiveChatBottomSheetTab, setActiveSpeakers, setAutoEnterPipMode, setEditUsernameDisabled, setFullScreenPeerTrackNode, setHMSLocalPeerState, setHMSRoleState, setHMSRoomState, setHandleBackButton, setIsLocalAudioMutedState, setIsLocalVideoMutedState, setLayoutConfig, setLocalPeerTrackNode, setMiniViewPeerTrackNode, setModalType, setOnLeaveHandler, setPrebuiltData, setReconnecting, setRoleChangeRequest, setStartingOrStoppingRecording, updateFullScreenPeerTrackNode, updateLocalPeerTrackNode, updateMiniViewPeerTrackNode, updateScreenshareTile } from './redux/actions';
+import { addMessage, addNotification, addParticipant, addParticipants, addPinnedMessages, addScreenshareTile, addUpdateParticipant, changeMeetingState, changePipModeStatus, changeStartingHLSStream, clearStore, filterOutMsgsFromBlockedPeers, removeNotification, removeParticipant, removeParticipants, removeScreenshareTile, replaceParticipantsList, saveUserData, setActiveChatBottomSheetTab, setActiveSpeakers, setAutoEnterPipMode, setChatPeerBlacklist, setChatState, setEditUsernameDisabled, setFullScreenPeerTrackNode, setHMSLocalPeerState, setHMSRoleState, setHMSRoomState, setHandleBackButton, setIsLocalAudioMutedState, setIsLocalVideoMutedState, setLayoutConfig, setLocalPeerTrackNode, setMiniViewPeerTrackNode, setModalType, setOnLeaveHandler, setPrebuiltData, setReconnecting, setRoleChangeRequest, setStartingOrStoppingRecording, updateFullScreenPeerTrackNode, updateLocalPeerTrackNode, updateMiniViewPeerTrackNode, updateScreenshareTile } from './redux/actions';
 import { createPeerTrackNodeUniqueId, degradeOrRestorePeerTrackNodes, peerTrackNodeExistForPeer, peerTrackNodeExistForPeerAndTrack, removePeerTrackNodes, removePeerTrackNodesWithTrack, replacePeerTrackNodes, replacePeerTrackNodesWithTrack } from './peerTrackNodeUtils';
 import { MeetingState } from './types';
 import { BackHandler, InteractionManager, Keyboard, Platform } from 'react-native';
@@ -18,6 +19,7 @@ import { getRoomLayout } from './modules/HMSManager';
 import { DEFAULT_THEME, DEFAULT_TYPOGRAPHY } from './utils/theme';
 import { NotificationTypes } from './types';
 import { KeyboardState, useSharedValue } from 'react-native-reanimated';
+import { useHMSActions } from './hooks-sdk';
 export const useHMSListeners = setPeerTrackNodes => {
   const hmsInstance = useHMSInstance();
   const updateLocalPeer = useUpdateHMSLocalPeer(hmsInstance);
@@ -57,7 +59,7 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
   // const inMeeting = useSelector(
   //   (state: RootState) => state.app.meetingState === MeetingState.IN_MEETING
   // );
-
+  const hmsActions = useHMSActions();
   useEffect(() => {
     const peerUpdateHandler = ({
       peer,
@@ -105,6 +107,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 = selectLayoutConfigForRole(reduxState.hmsStates.layoutConfig, peer.role || null);
@@ -159,12 +162,36 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
         // - TODO: update local localPeer state
         // - Pass this updated data to Meeting component -> DisplayView component
         updateLocalPeer();
+        if (type === HMSPeerUpdate.ROLE_CHANGED) {
+          const parsedLocalPeerMetadata = 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 === HMSPeerUpdate.ROLE_CHANGED) {
         var _peer$role2, _peer$role3, _peer$role4, _peer$role5, _peer$role6, _peer$role7, _peer$role8, _peer$role9, _peer$role10;
         dispatch(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 => {
@@ -624,6 +651,7 @@ export const useHMSRoleChangeRequest = (callback, deps) => {
   }, [...(deps || []), hmsInstance]);
 };
 export const useHMSSessionStoreListeners = gridViewRef => {
+  const store = useStore();
   const dispatch = useDispatch();
   const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
   const sessionStoreListenersRef = useRef([]);
@@ -635,21 +663,79 @@ export 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(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(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 'pinnedMessage' key values
-        const handlePinnedMessageChange = data => {
-          dispatch(addPinnedMessage(data));
+        // Handle 'pinnedMessages' key values
+        const handlePinnedMessagesChange = data => {
+          if (Array.isArray(data)) {
+            dispatch(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 = selectLayoutConfigForRole(reduxState.hmsStates.layoutConfig, ((_reduxState$hmsStates3 = reduxState.hmsStates.localPeer) === null || _reduxState$hmsStates3 === void 0 ? void 0 : _reduxState$hmsStates3.role) ?? null);
+            const chatLayoutConfig = 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;
+            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(addNotification({
+                  id: `chat-state-enabled-${Math.random().toString(16).slice(2)}`,
+                  icon: parsedData.enabled ? 'chat-on' : 'chat-off',
+                  type: NotificationTypes.INFO,
+                  title: `Chat ${parsedData.enabled ? 'Resumed' : 'Paused'}`,
+                  message: `Chat ${parsedData.enabled ? 'resumed' : 'paused'} ${parsedData.updatedBy ? `by ${parsedData.updatedBy.userName}` : ''}`
+                }));
+              }
+              dispatch(setChatState(parsedData));
+            });
+          } catch (error) {
+            dispatch(setChatState(null));
+          }
+        };
+
+        // 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)) {
+            batch(() => {
+              dispatch(setChatPeerBlacklist(data));
+              dispatch(filterOutMsgsFromBlockedPeers(data));
+            });
+          }
         };
 
         // Getting value for 'spotlight' key by using `get` method on HMSSessionStore instance
@@ -658,20 +744,32 @@ export 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;
           }
 
@@ -681,44 +779,21 @@ export 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;
                 }
             }
@@ -736,7 +811,7 @@ export const useHMSSessionStoreListeners = gridViewRef => {
         // if (toastTimeoutId !== null) clearTimeout(toastTimeoutId);
       };
     }
-  }, [hmsSessionStore]);
+  }, [store, hmsSessionStore]);
 };
 export const useHMSSessionStore = () => {
   const hmsInstance = useHMSInstance();
@@ -1491,7 +1566,7 @@ export 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 HMSMessageRecipient({
       recipientType: 'publishSettings' in sendingTo ? HMSMessageRecipientType.ROLES : 'peerID' in sendingTo ? HMSMessageRecipientType.PEER : HMSMessageRecipientType.BROADCAST,
       recipientPeer: 'peerID' in sendingTo ? sendingTo : undefined,
@@ -1543,6 +1618,42 @@ export const useSendMessage = () => {
     sendMessage
   };
 };
+export 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;
+  });
+};
+export const useHMSChatRecipientSelector = () => {
+  const roles = useSelector(state => state.hmsStates.roles);
+  const defaultChatRecipient = 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 = 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;
+};
+export const useIsAllowedToSendMessage = () => {
+  const chatRecipients = useHMSChatRecipientSelector();
+  return chatRecipients.privateChat || chatRecipients.publicChat || chatRecipients.roles.length > 0;
+};
 export const useHMSChatLayoutConfig = (selector, equalityFn) => {
   return useHMSLayoutConfig(layoutConfig => {
     const chatConfig = selectChatLayoutConfig(layoutConfig);
@@ -1633,7 +1744,7 @@ export const useStartRecording = () => {
         dispatch(addNotification({
           id: Math.random().toString(16).slice(2),
           type: NotificationTypes.ERROR,
-          message: error.message
+          title: error.message
         }));
       });
     });
@@ -1642,6 +1753,152 @@ export const useStartRecording = () => {
     startRecording
   };
 };
+export const useHMSChatState = () => {
+  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
+  const localPeerName = 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 = 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 = 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 = useSelector(state => state.app.chatState);
+  const chatState = useMemo(() => _chatState || {
+    enabled: true
+  }, [_chatState]);
+  const setChatState = 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
+  };
+};
+export const useIsMessagePinned = message => {
+  return useSelector(state => message ? state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0 : false);
+};
+export const useHMSMessagePinningActions = () => {
+  const store = useStore();
+  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
+  const pinMessage = 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 = 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
+  };
+};
+export const useSetDefaultChatRecipient = () => {
+  const dispatch = useDispatch();
+  const localPeerRoleName = 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();
+  useEffect(() => {
+    if (publicChat) {
+      dispatch({
+        type: 'SET_SENDTO',
+        sendTo: 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]);
+};
 export const useAndroidSoftInputAdjustResize = () => {
   const currentSoftInputRef = useRef(null);
   useEffect(() => {
@@ -1708,4 +1965,83 @@ export const useKeyboardState = () => {
     keyboardState
   };
 };
+export const useAllowPinningMessage = () => {
+  return useHMSChatLayoutConfig(config => (config === null || config === void 0 ? void 0 : config.allow_pinning_messages) ?? false);
+};
+export const useIsLocalPeerBlockedFromChat = () => {
+  return 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;
+  });
+};
+export const useIsPeerBlocked = peer => {
+  return useSelector(state => {
+    const chatPeerBlacklist = state.app.chatPeerBlacklist;
+    const localPeerUserId = peer === null || peer === void 0 ? void 0 : peer.customerUserID;
+    return localPeerUserId ? chatPeerBlacklist.includes(localPeerUserId) : false;
+  });
+};
+export const useBlockPeerActions = () => {
+  const store = useStore();
+  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
+  const {
+    unpinMessage
+  } = useHMSMessagePinningActions();
+  const blockPeer = 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 = 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
+  };
+};
+export 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;
+  });
+};
 //# sourceMappingURL=hooks-util.js.map