@socialgest/rn-widget 0.0.1

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

@@ -0,0 +1,293 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, View, TouchableOpacity, KeyboardAvoidingView, Text, Platform, ScrollView } from 'react-native';
+// import moment from 'moment';
+
+//Hooks
+import { useAppDispatch, useAppSelector } from '../../hooks/redux-hooks';
+
+// Helper
+import { chatItemHandler } from '../../helpers/render.helper';
+import { scrollAtBottom, setDefaultTikket } from '../../helpers/chat.helper';
+import TimeAgo from '../../helpers/timeAgo.helper';
+import { orderConversations, wc_hex_is_light } from '../../helpers/utils.helper';
+
+// Actions
+// import { sendMessageHandler } from '../../redux/actions/chat.actions';
+// import { setAwaitMessages } from '../../redux/actions/storage.actions';
+// import { changeView } from '../../redux/actions/chatBoard.actions';
+// import { setView, setSinceStorage } from '../../redux/actions/storage.actions';
+// import { RenderChat } from '../../redux/actions/chat.actions';
+// import { searchChat } from '../../redux/actions/chatHistory.actions';
+import { setQuickReplies, setLoadingMsjBot, allowSendMessage } from '../../redux/actions/app.actions';
+
+// Components
+import Typing from '../typing/Typing';
+import ChatHeader from '../header/chatHeader/ChatHeader';
+import TextBox, { submitMsj } from './textBox/TextBox';
+import FirstMessage from './firstMessage/FirstMessage';
+import Errors from '../errors/Errors';
+import CloseMessage from '../chat/closeMessage/CloseMessage';
+import StartMessage from '../chat/startMessage/startMessage';
+import DisconectMessage from '../chat/disconectMessage/disconectMessage';
+import FeedBack from '../feedback/FeedBack';
+import { searchCoversation } from '../conversations/conversationItem/ConversationItem';
+import ModalImagen from './modals/ModalImage';
+const Chat = ({
+  selectFile
+}) => {
+  var _randomOperator$, _randomOperator$2;
+  const [index, setIndex] = useState(null);
+  const [limit, setLimit] = useState(6);
+  const [state_quick, setStateQuick] = useState(false);
+  const [open_exists, setOpenExists] = useState(null);
+  const [quick_replies_state, setQuickRepliesState] = useState([]);
+  const [quick_replies_date, setQuickRepliesDate] = useState(new Date());
+  const [chatDetail, setChatDetail] = useState([]);
+  const dispatch = useAppDispatch();
+  const app = useAppSelector(state => state.app);
+  const {
+    errors,
+    socket,
+    user,
+    quick_replies
+  } = app;
+  const form = useAppSelector(state => state.app.FormChat);
+  const awaitMessages = useAppSelector(state => state.Storage.awaitMessages);
+  const initProps = useAppSelector(state => state.app.initProperties);
+  const chat = useAppSelector(state => state.chat);
+  const {
+    randonOperators
+  } = useAppSelector(state => state.Operators);
+  const randomOperator = useAppSelector(state => state.Operators.randonOperators);
+  const loading = useAppSelector(state => state.chatBoard.loading);
+  const lang = useAppSelector(state => state.Storage.lang);
+  const {
+    previews,
+    history
+  } = useAppSelector(state => state.chatHistory);
+  const {
+    operators
+  } = useAppSelector(state => state.Operators);
+  var props = {
+    app,
+    operators,
+    chatHistory: history,
+    previews,
+    chat,
+    awaitMessages,
+    randonOperators
+  };
+  useEffect(() => {
+    if (chat.detail !== chatDetail) {
+      setChatDetail(chat.detail);
+    }
+    if (quick_replies_state !== quick_replies && chat.detail.length > 0) {
+      setQuickRepliesState(quick_replies);
+      setStateQuick(quick_replies ? true : false);
+      setQuickRepliesDate(quick_replies ? chat.detail[chat.detail.length - 1].date : new Date());
+    } else {
+      setStateQuick(false);
+      setQuickRepliesState([]);
+    }
+  }, [quick_replies, chat]);
+  const {
+    typing
+  } = chat;
+  const chatContent = useRef(null);
+  const chatBoard = useRef(null);
+  const chatItems = chatItemHandler(chatDetail, lang);
+  const startMessageCondition = !form.sent && socket !== 'closed' && !user;
+  const closeMessageCondition = chat.closed && socket !== 'closed';
+  const disconectCondition = socket === 'closed';
+  const textBoxCondition = form.sent && !chat.closed && socket !== 'closed' || user && !chat.closed && socket !== 'closed';
+  useEffect(() => {
+    if (chat.textBoxMessage && chat.detail.length === 0 && !open_exists) {
+      let chats = orderConversations(previews);
+      let search_open_chat = previews.findIndex(el => el.lastMessage.closed === false || !el.lastMessage.closed);
+      if (search_open_chat !== -1) {
+        setOpenExists(true);
+        if (chats[search_open_chat]) {
+          searchCoversation(props, dispatch, true, chats[search_open_chat]);
+          dispatch(allowSendMessage(true));
+        }
+      } else {
+        setOpenExists(false);
+      }
+    }
+  }, [chat.detail, chat.textBoxMessage, open_exists, props]);
+  useEffect(() => {
+    scrollAtBottom(chatContent.current);
+    if (!loading && chat !== null && chat !== void 0 && chat.tikketId && !(chat !== null && chat !== void 0 && chat.closed)) {
+      setDefaultTikket(chat === null || chat === void 0 ? void 0 : chat.tikketId);
+    }
+  });
+  const counter = chat.detail.length;
+  const sendQuickReplies = title => {
+    setIndex(null);
+    submitMsj(props, title, [], null, 'bot', dispatch);
+    setQuickRepliesState([]);
+    setQuickRepliesDate(null);
+    setStateQuick(false);
+    dispatch(setQuickReplies(false));
+    dispatch(setLoadingMsjBot(true));
+  };
+  const colorBackground = (index, i) => {
+    var color = '#ffffff';
+    if (index !== i) {
+      color = initProps.primaryColor;
+    }
+    return color;
+  };
+  const colorBackgroundAndBorde = (index, i) => {
+    var color = initProps.textColor.toLowerCase() === '#ffffff' && colorBackground(index, i) === '#ffffff' ? initProps.primaryColor : !wc_hex_is_light(initProps.primaryColor) && colorBackground(index, i) === '#ffffff' ? initProps.primaryColor : initProps.textColor;
+    return color;
+  };
+  const colorBackgroundAndBorde2 = (index, i) => {
+    var color = colorBackground(index, i) !== '#ffffff' ? initProps.primaryColor : !wc_hex_is_light(initProps.primaryColor) && colorBackground(index, i) === '#ffffff' ? initProps.primaryColor : initProps.textColor;
+    return color;
+  };
+  const backgroundColor = !wc_hex_is_light(initProps.primaryColor) ? initProps.primaryColor : initProps.textColor;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChatHeader, null), /*#__PURE__*/React.createElement(ModalImagen, null), /*#__PURE__*/React.createElement(Errors, {
+    errors: errors
+  }), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    keyboardVerticalOffset: 80,
+    behavior: Platform.OS == 'ios' ? 'padding' : 'height'
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.view1
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.chatBoard
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.messagescontent,
+    ref: chatContent
+  }, !loading && /*#__PURE__*/React.createElement(React.Fragment, null, form.sent && /*#__PURE__*/React.createElement(FirstMessage, {
+    userId: (_randomOperator$ = randomOperator[0]) === null || _randomOperator$ === void 0 ? void 0 : _randomOperator$.userId,
+    counterMsj: counter,
+    message: initProps.chatFirstMessage,
+    type: 'message'
+  }), !form.sent && /*#__PURE__*/React.createElement(FirstMessage, {
+    userId: (_randomOperator$2 = randomOperator[0]) === null || _randomOperator$2 === void 0 ? void 0 : _randomOperator$2.userId,
+    message: null,
+    counterMsj: counter,
+    type: 'form'
+  })), /*#__PURE__*/React.createElement(ScrollView, {
+    style: [styles.scroll, styles.transform]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.transform
+  }, chatItems, (quick_replies === null || quick_replies === void 0 ? void 0 : quick_replies.length) > 0 && !closeMessageCondition && /*#__PURE__*/React.createElement(View, {
+    style: styles.operator
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.QuickReplies
+  }, quick_replies.slice(0, limit).map((value, i) => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: i,
+    onPress: () => {
+      sendQuickReplies(value.title);
+    },
+    style: [styles.QuickRepliesButton, {
+      backgroundColor: colorBackground(index, i),
+      borderColor: colorBackgroundAndBorde2(index, i)
+    }]
+
+    // onMouseOver={(e) => {
+    //   if (index !== i) {
+    //     toggleHover(i);
+    //   }
+    // }}
+    // onMouseLeave={() => {
+    //   if (index === i) {
+    //     toggleHover(i);
+    //   }
+    // }}
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.QuickRepliesText, {
+      color: colorBackgroundAndBorde(index, i)
+    }]
+  }, value.title))), !closeMessageCondition && quick_replies.length > 6 && limit === 6 && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => {
+      setLimit(quick_replies.length);
+    },
+    style: [styles.white, styles.QuickRepliesButton, {
+      backgroundColor,
+      borderColor: backgroundColor
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.QuickRepliesText, {
+      color: !wc_hex_is_light(initProps.primaryColor) ? initProps.primaryColor : initProps.textColor
+    }]
+  }, lang === 'spanish' ? 'Ver más' : 'See more'))), /*#__PURE__*/React.createElement(TimeAgo, {
+    style: {
+      fontSize: 10,
+      marginVertical: 5
+    },
+    time: quick_replies_date
+  })), typing && /*#__PURE__*/React.createElement(Typing, null), /*#__PURE__*/React.createElement(FeedBack, null))))), textBoxCondition && !state_quick && /*#__PURE__*/React.createElement(TextBox, {
+    chatBoard: chatBoard,
+    openFile: selectFile
+  }), startMessageCondition && /*#__PURE__*/React.createElement(StartMessage, null), closeMessageCondition && /*#__PURE__*/React.createElement(CloseMessage, null), disconectCondition && /*#__PURE__*/React.createElement(DisconectMessage, {
+    initProps: initProps
+  }))));
+};
+const styles = StyleSheet.create({
+  chatBoard: {
+    justifyContent: 'center',
+    flexDirection: 'row',
+    height: '85.5%'
+  },
+  scroll: {
+    maxHeight: '100%'
+  },
+  view4: {
+    width: '100%',
+    position: 'absolute',
+    bottom: 10,
+    height: '20%',
+    maxHeight: '35%'
+  },
+  transform: {
+    transform: [{
+      scaleY: -1
+    }]
+  },
+  messagescontent: {
+    display: 'flex',
+    flexDirection: 'column',
+    paddingHorizontal: 16,
+    paddingBottom: 16,
+    paddingTop: 10,
+    width: '100%'
+  },
+  operator: {
+    margin: 9,
+    flexDirection: 'column',
+    display: 'flex'
+  },
+  boardContent2: {
+    height: '90%',
+    position: 'relative',
+    width: '100%'
+  },
+  QuickReplies: {
+    paddingLeft: 35,
+    width: 'auto',
+    flexDirection: 'row'
+  },
+  QuickRepliesButton: {
+    borderWidth: 1,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    margin: 5,
+    borderRadius: 5,
+    width: 'auto'
+  },
+  QuickRepliesText: {
+    fontWeight: '400',
+    color: '#000'
+  },
+  white: {
+    backgroundColor: '#fff'
+  },
+  view1: {
+    height: '90%'
+  }
+});
+export default Chat;
+//# sourceMappingURL=Chat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","StyleSheet","View","TouchableOpacity","KeyboardAvoidingView","Text","Platform","ScrollView","useAppDispatch","useAppSelector","chatItemHandler","scrollAtBottom","setDefaultTikket","TimeAgo","orderConversations","wc_hex_is_light","setQuickReplies","setLoadingMsjBot","allowSendMessage","Typing","ChatHeader","TextBox","submitMsj","FirstMessage","Errors","CloseMessage","StartMessage","DisconectMessage","FeedBack","searchCoversation","ModalImagen","Chat","selectFile","_randomOperator$","_randomOperator$2","index","setIndex","limit","setLimit","state_quick","setStateQuick","open_exists","setOpenExists","quick_replies_state","setQuickRepliesState","quick_replies_date","setQuickRepliesDate","Date","chatDetail","setChatDetail","dispatch","app","state","errors","socket","user","quick_replies","form","FormChat","awaitMessages","Storage","initProps","initProperties","chat","randonOperators","Operators","randomOperator","loading","chatBoard","lang","previews","history","chatHistory","operators","props","detail","length","date","typing","chatContent","chatItems","startMessageCondition","sent","closeMessageCondition","closed","disconectCondition","textBoxCondition","textBoxMessage","chats","search_open_chat","findIndex","el","lastMessage","current","tikketId","counter","sendQuickReplies","title","colorBackground","i","color","primaryColor","colorBackgroundAndBorde","textColor","toLowerCase","colorBackgroundAndBorde2","backgroundColor","createElement","Fragment","keyboardVerticalOffset","behavior","OS","style","styles","view1","messagescontent","ref","userId","counterMsj","message","chatFirstMessage","type","scroll","transform","operator","QuickReplies","slice","map","value","key","onPress","QuickRepliesButton","borderColor","QuickRepliesText","white","fontSize","marginVertical","time","openFile","create","justifyContent","flexDirection","height","maxHeight","view4","width","position","bottom","scaleY","display","paddingHorizontal","paddingBottom","paddingTop","margin","boardContent2","paddingLeft","borderWidth","paddingVertical","borderRadius","fontWeight"],"sourceRoot":"../../../../src","sources":["components/chat/Chat.tsx"],"mappings":"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"}

