@100mslive/react-native-room-kit 0.0.1

package/lib/module/components/ChatWindow.js

@@ -0,0 +1,595 @@
+import React, { useState, useEffect, memo } from 'react';
+import { View, StyleSheet, TouchableOpacity, Text, Platform, TextInput } from 'react-native';
+import { HMSMessage, HMSMessageRecipient, HMSMessageRecipientType, HMSMessageType } from '@100mslive/react-native-hms';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useDispatch, useSelector } from 'react-redux';
+import { Menu, MenuDivider, MenuItem } from './MenuModal';
+import { COLORS } from '../utils/theme';
+import { addMessage } from '../redux/actions';
+import { PressableIcon } from './PressableIcon';
+import { ChatIcon, CloseIcon, ParticipantsIcon, SendIcon } from '../Icons';
+import { useHMSInstance, useShowChat } from '../hooks-util';
+import { ChatList } from './Chat';
+import { SearchableParticipantsView } from './Participants';
+export const ChatHeader = _ref => {
+  let {
+    filters,
+    onClosePress
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: chatHeaderStyles.header
+  }, /*#__PURE__*/React.createElement(View, {
+    style: chatHeaderStyles.headerTitleWrapper
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: chatHeaderStyles.headerTitle
+  }, "Chat"), filters ? /*#__PURE__*/React.createElement(ChatFilter, null) : null), /*#__PURE__*/React.createElement(PressableIcon, {
+    border: false,
+    onPress: onClosePress
+  }, /*#__PURE__*/React.createElement(CloseIcon, null)));
+};
+const chatHeaderStyles = StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  headerTitleWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  headerTitle: {
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 20,
+    letterSpacing: 0.25
+  },
+  closeIcon: {
+    width: 20,
+    height: 20
+  }
+});
+const tabs = ['Chat', 'Participants'];
+export const ChatAndParticipantsHeader = _ref2 => {
+  let {
+    activeTab,
+    setActiveTab,
+    onClosePress
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(View, {
+    style: chatAndParticipantsHeaderStyles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: chatAndParticipantsHeaderStyles.grayBar
+  }), /*#__PURE__*/React.createElement(View, {
+    style: chatAndParticipantsHeaderStyles.header
+  }, /*#__PURE__*/React.createElement(View, {
+    style: chatAndParticipantsHeaderStyles.headerTitleWrapper
+  }, tabs.map(tab => {
+    const isActive = activeTab === tab;
+    const TabIcon = tab === 'Chat' ? ChatIcon : ParticipantsIcon;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: tab,
+      style: [chatAndParticipantsHeaderStyles.tab, isActive ? {
+        borderColor: COLORS.PRIMARY.DEFAULT
+      } : null],
+      onPress: () => setActiveTab(tab)
+    }, /*#__PURE__*/React.createElement(TabIcon, {
+      style: [chatAndParticipantsHeaderStyles.tabIcon, isActive ? {
+        tintColor: COLORS.PRIMARY.DEFAULT
+      } : null]
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [chatHeaderStyles.headerTitle, isActive ? null : {
+        color: COLORS.SURFACE.ON_SURFACE.LOW
+      }]
+    }, tab));
+  })), /*#__PURE__*/React.createElement(PressableIcon, {
+    border: false,
+    onPress: onClosePress
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    style: chatHeaderStyles.closeIcon
+  }))));
+};
+const chatAndParticipantsHeaderStyles = StyleSheet.create({
+  container: {
+    position: 'relative'
+  },
+  grayBar: {
+    position: 'absolute',
+    bottom: 0,
+    width: '100%',
+    height: 2,
+    backgroundColor: COLORS.BORDER.LIGHT
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'space-between'
+  },
+  headerTitleWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  tab: {
+    flexDirection: 'row',
+    paddingVertical: 8,
+    borderBottomWidth: 2,
+    marginRight: 16,
+    borderColor: COLORS.BORDER.LIGHT
+  },
+  tabIcon: {
+    width: 20,
+    height: 20,
+    marginRight: 8,
+    tintColor: COLORS.SURFACE.ON_SURFACE.LOW
+  }
+});
+export const ChatTextInput = _ref3 => {
+  let {
+    containerStyle,
+    clearButton = false
+  } = _ref3;
+  const hmsInstance = useHMSInstance();
+  const dispatch = useDispatch();
+  const localPeer = useSelector(state => state.hmsStates.localPeer);
+  const [inputFocused, setInputFocused] = React.useState(false);
+  const typedMessage = useSelector(state => state.chatWindow.typedMessage);
+  const sendingTo = useSelector(state => state.chatWindow.sendTo);
+  const sendingToType = useSelector(state => state.chatWindow.sendToType);
+  const handleInputFocus = () => setInputFocused(true);
+  const handleInputBlur = () => setInputFocused(false);
+  const handleMessageTyping = text => {
+    dispatch({
+      type: 'SET_TYPED_MESSAGE',
+      typedMessage: text
+    });
+  };
+  const clearTypedMessage = () => {
+    dispatch({
+      type: 'SET_TYPED_MESSAGE',
+      typedMessage: ''
+    });
+  };
+  const sendMessage = () => {
+    if (typedMessage.length > 0 && hmsInstance) {
+      let hmsMessageRecipient;
+      if (sendingToType === 'role') {
+        hmsMessageRecipient = new HMSMessageRecipient({
+          recipientType: HMSMessageRecipientType.ROLES,
+          recipientRoles: [sendingTo]
+        });
+      } else if (sendingToType === 'direct') {
+        hmsMessageRecipient = new HMSMessageRecipient({
+          recipientType: HMSMessageRecipientType.PEER,
+          recipientPeer: sendingTo
+        });
+      } else {
+        hmsMessageRecipient = new HMSMessageRecipient({
+          recipientType: HMSMessageRecipientType.BROADCAST
+        });
+      }
+
+      // Saving reference of `typedMessage` state to local variable
+      // to use the typed message after clearing state
+      const messageText = typedMessage;
+      clearTypedMessage();
+      const handleMessageID = _ref4 => {
+        let {
+          messageId
+        } = _ref4;
+        if (messageId) {
+          const localMessage = new HMSMessage({
+            messageId: messageId,
+            message: messageText,
+            type: HMSMessageType.CHAT,
+            time: new Date(),
+            sender: localPeer || undefined,
+            recipient: hmsMessageRecipient
+          });
+          dispatch(addMessage(localMessage));
+        }
+      };
+      if (sendingToType === 'role') {
+        hmsInstance.sendGroupMessage(messageText, [sendingTo]).then(handleMessageID);
+      } else if (sendingToType === 'direct') {
+        hmsInstance.sendDirectMessage(messageText, sendingTo).then(handleMessageID);
+      } else {
+        hmsInstance.sendBroadcastMessage(messageText).then(handleMessageID);
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [chatTextInputStyles.inputContainer, {
+      borderColor: inputFocused ? COLORS.PRIMARY.DEFAULT : COLORS.SURFACE.DEFAULT
+    }, containerStyle]
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: chatTextInputStyles.input,
+    value: typedMessage,
+    onChangeText: handleMessageTyping,
+    placeholder: `Send a message to ${sendingTo.name}`,
+    autoCapitalize: "sentences",
+    autoCompleteType: "off",
+    placeholderTextColor: COLORS.SURFACE.ON_SURFACE.LOW,
+    selectionColor: COLORS.SURFACE.ON_SURFACE.HIGH,
+    onFocus: handleInputFocus,
+    onBlur: handleInputBlur,
+    blurOnSubmit: true,
+    onSubmitEditing: sendMessage,
+    returnKeyType: "send"
+  }), clearButton && typedMessage.length > 0 ? /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: clearTypedMessage,
+    border: false,
+    rounded: false,
+    style: chatTextInputStyles.sendIconWrapper
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    style: chatTextInputStyles.sendIcon
+  })) : null, /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: sendMessage,
+    border: false,
+    rounded: false,
+    style: chatTextInputStyles.sendIconWrapper
+  }, /*#__PURE__*/React.createElement(SendIcon, {
+    style: chatTextInputStyles.sendIcon
+  })));
+};
+const chatTextInputStyles = StyleSheet.create({
+  inputContainer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    backgroundColor: COLORS.SURFACE.DEFAULT,
+    overflow: 'hidden',
+    borderWidth: 2,
+    borderColor: COLORS.SURFACE.DEFAULT,
+    borderRadius: 8
+  },
+  input: {
+    flex: 1,
+    textAlignVertical: 'center',
+    paddingHorizontal: 16,
+    paddingRight: 0,
+    paddingVertical: 12,
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    letterSpacing: 0.5
+  },
+  sendIconWrapper: {
+    alignSelf: 'stretch',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  sendIcon: {
+    tintColor: COLORS.SURFACE.ON_SURFACE.LOW
+  }
+});
+const ChatFilter = /*#__PURE__*/memo(() => {
+  const instance = useHMSInstance();
+  const dispatch = useDispatch();
+  const roles = useSelector(state => state.hmsStates.roles);
+  const filter = useSelector(state => state.chatWindow.sendTo.name);
+  const [visible, setVisible] = useState(false);
+  const [remotePeers, setRemotePeers] = useState();
+  const hideMenu = () => setVisible(false);
+  const showMenu = () => setVisible(true);
+  useEffect(() => {
+    instance === null || instance === void 0 ? void 0 : instance.getRemotePeers().then(currentRemotePeers => {
+      setRemotePeers(currentRemotePeers);
+    });
+  }, [instance]);
+  return /*#__PURE__*/React.createElement(Menu, {
+    visible: visible,
+    anchor: /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.chatFilterContainer,
+      onPress: showMenu
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.chatFilterText,
+      numberOfLines: 1
+    }, filter), /*#__PURE__*/React.createElement(MaterialIcons, {
+      name: visible ? 'arrow-drop-up' : 'arrow-drop-down',
+      style: styles.chatFilterIcon,
+      size: 24
+    })),
+    onRequestClose: hideMenu,
+    style: styles.chatMenuContainer
+  }, /*#__PURE__*/React.createElement(MenuItem, {
+    onPress: () => {
+      hideMenu();
+      dispatch({
+        type: 'SET_SENDTO',
+        sendTo: {
+          name: 'everyone'
+        },
+        sendToType: 'everyone'
+      });
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.chatMenuItem
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: "people-outline",
+    style: styles.chatMenuItemIcon,
+    size: 20
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.chatMenuItemName
+  }, "Everyone"))), /*#__PURE__*/React.createElement(MenuDivider, {
+    color: COLORS.BORDER.LIGHT
+  }), roles === null || roles === void 0 ? void 0 : roles.map(knownRole => {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      onPress: () => {
+        hideMenu();
+        dispatch({
+          type: 'SET_SENDTO',
+          sendTo: knownRole,
+          sendToType: 'role'
+        });
+      },
+      key: knownRole.name
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.chatMenuItem
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.chatMenuItemName
+    }, knownRole === null || knownRole === void 0 ? void 0 : knownRole.name)));
+  }), /*#__PURE__*/React.createElement(MenuDivider, {
+    color: COLORS.BORDER.LIGHT
+  }), remotePeers === null || remotePeers === void 0 ? void 0 : remotePeers.map(remotePeer => {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      onPress: () => {
+        hideMenu();
+        dispatch({
+          type: 'SET_SENDTO',
+          sendTo: remotePeer,
+          sendToType: 'direct'
+        });
+      },
+      key: remotePeer.name
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.chatMenuItem
+    }, /*#__PURE__*/React.createElement(Ionicons, {
+      name: "person-outline",
+      style: styles.chatMenuItemIcon,
+      size: 20
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.chatMenuItemName
+    }, remotePeer.name)));
+  }));
+});
+ChatFilter.displayName = 'ChatFilter';
+export const ChatView = () => {
+  const [activeTab, setActiveTab] = useState(tabs[0]);
+  const [_, setChatVisible] = useShowChat();
+  const hideInsetChatView = () => setChatVisible(false);
+
+  // const estimatedListSize = useMemo(() => ({
+  //   height: Dimensions.get('window').height * 0.45,
+  //   width: Dimensions.get('window').width - 32,
+  // }), []);
+
+  return (
+    /*#__PURE__*/
+    // <Animated.View
+    //   style={chatViewStyles.container}
+    //   entering={SlideInDown}
+    //   exiting={SlideOutDown}
+    // >
+    React.createElement(View, {
+      style: chatViewStyles.container
+    }, /*#__PURE__*/React.createElement(ChatAndParticipantsHeader, {
+      activeTab: activeTab,
+      setActiveTab: setActiveTab,
+      onClosePress: hideInsetChatView
+    }), activeTab === 'Chat' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChatList, null), /*#__PURE__*/React.createElement(ChatTextInput, {
+      clearButton: true
+    })) : activeTab === 'Participants' ? /*#__PURE__*/React.createElement(View, {
+      style: chatViewStyles.participantsWrapper
+    }, /*#__PURE__*/React.createElement(SearchableParticipantsView, null)) : null)
+    // </Animated.View>
+  );
+};
+
+const chatViewStyles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLORS.SURFACE.DIM,
+    padding: 16,
+    borderTopRightRadius: 16,
+    borderTopLeftRadius: 16
+  },
+  participantsWrapper: {
+    marginTop: 16
+  }
+});
+export const ChatWindow = () => {
+  const {
+    bottom
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(ChatHeader, {
+    filters: true
+  }), /*#__PURE__*/React.createElement(ChatList, null), /*#__PURE__*/React.createElement(View, {
+    style: bottom === 0 ? styles.inputContainer : {
+      marginBottom: bottom
+    }
+  }, /*#__PURE__*/React.createElement(ChatTextInput, {
+    clearButton: true,
+    containerStyle: styles.input
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%',
+    backgroundColor: COLORS.SURFACE.DEFAULT
+  },
+  chatHeaderContainer: {
+    height: 48,
+    width: '80%',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  chatHeading: {
+    fontFamily: 'Inter-Medium',
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    paddingRight: 12
+  },
+  chatFilterContainer: {
+    marginLeft: 16,
+    padding: 8,
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: 120,
+    borderWidth: 1,
+    borderColor: COLORS.BORDER.LIGHT,
+    borderRadius: 8
+  },
+  chatFilterText: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontFamily: 'Inter-Regular',
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    marginRight: 12,
+    textTransform: 'capitalize'
+  },
+  chatFilterIcon: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    position: 'absolute',
+    right: 0
+  },
+  chatMenuContainer: {
+    backgroundColor: COLORS.SURFACE.LIGHT
+  },
+  chatMenuItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: Platform.OS === 'ios' ? 16 : 0
+  },
+  chatMenuItemIcon: {
+    color: COLORS.WHITE,
+    paddingRight: 16,
+    height: 24
+  },
+  chatMenuItemName: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    fontFamily: 'Inter-Medium',
+    textTransform: 'capitalize'
+  },
+  chatInput: {
+    backgroundColor: COLORS.SURFACE.LIGHT,
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontFamily: 'Inter-Medium',
+    borderColor: COLORS.BORDER.LIGHT,
+    borderWidth: 1,
+    borderRadius: 8,
+    width: '100%',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    paddingLeft: 16,
+    paddingRight: 88
+  },
+  sendMessageButton: {
+    position: 'absolute',
+    alignItems: 'center',
+    right: 0,
+    paddingHorizontal: 12,
+    width: 48
+  },
+  sendMessageIcon: {
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  },
+  clearButtonStyle: {
+    right: 48,
+    width: 40
+  },
+  contentContainer: {
+    flex: 1,
+    marginVertical: 4
+  },
+  messageBubble: {
+    padding: 8,
+    borderRadius: 8,
+    marginTop: 16,
+    width: '100%'
+  },
+  privateMessageBubble: {
+    backgroundColor: COLORS.SURFACE.LIGHT
+  },
+  headingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8,
+    justifyContent: 'space-between'
+  },
+  headingLeftContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  headingRightContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderRadius: 4,
+    borderColor: COLORS.BORDER.LIGHT,
+    justifyContent: 'center',
+    padding: 4
+  },
+  private: {
+    fontFamily: 'Inter-Medium',
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5,
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    textTransform: 'uppercase'
+  },
+  senderName: {
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    textTransform: 'capitalize',
+    marginHorizontal: 8
+  },
+  messageTime: {
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    color: COLORS.SURFACE.ON_SURFACE.LOW
+  },
+  messageText: {
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    lineHeight: 20,
+    letterSpacing: 0.25
+  },
+  inputContainer: {
+    marginBottom: 16
+  },
+  input: {
+    backgroundColor: COLORS.SURFACE.LIGHT,
+    borderWidth: 1,
+    borderColor: COLORS.BORDER.LIGHT
+  },
+  pinIcon: {
+    color: COLORS.WHITE
+  },
+  pinIconContainer: {
+    flex: 1,
+    height: '100%',
+    justifyContent: 'flex-end'
+  }
+});
+//# sourceMappingURL=ChatWindow.js.map

