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

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

@@ -0,0 +1,180 @@
+import * as React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { useAllowBlockingPeerFromChat, useAllowPinningMessage, useBlockPeerActions, useHMSInstance, useHMSMessagePinningActions, useHMSRoomStyle, useHMSRoomStyleSheet, useIsMessagePinned, useIsPeerBlocked, useModalType } from '../../hooks-util';
+import { BottomSheet } from '../BottomSheet';
+import { NoEntryIcon, PersonIcon, PinIcon } from '../../Icons';
+import { addNotification, setSelectedMessageForAction } from '../../redux/actions';
+import { ModalTypes } from '../../utils/types';
+import { NotificationTypes } from '../../types';
+const _MessageOptionsView = ({
+  onDismiss
+}) => {
+  const dispatch = useDispatch();
+  const hmsInstance = useHMSInstance();
+  const localPeerPermissions = useSelector(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.permissions;
+  });
+  const localPeerId = useSelector(state => {
+    var _state$hmsStates$loca2;
+    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.peerID;
+  });
+  const selectedMessageForAction = useSelector(state => state.app.selectedMessageForAction);
+  const allowPinningMessage = useAllowPinningMessage();
+  const isPinned = useIsMessagePinned(selectedMessageForAction);
+  const {
+    pinMessage,
+    unpinMessage
+  } = useHMSMessagePinningActions();
+  const allowPeerBlocking = useAllowBlockingPeerFromChat();
+  const isPeerBlocked = useIsPeerBlocked((selectedMessageForAction === null || selectedMessageForAction === void 0 ? void 0 : selectedMessageForAction.sender) ?? null);
+  const {
+    blockPeer,
+    unblockPeer
+  } = useBlockPeerActions();
+  const {
+    handleModalVisibleType
+  } = useModalType();
+  const hmsRoomStyle = useHMSRoomStyleSheet(theme => ({
+    blockLabel: {
+      color: theme.palette.alert_error_default
+    },
+    blockIcon: {
+      tintColor: theme.palette.alert_error_default
+    }
+  }));
+  const closeMessageOptionsBottomSheet = () => {
+    if (onDismiss) {
+      onDismiss();
+    } else {
+      dispatch(setSelectedMessageForAction(null));
+    }
+  };
+  const showError = error => {
+    if (!onDismiss) {
+      handleModalVisibleType(ModalTypes.DEFAULT);
+    }
+    dispatch(addNotification({
+      id: Math.random().toString(16).slice(2),
+      type: NotificationTypes.ERROR,
+      title: error.message
+    }));
+  };
+  const handleMessagePin = async () => {
+    try {
+      if (selectedMessageForAction) {
+        if (isPinned) {
+          await unpinMessage(selectedMessageForAction);
+        } else {
+          await pinMessage(selectedMessageForAction);
+        }
+      }
+      closeMessageOptionsBottomSheet();
+    } catch (error) {
+      closeMessageOptionsBottomSheet();
+      showError(error);
+    }
+  };
+  const handleBlockPeerFromChat = async () => {
+    try {
+      if (selectedMessageForAction !== null && selectedMessageForAction !== void 0 && selectedMessageForAction.sender) {
+        if (isPeerBlocked) {
+          await unblockPeer(selectedMessageForAction.sender);
+        } else {
+          await blockPeer(selectedMessageForAction.sender);
+        }
+      }
+      closeMessageOptionsBottomSheet();
+    } catch (error) {
+      closeMessageOptionsBottomSheet();
+      showError(error);
+    }
+  };
+  const handleRemoveParticipant = async () => {
+    if (selectedMessageForAction !== null && selectedMessageForAction !== void 0 && selectedMessageForAction.sender) {
+      await hmsInstance.removePeer(selectedMessageForAction.sender, 'Removed from chat');
+    }
+    closeMessageOptionsBottomSheet();
+  };
+  const hidePinItem = !(selectedMessageForAction && allowPinningMessage);
+  const hideBlockItem = !(selectedMessageForAction && selectedMessageForAction.sender && allowPeerBlocking && selectedMessageForAction.sender.peerID !== localPeerId);
+  const hideRemoveItem = !(localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.removeOthers && selectedMessageForAction !== null && selectedMessageForAction !== void 0 && selectedMessageForAction.sender && !selectedMessageForAction.sender.isLocal);
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(BottomSheet.Header, {
+    heading: "Message Options",
+    dismissModal: closeMessageOptionsBottomSheet
+  }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+    style: styles.headerDivider
+  }), hidePinItem ? null : /*#__PURE__*/React.createElement(MessageOptionsItem, {
+    label: isPinned ? 'Unpin' : 'Pin',
+    icon: /*#__PURE__*/React.createElement(PinIcon, {
+      type: isPinned ? 'unpin' : 'pin',
+      style: styles.icon
+    }),
+    onPress: handleMessagePin
+  }), hideBlockItem ? null : /*#__PURE__*/React.createElement(MessageOptionsItem, {
+    label: isPeerBlocked ? 'Unblock from Chat' : 'Block from Chat',
+    labelStyle: hmsRoomStyle.blockLabel,
+    icon: /*#__PURE__*/React.createElement(NoEntryIcon, {
+      style: [styles.icon, hmsRoomStyle.blockIcon]
+    }),
+    onPress: handleBlockPeerFromChat
+  }), hideRemoveItem ? null : /*#__PURE__*/React.createElement(MessageOptionsItem, {
+    label: "Remove Participant",
+    labelStyle: hmsRoomStyle.blockLabel,
+    icon: /*#__PURE__*/React.createElement(PersonIcon, {
+      type: "left",
+      style: [styles.icon, hmsRoomStyle.blockIcon]
+    }),
+    onPress: handleRemoveParticipant
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.bottomSpacer
+  }));
+};
+const MessageOptionsItem = ({
+  label,
+  onPress,
+  icon = null,
+  style,
+  labelStyle
+}) => {
+  const textStyle = useHMSRoomStyle((theme, typography) => ({
+    color: theme.palette.on_surface_high,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.container, style],
+    onPress: onPress
+  }, icon, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, textStyle, labelStyle]
+  }, label));
+};
+const styles = StyleSheet.create({
+  // Item styles
+  container: {
+    paddingHorizontal: 20,
+    paddingVertical: 16,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    marginLeft: 8
+  },
+  // Container styles
+  headerDivider: {
+    marginVertical: 12
+  },
+  icon: {
+    width: 20,
+    height: 20
+  },
+  bottomSpacer: {
+    width: '100%',
+    height: 32
+  }
+});
+export const MessageOptionsView = /*#__PURE__*/React.memo(_MessageOptionsView);
+//# sourceMappingURL=MessageOptionsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useDispatch","useSelector","useAllowBlockingPeerFromChat","useAllowPinningMessage","useBlockPeerActions","useHMSInstance","useHMSMessagePinningActions","useHMSRoomStyle","useHMSRoomStyleSheet","useIsMessagePinned","useIsPeerBlocked","useModalType","BottomSheet","NoEntryIcon","PersonIcon","PinIcon","addNotification","setSelectedMessageForAction","ModalTypes","NotificationTypes","_MessageOptionsView","onDismiss","dispatch","hmsInstance","localPeerPermissions","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","localPeerId","_state$hmsStates$loca2","peerID","selectedMessageForAction","app","allowPinningMessage","isPinned","pinMessage","unpinMessage","allowPeerBlocking","isPeerBlocked","sender","blockPeer","unblockPeer","handleModalVisibleType","hmsRoomStyle","theme","blockLabel","color","palette","alert_error_default","blockIcon","tintColor","closeMessageOptionsBottomSheet","showError","error","DEFAULT","id","Math","random","toString","slice","type","ERROR","title","message","handleMessagePin","handleBlockPeerFromChat","handleRemoveParticipant","removePeer","hidePinItem","hideBlockItem","hideRemoveItem","removeOthers","isLocal","createElement","Header","heading","dismissModal","Divider","style","styles","headerDivider","MessageOptionsItem","label","icon","onPress","labelStyle","bottomSpacer","textStyle","typography","on_surface_high","fontFamily","font_family","container","text","create","paddingHorizontal","paddingVertical","flexDirection","alignItems","fontSize","lineHeight","letterSpacing","marginLeft","marginVertical","width","height","MessageOptionsView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/MessageOptionsView.tsx"],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+export const _PeerBlockedFromChat = ({
+  style
+}) => {
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    subtitle: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container, style]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, hmsRoomStyles.subtitle]
+  }, "You've been blocked from sending messages"));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  subtitle: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    textAlign: 'center'
+  }
+});
+export const PeerBlockedFromChat = /*#__PURE__*/React.memo(_PeerBlockedFromChat);
+//# sourceMappingURL=PeerBlockedFromChat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","useHMSRoomStyleSheet","_PeerBlockedFromChat","style","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","subtitle","color","on_surface_medium","fontFamily","font_family","createElement","styles","create","paddingVertical","paddingHorizontal","borderRadius","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","PeerBlockedFromChat","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/PeerBlockedFromChat.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAGrD,SAASC,oBAAoB,QAAQ,kBAAkB;AAMvD,OAAO,MAAMC,oBAAwD,GAAGA,CAAC;EACvEC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAACI,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,QAAQ,EAAE;MACRC,KAAK,EAAEP,KAAK,CAACI,OAAO,CAACI,iBAAiB;MACtCC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACElB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACK,KAAK,EAAE,CAACc,MAAM,CAACV,SAAS,EAAEH,aAAa,CAACG,SAAS,EAAEJ,KAAK;EAAE,gBAC9DN,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACG,KAAK,EAAE,CAACc,MAAM,CAACN,QAAQ,EAAEP,aAAa,CAACO,QAAQ;EAAE,GAAC,2CAElD,CACF,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGlB,UAAU,CAACmB,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,QAAQ,EAAE;IACRa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,gBAAG/B,KAAK,CAACgC,IAAI,CAAC3B,oBAAoB,CAAC"}

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

