rn-erxes-sdk 0.1.23 → 0.1.24

package/lib/commonjs/components/ConversationItem.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 _dayjs = _interopRequireDefault(require("dayjs"));
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+var _utils = require("../utils/utils");
+var _theme = require("../theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AVATAR_SIZE = 40;
+const ConversationItem = _ref => {
+  var _item$participatedUse, _participant$details, _participant$details2;
+  let {
+    item,
+    bgColor,
+    onPress
+  } = _ref;
+  const conversationMessages = (item === null || item === void 0 ? void 0 : item.messages) || [];
+  const lastMessage = conversationMessages[conversationMessages.length - 1];
+  const participant = (item === null || item === void 0 ? void 0 : (_item$participatedUse = item.participatedUsers) === null || _item$participatedUse === void 0 ? void 0 : _item$participatedUse[0]) || (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.user);
+  const name = (participant === null || participant === void 0 ? void 0 : (_participant$details = participant.details) === null || _participant$details === void 0 ? void 0 : _participant$details.fullName) || (participant === null || participant === void 0 ? void 0 : (_participant$details2 = participant.details) === null || _participant$details2 === void 0 ? void 0 : _participant$details2.shortName) || 'Support staff';
+  const unreadCount = conversationMessages.filter(message => !(message !== null && message !== void 0 && message.isCustomerRead) && (message === null || message === void 0 ? void 0 : message.userId) !== null && (message === null || message === void 0 ? void 0 : message.userId) !== undefined).length;
+  const isUnread = Boolean(unreadCount > 0 && !(lastMessage !== null && lastMessage !== void 0 && lastMessage.isCustomerRead) && !(lastMessage !== null && lastMessage !== void 0 && lastMessage.customerId));
+  const preview = isUnread && unreadCount > 1 ? `${unreadCount} new messages` : (0, _utils.strip_html)((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.content) || (item === null || item === void 0 ? void 0 : item.content) || '');
+  const createdAt = (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.createdAt) || (item === null || item === void 0 ? void 0 : item.createdAt);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.7,
+    style: [styles.container, isUnread && styles.containerUnread, isUnread && {
+      borderColor: `${bgColor}40`
+    }],
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.avatarWrap
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    user: participant,
+    bgColor: bgColor,
+    size: AVATAR_SIZE,
+    name: name
+  }), isUnread ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.unreadDot, {
+      backgroundColor: bgColor
+    }]
+  }) : null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.body
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.topRow
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: [styles.name, isUnread && styles.nameUnread, isUnread && {
+      color: _theme.messengerTheme.colors.text
+    }]
+  }, name), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.time, isUnread && styles.timeUnread, isUnread && {
+      color: bgColor
+    }]
+  }, (0, _dayjs.default)(createdAt).format('hh:mm A'))), preview ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: [styles.preview, isUnread && styles.previewUnread, isUnread && {
+      color: _theme.messengerTheme.colors.text
+    }]
+  }, preview) : null), isUnread ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.unreadBadge, {
+      backgroundColor: bgColor
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.unreadBadgeText
+  }, unreadCount > 99 ? '99+' : unreadCount)) : null);
+};
+var _default = ConversationItem;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#FAFAFB',
+    borderRadius: _theme.messengerTheme.radius.lg,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: '#ECEEF2',
+    padding: _theme.messengerTheme.spacing.md,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.025,
+    shadowRadius: 2,
+    elevation: 0
+  },
+  containerUnread: {
+    backgroundColor: _theme.messengerTheme.colors.surface,
+    shadowOpacity: 0.08,
+    elevation: 1
+  },
+  avatarWrap: {
+    position: 'relative'
+  },
+  unreadDot: {
+    position: 'absolute',
+    top: -1,
+    right: -1,
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    borderWidth: 2,
+    borderColor: _theme.messengerTheme.colors.surface
+  },
+  body: {
+    flex: 1,
+    marginLeft: _theme.messengerTheme.spacing.md
+  },
+  topRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  name: {
+    flex: 1,
+    marginRight: _theme.messengerTheme.spacing.sm,
+    fontWeight: '600',
+    fontSize: 13,
+    color: '#3F3F46'
+  },
+  nameUnread: {
+    fontWeight: '700'
+  },
+  preview: {
+    marginTop: 3,
+    color: '#8A8F98',
+    fontSize: 14,
+    lineHeight: 18
+  },
+  previewUnread: {
+    fontWeight: '600'
+  },
+  time: {
+    color: '#A8ADB7',
+    fontSize: 11
+  },
+  timeUnread: {
+    fontWeight: '700'
+  },
+  unreadBadge: {
+    minWidth: 20,
+    height: 20,
+    borderRadius: 10,
+    paddingHorizontal: 6,
+    marginLeft: _theme.messengerTheme.spacing.sm,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  unreadBadgeText: {
+    color: '#fff',
+    fontSize: 10,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=ConversationItem.js.map

package/lib/commonjs/components/ConversationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_dayjs","_Avatar","_utils","_theme","obj","__esModule","default","AVATAR_SIZE","ConversationItem","_ref","_item$participatedUse","_participant$details","_participant$details2","item","bgColor","onPress","conversationMessages","messages","lastMessage","length","participant","participatedUsers","user","name","details","fullName","shortName","unreadCount","filter","message","isCustomerRead","userId","undefined","isUnread","Boolean","customerId","preview","strip_html","content","createdAt","createElement","TouchableOpacity","activeOpacity","style","styles","container","containerUnread","borderColor","View","avatarWrap","size","unreadDot","backgroundColor","body","topRow","Text","numberOfLines","nameUnread","color","messengerTheme","colors","text","time","timeUnread","dayjs","format","previewUnread","unreadBadge","unreadBadgeText","_default","exports","StyleSheet","create","flexDirection","alignItems","borderRadius","radius","lg","borderWidth","hairlineWidth","padding","spacing","md","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","surface","position","top","right","flex","marginLeft","justifyContent","marginRight","sm","fontWeight","fontSize","marginTop","lineHeight","minWidth","paddingHorizontal"],"sourceRoot":"../../../src","sources":["components/ConversationItem.tsx"],"mappings":"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"}