@socialgest/rn-widget 0.0.1

package/lib/module/components/chat/formMessage/FormMessage.js

@@ -0,0 +1,135 @@
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, View, Text, Linking, TouchableOpacity, Platform } from 'react-native';
+
+// Actions
+import { setErrors, sendChatForm } from '../../../redux/actions/app.actions';
+// Helper
+import { validateEmail, makeObjFields } from '../../../helpers/form.helper';
+import { makeInput } from '../../../helpers/render.helper';
+import { isObjEmpty } from '../../../helpers/utils.helper';
+
+// Hooks
+import { useAppDispatch, useAppSelector } from '../../../hooks/redux-hooks';
+const FormMessage = () => {
+  const initProps = useAppSelector(state => state.app.initProperties);
+  const formChat = useAppSelector(state => state.app.FormChat);
+  const {
+    labels
+  } = useAppSelector(state => state.app);
+  const dispatch = useAppDispatch();
+  const objFields = makeObjFields(formChat.fields);
+  let [initForm, setInitForm] = useState([]);
+  const inputs = makeInput(formChat, initFormHandler, setInitForm, initForm);
+  useEffect(() => {
+    if (initForm.length === 0) {
+      setInitForm(objFields);
+    }
+  }, [initForm]);
+  if (isObjEmpty(objFields)) {
+    return /*#__PURE__*/React.createElement(View, null);
+  } else {
+    return /*#__PURE__*/React.createElement(View, {
+      style: Styles.content
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: Styles.text
+    }, formChat.formMessage), /*#__PURE__*/React.createElement(View, {
+      style: Styles.form
+    }, inputs, formChat.urlPrivacyPolicy && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: async () => {
+        const supported = await Linking.canOpenURL(formChat.urlPrivacyPolicy);
+        if (supported) {
+          await Linking.openURL(formChat.urlPrivacyPolicy);
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: Styles.aproveMessage
+    }, labels.form_policy_label, ' ', /*#__PURE__*/React.createElement(Text, {
+      style: [Styles.aproveMessage, {
+        color: initProps.primaryColor
+      }]
+    }, labels.form_policy_link))), /*#__PURE__*/React.createElement(View, {
+      style: Styles.btnSubmitContent
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: e => {
+        sendForm(e, initForm, formChat.fields, setErrors, initProps, sendChatForm, dispatch);
+      },
+      style: [Styles.btnSubmit, {
+        backgroundColor: initProps.primaryColor
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [Styles.btnText, {
+        color: initProps.primaryTextColor
+      }]
+    }, labels.form_policy_button)))));
+  }
+};
+const Styles = StyleSheet.create({
+  content: {
+    width: '100%'
+  },
+  form: {},
+  text: {
+    fontSize: 12,
+    color: '#000'
+  },
+  btnSubmit: {
+    marginTop: 10,
+    padding: 10,
+    borderRadius: 3,
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '50%'
+  },
+  btnSubmitContent: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  btnText: {
+    fontSize: 12,
+    fontWeight: '400',
+    color: '#fff'
+  },
+  aproveMessage: {
+    fontSize: 10,
+    color: '#000'
+  }
+});
+const initFormHandler = (e, setInitForm, initForm, type = undefined, name) => {
+  if (typeof type === 'undefined') {
+    setInitForm({
+      ...initForm,
+      [name]: Platform.OS === 'web' ? e.target.value : e.nativeEvent.text
+    });
+  } else {
+    setInitForm({
+      ...initForm,
+      [name]: Date.parse(e.target.value)
+    });
+  }
+};
+const sendForm = (e, initForm, fields, setErrors, initProps, sendChatForm, dispatch) => {
+  e.preventDefault();
+  const errors = [];
+  fields.forEach(field => {
+    if (initForm[field.id] === '' && field.required) {
+      errors.push(`campos requeridos`);
+      // throw BreakException;
+    }
+    if (field.id === 'email' && !validateEmail(initForm[field.id])) {
+      errors.push('correo electrónico no válido');
+    }
+    dispatch(setErrors(errors));
+    setTimeout(() => {
+      dispatch(setErrors([]));
+    }, 2000);
+  });
+  if (errors.length === 0) {
+    const body = {
+      last_url: initProps.lastUrl,
+      user: initForm
+    };
+    dispatch(sendChatForm(body));
+  }
+};
+export default FormMessage;
+//# sourceMappingURL=FormMessage.js.map

