@lskjs/chat/Message/Message.js

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _image = _interopRequireDefault(require("@lskjs/image"));

var _react = _interopRequireDefault(require("react"));

var Styled = _interopRequireWildcard(require("./Message.styles"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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/prop-types */
// TODO: JSDoc like this
// https://github.com/logux/server/blob/master/server/index.d.ts
// TODO: Moment
var Message = function Message(_ref) {
  var image = _ref.image,
      authorName = _ref.authorName,
      time = _ref.time,
      text = _ref.text,
      _ref$isRightDir = _ref.isRightDir,
      isRightDir = _ref$isRightDir === void 0 ? false : _ref$isRightDir,
      showTitle = _ref.showTitle,
      showAvatar = _ref.showAvatar,
      avatar = _ref.avatar;
  return /*#__PURE__*/_react["default"].createElement(Styled.Wrapper, {
    isRightDir: isRightDir
  }, showAvatar && /*#__PURE__*/_react["default"].createElement(Styled.AvatarWrapper, {
    showTitle: showTitle
  }, /*#__PURE__*/_react["default"].createElement(Styled.Avatar, {
    src: avatar,
    alt: authorName
  })), /*#__PURE__*/_react["default"].createElement(Styled.Message, null, showTitle && /*#__PURE__*/_react["default"].createElement(Styled.Title, null, authorName), /*#__PURE__*/_react["default"].createElement(Styled.ContentWrapper, null, /*#__PURE__*/_react["default"].createElement(Styled.Text, null, image && /*#__PURE__*/_react["default"].createElement(_image["default"], {
    widht: 200,
    src: image
  }), text), /*#__PURE__*/_react["default"].createElement(Styled.Time, null, time))));
};

Message.defaultProps = {
  authorName: '',
  time: undefined,
  text: '',
  isRightDir: false,
  showTitle: false,
  showAvatar: true,
  avatar: ''
};
var _default = Message;
exports["default"] = _default;
//# sourceMappingURL=Message.js.map