@socialgest/rn-widget 0.0.1

package/lib/module/components/chat/textBox/TextBox.js

@@ -0,0 +1,466 @@
+import React, { useRef, useEffect, useState } from 'react';
+import { View, TextInput, Image, StyleSheet, TouchableOpacity, ActivityIndicator, Platform } from 'react-native';
+import PickerComponent from './Picker';
+import { sendMessageHandler, RenderMessageWithoutTikketId, initMsjDetail } from '../../../redux/actions/chat.actions';
+import { setAwaitMessages } from '../../../redux/actions/storage.actions';
+import { getDate, isObjEmpty } from '../../../helpers/utils.helper';
+import { thereIsnTikketIdYet } from '../../../helpers/chat.helper';
+import { debounceTime, distinctUntilChanged, filter } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import DocumentPicker from 'react-native-document-picker';
+import { sendTyping } from '../../../services/chat.service';
+import useFileHandlers from '../../../hooks/useFileHandlers';
+// import Loading from '../../loading/Loading';
+// import BounceLoader from 'react-spinners/BounceLoader';
+import { setErrors, setQuickReplies, setLoadingMsjBot } from '../../../redux/actions/app.actions';
+import IconsSmile from '../../../assets/svg/smile';
+import IconPaperclip from '../../../assets/svg/paperclicp';
+import IconPaperPlane from '../../../assets/svg/paperplane';
+// import IconImage from '../../../assets/svg/image';
+// import IconVideo from '../../../assets/svg/videoicon';
+import IconTimesCircle from '../../../assets/svg/timescircle';
+import IconPdf from '../../../assets/svg/pdf';
+import IconPPT from '../../../assets/svg/ppt';
+import VideoIcon from '../../../assets/svg/video';
+import IconDoc from '../../../assets/svg/doc';
+import XlsIcon from '../../../assets/svg/xls';
+import { useAppDispatch, useAppSelector } from '../../../hooks/redux-hooks';
+const TextBox = ({
+  chatBoard /*openFile*/
+}) => {
+  const dispatch = useAppDispatch();
+  const app = useAppSelector(state => state.app);
+  const chat = useAppSelector(state => state.chat);
+  const awaitMessages = useAppSelector(state => state.Storage.awaitMessages);
+  const loading = useAppSelector(state => state.chatBoard.loading);
+  const {
+    randonOperators
+  } = useAppSelector(state => state.Operators);
+  const inputText = useRef(null);
+  const [text, setText] = useState('');
+  const {
+    files,
+    onChange,
+    cleanUploadFiles,
+    deleteFile,
+    loadMoreFiles
+  } = useFileHandlers();
+  const [onTyping$] = useState(() => new Subject());
+  const [showEmoji, setShowEmoji] = useState(false);
+  const props = {
+    app,
+    awaitMessages,
+    chat,
+    chatBoard,
+    dispatch,
+    randonOperators
+  };
+  // TODO: averiguar la forma de encapsular esto en un custom hook
+  useEffect(() => {
+    // @ts-ignore
+    const subscription = onTyping$.pipe(filter(v => !!v), debounceTime(800), distinctUntilChanged()).subscribe(data => {
+      if (data.tikketId !== null) {
+        sendTyping(data);
+      }
+    });
+    // TODO: averiguar como desubcribir esto sin sin joder el observable.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(() => {
+    if (chat.textBoxMessage !== undefined) {
+      setText(chat.textBoxMessage);
+    }
+  }, [chat.textBoxMessage]);
+  const handleSearch = e => {
+    const data = {
+      message: e.nativeEvent.text,
+      tikketId: chat.tikketId,
+      token: app.token,
+      channelId: app.channelId
+    };
+    onTyping$.next(data);
+    setText(e.nativeEvent.text);
+  };
+  const onEmojiClick = emoji => {
+    setText(text.concat(emoji));
+    setShowEmoji(false);
+  };
+  const selectFile = async () => {
+    DocumentPicker.pick({
+      allowMultiSelection: true,
+      type: [DocumentPicker.types.allFiles],
+      copyTo: 'cachesDirectory'
+    }).then(result => {
+      const clipFiles = result;
+      verifyUploadFiles(files.length, clipFiles, chat.tikketId, loadMoreFiles, onChange, app.token, app.channelId);
+    }).catch(() => {});
+  };
+
+  // const selectImageOrVideo = async (type: any) => {
+  //   try {
+  //     const res = await openFile(type);
+  //     const clipFiles = res.assets.map((file: any) => {
+  //       return {
+  //         ...file,
+  //         size: file.fileSize,
+  //         fileCopyUri: file.uri,
+  //         name: file.fileName,
+  //       };
+  //     });
+
+  //     verifyUploadFiles(
+  //       files.length,
+  //       clipFiles,
+  //       chat.tikketId,
+  //       loadMoreFiles,
+  //       onChange,
+  //       app.token,
+  //       app.channelId
+  //     );
+  //   } catch (error) {
+  //     console.log(error);
+  //   }
+  // };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showEmoji && /*#__PURE__*/React.createElement(View, {
+    style: styles.emojiCard
+  }, /*#__PURE__*/React.createElement(PickerComponent, {
+    close: () => setShowEmoji(false),
+    onEmojiClick: onEmojiClick,
+    showEmoji: showEmoji
+  })), /*#__PURE__*/React.createElement(View, {
+    style: [styles.view4, {
+      height: files.length > 0 ? '35%' : '20%',
+      maxHeight: files.length > 0 ? '45%' : '35%'
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.cardInput
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.chatInput
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: '70%',
+      flexDirection: 'row',
+      margin: 2,
+      marginRight: 5,
+      alignItems: 'flex-start',
+      justifyContent: 'flex-start'
+    }
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.textarea,
+    value: text,
+    placeholderTextColor: '#000',
+    placeholder: app.labels.chat_placeholder,
+    ref: inputText,
+    multiline: true,
+    numberOfLines: 5,
+    onKeyPress: e => {
+      if (e.nativeEvent.key === 'Enter' && !loading) {
+        submitMsj(props, text, files, cleanUploadFiles, false, dispatch);
+        setText('');
+      }
+    },
+    onChange: handleSearch
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.icons
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.buttonIcons,
+    onPress: () => {
+      setShowEmoji(!showEmoji);
+    }
+  }, /*#__PURE__*/React.createElement(IconsSmile, {
+    color: app.initProperties.primaryColor,
+    width: 16,
+    height: 16
+  })), chat.tikketId && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.buttonIcons,
+    onPress: () => {
+      if (!app.FormChat.sent) {
+        openModal();
+        return;
+      }
+      selectFile();
+    }
+  }, /*#__PURE__*/React.createElement(IconPaperclip, {
+    color: app.initProperties.primaryColor,
+    width: 16,
+    height: 16
+  }))), text.length > 1 && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.buttonIcons,
+    onPress: () => {
+      if (!loading) {
+        submitMsj(props, text, files, cleanUploadFiles, false, dispatch);
+        setText('');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(IconPaperPlane, {
+    color: app.initProperties.primaryColor,
+    width: 16,
+    height: 16
+  })))), /*#__PURE__*/React.createElement(View, {
+    style: styles.chatFiles
+  }, files.map(({
+    src,
+    id,
+    loading,
+    type
+  }, index) => /*#__PURE__*/React.createElement(View, {
+    key: `thumb${index}`,
+    style: styles.thumbnailWrapper
+  }, loading && /*#__PURE__*/React.createElement(View, {
+    style: styles.loading
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: Platform.OS !== 'ios' ? 15 : 'small',
+    color: app.initProperties.primaryColor
+  })), !loading && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.delete,
+    onPress: () => {
+      deleteFile(id);
+    }
+  }, /*#__PURE__*/React.createElement(IconTimesCircle, {
+    color: app.initProperties.primaryColor,
+    width: 16,
+    height: 16
+  })), src ? /*#__PURE__*/React.createElement(Image, {
+    style: styles.thumbnail,
+    source: {
+      uri: src
+    }
+  }) : type.includes('pdf') ? /*#__PURE__*/React.createElement(IconPdf, {
+    width: 40,
+    height: 40
+  }) : type.includes('ppt') ? /*#__PURE__*/React.createElement(IconPPT, {
+    width: 40,
+    height: 40
+  }) : type.includes('video') ? /*#__PURE__*/React.createElement(VideoIcon, {
+    width: 40,
+    height: 40
+  }) : type.includes('doc') ? /*#__PURE__*/React.createElement(IconDoc, {
+    width: 40,
+    height: 40
+  }) : type.includes('xls') && /*#__PURE__*/React.createElement(XlsIcon, {
+    width: 40,
+    height: 40
+  })))))));
+};
+const verifyUploadFiles = (fileCount, uploadFiles, tikketId, loadMoreFiles, onChange, token, channelId) => {
+  fileCount > 0 ? loadMoreFiles(uploadFiles, tikketId, fileCount, token, channelId) : onChange(uploadFiles, tikketId, token, channelId);
+};
+export const submitMsj = (props, inputText, files, cleanUploadFiles, bot, dispatch) => {
+  var _props$previews;
+  let newMessaje = {};
+  const loadedFiles = verifyFiles(files);
+  const {
+    app,
+    chat,
+    awaitMessages,
+    randonOperators
+  } = props;
+  const {
+    token,
+    channelId
+  } = app;
+  const {
+    tikketId
+  } = chat;
+  let search_open_chat = (_props$previews = props.previews) === null || _props$previews === void 0 ? void 0 : _props$previews.findIndex(el => el.lastMessage.closed === false || !el.lastMessage.closed);
+  if (loadedFiles.length > 0 || inputText !== '' || bot) {
+    if (!app.FormChat.sent && !app.user) {
+      openModal();
+      return;
+    }
+    newMessaje = {
+      message: inputText,
+      date: getDate(),
+      typePerson: 'client',
+      name: 'yo',
+      read: true,
+      token,
+      channelId,
+      tikketId
+    };
+    if (loadedFiles.length > 0) {
+      if (isFilesOk(loadedFiles)) {
+        newMessaje.files = mapFilesToSend(loadedFiles);
+        newMessaje.viewFiles = mapFilesToView(loadedFiles);
+      }
+      cleanUploadFiles(loadedFiles);
+    }
+    if (chat.detail.length === 0) {
+      var _app$initProperties, _randonOperators$;
+      dispatch(initMsjDetail({
+        message: (_app$initProperties = app.initProperties) === null || _app$initProperties === void 0 ? void 0 : _app$initProperties.chatFirstMessage,
+        date: getDate(),
+        userId: (_randonOperators$ = randonOperators[0]) === null || _randonOperators$ === void 0 ? void 0 : _randonOperators$.userId
+      }));
+      dispatch(setLoadingMsjBot(true));
+    }
+
+    // console.log(newMessaje);
+
+    if (thereIsnTikketIdYet(chat) && search_open_chat === -1) {
+      dispatch(RenderMessageWithoutTikketId(newMessaje));
+    } else {
+      dispatch(sendMessageHandler(newMessaje));
+    }
+    if (awaitMessages === null) {
+      dispatch(setAwaitMessages([newMessaje]));
+    } else {
+      var array = [...awaitMessages];
+      array.push(newMessaje);
+      dispatch(setAwaitMessages(array));
+    }
+    dispatch(setQuickReplies(false));
+  }
+};
+const isFilesOk = loadedFiles => {
+  const files = mapFilesToSend(loadedFiles);
+  let flag = true;
+  if (files.length > 0) {
+    files.forEach(f => {
+      if (isObjEmpty(f)) {
+        flag = false;
+        const error = ['no se pudo cargar el archivo'];
+        setErrors(error);
+      }
+    });
+  }
+  return flag;
+};
+
+// const validEvent = (e: any) => {
+//   if (Platform.OS === 'web') {
+//     return e.key === 'Enter' || e.type === 'click';
+//   } else {
+//     return true;
+//   }
+// };
+
+const openModal = () => {
+  const error = ['debe diligenciar el formulario para poder continuar'];
+  setErrors(error);
+};
+const mapFilesToSend = files => {
+  return files.map(file => {
+    return {
+      url: file.urlUploaded,
+      type: file.type
+    };
+  });
+};
+const verifyFiles = files => {
+  return files.filter(element => {
+    return !element.loading;
+  });
+};
+const mapFilesToView = files => {
+  return files.map(file => {
+    return {
+      url: file.urlUploaded,
+      fileIcon: file.src,
+      type: file.type
+    };
+  });
+};
+const styles = StyleSheet.create({
+  cardInput: {
+    minHeight: '20%',
+    maxHeight: '80%',
+    width: '100%'
+  },
+  chatInput: {
+    backgroundColor: '#fff',
+    flexDirection: 'row',
+    // alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+    // maxHeight: 150,
+    // flex: 1,
+    borderTopColor: '#cccccc',
+    borderTopWidth: 1
+  },
+  emojiCard: {
+    position: 'absolute',
+    left: Platform.OS === 'web' ? '15%' : 0,
+    bottom: Platform.OS === 'web' ? 100 : 150,
+    zIndex: 2000,
+    backgroundColor: '#fff'
+  },
+  textarea: {
+    paddingLeft: 15,
+    // fontFamily: 'Roboto',
+    fontSize: 12.8,
+    borderWidth: 0,
+    borderColor: '#fff',
+    color: '#000',
+    width: '100%',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-start',
+    textAlignVertical: 'top',
+    minHeight: 150,
+    maxHeight: 35,
+    padding: 10
+  },
+  attach: {
+    width: 16,
+    height: 16,
+    margin: 8,
+    color: '#000'
+  },
+  buttonIcons: {
+    width: 20,
+    height: 20,
+    margin: 5,
+    marginTop: 10
+  },
+  icons: {
+    width: '30%',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    // minHeight: 40,
+    flex: 1,
+    // maxHeight: 120,
+    paddingRight: 5,
+    marginBottom: 10,
+    // paddingTop: 5,
+    alignItems: 'center',
+    justifyContent: 'center'
+    // paddingHorizontal: 5,
+  },
+  thumbnail: {
+    width: 40,
+    height: 40,
+    borderRadius: 5
+  },
+  chatFiles: {
+    flexDirection: 'row',
+    margin: 10
+  },
+  thumbnailWrapper: {},
+  loading: {
+    position: 'absolute',
+    marginLeft: 30,
+    borderRadius: 15,
+    padding: 8,
+    marginTop: -8,
+    backgroundColor: '#fff',
+    borderWidth: 0.5,
+    zIndex: 10,
+    borderColor: '#ececec'
+    // box-shadow: 0px 0px 8px 0px rgb(219, 219, 219);
+  },
+  delete: {
+    position: 'absolute',
+    marginLeft: 28,
+    marginTop: -15,
+    // backgroundColor: '#fff',
+    zIndex: 10
+  },
+  view4: {
+    width: '100%',
+    position: 'absolute',
+    bottom: 10
+  }
+});
+export default TextBox;
+//# sourceMappingURL=TextBox.js.map