package/lib/module/components/chat/formMessage/FormMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","StyleSheet","View","Text","Linking","TouchableOpacity","Platform","setErrors","sendChatForm","validateEmail","makeObjFields","makeInput","isObjEmpty","useAppDispatch","useAppSelector","FormMessage","initProps","state","app","initProperties","formChat","FormChat","labels","dispatch","objFields","fields","initForm","setInitForm","inputs","initFormHandler","length","createElement","style","Styles","content","text","formMessage","form","urlPrivacyPolicy","onPress","supported","canOpenURL","openURL","aproveMessage","form_policy_label","color","primaryColor","form_policy_link","btnSubmitContent","e","sendForm","btnSubmit","backgroundColor","btnText","primaryTextColor","form_policy_button","create","width","fontSize","marginTop","padding","borderRadius","justifyContent","alignItems","fontWeight","type","undefined","name","OS","target","value","nativeEvent","Date","parse","preventDefault","errors","forEach","field","id","required","push","setTimeout","body","last_url","lastUrl","user"],"sourceRoot":"../../../../../src","sources":["components/chat/formMessage/FormMessage.tsx"],"mappings":"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"}

package/lib/module/components/chat/messageItem/MessageItem.js

@@ -0,0 +1,329 @@
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Image, View, Text, Linking, TouchableOpacity } from 'react-native';
+// import HTMLView from 'react-native-htmlview';
+import Hyperlink from 'react-native-hyperlink';
+
+// import moment from 'moment';
+
+// Helper
+import { docItemsHandler } from '../../../helpers/render.helper';
+import TimeAgo from '../../../helpers/timeAgo.helper';
+import { existProp, getDate } from '../../../helpers/utils.helper';
+
+// Hooks
+import { useAppSelector, useAppDispatch } from '../../../hooks/redux-hooks';
+
+// Component
+import FormMessage from '../formMessage/FormMessage';
+import ErrorSendMessage from '../../errors/ErrorsSendMessage';
+
+// Actions
+import { resettMsjDetail, setErrorSendMessage, sendMessageHandler } from '../../../redux/actions/chat.actions';
+import { changeBot } from '../../../redux/actions/app.actions';
+import { reconectSocket } from '../../../redux/actions/app.actions';
+import IconExclamationTriangle from '../../../assets/svg/exclamationtriangle';
+import IconSync from '../../../assets/svg/sync';
+
+// function renderNode(node: any, index: number) {
+//   if (node.name === 'img') {
+//     const data = node.attribs;
+//     return (
+//       <Image
+//         key={index}
+//         source={{ uri: data.src }}
+//         resizeMode="contain"
+//         style={styles.imageNode}
+//       />
+//     );
+//   }
+//   return null;
+// }
+
+const MessageItem = props => {
+  const dispatch = useAppDispatch();
+  const app = useAppSelector(state => state.app);
+  const chat = useAppSelector(state => state.chat);
+  const botMessage = props.data.botMesssage;
+  const {
+    bot,
+    initProperties,
+    user,
+    bots,
+    token,
+    channelId,
+    labels
+  } = app;
+  const showOpInfo = initProperties.showOperatorsInfo;
+  const showOperatorName = initProperties.showOperatorName;
+  const {
+    tikketId
+  } = chat;
+  const [bot_new, setBotNew] = useState(bot);
+  const operators = useAppSelector(state => state.Storage.operators_complete);
+  const files = props.data.files;
+  useEffect(() => {
+    if (props.data.bot_id && Array.isArray(bots)) {
+      const search_bot = bots.find(el => el.bot_id === props.data.bot_id);
+      if (search_bot && bot_new.name !== search_bot.bot.name) {
+        dispatch(changeBot(search_bot.bot));
+        setBotNew(search_bot.bot);
+      }
+    }
+  }, [props.data.bot_id]);
+  const docs = typeof files !== 'undefined' && files.length !== 0 ? docItemsHandler(props.data.files) : [];
+  const type = typeof props.data.type === 'undefined' ? 'message' : props.data.type;
+  const isCLient = props.data.typePerson === 'client';
+  const operatorData = getOpertarorInfo(props.data.userId, operators);
+  const activeOperators = operatorData; //props.operators.filter(({active}) => active).slice(0, 3)
+
+  const clientStyles = isCLient ? {
+    backgroundColor: app.initProperties.primaryColor
+  } : {};
+  const clientStylesError = isCLient ? {
+    background: '#c8120f',
+    color: '#ffffff'
+  } : {};
+  if (isCLient) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.client
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.messageError2
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.message, props.data.retry ? clientStylesError : clientStyles]
+    }, props.data.message && /*#__PURE__*/React.createElement(Hyperlink, {
+      linkStyle: {
+        color: '#2C8FFF'
+      },
+      onPress: async url => {
+        await Linking.openURL(url);
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        color: app.initProperties.primaryTextColor
+      }
+    }, props.data.message.replace(new RegExp('<div><br></div><div>', 'g'), '\n \n').replace(/<[^>]*>?/g, '').replace(/&nbsp;/g, ' '))), docs.length !== 0 && /*#__PURE__*/React.createElement(View, {
+      style: styles.fileContent
+    }, docs)), props.data.retry && /*#__PURE__*/React.createElement(IconExclamationTriangle, {
+      width: 10,
+      height: 10,
+      color: '#c8120f'
+    })), /*#__PURE__*/React.createElement(TimeAgo, {
+      style: styles.time,
+      time: props.data.date
+    }), props.data.retry && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ErrorSendMessage, null), /*#__PURE__*/React.createElement(View, {
+      style: styles.messageError
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => {
+        const search_message = chat.detail.filter(el => el.message !== props.data.message);
+        dispatch(resettMsjDetail(search_message));
+        dispatch(setErrorSendMessage(false));
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.messageErrorText, styles.messageErrorCancel]
+    }, labels.cancel)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => {
+        dispatch(reconectSocket());
+        props.data.date = getDate();
+        props.data.tikketId = tikketId;
+        props.data.channelId = channelId;
+        props.data.retry = false;
+        props.data.resend = true;
+        props.data.token = token;
+        dispatch(setErrorSendMessage(false));
+        dispatch(sendMessageHandler(props.data));
+        dispatch(resettMsjDetail(chat.detail));
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.messageErrorText, styles.messageErrorCancel]
+    }, labels.retry_message), /*#__PURE__*/React.createElement(IconSync, {
+      color: app.initProperties.primaryColor,
+      width: 10,
+      height: 10
+    })))));
+  }
+  if (type === 'message' || user) {
+    var _props$data$message2;
+    // const htmlContent: string = `<p>${props.data.message}</p>`;
+    if (existProp(props.data, 'messageType')) {
+      var _props$data$message;
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.viewOperator
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.msjAndPhoto
+      }, /*#__PURE__*/React.createElement(Image, {
+        style: styles.msjAndPhotoImage,
+        source: {
+          uri: showOpInfo && activeOperators.length > 0 ? activeOperators[0].imgURL : bot_new.photo
+        }
+      }), /*#__PURE__*/React.createElement(View, {
+        style: [styles.operator, styles.message]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, styles.bold]
+      }, showOpInfo && activeOperators.length > 0 ? activeOperators[0].name : !showOpInfo && showOperatorName ? showOperatorName : bot_new.name), ((_props$data$message = props.data.message) === null || _props$data$message === void 0 ? void 0 : _props$data$message.length) > 0 && /*#__PURE__*/React.createElement(Hyperlink, {
+        linkStyle: {
+          color: '#2C8FFF'
+        },
+        onPress: async url => {
+          await Linking.openURL(url);
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: {
+          color: '#000'
+        }
+      }, props.data.message.replace(new RegExp('<div><br></div><div>', 'g'), '\n \n').replace(/<[^>]*>?/g, '').replace(/&nbsp;/g, ' '))))), props.data.date && /*#__PURE__*/React.createElement(TimeAgo, {
+        style: styles.time,
+        time: props.data.date
+      }));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.viewOperator
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.msjAndPhoto
+    }, botMessage && /*#__PURE__*/React.createElement(Image, {
+      style: styles.msjAndPhotoImage,
+      source: {
+        uri: bot_new.photo
+      }
+    }), !botMessage && /*#__PURE__*/React.createElement(Image, {
+      style: styles.msjAndPhotoImage,
+      source: {
+        uri: showOpInfo && operatorData.length > 0 ? operatorData[0].imgURL : bot_new.photo
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [styles.operator, styles.message]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, styles.bold]
+    }, botMessage && /*#__PURE__*/React.createElement(Text, null, bot_new.name), !botMessage && /*#__PURE__*/React.createElement(Text, null, showOpInfo && operatorData.length > 0 ? operatorData[0].name : !showOpInfo && showOperatorName ? showOperatorName : labels.operator)), ((_props$data$message2 = props.data.message) === null || _props$data$message2 === void 0 ? void 0 : _props$data$message2.length) > 0 && /*#__PURE__*/React.createElement(Hyperlink, {
+      linkStyle: {
+        color: '#2C8FFF'
+      },
+      onPress: async url => {
+        await Linking.openURL(url);
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        color: '#000'
+      }
+    }, props.data.message.replace(new RegExp('<div><br></div><div>', 'g'), '\n \n').replace(/<[^>]*>?/g, '').replace(/&nbsp;/g, ' '))), docs.length !== 0 && /*#__PURE__*/React.createElement(View, {
+      style: styles.fileContent
+    }, docs))), props.data.date && /*#__PURE__*/React.createElement(TimeAgo, {
+      style: styles.time,
+      time: props.data.date
+    }));
+  } else if (type === 'form' && !user) {
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+      style: styles.msjAndPhoto
+    }, /*#__PURE__*/React.createElement(Image, {
+      style: styles.msjAndPhotoImage,
+      source: {
+        uri: showOpInfo && activeOperators.length > 0 ? activeOperators[0].imgURL : bot_new.photo
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [styles.message, styles.operator, styles.form]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, styles.bold]
+    }, showOpInfo && activeOperators.length > 0 ? activeOperators[0].name : !showOpInfo && showOperatorName ? showOperatorName : bot_new.name), /*#__PURE__*/React.createElement(FormMessage, null))));
+  }
+  return null;
+};
+const getOpertarorInfo = (userId, Operators) => {
+  return Operators.filter(operator => operator.userId === userId);
+};
+const styles = StyleSheet.create({
+  messageError: {
+    flexDirection: 'row',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end'
+  },
+  messageErrorCancel: {
+    color: 'red',
+    marginRight: 10
+  },
+  messageErrorText: {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  messageError2: {
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    display: 'flex'
+  },
+  imageNode: {
+    height: 100,
+    width: 100
+  },
+  client: {
+    textAlign: 'right',
+    display: 'flex',
+    flexDirection: 'column',
+    alignSelf: 'flex-end',
+    maxWidth: '80%'
+  },
+  operator: {
+    backgroundColor: '#f5f5f5',
+    maxWidth: '80%',
+    borderWidth: 1,
+    borderColor: '#cccccc',
+    borderRadius: 8
+  },
+  message: {
+    borderRadius: 8,
+    padding: 11
+  },
+  form: {
+    maxWidth: '85%',
+    width: '85%'
+  },
+  text: {
+    fontSize: 12.8,
+    color: '#000'
+  },
+  bold: {
+    fontWeight: 'bold'
+  },
+  viewOperator: {
+    margin: 5,
+    display: 'flex',
+    flexDirection: 'column'
+  },
+  fileContent: {
+    borderRadius: 5,
+    // box-shadow: 0 4px 7px 0px rgba(0, 0, 0, 0.2);
+    margin: 5,
+    alignSelf: 'center'
+  },
+  msjAndPhoto: {
+    flexDirection: 'row'
+  },
+  msjAndPhotoImage: {
+    width: 30,
+    height: 30,
+    borderWidth: 1,
+    borderColor: '#f5f5f5',
+    borderRadius: 15,
+    marginRight: 10,
+    marginTop: 10
+  },
+  time: {
+    fontSize: 10,
+    marginVertical: 5
+  }
+});
+
+// const stylesHtml = StyleSheet.create({
+//   p: {
+//     color: '#000',
+//     fontSize: 12.8, // make links coloured pink
+//   },
+// });
+
+// const stylesHtml2 = StyleSheet.create({
+//   p: {
+//     color: '#FFF',
+//     fontSize: 12.8, // make links coloured pink
+//   },
+// });
+
+export default MessageItem;
+//# sourceMappingURL=MessageItem.js.map

package/lib/module/components/chat/messageItem/MessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","StyleSheet","Image","View","Text","Linking","TouchableOpacity","Hyperlink","docItemsHandler","TimeAgo","existProp","getDate","useAppSelector","useAppDispatch","FormMessage","ErrorSendMessage","resettMsjDetail","setErrorSendMessage","sendMessageHandler","changeBot","reconectSocket","IconExclamationTriangle","IconSync","MessageItem","props","dispatch","app","state","chat","botMessage","data","botMesssage","bot","initProperties","user","bots","token","channelId","labels","showOpInfo","showOperatorsInfo","showOperatorName","tikketId","bot_new","setBotNew","operators","Storage","operators_complete","files","bot_id","Array","isArray","search_bot","find","el","name","docs","length","type","isCLient","typePerson","operatorData","getOpertarorInfo","userId","activeOperators","clientStyles","backgroundColor","primaryColor","clientStylesError","background","color","createElement","style","styles","client","messageError2","message","retry","linkStyle","onPress","url","openURL","primaryTextColor","replace","RegExp","fileContent","width","height","time","date","Fragment","messageError","search_message","detail","filter","messageErrorText","messageErrorCancel","cancel","resend","retry_message","_props$data$message2","_props$data$message","viewOperator","msjAndPhoto","msjAndPhotoImage","source","uri","imgURL","photo","operator","text","bold","form","Operators","create","flexDirection","display","alignItems","justifyContent","marginRight","fontSize","fontWeight","imageNode","textAlign","alignSelf","maxWidth","borderWidth","borderColor","borderRadius","padding","margin","marginTop","marginVertical"],"sourceRoot":"../../../../../src","sources":["components/chat/messageItem/MessageItem.tsx"],"mappings":"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"}

package/lib/module/components/chat/modals/ModalImage.js

@@ -0,0 +1,50 @@
+import React, { useEffect, useState } from 'react';
+import { View, Image, Dimensions } from 'react-native';
+import Modal from 'react-native-modal';
+
+// Actions
+import { setModalImagen } from '../../../redux/actions/storage.actions';
+
+// Hooks
+import { useAppDispatch, useAppSelector } from '../../../hooks/redux-hooks';
+const windowHeight = Dimensions.get('window').height;
+const ModalImagen = () => {
+  const {
+    showModal,
+    urlImage
+  } = useAppSelector(state => state.Storage);
+  const [isModalVisible, setModalVisible] = useState(false);
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    if (showModal !== isModalVisible) {
+      setModalVisible(showModal);
+    }
+  }, [showModal, isModalVisible]);
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Modal, {
+    isVisible: isModalVisible,
+    onBackdropPress: () => {
+      setModalVisible(false);
+      dispatch(setModalImagen({
+        show: false,
+        file: null
+      }));
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: {
+      width: '100%',
+      height: windowHeight - 300,
+      borderRadius: 5
+    },
+    source: {
+      uri: urlImage
+    }
+  }))));
+};
+export default ModalImagen;
+//# sourceMappingURL=ModalImage.js.map

