@risecx/carespace-chat-ui/lib/components/TimeIndicator/TimeIndicator.js

carespace-chat-ui React component

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

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

var _moment = _interopRequireDefault(require("moment"));

require("./TimeIndicator.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }

var TimeIndicator = /*#__PURE__*/function (_Component) {
  _inheritsLoose(TimeIndicator, _Component);

  function TimeIndicator() {
    return _Component.apply(this, arguments) || this;
  }

  var _proto = TimeIndicator.prototype;

  _proto.__previousAndCurrentHaveTimeStamp = function __previousAndCurrentHaveTimeStamp(previousMessage, currentMessage) {
    if (previousMessage === void 0) {
      previousMessage = {};
    }

    return previousMessage.sent_timestamp && currentMessage.sent_timestamp;
  };

  _proto.render = function render() {
    if (!this.hasTimeStamp || this.belongsToThePreviousDate) return null;
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "time-indicator-row"
    }, /*#__PURE__*/_react["default"].createElement("span", {
      className: "time-indicator-container"
    }, (0, _moment["default"])(this.messageDate).format('dddd')));
  };

  _createClass(TimeIndicator, [{
    key: "belongsToThePreviousDate",
    get: function get() {
      var _this$props$message = this.props.message,
          message = _this$props$message === void 0 ? {} : _this$props$message;

      try {
        return this.__previousAndCurrentHaveTimeStamp(this.previousMessage, message) ? (0, _moment["default"])(new Date(message.sent_timestamp)).isSame(new Date(this.previousMessage.sent_timestamp), 'day') : false;
      } catch (error) {
        console.error(error);
        return false;
      }
    }
  }, {
    key: "filteredMessageList",
    get: function get() {
      return this.props.messageList.filter(function (m) {
        return !!m;
      });
    }
  }, {
    key: "hasTimeStamp",
    get: function get() {
      return this.props.message && !!this.props.message.sent_timestamp;
    }
  }, {
    key: "messageDate",
    get: function get() {
      return new Date(this.props.message.sent_timestamp);
    }
  }, {
    key: "previousMessage",
    get: function get() {
      var _this$props$message2 = this.props.message,
          message = _this$props$message2 === void 0 ? {} : _this$props$message2;
      var currentMessageIndex = this.filteredMessageList.findIndex(function (m) {
        return m._id === message._id;
      });
      return this.filteredMessageList[currentMessageIndex - 1];
    }
  }]);

  return TimeIndicator;
}(_react.Component);

exports["default"] = TimeIndicator;
module.exports = exports.default;