package/lib/module/components/chat/textBox/TextBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useState","View","TextInput","Image","StyleSheet","TouchableOpacity","ActivityIndicator","Platform","PickerComponent","sendMessageHandler","RenderMessageWithoutTikketId","initMsjDetail","setAwaitMessages","getDate","isObjEmpty","thereIsnTikketIdYet","debounceTime","distinctUntilChanged","filter","Subject","DocumentPicker","sendTyping","useFileHandlers","setErrors","setQuickReplies","setLoadingMsjBot","IconsSmile","IconPaperclip","IconPaperPlane","IconTimesCircle","IconPdf","IconPPT","VideoIcon","IconDoc","XlsIcon","useAppDispatch","useAppSelector","TextBox","chatBoard","dispatch","app","state","chat","awaitMessages","Storage","loading","randonOperators","Operators","inputText","text","setText","files","onChange","cleanUploadFiles","deleteFile","loadMoreFiles","onTyping$","showEmoji","setShowEmoji","props","subscription","pipe","v","subscribe","data","tikketId","textBoxMessage","undefined","handleSearch","e","message","nativeEvent","token","channelId","next","onEmojiClick","emoji","concat","selectFile","pick","allowMultiSelection","type","types","allFiles","copyTo","then","result","clipFiles","verifyUploadFiles","length","catch","createElement","Fragment","style","styles","emojiCard","close","view4","height","maxHeight","cardInput","chatInput","width","flexDirection","margin","marginRight","alignItems","justifyContent","textarea","value","placeholderTextColor","placeholder","labels","chat_placeholder","ref","multiline","numberOfLines","onKeyPress","key","submitMsj","icons","buttonIcons","onPress","color","initProperties","primaryColor","FormChat","sent","openModal","chatFiles","map","src","id","index","thumbnailWrapper","size","OS","delete","thumbnail","source","uri","includes","fileCount","uploadFiles","bot","_props$previews","newMessaje","loadedFiles","verifyFiles","search_open_chat","previews","findIndex","el","lastMessage","closed","user","date","typePerson","name","read","isFilesOk","mapFilesToSend","viewFiles","mapFilesToView","detail","_app$initProperties","_randonOperators$","chatFirstMessage","userId","array","push","flag","forEach","f","error","file","url","urlUploaded","element","fileIcon","create","minHeight","backgroundColor","borderTopColor","borderTopWidth","position","left","bottom","zIndex","paddingLeft","fontSize","borderWidth","borderColor","textAlignVertical","padding","attach","marginTop","flexWrap","flex","paddingRight","marginBottom","borderRadius","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/chat/textBox/TextBox.tsx"],"mappings":"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"}

