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

package/src/redux/actionTypes.ts

@@ -9,7 +9,7 @@ const createRequests = (base: String) => {
 
 const ADD_MESSAGE = createRequests('ADD_MESSAGE');
 
-const ADD_PINNED_MESSAGE = createRequests('ADD_PINNED_MESSAGE');
+const ADD_PINNED_MESSAGES = createRequests('ADD_PINNED_MESSAGES');
 
 const CLEAR_MESSAGE_DATA = createRequests('CLEAR_MESSAGE_DATA');
 
@@ -84,14 +84,27 @@ const SET_ACTIVE_CHAT_BOTTOM_SHEET_TAB = 'SET_ACTIVE_CHAT_BOTTOM_SHEET_TAB';
 
 const SET_CHAT_FILTER_SHEET_VISIBLE = 'SET_CHAT_FILTER_SHEET_VISIBLE';
 
+const SET_CHAT_MORE_ACTIONS_SHEET_VISIBLE =
+  'SET_CHAT_MORE_ACTIONS_SHEET_VISIBLE';
+
+const SET_CHAT_STATE = 'SET_CHAT_STATE';
+
 const SET_HANDLE_BACK_BUTTON = 'SET_HANDLE_BACK_BUTTON';
 
 const SET_AUTO_ENTER_PIP_MODE = 'SET_AUTO_ENTER_PIP_MODE';
 
 const SET_EDIT_USERNAME_DISABLED = 'SET_EDIT_USERNAME_DISABLED';
 
+const SET_SELECTED_MESSAGE_FOR_ACTION = 'SET_SELECTED_MESSAGE_FOR_ACTION';
+
+const SET_INITIAL_ROLE = 'SET_INITIAL_ROLE';
+
+const SET_CHAT_PEER_BLACKLIST = 'SET_CHAT_PEER_BLACKLIST';
+
+const FILTER_OUT_BLOCKED_MSGS = 'FILTER_OUT_BLOCKED_MSGS';
+
 export default {
-  ADD_PINNED_MESSAGE,
+  ADD_PINNED_MESSAGES,
   ADD_MESSAGE,
   CLEAR_MESSAGE_DATA,
   CLEAR_PEER_DATA,
@@ -129,9 +142,15 @@ export default {
   REMOVE_NOTIFICATION,
   SET_ACTIVE_CHAT_BOTTOM_SHEET_TAB,
   SET_CHAT_FILTER_SHEET_VISIBLE,
+  SET_CHAT_MORE_ACTIONS_SHEET_VISIBLE,
+  SET_CHAT_STATE,
   SET_HANDLE_BACK_BUTTON,
   SET_AUTO_ENTER_PIP_MODE,
   SET_EDIT_USERNAME_DISABLED,
+  SET_SELECTED_MESSAGE_FOR_ACTION,
+  SET_INITIAL_ROLE,
+  SET_CHAT_PEER_BLACKLIST,
+  FILTER_OUT_BLOCKED_MSGS,
 };
 
 export enum HmsStateActionTypes {
@@ -158,4 +177,5 @@ export enum HmsStateActionTypes {
   REPLACE_PARTICIPANTS_LIST = 'REPLACE_PARTICIPANTS_LIST',
   SET_ACTIVE_SPEAKERS = 'SET_ACTIVE_SPEAKERS',
   SET_RECONNECTING = 'SET_RECONNECTING',
+  SET_INITIAL_ROLE = 'SET_INITIAL_ROLE',
 }

package/src/redux/actions/index.ts

@@ -24,7 +24,7 @@ import type {
 } from '../../utils/types';
 import actionTypes, { HmsStateActionTypes } from '../actionTypes';
 import { MeetingState } from '../../types';
-import type { Notification } from '../../types';
+import type { ChatState, Notification, PinnedMessage } from '../../types';
 
 export const setPrebuiltData = (data: {
   roomCode: string;
@@ -104,8 +104,8 @@ export const addMessage = (data: HMSMessage) => ({
   payload: data,
 });
 
-export const addPinnedMessage = (data: string | null | undefined) => ({
-  type: actionTypes.ADD_PINNED_MESSAGE.REQUEST,
+export const addPinnedMessages = (data: PinnedMessage[]) => ({
+  type: actionTypes.ADD_PINNED_MESSAGES.REQUEST,
   payload: data,
 });
 
@@ -341,6 +341,18 @@ export const setChatFilterSheetVisible = (chatFilterSheetVisible: boolean) => ({
   payload: { chatFilterSheetVisible },
 });
 
+export const setChatMoreActionsSheetVisible = (
+  chatMoreActionsSheetVisible: boolean
+) => ({
+  type: actionTypes.SET_CHAT_MORE_ACTIONS_SHEET_VISIBLE,
+  payload: { chatMoreActionsSheetVisible },
+});
+
+export const setChatState = (chatState: null | ChatState) => ({
+  type: actionTypes.SET_CHAT_STATE,
+  payload: { chatState },
+});
+
 export const addParticipant = (participant: HMSPeer) => ({
   type: HmsStateActionTypes.ADD_PARTICIPANT,
   participant,
@@ -366,7 +378,10 @@ export const addUpdateParticipant = (participant: HMSPeer) => ({
   participant,
 });
 
-export const replaceParticipantsList = (participants: HMSPeer[], roleName: string) => ({
+export const replaceParticipantsList = (
+  participants: HMSPeer[],
+  roleName: string
+) => ({
   type: HmsStateActionTypes.REPLACE_PARTICIPANTS_LIST,
   participants,
   roleName,
@@ -396,3 +411,25 @@ export const setEditUsernameDisabled = (editUsernameDisabled: boolean) => ({
   type: actionTypes.SET_EDIT_USERNAME_DISABLED,
   payload: { editUsernameDisabled },
 });
+
+export const setSelectedMessageForAction = (
+  selectedMessageForAction: null | HMSMessage
+) => ({
+  type: actionTypes.SET_SELECTED_MESSAGE_FOR_ACTION,
+  payload: { selectedMessageForAction },
+});
+
+export const setInitialRole = (initialRole: HMSRole) => ({
+  type: actionTypes.SET_INITIAL_ROLE,
+  payload: { initialRole },
+});
+
+export const setChatPeerBlacklist = (chatPeerBlacklist: string[]) => ({
+  type: actionTypes.SET_CHAT_PEER_BLACKLIST,
+  payload: { chatPeerBlacklist },
+});
+
+export const filterOutMsgsFromBlockedPeers = (chatPeerBlacklist: string[]) => ({
+  type: actionTypes.FILTER_OUT_BLOCKED_MSGS,
+  payload: chatPeerBlacklist,
+});

package/src/redux/reducers/appState.ts

@@ -6,12 +6,14 @@ import { PipModes } from '../../utils/types';
 import {
   HMSLocalAudioStats,
   HMSLocalVideoStats,
+  HMSMessage,
   HMSPeer,
   HMSRemoteAudioStats,
   HMSRemoteVideoStats,
+  HMSRole,
 } from '@100mslive/react-native-hms';
 import { MeetingState } from '../../types';
-import type { Notification } from '../../types';
+import type { ChatState, Notification } from '../../types';
 
 type ActionType = {
   payload: { [key: string]: any };
@@ -52,9 +54,14 @@ type IntialStateType = {
   notifications: Notification[];
   activeChatBottomSheetTab: (typeof ChatBottomSheetTabs)[number];
   chatFilterSheetVisible: boolean;
+  chatMoreActionsSheetVisible: boolean;
+  chatState: null | ChatState;
   handleBackButton: boolean;
   autoEnterPipMode: boolean;
   editUsernameDisabled: boolean;
+  selectedMessageForAction: null | HMSMessage;
+  initialRole: HMSRole | null;
+  chatPeerBlacklist: string[]; // list of userIds
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -84,9 +91,14 @@ const INITIAL_STATE: IntialStateType = {
   notifications: [],
   activeChatBottomSheetTab: ChatBottomSheetTabs[0],
   chatFilterSheetVisible: false,
+  chatMoreActionsSheetVisible: false,
+  chatState: null,
   handleBackButton: false,
   autoEnterPipMode: false,
   editUsernameDisabled: false,
+  selectedMessageForAction: null,
+  initialRole: null,
+  chatPeerBlacklist: [],
 };
 
 const appReducer = (
@@ -290,23 +302,60 @@ const appReducer = (
         chatFilterSheetVisible: action.payload.chatFilterSheetVisible,
       };
     }
+    case ActionTypes.SET_CHAT_MORE_ACTIONS_SHEET_VISIBLE: {
+      return {
+        ...state,
+        chatMoreActionsSheetVisible: action.payload.chatMoreActionsSheetVisible,
+      };
+    }
+    case ActionTypes.SET_CHAT_STATE: {
+      return {
+        ...state,
+        chatState: action.payload.chatState,
+      };
+    }
     case ActionTypes.SET_HANDLE_BACK_BUTTON: {
       return {
         ...state,
-        handleBackButton: action.payload.handleBackButton ?? INITIAL_STATE.handleBackButton,
+        handleBackButton:
+          action.payload.handleBackButton ?? INITIAL_STATE.handleBackButton,
       };
     }
     case ActionTypes.SET_AUTO_ENTER_PIP_MODE: {
       return {
         ...state,
-        autoEnterPipMode: action.payload.autoEnterPipMode ?? INITIAL_STATE.autoEnterPipMode,
+        autoEnterPipMode:
+          action.payload.autoEnterPipMode ?? INITIAL_STATE.autoEnterPipMode,
       };
     }
     case ActionTypes.SET_EDIT_USERNAME_DISABLED: {
       return {
         ...state,
-        editUsernameDisabled: action.payload.editUsernameDisabled ?? INITIAL_STATE.editUsernameDisabled,
-      }
+        editUsernameDisabled:
+          action.payload.editUsernameDisabled ??
+          INITIAL_STATE.editUsernameDisabled,
+      };
+    }
+    case ActionTypes.SET_SELECTED_MESSAGE_FOR_ACTION: {
+      return {
+        ...state,
+        selectedMessageForAction:
+          action.payload.selectedMessageForAction ??
+          INITIAL_STATE.selectedMessageForAction,
+      };
+    }
+    case ActionTypes.SET_INITIAL_ROLE: {
+      return {
+        ...state,
+        initialRole: action.payload.initialRole ?? INITIAL_STATE.initialRole,
+      };
+    }
+    case ActionTypes.SET_CHAT_PEER_BLACKLIST: {
+      return {
+        ...state,
+        chatPeerBlacklist:
+          action.payload.chatPeerBlacklist ?? INITIAL_STATE.chatPeerBlacklist,
+      };
     }
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;

package/src/redux/reducers/chatWindow.ts

@@ -6,13 +6,13 @@ import { ChatBroadcastFilter } from '../../utils/types';
 type InitialType = {
   showChatView: boolean;
   typedMessage: string;
-  sendTo: HMSRemotePeer | HMSRole | typeof ChatBroadcastFilter;
+  sendTo: HMSRemotePeer | HMSRole | typeof ChatBroadcastFilter | null;
 };
 
 const INITIAL_STATE: InitialType = {
   showChatView: false,
   typedMessage: '',
-  sendTo: ChatBroadcastFilter,
+  sendTo: null,
 };
 
 const chatWindowReducer = (state = INITIAL_STATE, action: any): InitialType => {

package/src/redux/reducers/hmsStates.ts

@@ -177,20 +177,40 @@ const hmsStatesReducer = (
       let updatedGroupedParticipants = state.groupedParticipants;
 
       if (action.localPeer !== null) {
-        const savedLocalPeer = Object.values(state.groupedParticipants)
-          .flat()
-          .find(
-            (participant) => participant.peerID === action.localPeer?.peerID
-          );
+        let previousRoleName: HMSRole['name'] | null = null;
+        let savedLocalPeer: HMSLocalPeer | HMSPeer | null = null;
+
+        for (const groupName in state.groupedParticipants) {
+          if (
+            Object.prototype.hasOwnProperty.call(
+              state.groupedParticipants,
+              groupName
+            )
+          ) {
+            const participantsList = state.groupedParticipants[groupName];
+
+            if (Array.isArray(participantsList)) {
+              const result = participantsList.find(
+                (participant) => participant.peerID === action.localPeer?.peerID
+              );
+
+              if (result) {
+                previousRoleName = groupName;
+                savedLocalPeer = result;
+                break;
+              }
+            }
+          }
+        }
 
         // update peer or check if  role change happened
         if (savedLocalPeer) {
-          const previousRoleName = savedLocalPeer.role?.name!;
           const currentRoleName = action.localPeer.role?.name!;
 
-          const roleChanged = previousRoleName !== currentRoleName;
+          const roleChanged =
+            previousRoleName && previousRoleName !== currentRoleName;
 
-          if (roleChanged) {
+          if (roleChanged && previousRoleName) {
             const previousList = state.groupedParticipants[previousRoleName];
             const currentList = state.groupedParticipants[currentRoleName];
 
@@ -405,7 +425,12 @@ const hmsStatesReducer = (
       let previousRoleName: HMSRole['name'] | null = null;
 
       for (const groupName in state.groupedParticipants) {
-        if (Object.prototype.hasOwnProperty.call(state.groupedParticipants, groupName)) {
+        if (
+          Object.prototype.hasOwnProperty.call(
+            state.groupedParticipants,
+            groupName
+          )
+        ) {
           const participantsList = state.groupedParticipants[groupName];
 
           if (Array.isArray(participantsList)) {
@@ -460,9 +485,7 @@ const hmsStatesReducer = (
           ...state.groupedParticipants,
           [currentRoleName]: Array.isArray(currentList)
             ? currentList.map((p) =>
-                p.peerID === action.participant.peerID
-                  ? action.participant
-                  : p
+                p.peerID === action.participant.peerID ? action.participant : p
               )
             : [action.participant],
         },
@@ -473,7 +496,7 @@ const hmsStatesReducer = (
         ...state,
         groupedParticipants: {
           ...state.groupedParticipants,
-          [action.roleName]: action.participants
+          [action.roleName]: action.participants,
         },
       };
     }

package/src/redux/reducers/message.ts

@@ -1,31 +1,45 @@
 import type { HMSMessage } from '@100mslive/react-native-hms';
 import ActionTypes, { HmsStateActionTypes } from '../actionTypes';
+import type { PinnedMessage } from '../../types';
 
 type ActionType = {
-  payload: HMSMessage | (string | null | undefined);
+  payload: HMSMessage | PinnedMessage[] | string[];
   type: String;
 };
 
 type InitType = {
   messages: Array<HMSMessage>;
-  pinnedMessage: string | null | undefined;
+  pinnedMessages: PinnedMessage[];
 };
 
 const INITIAL_STATE: InitType = {
   messages: [],
-  pinnedMessage: null,
+  pinnedMessages: [],
 };
 
 const messageReducer = (state = INITIAL_STATE, action: ActionType) => {
   switch (action.type) {
-    case ActionTypes.ADD_PINNED_MESSAGE.REQUEST:
-      const pinnedMessage = action.payload as string | null | undefined;
-      return { ...state, pinnedMessage };
+    case ActionTypes.ADD_PINNED_MESSAGES.REQUEST:
+      const pinnedMessages = (action.payload ??
+        INITIAL_STATE.pinnedMessages) as PinnedMessage[];
+      return { ...state, pinnedMessages };
     case ActionTypes.ADD_MESSAGE.REQUEST:
       const message = action.payload as HMSMessage;
       return { ...state, messages: [message, ...state.messages] };
     case ActionTypes.CLEAR_MESSAGE_DATA.REQUEST:
       return { ...state, messages: [] };
+    case ActionTypes.FILTER_OUT_BLOCKED_MSGS:
+      const chatPeerBlacklist = action.payload as string[];
+      return {
+        ...state,
+        messages: state.messages.filter((message) => {
+          const senderUserId = message.sender?.customerUserID;
+          if (!senderUserId) {
+            return true;
+          }
+          return !chatPeerBlacklist.includes(senderUserId);
+        }),
+      };
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;
     default:

package/src/types.ts

@@ -1,10 +1,11 @@
-import type { HMSException, HMSPeer } from "@100mslive/react-native-hms";
-import type { HMSIOSScreenShareConfig, OnLeaveHandler } from "./utils/types";
+import type { HMSException, HMSPeer } from '@100mslive/react-native-hms';
+import type { HMSIOSScreenShareConfig, OnLeaveHandler } from './utils/types';
 
 export enum MeetingState {
   NOT_JOINED,
   IN_PREVIEW,
   IN_MEETING,
+  EXITED,
   MEETING_ENDED,
   ERROR,
 }
@@ -63,6 +64,7 @@ export interface HMSPrebuiltProps {
 }
 
 export enum NotificationTypes {
+  INFO = 'info',
   ROLE_CHANGE_DECLINED = 'role_change_declined',
   RECONNECTING = 'reconnecting',
   HAND_RAISE = 'hand_raise',
@@ -72,7 +74,35 @@ export enum NotificationTypes {
 }
 
 export type Notification =
-  | { id: string; type: NotificationTypes; }
-  | { id: string; type: NotificationTypes; message: string; }
-  | { id: string; type: NotificationTypes; peer: HMSPeer; }
-  | { id: string; type: NotificationTypes; exception: HMSException; }
+  | { id: string; type: NotificationTypes }
+  | {
+      id: string;
+      type: NotificationTypes;
+      icon?: string;
+      message?: string;
+      title: string;
+    }
+  | { id: string; type: NotificationTypes; icon?: string; peer: HMSPeer }
+  | {
+      id: string;
+      type: NotificationTypes;
+      icon?: string;
+      exception: HMSException;
+    };
+
+export type PinnedMessage = {
+  text: string;
+  id: string;
+  pinnedBy: string;
+  authorId: string;
+};
+
+export type ChatState = {
+  enabled: boolean;
+  updatedBy: {
+    peerID: string;
+    userID: string;
+    userName: string;
+  };
+  updatedAt: number;
+};

package/src/utils/types.ts

@@ -55,6 +55,9 @@ export enum ModalTypes {
   STREAMING_QUALITY_SETTING = 'streamingQualitySetting',
   HLS_PLAYER_ASPECT_RATIO = 'hlsPlayerAspectRatio',
   STOP_RECORDING = 'stopRecording',
+  CHAT_FILTER = 'chatFilter',
+  CHAT_MORE_ACTIONS = 'chatMoreActions',
+  MESSAGE_OPTIONS = 'messageOptions',
   DEFAULT = '',
 }
 

package/src/utils.ts

@@ -1,8 +1,8 @@
 // @ts-nocheck
 
 const DEFAULT_JOINING_CONFIG = {
-  mutedAudio: false,
-  mutedVideo: false,
+  mutedAudio: true,
+  mutedVideo: true,
   skipPreview: false,
   audioMixer: false, // IOS only
   musicMode: false, // IOS only

package/lib/commonjs/components/Chat/PinnedMessage.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PinnedMessage = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactRedux = require("react-redux");
-var _hooksUtil = require("../../hooks-util");
-var _Icons = require("../../Icons");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const PinnedMessage = () => {
-  const pinnedMessage = (0, _reactRedux.useSelector)(state => state.messages.pinnedMessage);
-  const hmsSessionStore = (0, _reactRedux.useSelector)(state => state.user.hmsSessionStore);
-  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
-    container: {
-      backgroundColor: theme.palette.surface_default
-    },
-    closeIcon: {
-      tintColor: theme.palette.on_surface_medium
-    },
-    text: {
-      fontFamily: `${typography.font_family}-Regular`,
-      color: theme.palette.on_surface_high
-    }
-  }));
-  const removePinnedMessage = React.useCallback(async () => {
-    // If instance of HMSSessionStore is available
-    if (hmsSessionStore) {
-      try {
-        // set `value` on `session` with key 'pinnedMessage'
-        const response = await hmsSessionStore.set(null, 'pinnedMessage');
-        console.log('setSessionMetaData Response -> ', response);
-      } catch (error) {
-        console.log('setSessionMetaData Error -> ', error);
-      }
-    }
-  }, [hmsSessionStore]);
-  if (!pinnedMessage || pinnedMessage.length <= 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.container, hmsRoomStyles.container]
-  }, /*#__PURE__*/React.createElement(_Icons.PinIcon, {
-    style: [styles.icon, hmsRoomStyles.closeIcon]
-  }), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
-    style: styles.textWrapper
-  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, hmsRoomStyles.text]
-  }, pinnedMessage)), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
-    onPress: removePinnedMessage
-  }, /*#__PURE__*/React.createElement(_Icons.CloseIcon, {
-    style: [styles.icon, hmsRoomStyles.closeIcon]
-  })));
-};
-exports.PinnedMessage = PinnedMessage;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    borderRadius: 8,
-    padding: 8,
-    marginTop: 8
-  },
-  textWrapper: {
-    maxHeight: 50,
-    marginHorizontal: 8
-  },
-  icon: {
-    width: 20,
-    height: 20
-  },
-  text: {
-    fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.25
-  }
-});
-//# sourceMappingURL=PinnedMessage.js.map

package/lib/commonjs/components/Chat/PinnedMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_Icons","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PinnedMessage","pinnedMessage","useSelector","state","messages","hmsSessionStore","user","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","backgroundColor","palette","surface_default","closeIcon","tintColor","on_surface_medium","text","fontFamily","font_family","color","on_surface_high","removePinnedMessage","useCallback","response","console","log","error","length","createElement","View","style","styles","PinIcon","icon","ScrollView","textWrapper","Text","TouchableOpacity","onPress","CloseIcon","exports","StyleSheet","create","flexDirection","alignItems","borderRadius","padding","marginTop","maxHeight","marginHorizontal","width","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessage.tsx"],"mappings":"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"}

package/lib/module/components/Chat/PinnedMessage.js

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import { View, StyleSheet, Text, TouchableOpacity, ScrollView } from 'react-native';
-import { useSelector } from 'react-redux';
-import { useHMSRoomStyleSheet } from '../../hooks-util';
-import { CloseIcon, PinIcon } from '../../Icons';
-export const PinnedMessage = () => {
-  const pinnedMessage = useSelector(state => state.messages.pinnedMessage);
-  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
-  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
-    container: {
-      backgroundColor: theme.palette.surface_default
-    },
-    closeIcon: {
-      tintColor: theme.palette.on_surface_medium
-    },
-    text: {
-      fontFamily: `${typography.font_family}-Regular`,
-      color: theme.palette.on_surface_high
-    }
-  }));
-  const removePinnedMessage = React.useCallback(async () => {
-    // If instance of HMSSessionStore is available
-    if (hmsSessionStore) {
-      try {
-        // set `value` on `session` with key 'pinnedMessage'
-        const response = await hmsSessionStore.set(null, 'pinnedMessage');
-        console.log('setSessionMetaData Response -> ', response);
-      } catch (error) {
-        console.log('setSessionMetaData Error -> ', error);
-      }
-    }
-  }, [hmsSessionStore]);
-  if (!pinnedMessage || pinnedMessage.length <= 0) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, hmsRoomStyles.container]
-  }, /*#__PURE__*/React.createElement(PinIcon, {
-    style: [styles.icon, hmsRoomStyles.closeIcon]
-  }), /*#__PURE__*/React.createElement(ScrollView, {
-    style: styles.textWrapper
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.text, hmsRoomStyles.text]
-  }, pinnedMessage)), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: removePinnedMessage
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
-    style: [styles.icon, hmsRoomStyles.closeIcon]
-  })));
-};
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    borderRadius: 8,
-    padding: 8,
-    marginTop: 8
-  },
-  textWrapper: {
-    maxHeight: 50,
-    marginHorizontal: 8
-  },
-  icon: {
-    width: 20,
-    height: 20
-  },
-  text: {
-    fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.25
-  }
-});
-//# sourceMappingURL=PinnedMessage.js.map

package/lib/module/components/Chat/PinnedMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","StyleSheet","Text","TouchableOpacity","ScrollView","useSelector","useHMSRoomStyleSheet","CloseIcon","PinIcon","PinnedMessage","pinnedMessage","state","messages","hmsSessionStore","user","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","closeIcon","tintColor","on_surface_medium","text","fontFamily","font_family","color","on_surface_high","removePinnedMessage","useCallback","response","set","console","log","error","length","createElement","style","styles","icon","textWrapper","onPress","create","flexDirection","alignItems","borderRadius","padding","marginTop","maxHeight","marginHorizontal","width","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessage.tsx"],"mappings":"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"}

package/lib/typescript/components/Chat/PinnedMessage.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare const PinnedMessage: () => React.JSX.Element | null;
-//# sourceMappingURL=PinnedMessage.d.ts.map

package/lib/typescript/components/Chat/PinnedMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PinnedMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/PinnedMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,eAAO,MAAM,aAAa,gCAmDzB,CAAC"}