@socialgest/rn-widget 0.0.1

package/lib/module/components/conversations/Conversations.js

@@ -0,0 +1,131 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, View, TouchableOpacity, Text, ScrollView } from 'react-native';
+import { connect } from 'react-redux';
+
+// Helper
+import { conversationsItemHandler } from '../../helpers/render.helper';
+
+// Actions
+import { changeView } from '../../redux/actions/chatBoard.actions';
+import { setView } from '../../redux/actions/storage.actions';
+import { setQuickReplies } from '../../redux/actions/app.actions';
+
+// Component
+import SectionHeader from '../header/sectionHeader/SectionHeader';
+import { useAppDispatch, useAppSelector } from '../../hooks/redux-hooks';
+import { searchCoversation } from './conversationItem/ConversationItem';
+const styles = StyleSheet.create({
+  buttonContent: {
+    borderTopColor: '#afafb2',
+    borderTopWidth: 0.5,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+    // position: 'absolute',
+    // bottom:  25,
+    // height: '10%',
+    padding: 10,
+    width: '100%'
+  },
+  view: {
+    height: '100%'
+  },
+  btnMsj: {
+    width: '90%',
+    alignItems: 'center'
+  },
+  header: {
+    height: '10%'
+  },
+  btn: {
+    padding: 8,
+    backgroundColor: '#1082ff',
+    borderRadius: 10
+  },
+  scroll: {
+    height: 500,
+    paddingVertical: 5
+  },
+  text: {
+    fontSize: 12,
+    fontWeight: '300'
+  }
+});
+const Conversations = () => {
+  const dispatch = useAppDispatch();
+  const chatPreviews = useAppSelector(state => state.chatHistory.previews);
+  const {
+    initProperties
+  } = useAppSelector(state => state.app);
+  const app = useAppSelector(state => state.app);
+  const {
+    labels
+  } = app;
+  const operators = useAppSelector(state => state.Storage.operators_complete);
+  const chatHistory = useAppSelector(state => state.chatHistory.history);
+  const previews = useAppSelector(state => state.chatHistory.previews);
+  const conversationItem = conversationsItemHandler(chatPreviews);
+  const [open_exists, setOpenExists] = useState(null);
+  const [index, setIndex] = useState(null);
+  var props = {
+    app,
+    operators,
+    chatHistory,
+    previews
+  };
+  useEffect(() => {
+    const open_chat = element => {
+      if (element.lastMessage.closed === false || !element.lastMessage.closed) {
+        return element;
+      }
+    };
+    let search_open_chat = chatPreviews.findIndex(open_chat);
+    if (search_open_chat !== -1) {
+      setOpenExists(true);
+      setIndex(search_open_chat);
+    } else {
+      setOpenExists(false);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.view
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(SectionHeader, {
+    tittle: "Conversaciones"
+  })), /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.scroll
+  }, conversationItem), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContent
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.btnMsj, styles.btn, {
+      backgroundColor: initProperties.primaryColor
+    }],
+    onPress: () => {
+      if (open_exists) {
+        searchCoversation(props, dispatch, true, chatPreviews[index]);
+      } else {
+        dispatch(setQuickReplies(false));
+        dispatch(changeView('chat'));
+        dispatch(setView('chat'));
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, {
+      color: initProperties.primaryTextColor
+    }]
+  }, labels.new_chat_button))));
+};
+const mapStateToProps = state => {
+  return {
+    chatPreviews: state.chatHistory.previews,
+    initProperties: state.app.initProperties
+  };
+};
+const mapDispatchToProps = {
+  changeView,
+  setView,
+  setQuickReplies
+};
+export default connect(mapStateToProps, mapDispatchToProps)(Conversations);
+//# sourceMappingURL=Conversations.js.map