package/lib/module/components/chatBoard/ChatBoard.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { View, TouchableOpacity, StyleSheet, Platform, StatusBar } from 'react-native';
+
+// Component
+import Chat from '../chat/Chat';
+import Footer from '../footer/Footer';
+import Conversations from '../conversations/Conversations';
+import Main from '../main/Main';
+import SearchHelpCenter from '../helpCenter/SearchHelpCenter/SearchHelpCenter';
+import Loading from '../loading/Loading';
+
+// Svg
+import CloseIcon from '../../assets/svg/close';
+
+// Actions
+import { setOpenClosed } from '../../redux/actions/storage.actions';
+
+// Hooks
+import { useAppDispatch, useAppSelector } from '../../hooks/redux-hooks';
+// const STATUS_BAR_HEIGHT = Platform.OS === 'ios' ? 44 : 0;
+
+const StatusBarPlaceHolder = ({
+  backgroundColor
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.view2, {
+      backgroundColor
+    }]
+  }, /*#__PURE__*/React.createElement(StatusBar, {
+    animated: true,
+    backgroundColor: backgroundColor,
+    barStyle: 'light-content',
+    showHideTransition: 'fade'
+  }));
+};
+const ChatBoard = ({
+  selectFile
+}) => {
+  const chatboard = useAppSelector(state => state.chatBoard);
+  const initprops = useAppSelector(state => state.app.initProperties);
+  const {
+    labels
+  } = useAppSelector(state => state.app);
+  const dispatch = useAppDispatch();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatusBarPlaceHolder, {
+    backgroundColor: initprops.primaryColor
+  }), chatboard.loading && /*#__PURE__*/React.createElement(Loading, null), /*#__PURE__*/React.createElement(React.Fragment, null, chatboard.boardView === 'search' ? /*#__PURE__*/React.createElement(SearchHelpCenter, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: () => {
+      dispatch(setOpenClosed(false));
+    }
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    color: '#fff',
+    width: 24,
+    height: 24
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.board
+  }, chatboard.boardView === 'main' && /*#__PURE__*/React.createElement(Main, null), chatboard.boardView === 'chat' && /*#__PURE__*/React.createElement(Chat, {
+    selectFile: selectFile
+  }), chatboard.boardView === 'conversations' && /*#__PURE__*/React.createElement(Conversations, null)), /*#__PURE__*/React.createElement(Footer, {
+    labels: labels,
+    whiteMark: initprops.whiteMark
+  }))));
+};
+const styles = StyleSheet.create({
+  closeButton: {
+    position: 'absolute',
+    top: Platform.OS === 'ios' ? 25 : 10,
+    right: 10,
+    zIndex: 100
+  },
+  icon: {
+    color: '#FFFFFF',
+    width: 24,
+    height: 24
+  },
+  board: {
+    backgroundColor: '#fff',
+    height: Platform.OS === 'ios' ? '95%' : '100%'
+  },
+  view2: {
+    width: '100%',
+    // height: STATUS_BAR_HEIGHT,
+    borderBottomColor: '#fff',
+    borderBottomWidth: 0.2
+  }
+});
+export default ChatBoard;
+//# sourceMappingURL=ChatBoard.js.map