package/lib/module/components/ChatWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","memo","View","StyleSheet","TouchableOpacity","Text","Platform","TextInput","HMSMessage","HMSMessageRecipient","HMSMessageRecipientType","HMSMessageType","MaterialIcons","Ionicons","useSafeAreaInsets","useDispatch","useSelector","Menu","MenuDivider","MenuItem","COLORS","addMessage","PressableIcon","ChatIcon","CloseIcon","ParticipantsIcon","SendIcon","useHMSInstance","useShowChat","ChatList","SearchableParticipantsView","ChatHeader","_ref","filters","onClosePress","createElement","style","chatHeaderStyles","header","headerTitleWrapper","headerTitle","ChatFilter","border","onPress","create","flexDirection","alignItems","justifyContent","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","closeIcon","width","height","tabs","ChatAndParticipantsHeader","_ref2","activeTab","setActiveTab","chatAndParticipantsHeaderStyles","container","grayBar","map","tab","isActive","TabIcon","key","borderColor","PRIMARY","DEFAULT","tabIcon","tintColor","LOW","position","bottom","backgroundColor","BORDER","LIGHT","paddingVertical","borderBottomWidth","marginRight","ChatTextInput","_ref3","containerStyle","clearButton","hmsInstance","dispatch","localPeer","state","hmsStates","inputFocused","setInputFocused","typedMessage","chatWindow","sendingTo","sendTo","sendingToType","sendToType","handleInputFocus","handleInputBlur","handleMessageTyping","text","type","clearTypedMessage","sendMessage","length","hmsMessageRecipient","recipientType","ROLES","recipientRoles","PEER","recipientPeer","BROADCAST","messageText","handleMessageID","_ref4","messageId","localMessage","message","CHAT","time","Date","sender","undefined","recipient","sendGroupMessage","then","sendDirectMessage","sendBroadcastMessage","chatTextInputStyles","inputContainer","input","value","onChangeText","placeholder","name","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","blurOnSubmit","onSubmitEditing","returnKeyType","rounded","sendIconWrapper","sendIcon","overflow","borderWidth","borderRadius","flex","textAlignVertical","paddingHorizontal","paddingRight","alignSelf","instance","roles","filter","visible","setVisible","remotePeers","setRemotePeers","hideMenu","showMenu","getRemotePeers","currentRemotePeers","anchor","styles","chatFilterContainer","chatFilterText","numberOfLines","chatFilterIcon","size","onRequestClose","chatMenuContainer","chatMenuItem","chatMenuItemIcon","chatMenuItemName","knownRole","remotePeer","displayName","ChatView","_","setChatVisible","hideInsetChatView","chatViewStyles","Fragment","participantsWrapper","DIM","padding","borderTopRightRadius","borderTopLeftRadius","marginTop","ChatWindow","marginBottom","chatHeaderContainer","chatHeading","TEXT","HIGH_EMPHASIS","marginLeft","textTransform","right","paddingLeft","OS","WHITE","chatInput","sendMessageButton","sendMessageIcon","clearButtonStyle","contentContainer","marginVertical","messageBubble","privateMessageBubble","headingContainer","headingLeftContainer","headingRightContainer","private","senderName","marginHorizontal","messageTime","pinIcon","pinIconContainer"],"sourceRoot":"../../../src","sources":["components/ChatWindow.tsx"],"mappings":"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"}