package/lib/module/components/chat/modals/ModalImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Image","Dimensions","Modal","setModalImagen","useAppDispatch","useAppSelector","windowHeight","get","height","ModalImagen","showModal","urlImage","state","Storage","isModalVisible","setModalVisible","dispatch","createElement","isVisible","onBackdropPress","show","file","style","flex","justifyContent","alignItems","width","borderRadius","source","uri"],"sourceRoot":"../../../../../src","sources":["components/chat/modals/ModalImage.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AACtD,OAAOC,KAAK,MAAM,oBAAoB;;AAEtC;AACA,SAASC,cAAc,QAAQ,wCAAwC;;AAEvE;AACA,SAASC,cAAc,EAAEC,cAAc,QAAQ,4BAA4B;AAG3E,MAAMC,YAAY,GAAGL,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;AAEpD,MAAMC,WAAuC,GAAGA,CAAA,KAAM;EACpD,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGN,cAAc,CAAEO,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;EACxE,MAAM,CAACC,cAAc,EAAEC,eAAe,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAMkB,QAAQ,GAAGZ,cAAc,CAAC,CAAC;EAEjCP,SAAS,CAAC,MAAM;IACd,IAAIa,SAAS,KAAKI,cAAc,EAAE;MAChCC,eAAe,CAACL,SAAS,CAAC;IAC5B;EACF,CAAC,EAAE,CAACA,SAAS,EAAEI,cAAc,CAAC,CAAC;EAE/B,oBACElB,KAAA,CAAAqB,aAAA,CAAClB,IAAI,qBACHH,KAAA,CAAAqB,aAAA,CAACf,KAAK;IACJgB,SAAS,EAAEJ,cAAe;IAC1BK,eAAe,EAAEA,CAAA,KAAM;MACrBJ,eAAe,CAAC,KAAK,CAAC;MACtBC,QAAQ,CAACb,cAAc,CAAC;QAAEiB,IAAI,EAAE,KAAK;QAAEC,IAAI,EAAE;MAAK,CAAC,CAAC,CAAC;IACvD;EAAE,gBAEFzB,KAAA,CAAAqB,aAAA,CAAClB,IAAI;IACHuB,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,cAAc,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAS;EAAE,gBAEnE7B,KAAA,CAAAqB,aAAA,CAACjB,KAAK;IACJsB,KAAK,EAAE;MACLI,KAAK,EAAE,MAAM;MACblB,MAAM,EAAEF,YAAY,GAAG,GAAG;MAC1BqB,YAAY,EAAE;IAChB,CAAE;IACFC,MAAM,EAAE;MAAEC,GAAG,EAAElB;IAAS;EAAE,CAC3B,CACG,CACD,CACH,CAAC;AAEX,CAAC;AAED,eAAeF,WAAW"}

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Platform, StyleSheet, Text, View } from 'react-native';
+
+// Hooks
+import { useAppSelector } from '../../../hooks/redux-hooks';
+
+// Svg
+import IconHeadSet from '../../../assets/svg/headset';
+const styles = StyleSheet.create({
+  chatInput: {
+    borderTopColor: '#afafb2',
+    borderTopWidth: 1,
+    backgroundColor: '#f1f1f1',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-around',
+    width: '100%',
+    padding: 15
+  },
+  message: {
+    marginRight: 8
+  },
+  view4: {
+    width: '100%',
+    position: 'absolute',
+    bottom: -10,
+    height: Platform.OS === 'web' ? 78 : '20%',
+    maxHeight: Platform.OS === 'web' ? 88 : '35%'
+  },
+  text: {
+    fontSize: 14,
+    color: '#afafb2'
+  }
+});
+const StartMessage = () => {
+  const {
+    labels
+  } = useAppSelector(state => state.app);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.view4
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.chatInput
+  }, /*#__PURE__*/React.createElement(IconHeadSet, {
+    width: 40,
+    height: 40,
+    color: '#d1d2d3'
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.message
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, labels.no_form_sent_message))));
+};
+export default StartMessage;
+//# sourceMappingURL=startMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","Text","View","useAppSelector","IconHeadSet","styles","create","chatInput","borderTopColor","borderTopWidth","backgroundColor","flexDirection","alignItems","justifyContent","width","padding","message","marginRight","view4","position","bottom","height","OS","maxHeight","text","fontSize","color","StartMessage","labels","state","app","createElement","style","no_form_sent_message"],"sourceRoot":"../../../../../src","sources":["components/chat/startMessage/startMessage.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAE/D;AACA,SAASC,cAAc,QAAQ,4BAA4B;;AAE3D;AACA,OAAOC,WAAW,MAAM,6BAA6B;AAIrD,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,cAAc,EAAE,SAAS;IACzBC,cAAc,EAAE,CAAC;IACjBC,eAAe,EAAE,SAAS;IAC1BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,cAAc;IAC9BC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE;EACX,CAAC;EACDC,OAAO,EAAE;IACPC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE;IACLJ,KAAK,EAAE,MAAM;IACbK,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,EAAE;IACXC,MAAM,EAAEtB,QAAQ,CAACuB,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,KAAK;IAC1CC,SAAS,EAAExB,QAAQ,CAACuB,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG;EAC1C,CAAC;EACDE,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,YAAmC,GAAGA,CAAA,KAAM;EAChD,MAAM;IAAEC;EAAO,CAAC,GAAGzB,cAAc,CAAE0B,KAAK,IAAKA,KAAK,CAACC,GAAG,CAAC;EACvD,oBACEhC,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE3B,MAAM,CAACa;EAAM,gBACxBpB,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE3B,MAAM,CAACE;EAAU,gBAC5BT,KAAA,CAAAiC,aAAA,CAAC3B,WAAW;IAACU,KAAK,EAAE,EAAG;IAACO,MAAM,EAAE,EAAG;IAACK,KAAK,EAAE;EAAU,CAAE,CAAC,eAExD5B,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE3B,MAAM,CAACW;EAAQ,gBAC1BlB,KAAA,CAAAiC,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAE3B,MAAM,CAACmB;EAAK,GAAEI,MAAM,CAACK,oBAA2B,CACzD,CACF,CACF,CAAC;AAEX,CAAC;AAED,eAAeN,YAAY"}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import EmojiPicker from 'rn-emoji-keyboard';
+export default function PickerComponent(props) {
+  const [isOpen, setIsOpen] = React.useState(props.showEmoji);
+  const handlePick = emojiObject => {
+    props.onEmojiClick(emojiObject.emoji);
+  };
+  return /*#__PURE__*/React.createElement(EmojiPicker, {
+    onEmojiSelected: handlePick,
+    open: isOpen,
+    onClose: () => {
+      setIsOpen(false);
+      props.close();
+    }
+  });
+}
+//# sourceMappingURL=Picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","EmojiPicker","PickerComponent","props","isOpen","setIsOpen","useState","showEmoji","handlePick","emojiObject","onEmojiClick","emoji","createElement","onEmojiSelected","open","onClose","close"],"sourceRoot":"../../../../../src","sources":["components/chat/textBox/Picker.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,WAAW,MAAM,mBAAmB;AAQ3C,eAAe,SAASC,eAAeA,CAACC,KAA2B,EAAE;EACnE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,KAAK,CAACM,QAAQ,CAAUH,KAAK,CAACI,SAAS,CAAC;EAEpE,MAAMC,UAAU,GAAIC,WAA8B,IAAK;IACrDN,KAAK,CAACO,YAAY,CAACD,WAAW,CAACE,KAAK,CAAC;EACvC,CAAC;EAED,oBACEX,KAAA,CAAAY,aAAA,CAACX,WAAW;IACVY,eAAe,EAAEL,UAAW;IAC5BM,IAAI,EAAEV,MAAO;IACbW,OAAO,EAAEA,CAAA,KAAM;MACbV,SAAS,CAAC,KAAK,CAAC;MAChBF,KAAK,CAACa,KAAK,CAAC,CAAC;IACf;EAAE,CACH,CAAC;AAEN"}