package/lib/module/components/chatBoard/ChatBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","Platform","StatusBar","Chat","Footer","Conversations","Main","SearchHelpCenter","Loading","CloseIcon","setOpenClosed","useAppDispatch","useAppSelector","StatusBarPlaceHolder","backgroundColor","createElement","style","styles","view2","animated","barStyle","showHideTransition","ChatBoard","selectFile","chatboard","state","chatBoard","initprops","app","initProperties","labels","dispatch","Fragment","primaryColor","loading","boardView","closeButton","onPress","color","width","height","board","whiteMark","create","position","top","OS","right","zIndex","icon","borderBottomColor","borderBottomWidth"],"sourceRoot":"../../../../src","sources":["components/chatBoard/ChatBoard.tsx"],"mappings":"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"}

package/lib/module/components/chatButton/ChatButton.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+
+// Actions
+import { changeVisibility } from '../../redux/actions/chatBoard.actions';
+
+// Hooks
+import { useAppDispatch, useAppSelector } from '../../hooks/redux-hooks';
+const styles = StyleSheet.create({
+  btnChat: {
+    borderRadius: 50,
+    height: 40,
+    width: 40,
+    fontSize: 2
+  }
+});
+const ChatButton = () => {
+  const dispatch = useAppDispatch();
+  const chatboard = useAppSelector(state => state.chatBoard);
+  const app = useAppSelector(state => state.app);
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.btnChat, {
+      backgroundColor: app.initProperties.primaryColor
+    }],
+    onPress: () => {
+      dispatch(changeVisibility(!chatboard.showBoard));
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "fas fa-comments",
+    style: {
+      color: app.initProperties.primaryTextColor
+    }
+  }));
+};
+export default ChatButton;
+//# sourceMappingURL=ChatButton.js.map

