matrix-react-sdk/lib/components/views/elements/EventTilePreview.js

SDK for matrix.org using React

"use strict";

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

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

var _classnames = _interopRequireDefault(require("classnames"));

var _event = require("matrix-js-sdk/src/models/event");

var Avatar = _interopRequireWildcard(require("../../../Avatar"));

var _EventTile = _interopRequireDefault(require("../rooms/EventTile"));

var _SettingsStore = _interopRequireDefault(require("../../../settings/SettingsStore"));

var _Layout = require("../../../settings/Layout");

var _UIFeature = require("../../../settings/UIFeature");

var _replaceableComponent = require("../../../utils/replaceableComponent");

var _dec, _class;

const AVATAR_SIZE = 32;
let EventTilePreview = (_dec = (0, _replaceableComponent.replaceableComponent)("views.elements.EventTilePreview"), _dec(_class = class EventTilePreview extends _react.default.Component
/*:: <IProps, IState>*/
{
  constructor(props
  /*: IProps*/
  ) {
    super(props);
    this.state = {
      message: props.message
    };
  }

  fakeEvent({
    message
  }
  /*: IState*/
  ) {
    // Fake it till we make it

    /* eslint-disable quote-props */
    const rawEvent = {
      type: "m.room.message",
      sender: this.props.userId,
      content: {
        "m.new_content": {
          msgtype: "m.text",
          body: message,
          displayname: this.props.displayName,
          avatar_url: this.props.avatarUrl
        },
        msgtype: "m.text",
        body: message,
        displayname: this.props.displayName,
        avatar_url: this.props.avatarUrl
      },
      unsigned: {
        age: 97
      },
      event_id: "$9999999999999999999999999999999999999999999",
      room_id: "!999999999999999999:example.org"
    };
    const event = new _event.MatrixEvent(rawEvent);
    /* eslint-enable quote-props */
    // Fake it more

    event.sender = {
      name: this.props.displayName,
      userId: this.props.userId,
      getAvatarUrl: (..._) => {
        return Avatar.avatarUrlForUser({
          avatarUrl: this.props.avatarUrl
        }, AVATAR_SIZE, AVATAR_SIZE, "crop");
      },
      getMxcAvatarUrl: () => this.props.avatarUrl
    };
    return event;
  }

  render() {
    const event = this.fakeEvent(this.state);
    const className = (0, _classnames.default)(this.props.className, {
      "mx_IRCLayout": this.props.layout == _Layout.Layout.IRC,
      "mx_GroupLayout": this.props.layout == _Layout.Layout.Group
    });
    return /*#__PURE__*/_react.default.createElement("div", {
      className: className
    }, /*#__PURE__*/_react.default.createElement(_EventTile.default, {
      mxEvent: event,
      layout: this.props.layout,
      enableFlair: _SettingsStore.default.getValue(_UIFeature.UIFeature.Flair)
    }));
  }

}) || _class);
exports.default = EventTilePreview;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL2VsZW1lbnRzL0V2ZW50VGlsZVByZXZpZXcudHN4Il0sIm5hbWVzIjpbIkFWQVRBUl9TSVpFIiwiRXZlbnRUaWxlUHJldmlldyIsIlJlYWN0IiwiQ29tcG9uZW50IiwiY29uc3RydWN0b3IiLCJwcm9wcyIsInN0YXRlIiwibWVzc2FnZSIsImZha2VFdmVudCIsInJhd0V2ZW50IiwidHlwZSIsInNlbmRlciIsInVzZXJJZCIsImNvbnRlbnQiLCJtc2d0eXBlIiwiYm9keSIsImRpc3BsYXluYW1lIiwiZGlzcGxheU5hbWUiLCJhdmF0YXJfdXJsIiwiYXZhdGFyVXJsIiwidW5zaWduZWQiLCJhZ2UiLCJldmVudF9pZCIsInJvb21faWQiLCJldmVudCIsIk1hdHJpeEV2ZW50IiwibmFtZSIsImdldEF2YXRhclVybCIsIl8iLCJBdmF0YXIiLCJhdmF0YXJVcmxGb3JVc2VyIiwiZ2V0TXhjQXZhdGFyVXJsIiwicmVuZGVyIiwiY2xhc3NOYW1lIiwibGF5b3V0IiwiTGF5b3V0IiwiSVJDIiwiR3JvdXAiLCJTZXR0aW5nc1N0b3JlIiwiZ2V0VmFsdWUiLCJVSUZlYXR1cmUiLCJGbGFpciJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFnQkE7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFzQ0EsTUFBTUEsV0FBVyxHQUFHLEVBQXBCO0lBR3FCQyxnQixXQURwQixnREFBcUIsaUNBQXJCLEMsZ0JBQUQsTUFDcUJBLGdCQURyQixTQUM4Q0MsZUFBTUM7QUFEcEQ7QUFDOEU7QUFDMUVDLEVBQUFBLFdBQVcsQ0FBQ0M7QUFBRDtBQUFBLElBQWdCO0FBQ3ZCLFVBQU1BLEtBQU47QUFDQSxTQUFLQyxLQUFMLEdBQWE7QUFDVEMsTUFBQUEsT0FBTyxFQUFFRixLQUFLLENBQUNFO0FBRE4sS0FBYjtBQUdIOztBQUVPQyxFQUFBQSxTQUFSLENBQWtCO0FBQUNELElBQUFBO0FBQUQ7QUFBbEI7QUFBQSxJQUFxQztBQUNqQzs7QUFDQTtBQUNBLFVBQU1FLFFBQVEsR0FBRztBQUNiQyxNQUFBQSxJQUFJLEVBQUUsZ0JBRE87QUFFYkMsTUFBQUEsTUFBTSxFQUFFLEtBQUtOLEtBQUwsQ0FBV08sTUFGTjtBQUdiQyxNQUFBQSxPQUFPLEVBQUU7QUFDTCx5QkFBaUI7QUFDYkMsVUFBQUEsT0FBTyxFQUFFLFFBREk7QUFFYkMsVUFBQUEsSUFBSSxFQUFFUixPQUZPO0FBR2JTLFVBQUFBLFdBQVcsRUFBRSxLQUFLWCxLQUFMLENBQVdZLFdBSFg7QUFJYkMsVUFBQUEsVUFBVSxFQUFFLEtBQUtiLEtBQUwsQ0FBV2M7QUFKVixTQURaO0FBT0xMLFFBQUFBLE9BQU8sRUFBRSxRQVBKO0FBUUxDLFFBQUFBLElBQUksRUFBRVIsT0FSRDtBQVNMUyxRQUFBQSxXQUFXLEVBQUUsS0FBS1gsS0FBTCxDQUFXWSxXQVRuQjtBQVVMQyxRQUFBQSxVQUFVLEVBQUUsS0FBS2IsS0FBTCxDQUFXYztBQVZsQixPQUhJO0FBZWJDLE1BQUFBLFFBQVEsRUFBRTtBQUNOQyxRQUFBQSxHQUFHLEVBQUU7QUFEQyxPQWZHO0FBa0JiQyxNQUFBQSxRQUFRLEVBQUUsOENBbEJHO0FBbUJiQyxNQUFBQSxPQUFPLEVBQUU7QUFuQkksS0FBakI7QUFxQkEsVUFBTUMsS0FBSyxHQUFHLElBQUlDLGtCQUFKLENBQWdCaEIsUUFBaEIsQ0FBZDtBQUNBO0FBRUE7O0FBQ0FlLElBQUFBLEtBQUssQ0FBQ2IsTUFBTixHQUFlO0FBQ1hlLE1BQUFBLElBQUksRUFBRSxLQUFLckIsS0FBTCxDQUFXWSxXQUROO0FBRVhMLE1BQUFBLE1BQU0sRUFBRSxLQUFLUCxLQUFMLENBQVdPLE1BRlI7QUFHWGUsTUFBQUEsWUFBWSxFQUFFLENBQUMsR0FBR0MsQ0FBSixLQUFVO0FBQ3BCLGVBQU9DLE1BQU0sQ0FBQ0MsZ0JBQVAsQ0FDSDtBQUFFWCxVQUFBQSxTQUFTLEVBQUUsS0FBS2QsS0FBTCxDQUFXYztBQUF4QixTQURHLEVBRUhuQixXQUZHLEVBRVVBLFdBRlYsRUFFdUIsTUFGdkIsQ0FBUDtBQUlILE9BUlU7QUFTWCtCLE1BQUFBLGVBQWUsRUFBRSxNQUFNLEtBQUsxQixLQUFMLENBQVdjO0FBVHZCLEtBQWY7QUFZQSxXQUFPSyxLQUFQO0FBQ0g7O0FBRU1RLEVBQUFBLE1BQVAsR0FBZ0I7QUFDWixVQUFNUixLQUFLLEdBQUcsS0FBS2hCLFNBQUwsQ0FBZSxLQUFLRixLQUFwQixDQUFkO0FBRUEsVUFBTTJCLFNBQVMsR0FBRyx5QkFBVyxLQUFLNUIsS0FBTCxDQUFXNEIsU0FBdEIsRUFBaUM7QUFDL0Msc0JBQWdCLEtBQUs1QixLQUFMLENBQVc2QixNQUFYLElBQXFCQyxlQUFPQyxHQURHO0FBRS9DLHdCQUFrQixLQUFLL0IsS0FBTCxDQUFXNkIsTUFBWCxJQUFxQkMsZUFBT0U7QUFGQyxLQUFqQyxDQUFsQjtBQUtBLHdCQUFPO0FBQUssTUFBQSxTQUFTLEVBQUVKO0FBQWhCLG9CQUNILDZCQUFDLGtCQUFEO0FBQ0ksTUFBQSxPQUFPLEVBQUVULEtBRGI7QUFFSSxNQUFBLE1BQU0sRUFBRSxLQUFLbkIsS0FBTCxDQUFXNkIsTUFGdkI7QUFHSSxNQUFBLFdBQVcsRUFBRUksdUJBQWNDLFFBQWQsQ0FBdUJDLHFCQUFVQyxLQUFqQztBQUhqQixNQURHLENBQVA7QUFPSDs7QUFsRXlFLEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjAgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbnlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbllvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cblVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbmRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbldJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxubGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4qL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBNYXRyaXhFdmVudCB9IGZyb20gJ21hdHJpeC1qcy1zZGsvc3JjL21vZGVscy9ldmVudCc7XG5cbmltcG9ydCAqIGFzIEF2YXRhciBmcm9tICcuLi8uLi8uLi9BdmF0YXInO1xuaW1wb3J0IEV2ZW50VGlsZSBmcm9tICcuLi9yb29tcy9FdmVudFRpbGUnO1xuaW1wb3J0IFNldHRpbmdzU3RvcmUgZnJvbSBcIi4uLy4uLy4uL3NldHRpbmdzL1NldHRpbmdzU3RvcmVcIjtcbmltcG9ydCB7TGF5b3V0fSBmcm9tIFwiLi4vLi4vLi4vc2V0dGluZ3MvTGF5b3V0XCI7XG5pbXBvcnQge1VJRmVhdHVyZX0gZnJvbSBcIi4uLy4uLy4uL3NldHRpbmdzL1VJRmVhdHVyZVwiO1xuaW1wb3J0IHtyZXBsYWNlYWJsZUNvbXBvbmVudH0gZnJvbSBcIi4uLy4uLy4uL3V0aWxzL3JlcGxhY2VhYmxlQ29tcG9uZW50XCI7XG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAgIC8qKlxuICAgICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBpbiB0aGUgbWVzc2FnZSBwcmV2aWV3XG4gICAgICovXG4gICAgbWVzc2FnZTogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0byB1c2UgdGhlIGlyYyBsYXlvdXQgb3Igbm90XG4gICAgICovXG4gICAgbGF5b3V0OiBMYXlvdXQ7XG5cbiAgICAvKipcbiAgICAgKiBjbGFzc25hbWVzIHRvIGFwcGx5IHRvIHRoZSB3cmFwcGVyIG9mIHRoZSBwcmV2aWV3XG4gICAgICovXG4gICAgY2xhc3NOYW1lOiBzdHJpbmc7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgSUQgb2YgdGhlIGRpc3BsYXllZCB1c2VyXG4gICAgICovXG4gICAgdXNlcklkOiBzdHJpbmc7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgZGlzcGxheSBuYW1lIG9mIHRoZSBkaXNwbGF5ZWQgdXNlclxuICAgICAqL1xuICAgIGRpc3BsYXlOYW1lPzogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICogVGhlIG14YzovLyBhdmF0YXIgVVJMIG9mIHRoZSBkaXNwbGF5ZWQgdXNlclxuICAgICAqL1xuICAgIGF2YXRhclVybD86IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIElTdGF0ZSB7XG4gICAgbWVzc2FnZTogc3RyaW5nO1xufVxuXG5jb25zdCBBVkFUQVJfU0laRSA9IDMyO1xuXG5AcmVwbGFjZWFibGVDb21wb25lbnQoXCJ2aWV3cy5lbGVtZW50cy5FdmVudFRpbGVQcmV2aWV3XCIpXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBFdmVudFRpbGVQcmV2aWV3IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PElQcm9wcywgSVN0YXRlPiB7XG4gICAgY29uc3RydWN0b3IocHJvcHM6IElQcm9wcykge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICBtZXNzYWdlOiBwcm9wcy5tZXNzYWdlLFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZmFrZUV2ZW50KHttZXNzYWdlfTogSVN0YXRlKSB7XG4gICAgICAgIC8vIEZha2UgaXQgdGlsbCB3ZSBtYWtlIGl0XG4gICAgICAgIC8qIGVzbGludC1kaXNhYmxlIHF1b3RlLXByb3BzICovXG4gICAgICAgIGNvbnN0IHJhd0V2ZW50ID0ge1xuICAgICAgICAgICAgdHlwZTogXCJtLnJvb20ubWVzc2FnZVwiLFxuICAgICAgICAgICAgc2VuZGVyOiB0aGlzLnByb3BzLnVzZXJJZCxcbiAgICAgICAgICAgIGNvbnRlbnQ6IHtcbiAgICAgICAgICAgICAgICBcIm0ubmV3X2NvbnRlbnRcIjoge1xuICAgICAgICAgICAgICAgICAgICBtc2d0eXBlOiBcIm0udGV4dFwiLFxuICAgICAgICAgICAgICAgICAgICBib2R5OiBtZXNzYWdlLFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5bmFtZTogdGhpcy5wcm9wcy5kaXNwbGF5TmFtZSxcbiAgICAgICAgICAgICAgICAgICAgYXZhdGFyX3VybDogdGhpcy5wcm9wcy5hdmF0YXJVcmwsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBtc2d0eXBlOiBcIm0udGV4dFwiLFxuICAgICAgICAgICAgICAgIGJvZHk6IG1lc3NhZ2UsXG4gICAgICAgICAgICAgICAgZGlzcGxheW5hbWU6IHRoaXMucHJvcHMuZGlzcGxheU5hbWUsXG4gICAgICAgICAgICAgICAgYXZhdGFyX3VybDogdGhpcy5wcm9wcy5hdmF0YXJVcmwsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdW5zaWduZWQ6IHtcbiAgICAgICAgICAgICAgICBhZ2U6IDk3LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGV2ZW50X2lkOiBcIiQ5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5XCIsXG4gICAgICAgICAgICByb29tX2lkOiBcIiE5OTk5OTk5OTk5OTk5OTk5OTk6ZXhhbXBsZS5vcmdcIixcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3QgZXZlbnQgPSBuZXcgTWF0cml4RXZlbnQocmF3RXZlbnQpO1xuICAgICAgICAvKiBlc2xpbnQtZW5hYmxlIHF1b3RlLXByb3BzICovXG5cbiAgICAgICAgLy8gRmFrZSBpdCBtb3JlXG4gICAgICAgIGV2ZW50LnNlbmRlciA9IHtcbiAgICAgICAgICAgIG5hbWU6IHRoaXMucHJvcHMuZGlzcGxheU5hbWUsXG4gICAgICAgICAgICB1c2VySWQ6IHRoaXMucHJvcHMudXNlcklkLFxuICAgICAgICAgICAgZ2V0QXZhdGFyVXJsOiAoLi4uXykgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBBdmF0YXIuYXZhdGFyVXJsRm9yVXNlcihcbiAgICAgICAgICAgICAgICAgICAgeyBhdmF0YXJVcmw6IHRoaXMucHJvcHMuYXZhdGFyVXJsIH0sXG4gICAgICAgICAgICAgICAgICAgIEFWQVRBUl9TSVpFLCBBVkFUQVJfU0laRSwgXCJjcm9wXCIsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBnZXRNeGNBdmF0YXJVcmw6ICgpID0+IHRoaXMucHJvcHMuYXZhdGFyVXJsLFxuICAgICAgICB9O1xuXG4gICAgICAgIHJldHVybiBldmVudDtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVuZGVyKCkge1xuICAgICAgICBjb25zdCBldmVudCA9IHRoaXMuZmFrZUV2ZW50KHRoaXMuc3RhdGUpO1xuXG4gICAgICAgIGNvbnN0IGNsYXNzTmFtZSA9IGNsYXNzbmFtZXModGhpcy5wcm9wcy5jbGFzc05hbWUsIHtcbiAgICAgICAgICAgIFwibXhfSVJDTGF5b3V0XCI6IHRoaXMucHJvcHMubGF5b3V0ID09IExheW91dC5JUkMsXG4gICAgICAgICAgICBcIm14X0dyb3VwTGF5b3V0XCI6IHRoaXMucHJvcHMubGF5b3V0ID09IExheW91dC5Hcm91cCxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgICAgPEV2ZW50VGlsZVxuICAgICAgICAgICAgICAgIG14RXZlbnQ9e2V2ZW50fVxuICAgICAgICAgICAgICAgIGxheW91dD17dGhpcy5wcm9wcy5sYXlvdXR9XG4gICAgICAgICAgICAgICAgZW5hYmxlRmxhaXI9e1NldHRpbmdzU3RvcmUuZ2V0VmFsdWUoVUlGZWF0dXJlLkZsYWlyKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PjtcbiAgICB9XG59XG4iXX0=