package/lib/module/components/CustomButton.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { StyleSheet, Text, TouchableOpacity, ActivityIndicator } from 'react-native';
+import { COLORS } from '../utils/theme';
+const CustomButton = _ref => {
+  let {
+    loading = false,
+    disabled = false,
+    title,
+    onPress,
+    textStyle,
+    viewStyle,
+    LeftIcon,
+    RightIcon
+  } = _ref;
+  const onButtonPress = () => {
+    onPress();
+  };
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: disabled || loading,
+    style: [styles.buttonConatiner, viewStyle, disabled && styles.disabled, loading && styles.opacity],
+    onPress: onButtonPress
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    color: COLORS.WHITE
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, LeftIcon, title && /*#__PURE__*/React.createElement(Text, {
+    style: [textStyle, disabled && styles.disabledText]
+  }, title), RightIcon));
+};
+const styles = StyleSheet.create({
+  buttonConatiner: {
+    width: '100%',
+    height: 48,
+    flexDirection: 'row'
+  },
+  disabled: {
+    backgroundColor: COLORS.SECONDARY.DISABLED,
+    borderColor: COLORS.SECONDARY.DISABLED
+  },
+  disabledText: {
+    color: COLORS.TEXT.DISABLED_ACCENT
+  },
+  opacity: {
+    opacity: 0.5
+  }
+});
+export { CustomButton };
+//# sourceMappingURL=CustomButton.js.map

