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

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

@@ -2,12 +2,15 @@ import * as React from 'react';
 import { FlashList
 // FlashListProps
 } from '@shopify/flash-list';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import { useSelector } from 'react-redux';
 import { ChatMessage } from './ChatMessage';
 import { ChatBanner } from './ChatBanner';
-import { PinnedMessage } from './PinnedMessage';
+import { PinnedMessages } from './PinnedMessages';
+import { useIsAllowedToSendMessage } from '../../hooks-util';
 const _ChatList = () => {
+  const flashlistRef = React.useRef(null);
+  const isAllowedToSendMessage = useIsAllowedToSendMessage();
   const messages = useSelector(state => state.messages.messages);
   const _keyExtractor = React.useCallback(item => item.messageId, []);
   const _renderItem = React.useCallback(data => {
@@ -16,12 +19,14 @@ const _ChatList = () => {
     });
   }, []);
   return /*#__PURE__*/React.createElement(View, {
-    style: chatListStyle.list
-  }, /*#__PURE__*/React.createElement(PinnedMessage, null), messages.length > 0 ? /*#__PURE__*/React.createElement(FlashList, {
+    style: [chatListStyle.list, isAllowedToSendMessage ? chatListStyle.bottomSpace : null]
+  }, /*#__PURE__*/React.createElement(PinnedMessages, null), messages.length > 0 ? /*#__PURE__*/React.createElement(FlashList, {
+    ref: flashlistRef,
     data: messages,
     inverted: true,
     estimatedItemSize: 75,
-    contentContainerStyle: chatListStyle.listContentContainer // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
+    showsVerticalScrollIndicator: Platform.OS !== 'android'
+    // contentContainerStyle={chatListStyle.listContentContainer} // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
     ,
     keyboardShouldPersistTaps: "always"
     // ItemSeparatorComponent={() => <View style={{ height: 16 }} />} // TODO: There is a bug related to this: https://github.com/Shopify/flash-list/issues/638
@@ -33,11 +38,13 @@ const _ChatList = () => {
 const chatListStyle = StyleSheet.create({
   list: {
     flex: 1,
-    marginTop: 8,
+    marginTop: 8
+  },
+  bottomSpace: {
     marginBottom: 16
   },
   listContentContainer: {
-    paddingRight: 12
+    paddingRight: 8
   }
 });
 export const ChatList = /*#__PURE__*/React.memo(_ChatList);

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

@@ -1 +1 @@
-{"version":3,"names":["React","FlashList","StyleSheet","View","useSelector","ChatMessage","ChatBanner","PinnedMessage","_ChatList","messages","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","style","chatListStyle","list","length","inverted","estimatedItemSize","contentContainerStyle","listContentContainer","keyboardShouldPersistTaps","renderItem","keyExtractor","create","flex","marginTop","marginBottom","paddingRight","ChatList","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SACEC;AACA;AAAA,OACK,qBAAqB;AAC5B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,iBAAiB;AAM/C,MAAMC,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,QAAQ,GAAGL,WAAW,CAAEM,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAE3E,MAAME,aAAa,GAAGX,KAAK,CAACY,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGf,KAAK,CAACY,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOhB,KAAA,CAAAiB,aAAA,CAACZ,WAAW;MAACa,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAEC,aAAa,CAACC;EAAK,gBAC9BrB,KAAA,CAAAiB,aAAA,CAACV,aAAa,MAAE,CAAC,EAEhBE,QAAQ,CAACa,MAAM,GAAG,CAAC,gBAClBtB,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IACRe,IAAI,EAAEP,QAAS;IACfc,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAEL,aAAa,CAACM,oBAAqB,CAAC;IAAA;IAC3DC,yBAAyB,EAAC;IAC1B;IAAA;IACAC,UAAU,EAAEb,WAAY;IACxBc,YAAY,EAAElB;EAAc,CAC7B,CAAC,gBAEFX,KAAA,CAAAiB,aAAA,CAACX,UAAU,MAAE,CAEX,CAAC;AAEX,CAAC;AAED,MAAMc,aAAa,GAAGlB,UAAU,CAAC4B,MAAM,CAAC;EACtCT,IAAI,EAAE;IACJU,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB,CAAC;EACDP,oBAAoB,EAAE;IACpBQ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGnC,KAAK,CAACoC,IAAI,CAAC5B,SAAS,CAAC"}
+{"version":3,"names":["React","FlashList","Platform","StyleSheet","View","useSelector","ChatMessage","ChatBanner","PinnedMessages","useIsAllowedToSendMessage","_ChatList","flashlistRef","useRef","isAllowedToSendMessage","messages","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","style","chatListStyle","list","bottomSpace","length","ref","inverted","estimatedItemSize","showsVerticalScrollIndicator","OS","keyboardShouldPersistTaps","renderItem","keyExtractor","create","flex","marginTop","marginBottom","listContentContainer","paddingRight","ChatList","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SACEC;AACA;AAAA,OACK,qBAAqB;AAC5B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,yBAAyB,QAAQ,kBAAkB;AAM5D,MAAMC,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,YAAY,GAAGX,KAAK,CAACY,MAAM,CAA+B,IAAI,CAAC;EACrE,MAAMC,sBAAsB,GAAGJ,yBAAyB,CAAC,CAAC;EAC1D,MAAMK,QAAQ,GAAGT,WAAW,CAAEU,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAE3E,MAAME,aAAa,GAAGhB,KAAK,CAACiB,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGpB,KAAK,CAACiB,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOrB,KAAA,CAAAsB,aAAA,CAAChB,WAAW;MAACiB,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACElB,KAAA,CAAAsB,aAAA,CAAClB,IAAI;IACHoB,KAAK,EAAE,CACLC,aAAa,CAACC,IAAI,EAClBb,sBAAsB,GAAGY,aAAa,CAACE,WAAW,GAAG,IAAI;EACzD,gBAEF3B,KAAA,CAAAsB,aAAA,CAACd,cAAc,MAAE,CAAC,EAEjBM,QAAQ,CAACc,MAAM,GAAG,CAAC,gBAClB5B,KAAA,CAAAsB,aAAA,CAACrB,SAAS;IACR4B,GAAG,EAAElB,YAAa;IAClBU,IAAI,EAAEP,QAAS;IACfgB,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,4BAA4B,EAAE9B,QAAQ,CAAC+B,EAAE,KAAK;IAC9C;IAAA;IACAC,yBAAyB,EAAC;IAC1B;IAAA;IACAC,UAAU,EAAEf,WAAY;IACxBgB,YAAY,EAAEpB;EAAc,CAC7B,CAAC,gBAEFhB,KAAA,CAAAsB,aAAA,CAACf,UAAU,MAAE,CAEX,CAAC;AAEX,CAAC;AAED,MAAMkB,aAAa,GAAGtB,UAAU,CAACkC,MAAM,CAAC;EACtCX,IAAI,EAAE;IACJY,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACDZ,WAAW,EAAE;IACXa,YAAY,EAAE;EAChB,CAAC;EACDC,oBAAoB,EAAE;IACpBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAG3C,KAAK,CAAC4C,IAAI,CAAClC,SAAS,CAAC"}

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

@@ -1,11 +1,25 @@
 import * as React from 'react';
-import { View, Text, StyleSheet, Platform } from 'react-native';
-import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { View, Text, StyleSheet, Platform, TouchableOpacity } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { useAllowBlockingPeerFromChat, useAllowPinningMessage, useHMSRoomStyleSheet } from '../../hooks-util';
 import { getTimeStringin12HourFormat } from '../../utils/functions';
+import { PinIcon, ThreeDotsIcon } from '../../Icons';
+import { setSelectedMessageForAction } from '../../redux/actions';
 const _ChatMessage = ({
   message
 }) => {
-  const messageSender = message.sender;
+  const dispatch = useDispatch();
+  const isPinned = useSelector(state => state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0);
+  const localPeerId = useSelector(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.peerID;
+  });
+  const allowPinningMessage = useAllowPinningMessage();
+  const allowPeerBlocking = useAllowBlockingPeerFromChat();
+  const canRemoveOthers = useSelector(state => {
+    var _state$hmsStates$loca2;
+    return !!((_state$hmsStates$loca2 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) !== null && _state$hmsStates$loca2 !== void 0 && _state$hmsStates$loca2.removeOthers);
+  });
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     senderName: {
       color: theme.palette.on_surface_high,
@@ -16,35 +30,66 @@ const _ChatMessage = ({
       fontFamily: `${typography.font_family}-Regular`
     },
     time: {
-      color: theme.palette.on_surface_medium,
+      color: theme.palette.on_surface_low,
       fontFamily: `${typography.font_family}-Regular`
+    },
+    threeDots: {
+      tintColor: theme.palette.on_surface_low
+    },
+    pinnedLabel: {
+      color: theme.palette.on_surface_low,
+      fontFamily: `${typography.font_family}-SemiBold`
     }
   }), []);
+  const onThreeDotsPress = () => {
+    dispatch(setSelectedMessageForAction(message));
+  };
+  const messageSender = message.sender;
+  const canTakeAction = allowPinningMessage ||
+  // can pin message, OR
+  allowPeerBlocking && message.sender && message.sender.peerID !== localPeerId ||
+  // can block peers, OR
+  canRemoveOthers && message.sender && message.sender.peerID !== localPeerId; // can remove participants
+
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, /*#__PURE__*/React.createElement(View, {
+  }, isPinned ? /*#__PURE__*/React.createElement(View, {
+    style: styles.pinLabelContainer
+  }, /*#__PURE__*/React.createElement(PinIcon, {
+    type: "pin",
+    style: [styles.pinIcon, hmsRoomStyles.threeDots]
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.pinnedLabel, hmsRoomStyles.pinnedLabel]
+  }, "PINNED")) : null, /*#__PURE__*/React.createElement(View, {
     style: [styles.nameWrapper]
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.senderName, hmsRoomStyles.senderName],
     numberOfLines: 1
   }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(Text, {
     style: [styles.time, hmsRoomStyles.time]
-  }, getTimeStringin12HourFormat(message.time))), /*#__PURE__*/React.createElement(Text, {
+  }, getTimeStringin12HourFormat(message.time)), canTakeAction ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    hitSlop: styles.threeDotsHitSlop,
+    onPress: onThreeDotsPress
+  }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
+    stack: "vertical",
+    style: [styles.threeDots, hmsRoomStyles.threeDots]
+  })) : null), /*#__PURE__*/React.createElement(Text, {
     style: [styles.message, hmsRoomStyles.message]
   }, message.message));
 };
 export const ChatMessage = /*#__PURE__*/React.memo(_ChatMessage);
 const styles = StyleSheet.create({
   container: {
-    marginTop: 16,
+    marginTop: 4,
     padding: 8,
     width: '100%'
   },
   nameWrapper: {
     flexDirection: 'row',
-    alignItems: 'flex-end'
+    alignItems: 'center'
   },
   senderName: {
+    flexGrow: 1,
     fontSize: 14,
     lineHeight: Platform.OS === 'android' ? 20 : undefined,
     letterSpacing: 0.1
@@ -59,7 +104,34 @@ const styles = StyleSheet.create({
     fontSize: 14,
     lineHeight: Platform.OS === 'android' ? 20 : undefined,
     letterSpacing: 0.25,
-    marginTop: 8
+    marginTop: 4
+  },
+  threeDots: {
+    width: 20,
+    height: 20,
+    marginLeft: 4
+  },
+  threeDotsHitSlop: {
+    left: 12,
+    right: 12,
+    top: 12,
+    bottom: 12
+  },
+  pinLabelContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 4
+  },
+  pinIcon: {
+    width: 12,
+    height: 12,
+    marginRight: 4
+  },
+  pinnedLabel: {
+    fontSize: 10,
+    textTransform: 'uppercase',
+    lineHeight: 16,
+    letterSpacing: 1.5
   }
 });
 //# sourceMappingURL=ChatMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","Platform","useHMSRoomStyleSheet","getTimeStringin12HourFormat","_ChatMessage","message","messageSender","sender","hmsRoomStyles","theme","typography","senderName","color","palette","on_surface_high","fontFamily","font_family","time","on_surface_medium","createElement","style","styles","container","nameWrapper","numberOfLines","isLocal","name","ChatMessage","memo","create","marginTop","padding","width","flexDirection","alignItems","fontSize","lineHeight","OS","undefined","letterSpacing","marginLeft"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAG/D,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,2BAA2B,QAAQ,uBAAuB;AAMnE,MAAMC,YAA0C,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EAClE,MAAMC,aAAa,GAAGD,OAAO,CAACE,MAAM;EAEpC,MAAMC,aAAa,GAAGN,oBAAoB,CACxC,CAACO,KAAK,EAAEC,UAAU,MAAM;IACtBC,UAAU,EAAE;MACVC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDX,OAAO,EAAE;MACPO,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,IAAI,EAAE;MACJL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACEnB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BzB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACE,WAAW;EAAE,gBAChC1B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IACHqB,KAAK,EAAE,CAACC,MAAM,CAACV,UAAU,EAAEH,aAAa,CAACG,UAAU,CAAE;IACrDa,aAAa,EAAE;EAAE,GAEhBlB,aAAa,GACVA,aAAa,CAACmB,OAAO,GACnB,KAAK,GACLnB,aAAa,CAACoB,IAAI,GACpB,WACA,CAAC,eAEP7B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAACJ,IAAI,EAAET,aAAa,CAACS,IAAI;EAAE,GAC5Cd,2BAA2B,CAACE,OAAO,CAACY,IAAI,CACrC,CACF,CAAC,eAEPpB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAAChB,OAAO,EAAEG,aAAa,CAACH,OAAO;EAAE,GAClDA,OAAO,CAACA,OACL,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMsB,WAAW,gBAAG9B,KAAK,CAAC+B,IAAI,CAACxB,YAAY,CAAC;AAEnD,MAAMiB,MAAM,GAAGrB,UAAU,CAAC6B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,SAAS,EAAE,EAAE;IACbC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACT,CAAC;EACDT,WAAW,EAAE;IACXU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDvB,UAAU,EAAE;IACVwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEnC,QAAQ,CAACoC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE;EACjB,CAAC;EACDtB,IAAI,EAAE;IACJkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdG,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE;EACd,CAAC;EACDnC,OAAO,EAAE;IACP8B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEnC,QAAQ,CAACoC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,IAAI;IACnBT,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","Text","StyleSheet","Platform","TouchableOpacity","useDispatch","useSelector","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","getTimeStringin12HourFormat","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","_ChatMessage","message","dispatch","isPinned","state","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","localPeerId","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","hmsRoomStyles","theme","typography","senderName","color","palette","on_surface_high","fontFamily","font_family","time","on_surface_low","threeDots","tintColor","pinnedLabel","onThreeDotsPress","messageSender","sender","canTakeAction","createElement","style","styles","container","pinLabelContainer","type","pinIcon","nameWrapper","numberOfLines","isLocal","name","hitSlop","threeDotsHitSlop","onPress","stack","ChatMessage","memo","create","marginTop","padding","width","flexDirection","alignItems","flexGrow","fontSize","lineHeight","OS","undefined","letterSpacing","marginLeft","height","left","right","top","bottom","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { interpolate } from 'react-native-reanimated';
+import { BottomSheet } from '../BottomSheet';
+import { useIsAllowedToSendMessage, useModalType } from '../../hooks-util';
+import { ModalTypes } from '../../utils/types';
+import { ChatMoreActionsView } from './ChatMoreActionsView';
+import { useFooterHeight } from '../Footer';
+import { useHMSNotificationsHeight } from '../HMSNotifications';
+const _ChatMoreActionsModal = ({
+  offset
+}) => {
+  const {
+    modalVisibleType,
+    handleModalVisibleType
+  } = useModalType();
+  const footerHeight = useFooterHeight();
+  const notificationsHeight = useHMSNotificationsHeight();
+  const isAllowedToSendMessage = useIsAllowedToSendMessage();
+  const isMessageInputVisible = useSelector(state => state.chatWindow.sendTo !== null && isAllowedToSendMessage);
+  const dismissModal = () => handleModalVisibleType(ModalTypes.DEFAULT);
+  return /*#__PURE__*/React.createElement(BottomSheet, {
+    dismissModal: dismissModal,
+    isVisible: modalVisibleType === ModalTypes.CHAT_MORE_ACTIONS,
+    backdropOpacity: 0.1,
+    animationIn: 'fadeIn',
+    animationOut: 'fadeOut',
+    style: styles.modal,
+    containerStyle: [styles.contentContainer, {
+      bottom: (offset ? interpolate(offset.value, [0, 1], [0, footerHeight]) : footerHeight) + notificationsHeight + (isMessageInputVisible ? 58 : 8)
+    }]
+  }, /*#__PURE__*/React.createElement(ChatMoreActionsView, {
+    onDismiss: dismissModal
+  }));
+};
+const styles = StyleSheet.create({
+  modal: {
+    justifyContent: undefined,
+    position: 'relative'
+  },
+  contentContainer: {
+    width: undefined,
+    paddingBottom: 0,
+    borderTopRightRadius: 0,
+    borderTopLeftRadius: 0,
+    backgroundColor: 'transparent',
+    position: 'absolute',
+    right: 8
+  }
+});
+export const ChatMoreActionsModal = /*#__PURE__*/React.memo(_ChatMoreActionsModal);
+//# sourceMappingURL=ChatMoreActionsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useSelector","interpolate","BottomSheet","useIsAllowedToSendMessage","useModalType","ModalTypes","ChatMoreActionsView","useFooterHeight","useHMSNotificationsHeight","_ChatMoreActionsModal","offset","modalVisibleType","handleModalVisibleType","footerHeight","notificationsHeight","isAllowedToSendMessage","isMessageInputVisible","state","chatWindow","sendTo","dismissModal","DEFAULT","createElement","isVisible","CHAT_MORE_ACTIONS","backdropOpacity","animationIn","animationOut","style","styles","modal","containerStyle","contentContainer","bottom","value","onDismiss","create","justifyContent","undefined","position","width","paddingBottom","borderTopRightRadius","borderTopLeftRadius","backgroundColor","right","ChatMoreActionsModal","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMoreActionsModal.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,WAAW,QAAQ,yBAAyB;AAGrD,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,yBAAyB,EAAEC,YAAY,QAAQ,kBAAkB;AAC1E,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,yBAAyB,QAAQ,qBAAqB;AAO/D,MAAMC,qBAA0D,GAAGA,CAAC;EAClEC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGR,YAAY,CAAC,CAAC;EAEnE,MAAMS,YAAY,GAAGN,eAAe,CAAC,CAAC;EACtC,MAAMO,mBAAmB,GAAGN,yBAAyB,CAAC,CAAC;EACvD,MAAMO,sBAAsB,GAAGZ,yBAAyB,CAAC,CAAC;EAC1D,MAAMa,qBAAqB,GAAGhB,WAAW,CACtCiB,KAAgB,IACfA,KAAK,CAACC,UAAU,CAACC,MAAM,KAAK,IAAI,IAAIJ,sBACxC,CAAC;EAED,MAAMK,YAAY,GAAGA,CAAA,KAAMR,sBAAsB,CAACP,UAAU,CAACgB,OAAO,CAAC;EAErE,oBACEvB,KAAA,CAAAwB,aAAA,CAACpB,WAAW;IACVkB,YAAY,EAAEA,YAAa;IAC3BG,SAAS,EAAEZ,gBAAgB,KAAKN,UAAU,CAACmB,iBAAkB;IAC7DC,eAAe,EAAE,GAAI;IACrBC,WAAW,EAAE,QAAS;IACtBC,YAAY,EAAE,SAAU;IACxBC,KAAK,EAAEC,MAAM,CAACC,KAAM;IACpBC,cAAc,EAAE,CACdF,MAAM,CAACG,gBAAgB,EACvB;MACEC,MAAM,EACJ,CAACvB,MAAM,GACHT,WAAW,CAACS,MAAM,CAACwB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAErB,YAAY,CAAC,CAAC,GACpDA,YAAY,IAChBC,mBAAmB,IAClBE,qBAAqB,GAAG,EAAE,GAAG,CAAC;IACnC,CAAC;EACD,gBAEFlB,KAAA,CAAAwB,aAAA,CAAChB,mBAAmB;IAAC6B,SAAS,EAAEf;EAAa,CAAE,CACpC,CAAC;AAElB,CAAC;AAED,MAAMS,MAAM,GAAG9B,UAAU,CAACqC,MAAM,CAAC;EAC/BN,KAAK,EAAE;IACLO,cAAc,EAAEC,SAAS;IACzBC,QAAQ,EAAE;EACZ,CAAC;EACDP,gBAAgB,EAAE;IAChBQ,KAAK,EAAEF,SAAS;IAChBG,aAAa,EAAE,CAAC;IAChBC,oBAAoB,EAAE,CAAC;IACvBC,mBAAmB,EAAE,CAAC;IACtBC,eAAe,EAAE,aAAa;IAC9BL,QAAQ,EAAE,UAAU;IACpBM,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,oBAAoB,gBAAGhD,KAAK,CAACiD,IAAI,CAACtC,qBAAqB,CAAC"}

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

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { hexToRgbA } from '../../utils/theme';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { setChatMoreActionsSheetVisible } from '../../redux/actions';
+import { ChatMoreActionsView } from './ChatMoreActionsView';
+const _ChatMoreActionsSheetView = ({}) => {
+  const dispatch = useDispatch();
+  const chatMoreActionsSheetVisible = useSelector(state => state.app.chatMoreActionsSheetVisible);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    backdrop: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.05)
+    }
+  }));
+  const closeFiltersBottomSheet = () => {
+    dispatch(setChatMoreActionsSheetVisible(false));
+  };
+  if (!chatMoreActionsSheetVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: closeFiltersBottomSheet,
+    style: [styles.backdrop, hmsRoomStyles.backdrop]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    entering: FadeIn.duration(150),
+    exiting: FadeOut.duration(150),
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(ChatMoreActionsView, null)));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    zIndex: 1,
+    justifyContent: 'flex-end'
+  },
+  backdrop: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  },
+  contentContainer: {
+    position: 'absolute',
+    top: 60,
+    right: 48,
+    overflow: 'hidden'
+  }
+});
+export const ChatMoreActionsSheetView = /*#__PURE__*/React.memo(_ChatMoreActionsSheetView);
+//# sourceMappingURL=ChatMoreActionsSheetView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","useDispatch","useSelector","Animated","FadeIn","FadeOut","hexToRgbA","useHMSRoomStyleSheet","setChatMoreActionsSheetVisible","ChatMoreActionsView","_ChatMoreActionsSheetView","dispatch","chatMoreActionsSheetVisible","state","app","hmsRoomStyles","theme","backdrop","backgroundColor","palette","background_dim","closeFiltersBottomSheet","createElement","style","styles","container","onPress","entering","duration","exiting","contentContainer","create","position","width","height","zIndex","justifyContent","top","right","overflow","ChatMoreActionsSheetView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMoreActionsSheetView.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,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AAEnE,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,8BAA8B,QAAQ,qBAAqB;AACpE,SAASC,mBAAmB,QAAQ,uBAAuB;AAI3D,MAAMC,yBAEL,GAAGA,CAAC,CAAC,CAAC,KAAK;EACV,MAAMC,QAAQ,GAAGV,WAAW,CAAC,CAAC;EAC9B,MAAMW,2BAA2B,GAAGV,WAAW,CAC5CW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,2BAClC,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,IAAI;IAChD;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpCV,QAAQ,CAACH,8BAA8B,CAAC,KAAK,CAAC,CAAC;EACjD,CAAC;EAED,IAAI,CAACI,2BAA2B,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B5B,KAAA,CAAAyB,aAAA,CAACxB,SAAS;IACR4B,OAAO,EAAEL,uBAAwB;IACjCE,KAAK,EAAE,CAACC,MAAM,CAACP,QAAQ,EAAEF,aAAa,CAACE,QAAQ;EAAE,CAClD,CAAC,eAEFpB,KAAA,CAAAyB,aAAA,CAACnB,QAAQ,CAACH,IAAI;IACZ2B,QAAQ,EAAEvB,MAAM,CAACwB,QAAQ,CAAC,GAAG,CAAE;IAC/BC,OAAO,EAAExB,OAAO,CAACuB,QAAQ,CAAC,GAAG,CAAE;IAC/BL,KAAK,EAAEC,MAAM,CAACM;EAAiB,gBAE/BjC,KAAA,CAAAyB,aAAA,CAACb,mBAAmB,MAAE,CACT,CACX,CAAC;AAEX,CAAC;AAED,MAAMe,MAAM,GAAGzB,UAAU,CAACgC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDnB,QAAQ,EAAE;IACRe,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDJ,gBAAgB,EAAE;IAChBE,QAAQ,EAAE,UAAU;IACpBK,GAAG,EAAE,EAAE;IACPC,KAAK,EAAE,EAAE;IACTC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,wBAAwB,gBAAG3C,KAAK,CAAC4C,IAAI,CAAC/B,yBAAyB,CAAC"}

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