rn-erxes-sdk 0.1.8 → 0.1.10

package/lib/commonjs/screen/conversation/ConversationDetail.js

@@ -0,0 +1,290 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _client = require("@apollo/client");
+var _query = require("../../graphql/query");
+var _MaterialCommunityIcons = _interopRequireDefault(require("../../icons/MaterialCommunityIcons"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _Message = _interopRequireDefault(require("./Message"));
+var _InputTools = _interopRequireDefault(require("../../components/InputTools"));
+var _mutation = require("../../graphql/mutation");
+var _subscription = require("../../graphql/subscription");
+var _utils = require("../../utils/utils");
+var _common = require("../../utils/common");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/* eslint-disable react-native/no-inline-styles */
+
+const ConversationDetail = props => {
+  var _data$widgetsConversa5;
+  const {
+    route,
+    navigation
+  } = props;
+  const {
+    _id,
+    integrationId,
+    bgColor,
+    brand,
+    customerId,
+    visitorId
+  } = route.params;
+  const [messages, setMessages] = _react.default.useState([]);
+  const {
+    data,
+    loading
+  } = (0, _client.useQuery)(_query.widgetsConversationDetail, {
+    variables: {
+      _id,
+      integrationId
+    },
+    fetchPolicy: 'network-only',
+    skip: !_id
+  });
+  const {
+    data: subscriptionData
+  } = (0, _client.useSubscription)(_subscription.conversationMessageInserted, {
+    variables: {
+      _id
+    },
+    fetchPolicy: 'network-only',
+    skip: !_id
+  });
+  (0, _react.useEffect)(() => {
+    let shouldAdd = subscriptionData && data;
+    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
+      var _subscriptionData$con;
+      shouldAdd = (subscriptionData === null || subscriptionData === void 0 ? void 0 : (_subscriptionData$con = subscriptionData.conversationMessageInserted) === null || _subscriptionData$con === void 0 ? void 0 : _subscriptionData$con._id) !== data[0]._id;
+    }
+    if (shouldAdd) {
+      setMessages(prev => [subscriptionData === null || subscriptionData === void 0 ? void 0 : subscriptionData.conversationMessageInserted, ...prev]);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [subscriptionData]);
+  (0, _react.useEffect)(() => {
+    var _data$widgetsConversa;
+    if (data !== null && data !== void 0 && (_data$widgetsConversa = data.widgetsConversationDetail) !== null && _data$widgetsConversa !== void 0 && _data$widgetsConversa.messages) {
+      var _data$widgetsConversa2, _data$widgetsConversa3, _data$widgetsConversa4;
+      let reversed = data === null || data === void 0 ? void 0 : (_data$widgetsConversa2 = data.widgetsConversationDetail) === null || _data$widgetsConversa2 === void 0 ? void 0 : (_data$widgetsConversa3 = _data$widgetsConversa2.messages) === null || _data$widgetsConversa3 === void 0 ? void 0 : (_data$widgetsConversa4 = _data$widgetsConversa3.slice()) === null || _data$widgetsConversa4 === void 0 ? void 0 : _data$widgetsConversa4.reverse();
+      setMessages(reversed);
+    }
+  }, [data]);
+  const [sendMutation] = (0, _client.useMutation)(_mutation.widgetsInsertMessage);
+  const onSend = text => {
+    sendMutation({
+      variables: {
+        integrationId,
+        customerId,
+        visitorId,
+        conversationId: _id,
+        contentType: 'text',
+        message: text
+      }
+    }).then(res => {
+      if (res.errors) {
+        return console.log(res.errors);
+      }
+      if (res.data.widgetsInsertMessage) {
+        const cachedCustomerId = (0, _common.getLocalStorageItem)('customerId');
+        if (!cachedCustomerId) {
+          const tempCustomerId = res.data.widgetsInsertMessage.customerId;
+          (0, _common.setLocalStorageItem)('customerId', tempCustomerId);
+        }
+        let shouldAdd = (messages === null || messages === void 0 ? void 0 : messages.length) === 0;
+        if (!shouldAdd) {
+          shouldAdd = res.data.widgetsInsertMessage._id !== data[0]._id;
+        }
+        if (shouldAdd) {
+          const newArray = [res.data.widgetsInsertMessage, ...data];
+          setMessages(newArray);
+        }
+      }
+    }).catch(err => {
+      console.log(err);
+    });
+  };
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+      color: '#686868',
+      size: 'large'
+    }));
+  }
+  const renderItem = _ref => {
+    let {
+      item
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement(_Message.default, {
+      item: item,
+      bgColor: bgColor
+    });
+  };
+  const renderContent = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+      contentContainerStyle: styles.contentStyle,
+      showsVerticalScrollIndicator: false,
+      data: messages,
+      keyExtractor: item => item._id,
+      onEndReachedThreshold: 0.2,
+      renderItem: renderItem,
+      ItemSeparatorComponent: () => null,
+      inverted: true
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(Header, {
+    navigation: navigation,
+    brand: brand,
+    bgColor: bgColor,
+    users: data === null || data === void 0 ? void 0 : (_data$widgetsConversa5 = data.widgetsConversationDetail) === null || _data$widgetsConversa5 === void 0 ? void 0 : _data$widgetsConversa5.participatedUsers
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      backgroundColor: 'rgba(215,215,215,.7)',
+      flex: 1
+    }
+  }, renderContent(), /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+    keyboardVerticalOffset: 100
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: () => _reactNative.Keyboard.dismiss()
+  }, /*#__PURE__*/_react.default.createElement(_InputTools.default, {
+    onSend: onSend,
+    bgColor: bgColor
+  })))));
+};
+var _default = ConversationDetail;
+exports.default = _default;
+const Header = props => {
+  const {
+    navigation,
+    brand,
+    bgColor,
+    users
+  } = props;
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  if ((users === null || users === void 0 ? void 0 : users.length) > 0) {
+    var _users$, _users$$details, _users$2, _users$2$details, _users$3, _users$3$details;
+    const url = (0, _utils.getAttachmentUrl)((_users$ = users[0]) === null || _users$ === void 0 ? void 0 : (_users$$details = _users$.details) === null || _users$$details === void 0 ? void 0 : _users$$details.avatar);
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingBottom: 20,
+        backgroundColor: bgColor || 'green',
+        paddingTop: insets.top
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => {
+        navigation.goBack();
+      },
+      style: [styles.backStyle, {
+        backgroundColor: '#2F1F69'
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+      allowFontScaling: false,
+      name: 'chevron-left',
+      size: 24,
+      color: 'white',
+      direction: "ltr"
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.title, {
+        marginLeft: 10,
+        alignItems: 'center',
+        flex: 1
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: url,
+        cache: 'force-cache'
+      },
+      style: styles.avatar,
+      resizeMode: "stretch"
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: {
+        fontWeight: '600'
+      }
+    }, (_users$2 = users[0]) === null || _users$2 === void 0 ? void 0 : (_users$2$details = _users$2.details) === null || _users$2$details === void 0 ? void 0 : _users$2$details.fullName), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: {
+        color: '#686868'
+      }
+    }, (_users$3 = users[0]) === null || _users$3 === void 0 ? void 0 : (_users$3$details = _users$3.details) === null || _users$3$details === void 0 ? void 0 : _users$3$details.position))));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingBottom: 20,
+      backgroundColor: bgColor || 'green',
+      paddingTop: insets.top
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => {
+      navigation.goBack();
+    },
+    style: [styles.backStyle, {
+      backgroundColor: '#2F1F69'
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
+    allowFontScaling: false,
+    name: 'chevron-left',
+    size: 24,
+    color: 'white',
+    direction: "ltr"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.title]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: {
+      fontWeight: '600',
+      fontSize: 16
+    }
+  }, brand === null || brand === void 0 ? void 0 : brand.name)));
+};
+const styles = _reactNative.StyleSheet.create({
+  backStyle: {
+    width: 40,
+    height: 40,
+    marginLeft: 15,
+    borderRadius: 90,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  title: {
+    paddingVertical: 10,
+    paddingHorizontal: 15,
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8,
+    flexDirection: 'row'
+  },
+  contentStyle: {
+    flexGrow: 1,
+    padding: 20
+  },
+  avatar: {
+    width: 40,
+    height: 40,
+    borderRadius: 90
+  }
+});
+//# sourceMappingURL=ConversationDetail.js.map

package/lib/commonjs/screen/conversation/ConversationDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_client","_query","_MaterialCommunityIcons","_interopRequireDefault","_reactNativeSafeAreaContext","_Message","_InputTools","_mutation","_subscription","_utils","_common","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ConversationDetail","props","_data$widgetsConversa5","route","navigation","_id","integrationId","bgColor","brand","customerId","visitorId","params","messages","setMessages","React","useState","data","loading","useQuery","widgetsConversationDetail","variables","fetchPolicy","skip","subscriptionData","useSubscription","conversationMessageInserted","useEffect","shouldAdd","length","_subscriptionData$con","prev","_data$widgetsConversa","_data$widgetsConversa2","_data$widgetsConversa3","_data$widgetsConversa4","reversed","slice","reverse","sendMutation","useMutation","widgetsInsertMessage","onSend","text","conversationId","contentType","message","then","res","errors","console","log","cachedCustomerId","getLocalStorageItem","tempCustomerId","setLocalStorageItem","newArray","catch","err","createElement","View","style","flex","alignItems","justifyContent","ActivityIndicator","color","size","renderItem","_ref","item","renderContent","FlatList","contentContainerStyle","styles","contentStyle","showsVerticalScrollIndicator","keyExtractor","onEndReachedThreshold","ItemSeparatorComponent","inverted","Header","users","participatedUsers","backgroundColor","KeyboardAvoidingView","behavior","Platform","OS","undefined","keyboardVerticalOffset","TouchableWithoutFeedback","onPress","Keyboard","dismiss","_default","exports","insets","useSafeAreaInsets","_users$","_users$$details","_users$2","_users$2$details","_users$3","_users$3$details","url","getAttachmentUrl","details","avatar","flexDirection","paddingBottom","paddingTop","top","TouchableOpacity","goBack","backStyle","allowFontScaling","name","direction","title","marginLeft","Image","source","uri","resizeMode","Text","fontWeight","fullName","position","fontSize","StyleSheet","create","width","height","borderRadius","paddingVertical","paddingHorizontal","borderTopLeftRadius","borderTopRightRadius","flexGrow","padding"],"sourceRoot":"../../../../src","sources":["screen/conversation/ConversationDetail.tsx"],"mappings":"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"}

package/lib/commonjs/screen/conversation/Conversations.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _query = require("../../graphql/query");
+var _client = require("@apollo/client");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _images = _interopRequireDefault(require("../../assets/images"));
+var _FAB = _interopRequireDefault(require("../../components/FAB"));
+var _native = require("@react-navigation/native");
+var _utils = require("../../utils/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable react-native/no-inline-styles */
+
+const Conversations = props => {
+  const {
+    customerId,
+    visitorId,
+    integrationId,
+    bgColor,
+    brand
+  } = props;
+  const navigation = (0, _native.useNavigation)();
+  const {
+    data,
+    loading,
+    refetch
+  } = (0, _client.useQuery)(_query.widgetsConversations, {
+    variables: {
+      customerId,
+      integrationId
+    }
+  });
+  const [refreshing, setRefreshing] = _react.default.useState(false);
+  const onRefresh = _react.default.useCallback(() => {
+    setRefreshing(true);
+    refetch();
+    setTimeout(() => {
+      setRefreshing(false);
+    }, 1000);
+  }, [refetch]);
+  if (loading) {
+    return null;
+  }
+  const renderItem = _ref => {
+    var _item$participatedUse;
+    let {
+      item
+    } = _ref;
+    let source = _images.default.avatar;
+    let name = 'Support Staff';
+    if ((item === null || item === void 0 ? void 0 : (_item$participatedUse = item.participatedUsers) === null || _item$participatedUse === void 0 ? void 0 : _item$participatedUse.length) > 0) {
+      var _item$participatedUse2, _item$participatedUse3, _item$participatedUse4, _item$participatedUse5;
+      source = {
+        uri: (0, _utils.getAttachmentUrl)(item === null || item === void 0 ? void 0 : (_item$participatedUse2 = item.participatedUsers[0]) === null || _item$participatedUse2 === void 0 ? void 0 : (_item$participatedUse3 = _item$participatedUse2.details) === null || _item$participatedUse3 === void 0 ? void 0 : _item$participatedUse3.avatar),
+        cache: 'only-if-cached'
+      };
+      name = item === null || item === void 0 ? void 0 : (_item$participatedUse4 = item.participatedUsers[0]) === null || _item$participatedUse4 === void 0 ? void 0 : (_item$participatedUse5 = _item$participatedUse4.details) === null || _item$participatedUse5 === void 0 ? void 0 : _item$participatedUse5.fullName;
+    }
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: styles.itemContainer,
+      onPress: () => {
+        navigation.navigate('ConversationDetail', {
+          _id: item._id,
+          integrationId,
+          customerId,
+          visitorId,
+          bgColor,
+          brand
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: source,
+      style: styles.image,
+      resizeMode: "stretch"
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flex: 1,
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: {
+        fontWeight: '500'
+      }
+    }, name), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: {
+        color: '#686868'
+      }
+    }, item === null || item === void 0 ? void 0 : item.content)), /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, (0, _dayjs.default)(item === null || item === void 0 ? void 0 : item.createdAt).format('hh:mm A')));
+  };
+  const renderHeader = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginVertical: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: {
+        fontWeight: '600',
+        fontSize: 18
+      }
+    }, "Recent conversations"));
+  };
+  const seperator = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        height: 10
+      }
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    contentContainerStyle: styles.contentStyle,
+    showsVerticalScrollIndicator: false,
+    data: data === null || data === void 0 ? void 0 : data.widgetsConversations,
+    keyExtractor: item => item._id,
+    onEndReachedThreshold: 0.2,
+    renderItem: renderItem,
+    ListHeaderComponent: renderHeader,
+    refreshControl: /*#__PURE__*/_react.default.createElement(_reactNative.RefreshControl, {
+      refreshing: refreshing,
+      onRefresh: onRefresh,
+      colors: [bgColor],
+      tintColor: bgColor
+    }),
+    ItemSeparatorComponent: seperator
+  }), /*#__PURE__*/_react.default.createElement(_FAB.default, {
+    onPress: () => navigation.navigate('ConversationDetail', {
+      _id: '',
+      integrationId,
+      customerId,
+      bgColor,
+      brand
+    })
+  }));
+};
+var _default = Conversations;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  contentStyle: {
+    flexGrow: 1,
+    padding: 20
+  },
+  itemContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  image: {
+    width: 40,
+    height: 40,
+    borderRadius: 90
+  }
+});
+//# sourceMappingURL=Conversations.js.map

