matrix-react-sdk
Version:
SDK for matrix.org using React
94 lines (91 loc) • 12.5 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _languageHandler = require("../../../../languageHandler");
var _RoomAvatar = _interopRequireDefault(require("../../avatars/RoomAvatar"));
var _AccessibleButton = _interopRequireDefault(require("../../elements/AccessibleButton"));
/*
Copyright 2021-2024 New Vector Ltd.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
const LegacyCallViewHeaderControls = ({
onExpand,
onPin,
onMaximize
}) => {
return /*#__PURE__*/_react.default.createElement("div", {
className: "mx_LegacyCallViewHeader_controls"
}, onMaximize && /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, {
className: "mx_LegacyCallViewHeader_button mx_LegacyCallViewHeader_button_fullscreen",
onClick: onMaximize,
title: (0, _languageHandler._t)("voip|maximise")
}), onPin && /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, {
className: "mx_LegacyCallViewHeader_button mx_LegacyCallViewHeader_button_pin",
onClick: onPin,
title: (0, _languageHandler._t)("action|pin")
}), onExpand && /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, {
className: "mx_LegacyCallViewHeader_button mx_LegacyCallViewHeader_button_expand",
onClick: onExpand,
title: (0, _languageHandler._t)("voip|expand")
}));
};
const SecondaryCallInfo = ({
callRoom
}) => {
return /*#__PURE__*/_react.default.createElement("span", {
className: "mx_LegacyCallViewHeader_secondaryCallInfo"
}, /*#__PURE__*/_react.default.createElement(_RoomAvatar.default, {
room: callRoom,
size: "16px"
}), /*#__PURE__*/_react.default.createElement("span", {
className: "mx_LegacyCallView_secondaryCall_roomName"
}, (0, _languageHandler._t)("voip|on_hold", {
name: callRoom.name
})));
};
const LegacyCallViewHeader = ({
pipMode = false,
callRooms,
onPipMouseDown,
onExpand,
onPin,
onMaximize
}) => {
const [callRoom, onHoldCallRoom] = callRooms;
const callRoomName = callRoom.name;
if (!pipMode) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "mx_LegacyCallViewHeader"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "mx_LegacyCallViewHeader_icon"
}), /*#__PURE__*/_react.default.createElement("span", {
className: "mx_LegacyCallViewHeader_text"
}, (0, _languageHandler._t)("action|call")), /*#__PURE__*/_react.default.createElement(LegacyCallViewHeaderControls, {
onMaximize: onMaximize
}));
}
return /*#__PURE__*/_react.default.createElement("div", {
className: "mx_LegacyCallViewHeader mx_LegacyCallViewHeader_pip",
onMouseDown: onPipMouseDown
}, /*#__PURE__*/_react.default.createElement(_RoomAvatar.default, {
room: callRoom,
size: "32px"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_LegacyCallViewHeader_callInfo"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "mx_LegacyCallViewHeader_roomName"
}, callRoomName), onHoldCallRoom && /*#__PURE__*/_react.default.createElement(SecondaryCallInfo, {
callRoom: onHoldCallRoom
})), /*#__PURE__*/_react.default.createElement(LegacyCallViewHeaderControls, {
onExpand: onExpand,
onPin: onPin,
onMaximize: onMaximize
}));
};
var _default = exports.default = LegacyCallViewHeader;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9sYW5ndWFnZUhhbmRsZXIiLCJfUm9vbUF2YXRhciIsIl9BY2Nlc3NpYmxlQnV0dG9uIiwiTGVnYWN5Q2FsbFZpZXdIZWFkZXJDb250cm9scyIsIm9uRXhwYW5kIiwib25QaW4iLCJvbk1heGltaXplIiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJvbkNsaWNrIiwidGl0bGUiLCJfdCIsIlNlY29uZGFyeUNhbGxJbmZvIiwiY2FsbFJvb20iLCJyb29tIiwic2l6ZSIsIm5hbWUiLCJMZWdhY3lDYWxsVmlld0hlYWRlciIsInBpcE1vZGUiLCJjYWxsUm9vbXMiLCJvblBpcE1vdXNlRG93biIsIm9uSG9sZENhbGxSb29tIiwiY2FsbFJvb21OYW1lIiwib25Nb3VzZURvd24iLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy92b2lwL0xlZ2FjeUNhbGxWaWV3L0xlZ2FjeUNhbGxWaWV3SGVhZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjEtMjAyNCBOZXcgVmVjdG9yIEx0ZC5cblxuU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHkgT1IgR1BMLTMuMC1vbmx5XG5QbGVhc2Ugc2VlIExJQ0VOU0UgZmlsZXMgaW4gdGhlIHJlcG9zaXRvcnkgcm9vdCBmb3IgZnVsbCBkZXRhaWxzLlxuKi9cblxuaW1wb3J0IHsgUm9vbSB9IGZyb20gXCJtYXRyaXgtanMtc2RrL3NyYy9tYXRyaXhcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgX3QgfSBmcm9tIFwiLi4vLi4vLi4vLi4vbGFuZ3VhZ2VIYW5kbGVyXCI7XG5pbXBvcnQgUm9vbUF2YXRhciBmcm9tIFwiLi4vLi4vYXZhdGFycy9Sb29tQXZhdGFyXCI7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tIFwiLi4vLi4vZWxlbWVudHMvQWNjZXNzaWJsZUJ1dHRvblwiO1xuXG5pbnRlcmZhY2UgTGVnYWN5Q2FsbENvbnRyb2xzUHJvcHMge1xuICAgIG9uRXhwYW5kPzogKCkgPT4gdm9pZDtcbiAgICBvblBpbj86ICgpID0+IHZvaWQ7XG4gICAgb25NYXhpbWl6ZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IExlZ2FjeUNhbGxWaWV3SGVhZGVyQ29udHJvbHM6IFJlYWN0LkZDPExlZ2FjeUNhbGxDb250cm9sc1Byb3BzPiA9ICh7IG9uRXhwYW5kLCBvblBpbiwgb25NYXhpbWl6ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9MZWdhY3lDYWxsVmlld0hlYWRlcl9jb250cm9sc1wiPlxuICAgICAgICAgICAge29uTWF4aW1pemUgJiYgKFxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cIm14X0xlZ2FjeUNhbGxWaWV3SGVhZGVyX2J1dHRvbiBteF9MZWdhY3lDYWxsVmlld0hlYWRlcl9idXR0b25fZnVsbHNjcmVlblwiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uTWF4aW1pemV9XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtfdChcInZvaXB8bWF4aW1pc2VcIil9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7b25QaW4gJiYgKFxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cIm14X0xlZ2FjeUNhbGxWaWV3SGVhZGVyX2J1dHRvbiBteF9MZWdhY3lDYWxsVmlld0hlYWRlcl9idXR0b25fcGluXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17b25QaW59XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtfdChcImFjdGlvbnxwaW5cIil9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7b25FeHBhbmQgJiYgKFxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cIm14X0xlZ2FjeUNhbGxWaWV3SGVhZGVyX2J1dHRvbiBteF9MZWdhY3lDYWxsVmlld0hlYWRlcl9idXR0b25fZXhwYW5kXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17b25FeHBhbmR9XG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtfdChcInZvaXB8ZXhwYW5kXCIpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuaW50ZXJmYWNlIElTZWNvbmRhcnlDYWxsSW5mb1Byb3BzIHtcbiAgICBjYWxsUm9vbTogUm9vbTtcbn1cblxuY29uc3QgU2Vjb25kYXJ5Q2FsbEluZm86IFJlYWN0LkZDPElTZWNvbmRhcnlDYWxsSW5mb1Byb3BzPiA9ICh7IGNhbGxSb29tIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJteF9MZWdhY3lDYWxsVmlld0hlYWRlcl9zZWNvbmRhcnlDYWxsSW5mb1wiPlxuICAgICAgICAgICAgPFJvb21BdmF0YXIgcm9vbT17Y2FsbFJvb219IHNpemU9XCIxNnB4XCIgLz5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm14X0xlZ2FjeUNhbGxWaWV3X3NlY29uZGFyeUNhbGxfcm9vbU5hbWVcIj5cbiAgICAgICAgICAgICAgICB7X3QoXCJ2b2lwfG9uX2hvbGRcIiwgeyBuYW1lOiBjYWxsUm9vbS5uYW1lIH0pfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBMZWdhY3lDYWxsVmlld0hlYWRlclByb3BzIHtcbiAgICBwaXBNb2RlPzogYm9vbGVhbjtcbiAgICBjYWxsUm9vbXM6IFtSb29tLCBSb29tIHwgbnVsbF07XG4gICAgb25QaXBNb3VzZURvd24/OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHZvaWQ7XG4gICAgb25FeHBhbmQ/OiAoKSA9PiB2b2lkO1xuICAgIG9uUGluPzogKCkgPT4gdm9pZDtcbiAgICBvbk1heGltaXplPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgTGVnYWN5Q2FsbFZpZXdIZWFkZXI6IFJlYWN0LkZDPExlZ2FjeUNhbGxWaWV3SGVhZGVyUHJvcHM+ID0gKHtcbiAgICBwaXBNb2RlID0gZmFsc2UsXG4gICAgY2FsbFJvb21zLFxuICAgIG9uUGlwTW91c2VEb3duLFxuICAgIG9uRXhwYW5kLFxuICAgIG9uUGluLFxuICAgIG9uTWF4aW1pemUsXG59KSA9PiB7XG4gICAgY29uc3QgW2NhbGxSb29tLCBvbkhvbGRDYWxsUm9vbV0gPSBjYWxsUm9vbXM7XG4gICAgY29uc3QgY2FsbFJvb21OYW1lID0gY2FsbFJvb20ubmFtZTtcblxuICAgIGlmICghcGlwTW9kZSkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9MZWdhY3lDYWxsVmlld0hlYWRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfTGVnYWN5Q2FsbFZpZXdIZWFkZXJfaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwibXhfTGVnYWN5Q2FsbFZpZXdIZWFkZXJfdGV4dFwiPntfdChcImFjdGlvbnxjYWxsXCIpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8TGVnYWN5Q2FsbFZpZXdIZWFkZXJDb250cm9scyBvbk1heGltaXplPXtvbk1heGltaXplfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfTGVnYWN5Q2FsbFZpZXdIZWFkZXIgbXhfTGVnYWN5Q2FsbFZpZXdIZWFkZXJfcGlwXCIgb25Nb3VzZURvd249e29uUGlwTW91c2VEb3dufT5cbiAgICAgICAgICAgIDxSb29tQXZhdGFyIHJvb209e2NhbGxSb29tfSBzaXplPVwiMzJweFwiIC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm14X0xlZ2FjeUNhbGxWaWV3SGVhZGVyX2NhbGxJbmZvXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9MZWdhY3lDYWxsVmlld0hlYWRlcl9yb29tTmFtZVwiPntjYWxsUm9vbU5hbWV9PC9kaXY+XG4gICAgICAgICAgICAgICAge29uSG9sZENhbGxSb29tICYmIDxTZWNvbmRhcnlDYWxsSW5mbyBjYWxsUm9vbT17b25Ib2xkQ2FsbFJvb219IC8+fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8TGVnYWN5Q2FsbFZpZXdIZWFkZXJDb250cm9scyBvbkV4cGFuZD17b25FeHBhbmR9IG9uUGluPXtvblBpbn0gb25NYXhpbWl6ZT17b25NYXhpbWl6ZX0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExlZ2FjeUNhbGxWaWV3SGVhZGVyO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBUUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUMsZ0JBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFHLGlCQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFaQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBZUEsTUFBTUksNEJBQStELEdBQUdBLENBQUM7RUFBRUMsUUFBUTtFQUFFQyxLQUFLO0VBQUVDO0FBQVcsQ0FBQyxLQUFLO0VBQ3pHLG9CQUNJVCxNQUFBLENBQUFVLE9BQUEs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