package/lib/module/components/CustomButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","ActivityIndicator","COLORS","CustomButton","_ref","loading","disabled","title","onPress","textStyle","viewStyle","LeftIcon","RightIcon","onButtonPress","createElement","style","styles","buttonConatiner","opacity","color","WHITE","Fragment","disabledText","create","width","height","flexDirection","backgroundColor","SECONDARY","DISABLED","borderColor","TEXT","DISABLED_ACCENT"],"sourceRoot":"../../../src","sources":["components/CustomButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,IAAI,EACJC,gBAAgB,EAChBC,iBAAiB,QACZ,cAAc;AAErB,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,MAAMC,YAAY,GAAGC,IAAA,IAkBf;EAAA,IAlBgB;IACpBC,OAAO,GAAG,KAAK;IACfC,QAAQ,GAAG,KAAK;IAChBC,KAAK;IACLC,OAAO;IACPC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACRC;EAUF,CAAC,GAAAR,IAAA;EACC,MAAMS,aAAa,GAAGA,CAAA,KAAM;IAC1BL,OAAO,CAAC,CAAC;EACX,CAAC;EAED,oBACEX,KAAA,CAAAiB,aAAA,CAACd,gBAAgB;IACfM,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9BU,KAAK,EAAE,CACLC,MAAM,CAACC,eAAe,EACtBP,SAAS,EACTJ,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAC3BD,OAAO,IAAIW,MAAM,CAACE,OAAO,CACzB;IACFV,OAAO,EAAEK;EAAc,GAEtBR,OAAO,gBACNR,KAAA,CAAAiB,aAAA,CAACb,iBAAiB;IAACkB,KAAK,EAAEjB,MAAM,CAACkB;EAAM,CAAE,CAAC,gBAE1CvB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAwB,QAAA,QACGV,QAAQ,EACRJ,KAAK,iBACJV,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACN,SAAS,EAAEH,QAAQ,IAAIU,MAAM,CAACM,YAAY;EAAE,GACvDf,KACG,CACP,EACAK,SACD,CAEY,CAAC;AAEvB,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACyB,MAAM,CAAC;EAC/BN,eAAe,EAAE;IACfO,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE;EACjB,CAAC;EACDpB,QAAQ,EAAE;IACRqB,eAAe,EAAEzB,MAAM,CAAC0B,SAAS,CAACC,QAAQ;IAC1CC,WAAW,EAAE5B,MAAM,CAAC0B,SAAS,CAACC;EAChC,CAAC;EACDP,YAAY,EAAE;IACZH,KAAK,EAAEjB,MAAM,CAAC6B,IAAI,CAACC;EACrB,CAAC;EACDd,OAAO,EAAE;IACPA,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,SAASf,YAAY"}