package/lib/commonjs/screen/conversation/Conversations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_query","_client","_dayjs","_images","_FAB","_native","_utils","obj","__esModule","default","Conversations","props","customerId","visitorId","integrationId","bgColor","brand","navigation","useNavigation","data","loading","refetch","useQuery","widgetsConversations","variables","refreshing","setRefreshing","React","useState","onRefresh","useCallback","setTimeout","renderItem","_ref","_item$participatedUse","item","source","images","avatar","name","participatedUsers","length","_item$participatedUse2","_item$participatedUse3","_item$participatedUse4","_item$participatedUse5","uri","getAttachmentUrl","details","cache","fullName","createElement","TouchableOpacity","style","styles","itemContainer","onPress","navigate","_id","Image","image","resizeMode","View","flex","marginLeft","Text","fontWeight","color","content","dayjs","createdAt","format","renderHeader","marginVertical","fontSize","seperator","height","FlatList","contentContainerStyle","contentStyle","showsVerticalScrollIndicator","keyExtractor","onEndReachedThreshold","ListHeaderComponent","refreshControl","RefreshControl","colors","tintColor","ItemSeparatorComponent","_default","exports","StyleSheet","create","flexGrow","padding","flexDirection","justifyContent","alignItems","width","borderRadius"],"sourceRoot":"../../../../src","sources":["screen/conversation/Conversations.tsx"],"mappings":"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"}