package/lib/module/components/chat/closeMessage/CloseMessage.js

@@ -0,0 +1,104 @@
+import React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+
+// Actions
+import { cleanChat, RenderChat } from '../../../redux/actions/chat.actions';
+import { setQuickReplies } from '../../../redux/actions/app.actions';
+// import { searchChat } from '../../../redux/actions/chatHistory.actions';
+import { setAwaitMessages, setSinceStorage, setView } from '../../../redux/actions/storage.actions';
+import { changeView } from '../../../redux/actions/chatBoard.actions';
+
+// Hooks
+import { useAppDispatch, useAppSelector } from '../../../hooks/redux-hooks';
+
+// Helper
+import { searchChatInStore } from '../../../helpers/chatHistory.helper';
+import { setSince } from '../../../helpers/utils.helper';
+
+// Svg
+import IconCheckCircle from '../../../assets/svg/checkCircle';
+const CloseMessage = () => {
+  const {
+    labels
+  } = useAppSelector(state => state.app);
+  const chatHistory = useAppSelector(state => state.chatHistory.history);
+  const {
+    previews
+  } = useAppSelector(state => state.chatHistory);
+  const dispatch = useAppDispatch();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.view4
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.chatInput
+  }, /*#__PURE__*/React.createElement(IconCheckCircle, {
+    width: 40,
+    height: 40,
+    color: '#d1d2d3'
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.view1
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.message
+  }, labels.close_tittle, ' ', /*#__PURE__*/React.createElement(Text, {
+    style: styles.bold
+  }, labels.close_tittle_bold)), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtittle
+  }, labels.close_paragraph_1, ' ', /*#__PURE__*/React.createElement(Text, {
+    style: styles.bold
+  }, " ", labels.close_paragraph_2), ' ', labels.close_paragraph_3, ' ', /*#__PURE__*/React.createElement(Text, {
+    onPress: () => {
+      const search_tikket_open = previews.find(el => !el.lastMessage.closed);
+      dispatch(setQuickReplies(false));
+      dispatch(setAwaitMessages(null));
+      if (search_tikket_open) {
+        const chat = searchChatInStore(search_tikket_open.tikketId, chatHistory);
+        const since = setSince(chat[0].detail.date);
+        dispatch(RenderChat(chat[0]));
+        dispatch(setSinceStorage(since));
+        dispatch(changeView('chat'));
+        dispatch(setView('chat'));
+      } else {
+        dispatch(cleanChat());
+      }
+    },
+    style: [styles.subtittle, styles.bold]
+  }, labels.close_paragraph_link))))));
+};
+const styles = StyleSheet.create({
+  chatInput: {
+    backgroundColor: '#f1f1f1',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-around',
+    width: '100%',
+    paddingLeft: 10,
+    paddingHorizontal: 15
+  },
+  message: {
+    fontSize: 14,
+    color: '#000'
+  },
+  bold: {
+    fontWeight: 'bold'
+  },
+  subtittle: {
+    fontSize: 11,
+    color: '#000'
+  },
+  view1: {
+    width: '80%',
+    margin: 5,
+    paddingVertical: 5
+  },
+  view4: {
+    width: '100%',
+    // position: 'absolute',
+    // bottom: -35,
+    justifyContent: 'flex-end',
+    alignItems: 'flex-end',
+    // bottom: Platform.OS === 'ios' ? -20 : -15,
+    height: '20%',
+    maxHeight: '35%'
+  }
+});
+export default CloseMessage;
+//# sourceMappingURL=CloseMessage.js.map