@@ -0,0 +1,288 @@
+import * as React from 'react';
+import { View, StyleSheet, Text, TouchableOpacity, ScrollView, Platform } from 'react-native';
+import { useSelector } from 'react-redux';
+import { FlashList } from '@shopify/flash-list';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { useAllowPinningMessage, useHMSMessagePinningActions, useHMSRoomStyleSheet } from '../../hooks-util';
+import { PinIcon } from '../../Icons';
+import { hexToRgbA } from '../../utils/theme';
+const FLATLIST_VIEWABILITY_CONFIG = {
+  waitForInteraction: true,
+  itemVisiblePercentThreshold: 90
+};
+const LINE_HEIGHT = 20;
+var NumOfLines = /*#__PURE__*/function (NumOfLines) {
+  NumOfLines[NumOfLines["EXPANDED"] = 6] = "EXPANDED";
+  NumOfLines[NumOfLines["COLLAPSED"] = 3] = "COLLAPSED";
+  return NumOfLines;
+}(NumOfLines || {});
+const Heights = {
+  EXAPANDED: NumOfLines.EXPANDED * LINE_HEIGHT + 2,
+  COLLAPSED: NumOfLines.COLLAPSED * LINE_HEIGHT + 2
+};
+export const _PinnedMessages = ({
+  insetMode = false
+}) => {
+  const listRef = React.useRef(null);
+  const [numOfLinesInText, setNumOfLinesInText] = React.useState({});
+  const numOfLinesInTextRef = React.useRef(numOfLinesInText);
+  const [listHeight, setListHeight] = React.useState(Heights.COLLAPSED);
+  const listHeightRef = React.useRef(Heights.COLLAPSED);
+  const [selectedPinnedMessageIndex, setSelectedMessageIndex] = React.useState(0);
+  const selectedPinnedMessageIndexRef = React.useRef(0);
+  const allowPinningMessage = useAllowPinningMessage();
+  const {
+    unpinMessage
+  } = useHMSMessagePinningActions();
+  const pinnedMessages = useSelector(state => state.messages.pinnedMessages);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    insetContainer: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
+    },
+    pinContainer: {
+      backgroundColor: theme.palette.surface_default
+    },
+    activeMessageContainer: {
+      backgroundColor: theme.palette.on_surface_high
+    },
+    inactiveMessageContainer: {
+      backgroundColor: theme.palette.on_surface_low
+    },
+    closeIcon: {
+      tintColor: theme.palette.on_surface_medium
+    },
+    highlightedText: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_high
+    },
+    text: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_high
+    },
+    ellipsis: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
+    }
+  }));
+  const handleTapOnPinnedMessage = React.useCallback(() => {
+    setListHeight(prevListHeight => {
+      let updated = prevListHeight > Heights.COLLAPSED ? Heights.COLLAPSED : Heights.EXAPANDED;
+      listHeightRef.current = updated;
+      return updated;
+    });
+  }, []);
+  const handleUnpinMessagePress = React.useCallback(() => {
+    const visiblePinnedMessage = pinnedMessages[selectedPinnedMessageIndexRef.current];
+    if (visiblePinnedMessage) {
+      if (listHeight > Heights.COLLAPSED) {
+        setListHeight(Heights.COLLAPSED);
+        listHeightRef.current = Heights.COLLAPSED;
+      }
+      unpinMessage(visiblePinnedMessage);
+    }
+  }, [listHeight, pinnedMessages]);
+  const _handleViewableItemsChanged = React.useCallback(info => {
+    const firstViewable = info.viewableItems[0];
+    if (firstViewable !== null && firstViewable !== void 0 && firstViewable.isViewable && typeof firstViewable.index === 'number') {
+      let viewableIndexChanged = false;
+      setSelectedMessageIndex(currIndex => {
+        if (currIndex !== firstViewable.index) {
+          viewableIndexChanged = true;
+        }
+        if (firstViewable.index !== null) {
+          return firstViewable.index;
+        }
+        return currIndex;
+      });
+      selectedPinnedMessageIndexRef.current = firstViewable.index;
+      const visiblePinnedMessage = pinnedMessages[selectedPinnedMessageIndexRef.current];
+      if (viewableIndexChanged && listHeightRef.current > Heights.COLLAPSED && visiblePinnedMessage) {
+        const visibleMessageExpandable = numOfLinesInTextRef.current[visiblePinnedMessage.id];
+        if (!visibleMessageExpandable) {
+          setListHeight(Heights.COLLAPSED);
+          listHeightRef.current = Heights.COLLAPSED;
+        }
+      }
+    }
+  }, [pinnedMessages]);
+  const _renderItem = React.useCallback(data => {
+    const numOfLines = numOfLinesInText[data.item.id];
+    const [sender, text] = data.item.text.split(':');
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.8,
+      disabled: typeof numOfLines !== 'number',
+      onPress: typeof numOfLines === 'number' ? handleTapOnPinnedMessage : undefined,
+      style: {
+        height: listHeight,
+        justifyContent: 'center',
+        overflow: Platform.OS === 'ios' && typeof numOfLines !== 'number' ? 'scroll' : 'hidden'
+      }
+    }, listHeight >= Heights.EXAPANDED && typeof numOfLines === 'number' && numOfLines > NumOfLines.EXPANDED ? /*#__PURE__*/React.createElement(ScrollView, {
+      nestedScrollEnabled: true,
+      contentContainerStyle: {
+        paddingBottom: 12
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.8,
+      onPress: handleTapOnPinnedMessage
+    }, /*#__PURE__*/React.createElement(Text, {
+      onTextLayout: ({
+        nativeEvent
+      }) => {
+        if (nativeEvent.lines.length > NumOfLines.COLLAPSED) {
+          setNumOfLinesInText(prev => {
+            const currentValue = prev[data.item.id];
+            let updated;
+            if (typeof currentValue === 'number' && currentValue === nativeEvent.lines.length) {
+              updated = prev;
+            } else {
+              updated = {
+                ...prev,
+                [data.item.id]: nativeEvent.lines.length
+              };
+            }
+            numOfLinesInTextRef.current = updated;
+            return updated;
+          });
+        }
+      },
+      style: [styles.text, hmsRoomStyles.text],
+      numberOfLines: listHeight === Heights.COLLAPSED && typeof numOfLines === 'number' ? 3 : undefined
+    }, text ? /*#__PURE__*/React.createElement(Text, {
+      style: hmsRoomStyles.highlightedText
+    }, sender, ":", ' ') : null, text ?? sender))) : /*#__PURE__*/React.createElement(Text, {
+      onTextLayout: ({
+        nativeEvent
+      }) => {
+        if (nativeEvent.lines.length > NumOfLines.COLLAPSED) {
+          setNumOfLinesInText(prev => {
+            const currentValue = prev[data.item.id];
+            let updated;
+            if (typeof currentValue === 'number' && currentValue === nativeEvent.lines.length) {
+              updated = prev;
+            } else {
+              updated = {
+                ...prev,
+                [data.item.id]: nativeEvent.lines.length
+              };
+            }
+            numOfLinesInTextRef.current = updated;
+            return updated;
+          });
+        }
+      },
+      style: [styles.text, hmsRoomStyles.text],
+      numberOfLines: listHeight === Heights.COLLAPSED && typeof numOfLines === 'number' ? 3 : undefined
+    }, text ? /*#__PURE__*/React.createElement(Text, {
+      style: hmsRoomStyles.highlightedText
+    }, sender, ": ") : null, text ?? sender));
+  }, [listHeight, numOfLinesInText, handleTapOnPinnedMessage]);
+  const _keyExtractor = React.useCallback(item => item.id, []);
+  const _onContentSizeChange = React.useCallback((_w, _h) => {
+    var _listRef$current;
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToOffset({
+      offset: listHeight * selectedPinnedMessageIndexRef.current,
+      animated: false
+    });
+  }, [listHeight]);
+  const tapGesture = React.useMemo(() => Gesture.Tap(), []);
+  const extraData = React.useMemo(() => [listHeight, numOfLinesInText, pinnedMessages], [listHeight, numOfLinesInText, pinnedMessages]);
+  if (pinnedMessages.length <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: tapGesture
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [insetMode ? styles.insetContainer : styles.container, insetMode ? hmsRoomStyles.insetContainer : null]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.pinContainer, insetMode ? {
+      paddingRight: 0
+    } : hmsRoomStyles.pinContainer, {
+      height: listHeight + 16
+    }]
+  }, pinnedMessages.length > 1 ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: 8,
+      flexDirection: 'column'
+    }
+  }, pinnedMessages.map((message, idx) => {
+    const isFirst = idx === 0;
+    const isSelected = selectedPinnedMessageIndex === idx;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: message.id
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: [{
+        height: 3,
+        width: 2
+      }]
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: 2,
+        flexGrow: 1,
+        borderRadius: 16
+      }, isSelected ? hmsRoomStyles.activeMessageContainer : hmsRoomStyles.inactiveMessageContainer]
+    }));
+  })) : null, /*#__PURE__*/React.createElement(FlashList, {
+    ref: listRef,
+    data: pinnedMessages,
+    extraData: extraData,
+    showsVerticalScrollIndicator: false,
+    pagingEnabled: true,
+    nestedScrollEnabled: true,
+    keyboardShouldPersistTaps: "always",
+    renderItem: _renderItem,
+    keyExtractor: _keyExtractor,
+    onContentSizeChange: _onContentSizeChange,
+    estimatedItemSize: 40,
+    onViewableItemsChanged: _handleViewableItemsChanged,
+    viewabilityConfig: FLATLIST_VIEWABILITY_CONFIG
+  })), allowPinningMessage ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      marginLeft: 8
+    },
+    onPress: handleUnpinMessagePress
+  }, /*#__PURE__*/React.createElement(PinIcon, {
+    type: "unpin",
+    style: [styles.icon, hmsRoomStyles.closeIcon]
+  })) : null));
+};
+export const PinnedMessages = /*#__PURE__*/React.memo(_PinnedMessages);
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8
+  },
+  insetContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8,
+    marginHorizontal: 8,
+    marginBottom: 4,
+    borderRadius: 8,
+    paddingRight: 8
+  },
+  pinContainer: {
+    flexDirection: 'row',
+    flexGrow: 1,
+    flexShrink: 1,
+    borderRadius: 8,
+    paddingVertical: 8,
+    paddingRight: 8,
+    paddingLeft: 8
+  },
+  textWrapper: {
+    maxHeight: 50,
+    marginHorizontal: 8
+  },
+  icon: {
+    width: 20,
+    height: 20
+    // marginTop: 8,
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=PinnedMessages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","TouchableOpacity","ScrollView","Platform","useSelector","FlashList","GestureDetector","Gesture","useAllowPinningMessage","useHMSMessagePinningActions","useHMSRoomStyleSheet","PinIcon","hexToRgbA","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","LINE_HEIGHT","NumOfLines","Heights","EXAPANDED","EXPANDED","COLLAPSED","_PinnedMessages","insetMode","listRef","useRef","numOfLinesInText","setNumOfLinesInText","useState","numOfLinesInTextRef","listHeight","setListHeight","listHeightRef","selectedPinnedMessageIndex","setSelectedMessageIndex","selectedPinnedMessageIndexRef","allowPinningMessage","unpinMessage","pinnedMessages","state","messages","hmsRoomStyles","theme","typography","insetContainer","backgroundColor","palette","background_dim","pinContainer","surface_default","activeMessageContainer","on_surface_high","inactiveMessageContainer","on_surface_low","closeIcon","tintColor","on_surface_medium","highlightedText","fontFamily","font_family","color","text","ellipsis","handleTapOnPinnedMessage","useCallback","prevListHeight","updated","current","handleUnpinMessagePress","visiblePinnedMessage","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","viewableIndexChanged","currIndex","visibleMessageExpandable","id","_renderItem","data","numOfLines","item","sender","split","createElement","activeOpacity","disabled","onPress","undefined","style","height","justifyContent","overflow","OS","nestedScrollEnabled","contentContainerStyle","paddingBottom","onTextLayout","nativeEvent","lines","length","prev","currentValue","styles","numberOfLines","_keyExtractor","_onContentSizeChange","_w","_h","_listRef$current","scrollToOffset","offset","animated","tapGesture","useMemo","Tap","extraData","gesture","container","paddingRight","marginRight","flexDirection","map","message","idx","isFirst","isSelected","Fragment","key","width","flexGrow","borderRadius","ref","showsVerticalScrollIndicator","pagingEnabled","keyboardShouldPersistTaps","renderItem","keyExtractor","onContentSizeChange","estimatedItemSize","onViewableItemsChanged","viewabilityConfig","marginLeft","type","icon","PinnedMessages","memo","create","alignItems","marginTop","marginHorizontal","marginBottom","flexShrink","paddingVertical","paddingLeft","textWrapper","maxHeight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessages.tsx"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 export * from './ChatBanner';
 export * from './ChatList';
 export * from './ChatMessage';
-export * from './PinnedMessage';
+export * from './PinnedMessages';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Chat/index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,iBAAiB"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Chat/index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,kBAAkB"}

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","BottomSheet","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsView","useHeaderHeight","useIsLandscapeOrientation","ChatAndParticipantsBottomSheet","headerHeight","isLandscapeOrientation","modalVisible","hide","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","closeChatWindow","createElement","fullWidth","dismissModal","isVisible","avoidKeyboard","containerStyle","styles","bottomSheet","marginTop","bottomOffsetSpace","create","flex"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,oBAAoB,EAAEC,0BAA0B,QAAQ,kBAAkB;AACnF,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,yBAAyB,QAAQ,uBAAuB;AAEjE,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAClD,MAAMC,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,sBAAsB,GAAGH,yBAAyB,CAAC,CAAC;EAE1D,MAAM;IAAEI,YAAY;IAAEC;EAAK,CAAC,GAAGR,0BAA0B,CAAC,CAAC;EAE3D,MAAMS,aAAa,GAAGV,oBAAoB,CAAEW,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,eAAe,GAAGA,CAAA,KAAMP,IAAI,CAAC,OAAO,CAAC;EAE3C,oBACEZ,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IACVmB,SAAS,EAAE,IAAK;IAChBC,YAAY,EAAEH,eAAgB;IAC9BI,SAAS,EAAEZ,YAAa;IACxBa,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAE,CACdC,MAAM,CAACC,WAAW,EAClBd,aAAa,CAACE,gBAAgB,EAC9B;MACEa,SAAS,EAAElB,sBAAsB,GAAG,CAAC,GAAGD;IAC1C,CAAC,CACD;IACFoB,iBAAiB,EAAE;EAAE,gBAErB7B,KAAA,CAAAoB,aAAA,CAACf,uBAAuB,MAAE,CACf,CAAC;AAElB,CAAC;AAED,MAAMqB,MAAM,GAAGzB,UAAU,CAAC6B,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","BottomSheet","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsView","useHeaderHeight","useIsLandscapeOrientation","ChatAndParticipantsBottomSheet","headerHeight","isLandscapeOrientation","modalVisible","hide","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","closeChatWindow","createElement","fullWidth","dismissModal","isVisible","avoidKeyboard","containerStyle","styles","bottomSheet","marginTop","bottomOffsetSpace","create","flex"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SACEC,oBAAoB,EACpBC,0BAA0B,QACrB,kBAAkB;AACzB,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,yBAAyB,QAAQ,uBAAuB;AAEjE,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAClD,MAAMC,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,sBAAsB,GAAGH,yBAAyB,CAAC,CAAC;EAE1D,MAAM;IAAEI,YAAY;IAAEC;EAAK,CAAC,GAAGR,0BAA0B,CAAC,CAAC;EAE3D,MAAMS,aAAa,GAAGV,oBAAoB,CAAEW,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,eAAe,GAAGA,CAAA,KAAMP,IAAI,CAAC,OAAO,CAAC;EAE3C,oBACEZ,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IACVmB,SAAS,EAAE,IAAK;IAChBC,YAAY,EAAEH,eAAgB;IAC9BI,SAAS,EAAEZ,YAAa;IACxBa,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAE,CACdC,MAAM,CAACC,WAAW,EAClBd,aAAa,CAACE,gBAAgB,EAC9B;MACEa,SAAS,EAAElB,sBAAsB,GAAG,CAAC,GAAGD;IAC1C,CAAC,CACD;IACFoB,iBAAiB,EAAE;EAAE,gBAErB7B,KAAA,CAAAoB,aAAA,CAACf,uBAAuB,MAAE,CACf,CAAC;AAElB,CAAC;AAED,MAAMqB,MAAM,GAAGzB,UAAU,CAAC6B,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsHeader.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
-import { CloseIcon } from '../../Icons';
-import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
+import { CloseIcon, SettingsIcon } from '../../Icons';
+import { useHMSCanDisableChat, useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatBottomSheetTabs } from '../../utils/types';
-import { setActiveChatBottomSheetTab } from '../../redux/actions';
+import { setActiveChatBottomSheetTab, setChatMoreActionsSheetVisible } from '../../redux/actions';
 import { TestIds } from '../../utils/constants';
 const _ChatAndParticipantsHeader = ({
   onClosePress
@@ -14,6 +14,7 @@ const _ChatAndParticipantsHeader = ({
     var _state$hmsStates$room;
     return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
   });
+  const canDisableChat = useHMSCanDisableChat();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     headerTitleWrapper: {
       backgroundColor: theme.palette.surface_default
@@ -41,6 +42,13 @@ const _ChatAndParticipantsHeader = ({
     if (tab === 'Chat') return canShowChat && !overlayChatLayout;
     return true;
   });
+  const onSettingsPress = () => {
+    dispatch(setChatMoreActionsSheetVisible(true));
+  };
+  const hideSettigsButton = !canDisableChat ||
+  // can't disable chat, OR
+  visibleChatBottomSheetTabs.length === 1 && visibleChatBottomSheetTabs[0] === 'Participants'; // Only Participants Header is visible
+
   return /*#__PURE__*/React.createElement(View, {
     style: visibleChatBottomSheetTabs.length > 1 ? styles.tabsHeader : styles.header
   }, visibleChatBottomSheetTabs.length === 1 ? /*#__PURE__*/React.createElement(Text, {
@@ -59,10 +67,21 @@ const _ChatAndParticipantsHeader = ({
       testID: tab === 'Participants' ? isActive ? TestIds.participants_heading_active : TestIds.participants_heading : tab === 'Chat' ? isActive ? TestIds.chat_heading_active : TestIds.chat_heading : undefined,
       style: [styles.headerTitle, hmsRoomStyles.headerTitle, isActive ? hmsRoomStyles.activeHeaderTitle : null]
     }, tab, tab === 'Participants' && typeof peersCount === 'number' ? ` (${peersCount})` : null));
-  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, hideSettigsButton ? null : /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: activeChatBottomSheetTab === 'Participants',
+    onPress: onSettingsPress,
+    style: {
+      marginRight: 16,
+      opacity: activeChatBottomSheetTab === 'Participants' ? 0.5 : 1
+    }
+  }, /*#__PURE__*/React.createElement(SettingsIcon, null)), /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: TestIds.participants_close_btn,
     onPress: onClosePress
-  }, /*#__PURE__*/React.createElement(CloseIcon, null)));
+  }, /*#__PURE__*/React.createElement(CloseIcon, null))));
 };
 const styles = StyleSheet.create({
   tabsHeader: {