package/lib/commonjs/screen/conversation/Message.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _reactNativeRenderHtml = _interopRequireDefault(require("react-native-render-html"));
+var _utils = require("../../utils/utils");
+var _Attachment = _interopRequireDefault(require("./Attachment"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable react-native/no-inline-styles */
+
+const {
+  width
+} = _reactNative.Dimensions.get('window');
+const Message = props => {
+  var _item$attachments;
+  const {
+    item,
+    bgColor
+  } = props;
+  const position = item !== null && item !== void 0 && item.customerId ? 'right' : 'left';
+  const renderAvatar = () => {
+    var _item$user, _item$user$details;
+    const url = (0, _utils.getAttachmentUrl)(item === null || item === void 0 ? void 0 : (_item$user = item.user) === null || _item$user === void 0 ? void 0 : (_item$user$details = _item$user.details) === null || _item$user$details === void 0 ? void 0 : _item$user$details.avatar);
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginRight: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: url,
+        cache: 'force-cache'
+      },
+      style: styles.avatar,
+      resizeMode: "stretch"
+    }));
+  };
+  const renderContent = () => {
+    const strippedContent = (0, _utils.strip_html)((item === null || item === void 0 ? void 0 : item.content) || '');
+    if ((strippedContent === null || strippedContent === void 0 ? void 0 : strippedContent.length) === 0) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(RenderHTML, {
+      html: item === null || item === void 0 ? void 0 : item.content
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [customStyles[position].container]
+  }, position === 'left' ? renderAvatar() : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.contentStyle, {
+      backgroundColor: position === 'left' ? '#E7F2F7FF' : bgColor,
+      borderBottomLeftRadius: position === 'left' ? 0 : 20,
+      borderBottomRightRadius: position === 'left' ? 20 : 0
+    }]
+  }, position === 'left' ? renderContent() : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: {
+      paddingVertical: 12
+    }
+  }, item === null || item === void 0 ? void 0 : item.content), (item === null || item === void 0 ? void 0 : (_item$attachments = item.attachments) === null || _item$attachments === void 0 ? void 0 : _item$attachments.length) > 0 ? /*#__PURE__*/_react.default.createElement(_Attachment.default, {
+    images: item === null || item === void 0 ? void 0 : item.attachments
+  }) : null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: {
+      color: '#686868',
+      fontSize: 12,
+      textAlign: position === 'left' ? 'left' : 'right'
+    }
+  }, (0, _dayjs.default)(item === null || item === void 0 ? void 0 : item.createdAt).format('hh:mm A'))));
+};
+var _default = Message;
+exports.default = _default;
+const customStyles = {
+  left: _reactNative.StyleSheet.create({
+    container: {
+      justifyContent: 'flex-start',
+      marginLeft: 0,
+      marginRight: 0,
+      marginTop: 10,
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }),
+  right: _reactNative.StyleSheet.create({
+    container: {
+      justifyContent: 'flex-end',
+      marginLeft: 0,
+      marginRight: 0,
+      marginTop: 10,
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  })
+};
+const styles = _reactNative.StyleSheet.create({
+  contentStyle: {
+    paddingHorizontal: 15,
+    maxWidth: width * 0.8,
+    marginVertical: 5,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20
+  },
+  avatar: {
+    width: 40,
+    height: 40,
+    borderRadius: 90
+  }
+});
+const RenderHTML = /*#__PURE__*/_react.default.memo(function RenderHTML(_ref) {
+  let {
+    html
+  } = _ref;
+  const renderersProps = {
+    a: {
+      onPress(url) {
+        _reactNative.Linking.openURL(url);
+      }
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNativeRenderHtml.default, {
+    contentWidth: width - 150,
+    source: {
+      html: html
+    },
+    tagsStyles: {
+      p: {
+        color: '#686868'
+      },
+      a: {
+        color: '#3B85F4'
+      },
+      li: {
+        color: '#3B85F4'
+      },
+      ol: {
+        color: '#686868'
+      }
+    },
+    ignoredDomTags: ['meta', 'script', 'font', 'title'],
+    ignoredStyles: ['borderStyle'],
+    renderersProps: renderersProps,
+    defaultTextProps: {
+      style: {
+        color: '#000'
+      }
+    }
+  });
+});
+//# sourceMappingURL=Message.js.map

package/lib/commonjs/screen/conversation/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_dayjs","_reactNativeRenderHtml","_utils","_Attachment","obj","__esModule","default","width","Dimensions","get","Message","props","_item$attachments","item","bgColor","position","customerId","renderAvatar","_item$user","_item$user$details","url","getAttachmentUrl","user","details","avatar","createElement","View","style","marginRight","Image","source","uri","cache","styles","resizeMode","renderContent","strippedContent","strip_html","content","length","RenderHTML","html","customStyles","container","contentStyle","backgroundColor","borderBottomLeftRadius","borderBottomRightRadius","Text","paddingVertical","attachments","images","color","fontSize","textAlign","dayjs","createdAt","format","_default","exports","left","StyleSheet","create","justifyContent","marginLeft","marginTop","flexDirection","alignItems","right","paddingHorizontal","maxWidth","marginVertical","borderTopLeftRadius","borderTopRightRadius","height","borderRadius","React","memo","_ref","renderersProps","a","onPress","Linking","openURL","contentWidth","tagsStyles","p","li","ol","ignoredDomTags","ignoredStyles","defaultTextProps"],"sourceRoot":"../../../../src","sources":["screen/conversation/Message.tsx"],"mappings":"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"}