package/lib/module/components/chat/closeMessage/CloseMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Text","cleanChat","RenderChat","setQuickReplies","setAwaitMessages","setSinceStorage","setView","changeView","useAppDispatch","useAppSelector","searchChatInStore","setSince","IconCheckCircle","CloseMessage","labels","state","app","chatHistory","history","previews","dispatch","createElement","style","styles","view4","chatInput","width","height","color","view1","message","close_tittle","bold","close_tittle_bold","subtittle","close_paragraph_1","close_paragraph_2","close_paragraph_3","onPress","search_tikket_open","find","el","lastMessage","closed","chat","tikketId","since","detail","date","close_paragraph_link","create","backgroundColor","flexDirection","alignItems","justifyContent","paddingLeft","paddingHorizontal","fontSize","fontWeight","margin","paddingVertical","maxHeight"],"sourceRoot":"../../../../../src","sources":["components/chat/closeMessage/CloseMessage.tsx"],"mappings":"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"}

package/lib/module/components/chat/disconectMessage/disconectMessage.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import {
+// Platform,
+StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+
+// Actions
+import { reconectSocket } from '../../../redux/actions/app.actions';
+
+// Hooks
+import { useAppDispatch } from '../../../hooks/redux-hooks';
+
+// Svg
+import NoConectionIcon from '../../../assets/svg/no-conection';
+const DisconectMessage = props => {
+  const dispatch = useAppDispatch();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.view4
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.chatInput
+  }, /*#__PURE__*/React.createElement(NoConectionIcon, {
+    width: 64,
+    height: 64
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.message
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtittle
+  }, "Conexi\xF3n perdida con el servidor"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.btnSubmit, {
+      backgroundColor: props.initProps.primaryColor
+    }],
+    onPress: () => {
+      dispatch(reconectSocket());
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, {
+      color: props.initProps.primaryTextColor
+    }]
+  }, "Reconectar")))));
+};
+const styles = StyleSheet.create({
+  chatInput: {
+    borderTopColor: '#afafb2',
+    borderTopWidth: 1,
+    backgroundColor: '#f1f1f1',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-around',
+    width: '100%',
+    paddingLeft: 10,
+    paddingHorizontal: 15
+  },
+  message: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  text: {
+    fontSize: 12,
+    color: '#afafb2',
+    fontWeight: '300'
+  },
+  subtittle: {
+    fontSize: 11,
+    color: '#000'
+  },
+  btnSubmit: {
+    marginTop: 5,
+    padding: 5,
+    borderRadius: 3,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  view4: {
+    width: '100%',
+    // position: 'absolute',
+    // bottom: -35,
+    justifyContent: 'flex-end',
+    alignItems: 'flex-end',
+    // bottom: Platform.OS === 'ios' ? -20 : -15,
+    height: '20%',
+    maxHeight: '35%'
+  }
+});
+export default DisconectMessage;
+//# sourceMappingURL=disconectMessage.js.map

package/lib/module/components/chat/disconectMessage/disconectMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","reconectSocket","useAppDispatch","NoConectionIcon","DisconectMessage","props","dispatch","createElement","style","styles","view4","chatInput","width","height","message","subtittle","btnSubmit","backgroundColor","initProps","primaryColor","onPress","text","color","primaryTextColor","create","borderTopColor","borderTopWidth","flexDirection","alignItems","justifyContent","paddingLeft","paddingHorizontal","fontSize","fontWeight","marginTop","padding","borderRadius","maxHeight"],"sourceRoot":"../../../../../src","sources":["components/chat/disconectMessage/disconectMessage.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC;AACE;AACAC,UAAU,EACVC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,QACC,cAAc;;AAErB;AACA,SAASC,cAAc,QAAQ,oCAAoC;;AAEnE;AACA,SAASC,cAAc,QAAQ,4BAA4B;;AAE3D;AACA,OAAOC,eAAe,MAAM,kCAAkC;AAS9D,MAAMC,gBAA2C,GAAIC,KAAK,IAAK;EAC7D,MAAMC,QAAQ,GAAGJ,cAAc,CAAC,CAAC;EACjC,oBACEN,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC;EAAM,gBACxBd,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACE;EAAU,gBAC5Bf,KAAA,CAAAW,aAAA,CAACJ,eAAe;IAACS,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,eAC1CjB,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACK;EAAQ,gBAC1BlB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACM;EAAU,GAAC,qCAAsC,CAAC,eACtEnB,KAAA,CAAAW,aAAA,CAACR,gBAAgB;IACfS,KAAK,EAAE,CACLC,MAAM,CAACO,SAAS,EAChB;MACEC,eAAe,EAAEZ,KAAK,CAACa,SAAS,CAACC;IACnC,CAAC,CACD;IACFC,OAAO,EAAEA,CAAA,KAAM;MACbd,QAAQ,CAACL,cAAc,CAAC,CAAC,CAAC;IAC5B;EAAE,gBAEFL,KAAA,CAAAW,aAAA,CAACT,IAAI;IACHU,KAAK,EAAE,CAACC,MAAM,CAACY,IAAI,EAAE;MAAEC,KAAK,EAAEjB,KAAK,CAACa,SAAS,CAACK;IAAiB,CAAC;EAAE,GACnE,YAEK,CACU,CACd,CACF,CACF,CAAC;AAEX,CAAC;AAED,MAAMd,MAAM,GAAGZ,UAAU,CAAC2B,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,cAAc,EAAE,SAAS;IACzBC,cAAc,EAAE,CAAC;IACjBT,eAAe,EAAE,SAAS;IAC1BU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,cAAc;IAC9BjB,KAAK,EAAE,MAAM;IACbkB,WAAW,EAAE,EAAE;IACfC,iBAAiB,EAAE;EACrB,CAAC;EACDjB,OAAO,EAAE;IACPe,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDP,IAAI,EAAE;IACJW,QAAQ,EAAE,EAAE;IACZV,KAAK,EAAE,SAAS;IAChBW,UAAU,EAAE;EACd,CAAC;EACDlB,SAAS,EAAE;IACTiB,QAAQ,EAAE,EAAE;IACZV,KAAK,EAAE;EACT,CAAC;EACDN,SAAS,EAAE;IACTkB,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfP,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDlB,KAAK,EAAE;IACLE,KAAK,EAAE,MAAM;IACb;IACA;IACAiB,cAAc,EAAE,UAAU;IAC1BD,UAAU,EAAE,UAAU;IACtB;IACAf,MAAM,EAAE,KAAK;IACbwB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAejC,gBAAgB"}

package/lib/module/components/chat/firstMessage/FirstMessage.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import MessageItem from '../messageItem/MessageItem';
+const FirstMessage = ({
+  userId,
+  counterMsj,
+  message,
+  type
+}) => {
+  const data = {
+    files: [],
+    message,
+    typePerson: 'operator',
+    userId,
+    type,
+    messageType: 'automatic'
+  };
+  if (type === 'message') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, counterMsj === 0 && /*#__PURE__*/React.createElement(MessageItem, {
+      data: data
+    }));
+  }
+  if (type === 'form') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, counterMsj === 0 && /*#__PURE__*/React.createElement(MessageItem, {
+      data: data
+    }));
+  }
+  return null;
+};
+export default FirstMessage;
+//# sourceMappingURL=FirstMessage.js.map

