matrix-react-sdk

Version:
SDK for matrix.org using React
51 lines (48 loc) • 6.72 kB
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VoiceBroadcastSmallPlaybackBody = void 0;
var _react = _interopRequireDefault(require("react"));
var _close = _interopRequireDefault(require("@vector-im/compound-design-tokens/assets/web/icons/close"));
var _ = require("../..");
var _AccessibleButton = _interopRequireDefault(require("../../../components/views/elements/AccessibleButton"));
var _useVoiceBroadcastPlayback = require("../../hooks/useVoiceBroadcastPlayback");
/*
Copyright 2024 New Vector Ltd.
Copyright 2022 The Matrix.org Foundation C.I.C.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

const VoiceBroadcastSmallPlaybackBody = ({
  playback
}) => {
  const {
    liveness,
    playbackState,
    room,
    sender,
    toggle
  } = (0, _useVoiceBroadcastPlayback.useVoiceBroadcastPlayback)(playback);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "mx_VoiceBroadcastBody mx_VoiceBroadcastBody--pip mx_VoiceBroadcastBody--small"
  }, /*#__PURE__*/_react.default.createElement(_.VoiceBroadcastHeader, {
    linkToRoom: true,
    live: liveness,
    liveBadgePosition: "middle",
    microphoneLabel: sender?.name,
    room: room,
    showBuffering: playbackState === _.VoiceBroadcastPlaybackState.Buffering,
    bufferingPosition: "title"
  }), /*#__PURE__*/_react.default.createElement(_.VoiceBroadcastPlaybackControl, {
    state: playbackState,
    onClick: toggle
  }), /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, {
    onClick: () => playback.stop()
  }, /*#__PURE__*/_react.default.createElement(_close.default, {
    className: "mx_Icon mx_Icon_8 mx_VoiceBroadcastBody__small-close"
  })));
};
exports.VoiceBroadcastSmallPlaybackBody = VoiceBroadcastSmallPlaybackBody;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jbG9zZSIsIl8iLCJfQWNjZXNzaWJsZUJ1dHRvbiIsIl91c2VWb2ljZUJyb2FkY2FzdFBsYXliYWNrIiwiVm9pY2VCcm9hZGNhc3RTbWFsbFBsYXliYWNrQm9keSIsInBsYXliYWNrIiwibGl2ZW5lc3MiLCJwbGF5YmFja1N0YXRlIiwicm9vbSIsInNlbmRlciIsInRvZ2dsZSIsInVzZVZvaWNlQnJvYWRjYXN0UGxheWJhY2siLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIlZvaWNlQnJvYWRjYXN0SGVhZGVyIiwibGlua1RvUm9vbSIsImxpdmUiLCJsaXZlQmFkZ2VQb3NpdGlvbiIsIm1pY3JvcGhvbmVMYWJlbCIsIm5hbWUiLCJzaG93QnVmZmVyaW5nIiwiVm9pY2VCcm9hZGNhc3RQbGF5YmFja1N0YXRlIiwiQnVmZmVyaW5nIiwiYnVmZmVyaW5nUG9zaXRpb24iLCJWb2ljZUJyb2FkY2FzdFBsYXliYWNrQ29udHJvbCIsInN0YXRlIiwib25DbGljayIsInN0b3AiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3ZvaWNlLWJyb2FkY2FzdC9jb21wb25lbnRzL21vbGVjdWxlcy9Wb2ljZUJyb2FkY2FzdFNtYWxsUGxheWJhY2tCb2R5LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjQgTmV3IFZlY3RvciBMdGQuXG5Db3B5cmlnaHQgMjAyMiBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgQ2xvc2VJY29uIGZyb20gXCJAdmVjdG9yLWltL2NvbXBvdW5kLWRlc2lnbi10b2tlbnMvYXNzZXRzL3dlYi9pY29ucy9jbG9zZVwiO1xuXG5pbXBvcnQge1xuICAgIFZvaWNlQnJvYWRjYXN0SGVhZGVyLFxuICAgIFZvaWNlQnJvYWRjYXN0UGxheWJhY2ssXG4gICAgVm9pY2VCcm9hZGNhc3RQbGF5YmFja0NvbnRyb2wsXG4gICAgVm9pY2VCcm9hZGNhc3RQbGF5YmFja1N0YXRlLFxufSBmcm9tIFwiLi4vLi5cIjtcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gXCIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXdzL2VsZW1lbnRzL0FjY2Vzc2libGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZVZvaWNlQnJvYWRjYXN0UGxheWJhY2sgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlVm9pY2VCcm9hZGNhc3RQbGF5YmFja1wiO1xuXG5pbnRlcmZhY2UgVm9pY2VCcm9hZGNhc3RTbWFsbFBsYXliYWNrQm9keVByb3BzIHtcbiAgICBwbGF5YmFjazogVm9pY2VCcm9hZGNhc3RQbGF5YmFjaztcbn1cblxuZXhwb3J0IGNvbnN0IFZvaWNlQnJvYWRjYXN0U21hbGxQbGF5YmFja0JvZHk6IFJlYWN0LkZDPFZvaWNlQnJvYWRjYXN0U21hbGxQbGF5YmFja0JvZHlQcm9wcz4gPSAoeyBwbGF5YmFjayB9KSA9PiB7XG4gICAgY29uc3QgeyBsaXZlbmVzcywgcGxheWJhY2tTdGF0ZSwgcm9vbSwgc2VuZGVyLCB0b2dnbGUgfSA9IHVzZVZvaWNlQnJvYWRjYXN0UGxheWJhY2socGxheWJhY2spO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfVm9pY2VCcm9hZGNhc3RCb2R5IG14X1ZvaWNlQnJvYWRjYXN0Qm9keS0tcGlwIG14X1ZvaWNlQnJvYWRjYXN0Qm9keS0tc21hbGxcIj5cbiAgICAgICAgICAgIDxWb2ljZUJyb2FkY2FzdEhlYWRlclxuICAgICAgICAgICAgICAgIGxpbmtUb1Jvb209e3RydWV9XG4gICAgICAgICAgICAgICAgbGl2ZT17bGl2ZW5lc3N9XG4gICAgICAgICAgICAgICAgbGl2ZUJhZGdlUG9zaXRpb249XCJtaWRkbGVcIlxuICAgICAgICAgICAgICAgIG1pY3JvcGhvbmVMYWJlbD17c2VuZGVyPy5uYW1lfVxuICAgICAgICAgICAgICAgIHJvb209e3Jvb219XG4gICAgICAgICAgICAgICAgc2hvd0J1ZmZlcmluZz17cGxheWJhY2tTdGF0ZSA9PT0gVm9pY2VCcm9hZGNhc3RQbGF5YmFja1N0YXRlLkJ1ZmZlcmluZ31cbiAgICAgICAgICAgICAgICBidWZmZXJpbmdQb3NpdGlvbj1cInRpdGxlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8Vm9pY2VCcm9hZGNhc3RQbGF5YmFja0NvbnRyb2wgc3RhdGU9e3BsYXliYWNrU3RhdGV9IG9uQ2xpY2s9e3RvZ2dsZX0gLz5cbiAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uIG9uQ2xpY2s9eygpID0+IHBsYXliYWNrLnN0b3AoKX0+XG4gICAgICAgICAgICAgICAgPENsb3NlSWNvbiBjbGFzc05hbWU9XCJteF9JY29uIG14X0ljb25fOCBteF9Wb2ljZUJyb2FkY2FzdEJvZHlfX3NtYWxsLWNsb3NlXCIgLz5cbiAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFRQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBRSxDQUFBLEdBQUFGLE9BQUE7QUFNQSxJQUFBRyxpQkFBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUksMEJBQUEsR0FBQUosT0FBQTtBQWxCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFrQk8sTUFBTUssK0JBQStFLEdBQUdBLENBQUM7RUFBRUM7QUFBUyxDQUFDLEtBQUs7RUFDN0csTUFBTTtJQUFFQyxRQUFRO0lBQUVDLGFBQWE7SUFBRUMsSUFBSTtJQUFFQyxNQUFNO0lBQUVDO0VBQU8sQ0FBQyxHQUFHLElBQUFDLG9EQUF5QixFQUFDTixRQUFRLENBQUM7RUFDN0Ysb0JBQ0lSLE1BQUEsQ0FBQWUsT0FBQSxDQUFBQyxhQUFBO0lBQUtDLFNBQVMsRUFBQztFQUErRSxnQkFDMUZqQixNQUFBLENBQUFlLE9BQUEsQ0FBQUMsYUFBQSxDQUFDWixDQUFBLENBQUFjLG9CQUFvQjtJQUNqQkMsVUFBVSxFQUFFLElBQUs7SUFDakJDLElBQUksRUFBRVgsUUFBUztJQUNmWSxpQkFBaUIsRUFBQyxRQUFRO0lBQzFCQyxlQUFlLEVBQUVWLE1BQU0sRUFBRVcsSUFBSztJQUM5QlosSUFBSSxFQUFFQSxJQUFLO0lBQ1hhLGFBQWEsRUFBRWQsYUFBYSxLQUFLZSw2QkFBMkIsQ0FBQ0MsU0FBVTtJQUN2RUMsaUJBQWlCLEVBQUM7RUFBTyxDQUM1QixDQUFDLGVBQ0YzQixNQUFBLENBQUFlLE9BQUEsQ0FBQUMsYUFBQSxDQUFDWixDQUFBLENBQUF3Qiw2QkFBNkI7SUFBQ0MsS0FBSyxFQUFFbkIsYUFBYztJQUFDb0IsT0FBTyxFQUFFakI7RUFBTyxDQUFFLENBQUMsZUFDeEViLE1BQUEsQ0FBQWUsT0FBQSxDQUFBQyxhQUFBLENBQUNYLGlCQUFBLENBQUFVLE9BQWdCO0lBQUNlLE9BQU8sRUFBRUEsQ0FBQSxLQUFNdEIsUUFBUSxDQUFDdUIsSUFBSSxDQUFDO0VBQUUsZ0JBQzdDL0IsTUFBQSxDQUFBZSxPQUFBLENBQUFDLGFBQUEsQ0FBQ2IsTUFBQSxDQUFBWSxPQUFTO0lBQUNFLFNBQVMsRUFBQztFQUFzRCxDQUFFLENBQy9ELENBQ2pCLENBQUM7QUFFZCxDQUFDO0FBQUNlLE9BQUEsQ0FBQXpCLCtCQUFBLEdBQUFBLCtCQUFBIiwiaWdub3JlTGlzdCI6W119