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

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

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { useDispatch } from 'react-redux';
+import { StyleSheet, TouchableOpacity, View, Text } from 'react-native';
+import { PauseCircleIcon } from '../../Icons';
+import { useHMSChatState, useHMSRoomStyleSheet } from '../../hooks-util';
+import { setChatMoreActionsSheetVisible } from '../../redux/actions';
+const _ChatMoreActionsView = ({
+  onDismiss
+}) => {
+  const dispatch = useDispatch();
+  const {
+    chatState,
+    setChatState
+  } = useHMSChatState();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.border_default
+    },
+    // --- Button Item Styles ---
+    buttonText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const pauseChatHandler = () => {
+    setChatState(!chatState.enabled);
+    if (onDismiss) {
+      onDismiss();
+    } else {
+      dispatch(setChatMoreActionsSheetVisible(false));
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: pauseChatHandler,
+    style: styles.button
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonWrapper
+  }, chatState.enabled ? /*#__PURE__*/React.createElement(PauseCircleIcon, {
+    style: styles.buttonIcon
+  }) : null, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonText, hmsRoomStyles.buttonText]
+  }, chatState.enabled ? 'Pause Chat' : 'Resume Chat'))));
+};
+const styles = StyleSheet.create({
+  container: {
+    borderWidth: 1,
+    borderRadius: 8,
+    overflow: 'hidden'
+  },
+  // --- Button Item Styles ---
+  button: {
+    paddingHorizontal: 8,
+    paddingVertical: 16
+  },
+  buttonWrapper: {
+    paddingHorizontal: 8,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  buttonIcon: {
+    width: 20,
+    height: 20,
+    marginRight: 8
+  },
+  buttonText: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1
+  }
+});
+export const ChatMoreActionsView = /*#__PURE__*/React.memo(_ChatMoreActionsView);
+//# sourceMappingURL=ChatMoreActionsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDispatch","StyleSheet","TouchableOpacity","View","Text","PauseCircleIcon","useHMSChatState","useHMSRoomStyleSheet","setChatMoreActionsSheetVisible","_ChatMoreActionsView","onDismiss","dispatch","chatState","setChatState","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","borderColor","border_default","buttonText","color","on_surface_high","fontFamily","font_family","pauseChatHandler","enabled","createElement","style","styles","onPress","button","buttonWrapper","buttonIcon","create","borderWidth","borderRadius","overflow","paddingHorizontal","paddingVertical","flexDirection","alignItems","width","height","marginRight","fontSize","lineHeight","letterSpacing","ChatMoreActionsView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMoreActionsView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEvE,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,kBAAkB;AACxE,SAASC,8BAA8B,QAAQ,qBAAqB;AAMpE,MAAMC,oBAAwD,GAAGA,CAAC;EAChEC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEY,SAAS;IAAEC;EAAa,CAAC,GAAGP,eAAe,CAAC,CAAC;EAErD,MAAMQ,aAAa,GAAGP,oBAAoB,CAAC,CAACQ,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MAC9CC,WAAW,EAAEN,KAAK,CAACI,OAAO,CAACG;IAC7B,CAAC;IACD;IACAC,UAAU,EAAE;MACVC,KAAK,EAAET,KAAK,CAACI,OAAO,CAACM,eAAe;MACpCC,UAAU,EAAG,GAAEV,UAAU,CAACW,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7Bf,YAAY,CAAC,CAACD,SAAS,CAACiB,OAAO,CAAC;IAChC,IAAInB,SAAS,EAAE;MACbA,SAAS,CAAC,CAAC;IACb,CAAC,MAAM;MACLC,QAAQ,CAACH,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACjD;EACF,CAAC;EAED,oBACET,KAAA,CAAA+B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACf,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDlB,KAAA,CAAA+B,aAAA,CAAC5B,gBAAgB;IAAC+B,OAAO,EAAEL,gBAAiB;IAACG,KAAK,EAAEC,MAAM,CAACE;EAAO,gBAChEnC,KAAA,CAAA+B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACG;EAAc,GAC/BvB,SAAS,CAACiB,OAAO,gBAChB9B,KAAA,CAAA+B,aAAA,CAACzB,eAAe;IAAC0B,KAAK,EAAEC,MAAM,CAACI;EAAW,CAAE,CAAC,GAC3C,IAAI,eACRrC,KAAA,CAAA+B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACT,UAAU,EAAET,aAAa,CAACS,UAAU;EAAE,GACxDX,SAAS,CAACiB,OAAO,GAAG,YAAY,GAAG,aAChC,CACF,CACU,CACd,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAG/B,UAAU,CAACoC,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACD;EACAN,MAAM,EAAE;IACNO,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDP,aAAa,EAAE;IACbM,iBAAiB,EAAE,CAAC;IACpBE,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,UAAU,EAAE;IACVS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDxB,UAAU,EAAE;IACVyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,gBAAGpD,KAAK,CAACqD,IAAI,CAAC3C,oBAAoB,CAAC"}

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

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { useHMSCanDisableChat, useHMSChatState, useHMSRoomStyleSheet } from '../../hooks-util';
+import { HMSPrimaryButton } from '../HMSPrimaryButton';
+import { hexToRgbA } from '../../utils/theme';
+export const _ChatPaused = ({
+  insetMode = false,
+  style
+}) => {
+  const canDisableChat = useHMSCanDisableChat();
+  const {
+    chatState,
+    setChatState
+  } = useHMSChatState();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: insetMode ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : theme.palette.surface_default
+    },
+    title: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    subtitle: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }), [insetMode]);
+  const resumeChatHandler = () => {
+    setChatState(true);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, hmsRoomStyles.title]
+  }, "Chat Paused"), /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: [styles.subtitle, hmsRoomStyles.subtitle]
+  }, "Chat has been paused by", ' ', !chatState.enabled ? chatState.updatedBy.userName : null)), canDisableChat ? /*#__PURE__*/React.createElement(HMSPrimaryButton, {
+    title: "Resume",
+    loading: false,
+    onPress: resumeChatHandler,
+    style: styles.resumeBtn,
+    wrapWithGestureDetector: true
+  }) : null);
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    paddingVertical: 8,
+    paddingRight: 8,
+    paddingLeft: 16,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  textContainer: {
+    flexGrow: 1,
+    flexShrink: 1
+  },
+  title: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1
+  },
+  subtitle: {
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4
+  },
+  resumeBtn: {
+    marginLeft: 16
+  }
+});
+export const ChatPaused = /*#__PURE__*/React.memo(_ChatPaused);
+//# sourceMappingURL=ChatPaused.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","useHMSCanDisableChat","useHMSChatState","useHMSRoomStyleSheet","HMSPrimaryButton","hexToRgbA","_ChatPaused","insetMode","style","canDisableChat","chatState","setChatState","hmsRoomStyles","theme","typography","container","backgroundColor","palette","background_dim","surface_default","title","color","on_surface_high","fontFamily","font_family","subtitle","on_surface_medium","resumeChatHandler","createElement","styles","textContainer","numberOfLines","enabled","updatedBy","userName","loading","onPress","resumeBtn","wrapWithGestureDetector","create","flexDirection","paddingVertical","paddingRight","paddingLeft","borderRadius","alignItems","justifyContent","flexGrow","flexShrink","fontSize","lineHeight","letterSpacing","marginLeft","ChatPaused","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatPaused.tsx"],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { BottomSheet } from '../BottomSheet';
+import { useHMSRoomStyleSheet, useModalType } from '../../hooks-util';
+import { ModalTypes } from '../../utils/types';
+import { MessageOptionsView } from './MessageOptionsView';
+const _MessageOptionsBottomSheet = () => {
+  const {
+    modalVisibleType,
+    handleModalVisibleType
+  } = useModalType();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    contentContainer: {
+      backgroundColor: theme.palette.surface_default
+    }
+  }));
+  const dismissModal = React.useCallback(() => handleModalVisibleType(ModalTypes.DEFAULT), [handleModalVisibleType]);
+  return /*#__PURE__*/React.createElement(BottomSheet, {
+    dismissModal: dismissModal,
+    isVisible: modalVisibleType === ModalTypes.MESSAGE_OPTIONS,
+    containerStyle: hmsRoomStyles.contentContainer
+  }, /*#__PURE__*/React.createElement(MessageOptionsView, {
+    onDismiss: dismissModal
+  }));
+};
+export const MessageOptionsBottomSheet = /*#__PURE__*/React.memo(_MessageOptionsBottomSheet);
+//# sourceMappingURL=MessageOptionsBottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","BottomSheet","useHMSRoomStyleSheet","useModalType","ModalTypes","MessageOptionsView","_MessageOptionsBottomSheet","modalVisibleType","handleModalVisibleType","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_default","dismissModal","useCallback","DEFAULT","createElement","isVisible","MESSAGE_OPTIONS","containerStyle","onDismiss","MessageOptionsBottomSheet","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/MessageOptionsBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,oBAAoB,EAAEC,YAAY,QAAQ,kBAAkB;AACrE,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGL,YAAY,CAAC,CAAC;EAEnE,MAAMM,aAAa,GAAGP,oBAAoB,CAAEQ,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAGf,KAAK,CAACgB,WAAW,CACpC,MAAMR,sBAAsB,CAACJ,UAAU,CAACa,OAAO,CAAC,EAChD,CAACT,sBAAsB,CACzB,CAAC;EAED,oBACER,KAAA,CAAAkB,aAAA,CAACjB,WAAW;IACVc,YAAY,EAAEA,YAAa;IAC3BI,SAAS,EAAEZ,gBAAgB,KAAKH,UAAU,CAACgB,eAAgB;IAC3DC,cAAc,EAAEZ,aAAa,CAACE;EAAiB,gBAE/CX,KAAA,CAAAkB,aAAA,CAACb,kBAAkB;IAACiB,SAAS,EAAEP;EAAa,CAAE,CACnC,CAAC;AAElB,CAAC;AAED,OAAO,MAAMQ,yBAAyB,gBAAGvB,KAAK,CAACwB,IAAI,CAAClB,0BAA0B,CAAC"}

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

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import Animated, { SlideInDown, SlideOutDown } from 'react-native-reanimated';
+import { hexToRgbA } from '../../utils/theme';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { setSelectedMessageForAction } from '../../redux/actions';
+import { MessageOptionsView } from './MessageOptionsView';
+const _MessageOptionsBottomSheetView = ({}) => {
+  const dispatch = useDispatch();
+  const selectedMessageForAction = useSelector(state => state.app.selectedMessageForAction);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    backdrop: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.1)
+    },
+    contentContainer: {
+      backgroundColor: theme.palette.surface_default
+    }
+  }));
+  const closeMessageOptionsBottomSheet = () => {
+    dispatch(setSelectedMessageForAction(null));
+  };
+  if (!selectedMessageForAction) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: closeMessageOptionsBottomSheet,
+    style: [styles.backdrop, hmsRoomStyles.backdrop]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    entering: SlideInDown,
+    exiting: SlideOutDown,
+    style: [styles.contentContainer, hmsRoomStyles.contentContainer]
+  }, /*#__PURE__*/React.createElement(MessageOptionsView, null)));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    zIndex: 1,
+    justifyContent: 'flex-end',
+    alignSelf: 'center'
+  },
+  backdrop: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  },
+  contentContainer: {
+    width: '100%',
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16
+  }
+});
+export const MessageOptionsBottomSheetView = /*#__PURE__*/React.memo(_MessageOptionsBottomSheetView);
+//# sourceMappingURL=MessageOptionsBottomSheetView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","useDispatch","useSelector","Animated","SlideInDown","SlideOutDown","hexToRgbA","useHMSRoomStyleSheet","setSelectedMessageForAction","MessageOptionsView","_MessageOptionsBottomSheetView","dispatch","selectedMessageForAction","state","app","hmsRoomStyles","theme","backdrop","backgroundColor","palette","background_dim","contentContainer","surface_default","closeMessageOptionsBottomSheet","createElement","style","styles","container","onPress","entering","exiting","create","position","width","height","zIndex","justifyContent","alignSelf","borderTopLeftRadius","borderTopRightRadius","MessageOptionsBottomSheetView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/MessageOptionsBottomSheetView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,OAAOC,QAAQ,IAAIC,WAAW,EAAEC,YAAY,QAAQ,yBAAyB;AAE7E,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,2BAA2B,QAAQ,qBAAqB;AACjE,SAASC,kBAAkB,QAAQ,sBAAsB;AAIzD,MAAMC,8BAEL,GAAGA,CAAC,CAAC,CAAC,KAAK;EACV,MAAMC,QAAQ,GAAGV,WAAW,CAAC,CAAC;EAC9B,MAAMW,wBAAwB,GAAGV,WAAW,CACzCW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,wBAClC,CAAC;EAED,MAAMG,aAAa,GAAGR,oBAAoB,CAAES,KAAK,KAAM;IACrDC,QAAQ,EAAE;MACRC,eAAe,EACbF,KAAK,CAACG,OAAO,CAACC,cAAc,IAC5Bd,SAAS,CAACU,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,GAAG;IAC/C,CAAC;IACDC,gBAAgB,EAAE;MAChBH,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACG;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;IAC3CZ,QAAQ,CAACH,2BAA2B,CAAC,IAAI,CAAC,CAAC;EAC7C,CAAC;EAED,IAAI,CAACI,wBAAwB,EAAE;IAC7B,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAAC1B,SAAS;IACR8B,OAAO,EAAEL,8BAA+B;IACxCE,KAAK,EAAE,CAACC,MAAM,CAACT,QAAQ,EAAEF,aAAa,CAACE,QAAQ;EAAE,CAClD,CAAC,eAEFpB,KAAA,CAAA2B,aAAA,CAACrB,QAAQ,CAACH,IAAI;IACZ6B,QAAQ,EAAEzB,WAAY;IACtB0B,OAAO,EAAEzB,YAAa;IACtBoB,KAAK,EAAE,CAACC,MAAM,CAACL,gBAAgB,EAAEN,aAAa,CAACM,gBAAgB;EAAE,gBAEjExB,KAAA,CAAA2B,aAAA,CAACf,kBAAkB,MAAE,CACR,CACX,CAAC;AAEX,CAAC;AAED,MAAMiB,MAAM,GAAG3B,UAAU,CAACgC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE,UAAU;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDpB,QAAQ,EAAE;IACRe,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDb,gBAAgB,EAAE;IAChBY,KAAK,EAAE,MAAM;IACbK,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,6BAA6B,gBAAG3C,KAAK,CAAC4C,IAAI,CACrD/B,8BACF,CAAC"}

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"}