package/lib/module/components/chat/firstMessage/FirstMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MessageItem","FirstMessage","userId","counterMsj","message","type","data","files","typePerson","messageType","createElement","Fragment"],"sourceRoot":"../../../../../src","sources":["components/chat/firstMessage/FirstMessage.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,OAAOC,WAAW,MAAM,4BAA4B;AASpD,MAAMC,YAAmC,GAAGA,CAAC;EAC3CC,MAAM;EACNC,UAAU;EACVC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,IAAI,GAAG;IACXC,KAAK,EAAE,EAAE;IACTH,OAAO;IACPI,UAAU,EAAE,UAAU;IACtBN,MAAM;IACNG,IAAI;IACJI,WAAW,EAAE;EACf,CAAC;EAED,IAAIJ,IAAI,KAAK,SAAS,EAAE;IACtB,oBAAON,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QAAGR,UAAU,KAAK,CAAC,iBAAIJ,KAAA,CAAAW,aAAA,CAACV,WAAW;MAACM,IAAI,EAAEA;IAAK,CAAE,CAAI,CAAC;EAC/D;EACA,IAAID,IAAI,KAAK,MAAM,EAAE;IACnB,oBAAON,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QAAGR,UAAU,KAAK,CAAC,iBAAIJ,KAAA,CAAAW,aAAA,CAACV,WAAW;MAACM,IAAI,EAAEA;IAAK,CAAE,CAAI,CAAC;EAC/D;EACA,OAAO,IAAI;AACb,CAAC;AAED,eAAeL,YAAY"}