package/lib/module/components/chatButton/ChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","changeVisibility","useAppDispatch","useAppSelector","styles","create","btnChat","borderRadius","height","width","fontSize","ChatButton","dispatch","chatboard","state","chatBoard","app","createElement","style","backgroundColor","initProperties","primaryColor","onPress","showBoard","className","color","primaryTextColor"],"sourceRoot":"../../../../src","sources":["components/chatButton/ChatButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;;AAE3D;AACA,SAASC,gBAAgB,QAAQ,uCAAuC;;AAExE;AACA,SAASC,cAAc,EAAEC,cAAc,QAAQ,yBAAyB;AAIxE,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,MAAMC,UAA+B,GAAGA,CAAA,KAAM;EAC5C,MAAMC,QAAQ,GAAGV,cAAc,CAAC,CAAC;EAEjC,MAAMW,SAAS,GAAGV,cAAc,CAAEW,KAAK,IAAKA,KAAK,CAACC,SAAS,CAAC;EAC5D,MAAMC,GAAG,GAAGb,cAAc,CAAEW,KAAK,IAAKA,KAAK,CAACE,GAAG,CAAC;EAEhD,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB;IACfkB,KAAK,EAAE,CACLd,MAAM,CAACE,OAAO,EACd;MACEa,eAAe,EAAEH,GAAG,CAACI,cAAc,CAACC;IACtC,CAAC,CACD;IACFC,OAAO,EAAEA,CAAA,KAAM;MACbV,QAAQ,CAACX,gBAAgB,CAAC,CAACY,SAAS,CAACU,SAAS,CAAC,CAAC;IAClD;EAAE,gBAEFzB,KAAA,CAAAmB,aAAA;IACEO,SAAS,EAAC,iBAAiB;IAC3BN,KAAK,EAAE;MACLO,KAAK,EAAET,GAAG,CAACI,cAAc,CAACM;IAC5B;EAAE,CACH,CACe,CAAC;AAEvB,CAAC;AAED,eAAef,UAAU"}

