matrix-react-sdk/lib/components/views/voice_messages/PlayPauseButton.js

SDK for matrix.org using React

"use strict";

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

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

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

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

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

var _AccessibleTooltipButton = _interopRequireDefault(require("../elements/AccessibleTooltipButton"));

var _languageHandler = require("../../../languageHandler");

var _Playback = require("../../../voice/Playback");

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

var _dec, _class, _temp;

let PlayPauseButton = (
/**
 * Displays a play/pause button (activating the play/pause function of the recorder)
 * to be displayed in reference to a recording.
 */
_dec = (0, _replaceableComponent.replaceableComponent)("views.voice_messages.PlayPauseButton"), _dec(_class = (_temp = class PlayPauseButton extends _react.default.PureComponent
/*:: <IProps>*/
{
  constructor(props) {
    super(props);
    (0, _defineProperty2.default)(this, "onClick", async () => {
      await this.props.playback.toggle();
    });
  }

  render()
  /*: ReactNode*/
  {
    const isPlaying = this.props.playback.isPlaying;
    const isDisabled = this.props.playbackPhase === _Playback.PlaybackState.Decoding;
    const classes = (0, _classnames.default)('mx_PlayPauseButton', {
      'mx_PlayPauseButton_play': !isPlaying,
      'mx_PlayPauseButton_pause': isPlaying,
      'mx_PlayPauseButton_disabled': isDisabled
    });
    return /*#__PURE__*/_react.default.createElement(_AccessibleTooltipButton.default, {
      className: classes,
      title: isPlaying ? (0, _languageHandler._t)("Pause") : (0, _languageHandler._t)("Play"),
      onClick: this.onClick,
      disabled: isDisabled
    });
  }

}, _temp)) || _class);
exports.default = PlayPauseButton;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL3ZvaWNlX21lc3NhZ2VzL1BsYXlQYXVzZUJ1dHRvbi50c3giXSwibmFtZXMiOlsiUGxheVBhdXNlQnV0dG9uIiwiUmVhY3QiLCJQdXJlQ29tcG9uZW50IiwiY29uc3RydWN0b3IiLCJwcm9wcyIsInBsYXliYWNrIiwidG9nZ2xlIiwicmVuZGVyIiwiaXNQbGF5aW5nIiwiaXNEaXNhYmxlZCIsInBsYXliYWNrUGhhc2UiLCJQbGF5YmFja1N0YXRlIiwiRGVjb2RpbmciLCJjbGFzc2VzIiwib25DbGljayJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFnQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7SUFlcUJBLGU7QUFMckI7QUFDQTtBQUNBO0FBQ0E7T0FDQyxnREFBcUIsc0NBQXJCLEMseUJBQUQsTUFDcUJBLGVBRHJCLFNBQzZDQyxlQUFNQztBQURuRDtBQUN5RTtBQUM5REMsRUFBQUEsV0FBUCxDQUFtQkMsS0FBbkIsRUFBMEI7QUFDdEIsVUFBTUEsS0FBTjtBQURzQixtREFJUixZQUFZO0FBQzFCLFlBQU0sS0FBS0EsS0FBTCxDQUFXQyxRQUFYLENBQW9CQyxNQUFwQixFQUFOO0FBQ0gsS0FOeUI7QUFFekI7O0FBTU1DLEVBQUFBLE1BQVA7QUFBQTtBQUEyQjtBQUN2QixVQUFNQyxTQUFTLEdBQUcsS0FBS0osS0FBTCxDQUFXQyxRQUFYLENBQW9CRyxTQUF0QztBQUNBLFVBQU1DLFVBQVUsR0FBRyxLQUFLTCxLQUFMLENBQVdNLGFBQVgsS0FBNkJDLHdCQUFjQyxRQUE5RDtBQUNBLFVBQU1DLE9BQU8sR0FBRyx5QkFBVyxvQkFBWCxFQUFpQztBQUM3QyxpQ0FBMkIsQ0FBQ0wsU0FEaUI7QUFFN0Msa0NBQTRCQSxTQUZpQjtBQUc3QyxxQ0FBK0JDO0FBSGMsS0FBakMsQ0FBaEI7QUFLQSx3QkFBTyw2QkFBQyxnQ0FBRDtBQUNILE1BQUEsU0FBUyxFQUFFSSxPQURSO0FBRUgsTUFBQSxLQUFLLEVBQUVMLFNBQVMsR0FBRyx5QkFBRyxPQUFILENBQUgsR0FBaUIseUJBQUcsTUFBSCxDQUY5QjtBQUdILE1BQUEsT0FBTyxFQUFFLEtBQUtNLE9BSFg7QUFJSCxNQUFBLFFBQVEsRUFBRUw7QUFKUCxNQUFQO0FBTUg7O0FBdkJvRSxDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDIxIFRoZSBNYXRyaXgub3JnIEZvdW5kYXRpb24gQy5JLkMuXG5cbkxpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG55b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG5Zb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcblxuICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuXG5Vbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG5kaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG5XSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cblNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbmxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuKi9cblxuaW1wb3J0IFJlYWN0LCB7UmVhY3ROb2RlfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7cmVwbGFjZWFibGVDb21wb25lbnR9IGZyb20gXCIuLi8uLi8uLi91dGlscy9yZXBsYWNlYWJsZUNvbXBvbmVudFwiO1xuaW1wb3J0IEFjY2Vzc2libGVUb29sdGlwQnV0dG9uIGZyb20gXCIuLi9lbGVtZW50cy9BY2Nlc3NpYmxlVG9vbHRpcEJ1dHRvblwiO1xuaW1wb3J0IHtfdH0gZnJvbSBcIi4uLy4uLy4uL2xhbmd1YWdlSGFuZGxlclwiO1xuaW1wb3J0IHtQbGF5YmFjaywgUGxheWJhY2tTdGF0ZX0gZnJvbSBcIi4uLy4uLy4uL3ZvaWNlL1BsYXliYWNrXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgICAvLyBQbGF5YmFjayBpbnN0YW5jZSB0byBtYW5pcHVsYXRlLiBDYW5ub3QgY2hhbmdlIGR1cmluZyB0aGUgY29tcG9uZW50IGxpZmVjeWNsZS5cbiAgICBwbGF5YmFjazogUGxheWJhY2s7XG5cbiAgICAvLyBUaGUgcGxheWJhY2sgcGhhc2UgdG8gcmVuZGVyLiBBYmxlIHRvIGNoYW5nZSBkdXJpbmcgdGhlIGNvbXBvbmVudCBsaWZlY3ljbGUuXG4gICAgcGxheWJhY2tQaGFzZTogUGxheWJhY2tTdGF0ZTtcbn1cblxuLyoqXG4gKiBEaXNwbGF5cyBhIHBsYXkvcGF1c2UgYnV0dG9uIChhY3RpdmF0aW5nIHRoZSBwbGF5L3BhdXNlIGZ1bmN0aW9uIG9mIHRoZSByZWNvcmRlcilcbiAqIHRvIGJlIGRpc3BsYXllZCBpbiByZWZlcmVuY2UgdG8gYSByZWNvcmRpbmcuXG4gKi9cbkByZXBsYWNlYWJsZUNvbXBvbmVudChcInZpZXdzLnZvaWNlX21lc3NhZ2VzLlBsYXlQYXVzZUJ1dHRvblwiKVxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgUGxheVBhdXNlQnV0dG9uIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudDxJUHJvcHM+IHtcbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICAgICAgc3VwZXIocHJvcHMpO1xuICAgIH1cblxuICAgIHByaXZhdGUgb25DbGljayA9IGFzeW5jICgpID0+IHtcbiAgICAgICAgYXdhaXQgdGhpcy5wcm9wcy5wbGF5YmFjay50b2dnbGUoKTtcbiAgICB9O1xuXG4gICAgcHVibGljIHJlbmRlcigpOiBSZWFjdE5vZGUge1xuICAgICAgICBjb25zdCBpc1BsYXlpbmcgPSB0aGlzLnByb3BzLnBsYXliYWNrLmlzUGxheWluZztcbiAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IHRoaXMucHJvcHMucGxheWJhY2tQaGFzZSA9PT0gUGxheWJhY2tTdGF0ZS5EZWNvZGluZztcbiAgICAgICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzTmFtZXMoJ214X1BsYXlQYXVzZUJ1dHRvbicsIHtcbiAgICAgICAgICAgICdteF9QbGF5UGF1c2VCdXR0b25fcGxheSc6ICFpc1BsYXlpbmcsXG4gICAgICAgICAgICAnbXhfUGxheVBhdXNlQnV0dG9uX3BhdXNlJzogaXNQbGF5aW5nLFxuICAgICAgICAgICAgJ214X1BsYXlQYXVzZUJ1dHRvbl9kaXNhYmxlZCc6IGlzRGlzYWJsZWQsXG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gPEFjY2Vzc2libGVUb29sdGlwQnV0dG9uXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAgICAgICB0aXRsZT17aXNQbGF5aW5nID8gX3QoXCJQYXVzZVwiKSA6IF90KFwiUGxheVwiKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3RoaXMub25DbGlja31cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAvPjtcbiAgICB9XG59XG4iXX0=