package/lib/module/components/conversations/Conversations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","StyleSheet","View","TouchableOpacity","Text","ScrollView","connect","conversationsItemHandler","changeView","setView","setQuickReplies","SectionHeader","useAppDispatch","useAppSelector","searchCoversation","styles","create","buttonContent","borderTopColor","borderTopWidth","backgroundColor","alignItems","justifyContent","padding","width","view","height","btnMsj","header","btn","borderRadius","scroll","paddingVertical","text","fontSize","fontWeight","Conversations","dispatch","chatPreviews","state","chatHistory","previews","initProperties","app","labels","operators","Storage","operators_complete","history","conversationItem","open_exists","setOpenExists","index","setIndex","props","open_chat","element","lastMessage","closed","search_open_chat","findIndex","createElement","style","tittle","primaryColor","onPress","color","primaryTextColor","new_chat_button","mapStateToProps","mapDispatchToProps"],"sourceRoot":"../../../../src","sources":["components/conversations/Conversations.tsx"],"mappings":"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"}

package/lib/module/components/conversations/avatar/Avatar.js

@@ -0,0 +1,145 @@
+import React from 'react';
+import { StyleSheet, View, Image } from 'react-native';
+
+// Hooks
+import { useAppSelector } from '../../../hooks/redux-hooks';
+const Avatar = ({
+  imgURL,
+  userId,
+  read
+}) => {
+  const app = useAppSelector(state => state.app);
+  const operators = useAppSelector(state => state.Operators.randonOperators);
+  const {
+    bot,
+    initProperties
+  } = app;
+  const activeOperators = operators.filter(({
+    active
+  }) => active).slice(0, 3);
+  const displayOperators = operators => {
+    var _operators$;
+    return (operators === null || operators === void 0 ? void 0 : operators.length) >= 3 ? /*#__PURE__*/React.createElement(View, {
+      style: styles.group
+    }, !read && /*#__PURE__*/React.createElement(View, {
+      style: styles.tic
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: [styles.first, styles.group_of_3],
+      source: {
+        uri: operators[0].imgURL
+      }
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: [styles.second, styles.group_of_3],
+      source: {
+        uri: operators[1].imgURL
+      }
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: styles.group_of_3,
+      source: {
+        uri: operators[2].imgURL
+      }
+    })) : (operators === null || operators === void 0 ? void 0 : operators.length) === 2 ? /*#__PURE__*/React.createElement(View, {
+      style: styles.group
+    }, !read && /*#__PURE__*/React.createElement(View, {
+      style: styles.tic
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: [styles.first1, styles.group_of_2],
+      source: {
+        uri: operators[0].imgURL
+      }
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: styles.group_of_2,
+      source: {
+        uri: operators[1].imgURL
+      }
+    })) : /*#__PURE__*/React.createElement(View, {
+      style: styles.chatAvatar
+    }, !read && /*#__PURE__*/React.createElement(View, {
+      style: styles.tic
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: styles.image,
+      source: {
+        uri: ((_operators$ = operators[0]) === null || _operators$ === void 0 ? void 0 : _operators$.imgURL) || bot.photo
+      }
+    }));
+  };
+  if (!initProperties.showOperatorsInfo) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.chatAvatar
+    }, !read && /*#__PURE__*/React.createElement(View, {
+      style: styles.tic
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: styles.image,
+      source: {
+        uri: bot.photo
+      }
+    }));
+  }
+  if (userId != null) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.chatAvatar
+    }, !read && /*#__PURE__*/React.createElement(View, {
+      style: styles.tic
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: styles.image,
+      source: {
+        uri: imgURL
+      }
+    }));
+  }
+  return displayOperators(activeOperators);
+};
+const styles = StyleSheet.create({
+  chatAvatar: {
+    position: 'relative'
+  },
+  image: {
+    width: 40,
+    height: 40,
+    borderRadius: 20
+  },
+  tic: {
+    position: 'absolute',
+    zIndex: 10,
+    width: 15,
+    height: 15,
+    backgroundColor: '#dc3545',
+    borderRadius: 25,
+    right: -5,
+    top: 0
+  },
+  group: {
+    width: 40,
+    height: 40,
+    position: 'relative'
+  },
+  group_of_2: {
+    width: 28,
+    height: 28,
+    position: 'absolute',
+    top: 4,
+    borderRadius: 14,
+    borderWidth: 1,
+    borderColor: '#fff'
+  },
+  first1: {
+    left: '30%'
+  },
+  group_of_3: {
+    width: 25,
+    height: 25,
+    position: 'absolute',
+    borderRadius: 12.5,
+    borderWidth: 1,
+    borderColor: '#FFF'
+  },
+  first: {
+    left: '35%'
+  },
+  second: {
+    top: '35%',
+    left: '25%'
+  }
+});
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/module/components/conversations/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Image","useAppSelector","Avatar","imgURL","userId","read","app","state","operators","Operators","randonOperators","bot","initProperties","activeOperators","filter","active","slice","displayOperators","_operators$","length","createElement","style","styles","group","tic","first","group_of_3","source","uri","second","first1","group_of_2","chatAvatar","image","photo","showOperatorsInfo","create","position","width","height","borderRadius","zIndex","backgroundColor","right","top","borderWidth","borderColor","left"],"sourceRoot":"../../../../../src","sources":["components/conversations/avatar/Avatar.tsx"],"mappings":"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"}