package/lib/module/components/chatDate/ChatDate.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import moment from 'moment';
+import 'moment/locale/es';
+const styles = StyleSheet.create({
+  date: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    padding: 5
+  },
+  text: {
+    fontSize: 16,
+    color: '#8f8e94'
+  }
+});
+const ChatDate = ({
+  date,
+  lang
+}) => {
+  date = date.split('-').join('/');
+  lang = lang === 'spanish' ? 'en' : 'en';
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.date
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, moment(date).locale(lang).format('LL')));
+};
+export default ChatDate;
+//# sourceMappingURL=ChatDate.js.map

package/lib/module/components/chatDate/ChatDate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","moment","styles","create","date","flexDirection","justifyContent","padding","text","fontSize","color","ChatDate","lang","split","join","createElement","style","locale","format"],"sourceRoot":"../../../../src","sources":["components/chatDate/ChatDate.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,OAAOC,MAAM,MAAM,QAAQ;AAC3B,OAAO,kBAAkB;AAOzB,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,QAA2B,GAAGA,CAAC;EAAEP,IAAI;EAAEQ;AAAK,CAAC,KAAK;EACtDR,IAAI,GAAGA,IAAI,CAACS,KAAK,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAChCF,IAAI,GAAGA,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI;EAEvC,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEd,MAAM,CAACE;EAAK,gBACvBP,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAEd,MAAM,CAACM;EAAK,GAAEP,MAAM,CAACG,IAAI,CAAC,CAACa,MAAM,CAACL,IAAI,CAAC,CAACM,MAAM,CAAC,IAAI,CAAQ,CACpE,CAAC;AAEX,CAAC;AAED,eAAeP,QAAQ"}