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

carespace-chat-ui React component

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; }

import React, { Component } from 'react';
import moment from 'moment';
import './TimeIndicator.css';

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.createElement("div", {
      className: "time-indicator-row"
    }, /*#__PURE__*/React.createElement("span", {
      className: "time-indicator-container"
    }, moment(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) ? moment(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;
}(Component);

export { TimeIndicator as default };