package/lib/module/components/conversations/conversationItem/ConversationItem.js

@@ -0,0 +1,146 @@
+import React from 'react';
+import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
+
+// Actios
+import { searchChat } from '../../../redux/actions/chatHistory.actions';
+import { RenderChat } from '../../../redux/actions/chat.actions';
+import { changeView } from '../../../redux/actions/chatBoard.actions';
+import { setView, setSinceStorage, setChat } from '../../../redux/actions/storage.actions';
+import {
+// allowSendMessage,
+setQuickReplies } from '../../../redux/actions/app.actions';
+
+// Helper
+import { cutLongText, existProp, setSince } from '../../../helpers/utils.helper';
+import { searchChatInStore } from '../../../helpers/chatHistory.helper';
+import TimeAgo from '../../../helpers/timeAgo.helper';
+
+// Component
+import Avatar from '../avatar/Avatar';
+
+// Service
+import { sendSeenMessage } from '../../../services/chat.service';
+
+// Hooks
+import { useAppDispatch, useAppSelector } from '../../../hooks/redux-hooks';
+const ConversationItem = props => {
+  const dispatch = useAppDispatch();
+  const app = useAppSelector(state => state.app);
+  const operators = useAppSelector(state => state.Operators.operators);
+  const chatHistory = useAppSelector(state => state.chatHistory.history);
+  const previews = useAppSelector(state => state.chatHistory.previews);
+  const bold = !props.data.lastMessage.read ? styles.bold : {};
+  var values = {
+    app,
+    operators,
+    chatHistory,
+    previews,
+    data: props.data
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.historicalItem,
+    onPress: () => {
+      searchCoversation(values, dispatch, false);
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.left
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    read: props.data.lastMessage.read,
+    imgURL: props.data.operator.imgURL,
+    userId: props.data.operator.userId
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [bold, styles.span]
+  }, props.data.lastMessage.name && /*#__PURE__*/React.createElement(Text, null, props.data.lastMessage.name, props.data.lastMessage.name.charAt(props.data.lastMessage.name.length - 1) === ':' ? ' ' : ': '), props.data.lastMessage.msj && /*#__PURE__*/React.createElement(Text, null, cutLongText(props.data.lastMessage.msj.replace(/<[^>]*>?/g, ''), 10)))), /*#__PURE__*/React.createElement(TimeAgo, {
+    style: styles.time,
+    time: props.data.lastMessage.date
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.view
+  }));
+};
+export const searchCoversation = (props, dispatch, update, values) => {
+  var _props$data;
+  const chat = searchChatInStore(values ? values.tikketId : props.data.tikketId, props.chatHistory);
+  const chatTosearch = searchChatInStore(values ? values.tikketId : props.data.tikketId, props.previews);
+  var id = values ? values.tikketId : props.data.tikketId;
+  if (id) {
+    dispatchSeen(props, values);
+  }
+  if (chat.length === 0 || update) {
+    const data = {
+      token: values && values.token ? values.token : props.app.token,
+      channelId: values && values.channelId ? values.channelId : props.app.channelId,
+      tikketId: values ? values.tikketId : props.data.tikketId,
+      operator: values ? values.operator : props.data.operator,
+      preview: update ? chat[0] : chatTosearch[0]
+    };
+    dispatch(setQuickReplies(false));
+    dispatch(searchChat(data));
+    return;
+  }
+  const latestMessage = existProp(chat[0].detail[chat[0].detail.length - 1], 'quick_replies');
+  if (latestMessage) {
+    dispatch(setQuickReplies(chat[0].detail[chat[0].detail.length - 1].quick_replies));
+  }
+  const since = setSince(chat[0].detail.date);
+  if (props !== null && props !== void 0 && (_props$data = props.data) !== null && _props$data !== void 0 && (_props$data = _props$data.lastMessage) !== null && _props$data !== void 0 && _props$data.closed) {
+    dispatch(setChat(null));
+  }
+  dispatch(RenderChat(chat[0]));
+  dispatch(setSinceStorage(since));
+  dispatch(changeView('chat'));
+  dispatch(setView('chat'));
+};
+const dispatchSeen = (props, values) => {
+  var _preview$;
+  const tikketId = values ? values.tikketId : props.data.tikketId;
+  const preview = props.previews.filter(preview => preview.tikketId === tikketId);
+  if (!((_preview$ = preview[0]) !== null && _preview$ !== void 0 && (_preview$ = _preview$.lastMessage) !== null && _preview$ !== void 0 && _preview$.read)) {
+    const data = {
+      token: values && values.token ? values.token : props.app.token,
+      channelId: values && values.channelId ? values.channelId : props.app.channelId,
+      tikketId: tikketId,
+      timestamp_since: new Date().getTime()
+    };
+    sendSeenMessage(data);
+  }
+};
+const styles = StyleSheet.create({
+  historicalItem: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    margin: 8,
+    flexDirection: 'row'
+  },
+  left: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row'
+  },
+  span: {
+    marginLeft: 6,
+    color: '#000',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: 12
+  },
+  hr: {
+    backgroundColor: '#afafb2',
+    height: 5,
+    width: '100%'
+  },
+  bold: {
+    fontWeight: 'bold'
+  },
+  time: {
+    fontSize: 12
+  },
+  view: {
+    backgroundColor: '#cccccc',
+    height: 1,
+    width: '100%'
+  }
+});
+export default ConversationItem;
+//# sourceMappingURL=ConversationItem.js.map

package/lib/module/components/conversations/conversationItem/ConversationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Text","TouchableOpacity","searchChat","RenderChat","changeView","setView","setSinceStorage","setChat","setQuickReplies","cutLongText","existProp","setSince","searchChatInStore","TimeAgo","Avatar","sendSeenMessage","useAppDispatch","useAppSelector","ConversationItem","props","dispatch","app","state","operators","Operators","chatHistory","history","previews","bold","data","lastMessage","read","styles","values","createElement","Fragment","style","historicalItem","onPress","searchCoversation","left","imgURL","operator","userId","span","name","charAt","length","msj","replace","time","date","view","update","_props$data","chat","tikketId","chatTosearch","id","dispatchSeen","token","channelId","preview","latestMessage","detail","quick_replies","since","closed","_preview$","filter","timestamp_since","Date","getTime","create","display","alignItems","justifyContent","margin","flexDirection","marginLeft","color","fontSize","hr","backgroundColor","height","width","fontWeight"],"sourceRoot":"../../../../../src","sources":["components/conversations/conversationItem/ConversationItem.tsx"],"mappings":"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"}