matrix-react-sdk
Version:
SDK for matrix.org using React
60 lines (57 loc) • 7.55 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _verified = require("../../../../../res/img/e2e/verified.svg");
var _warning = require("../../../../../res/img/e2e/warning.svg");
var _inactive = require("../../../../../res/img/element-icons/settings/inactive.svg");
var _types = require("./types");
/*
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 VariationIcon = {
[_types.DeviceSecurityVariation.Inactive]: _inactive.Icon,
[_types.DeviceSecurityVariation.Verified]: _verified.Icon,
[_types.DeviceSecurityVariation.Unverified]: _warning.Icon,
[_types.DeviceSecurityVariation.Unverifiable]: _warning.Icon
};
const DeviceSecurityIcon = ({
variation
}) => {
const Icon = VariationIcon[variation];
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)("mx_DeviceSecurityCard_icon", variation)
}, /*#__PURE__*/_react.default.createElement(Icon, {
height: 16,
width: 16
}));
};
const DeviceSecurityCard = ({
variation,
heading,
description,
children
}) => {
return /*#__PURE__*/_react.default.createElement("div", {
className: "mx_DeviceSecurityCard"
}, /*#__PURE__*/_react.default.createElement(DeviceSecurityIcon, {
variation: variation
}), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_DeviceSecurityCard_content"
}, /*#__PURE__*/_react.default.createElement("p", {
className: "mx_DeviceSecurityCard_heading"
}, heading), /*#__PURE__*/_react.default.createElement("p", {
className: "mx_DeviceSecurityCard_description"
}, description), !!children && /*#__PURE__*/_react.default.createElement("div", {
className: "mx_DeviceSecurityCard_actions"
}, children)));
};
var _default = exports.default = DeviceSecurityCard;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX3ZlcmlmaWVkIiwiX3dhcm5pbmciLCJfaW5hY3RpdmUiLCJfdHlwZXMiLCJWYXJpYXRpb25JY29uIiwiRGV2aWNlU2VjdXJpdHlWYXJpYXRpb24iLCJJbmFjdGl2ZSIsIkluYWN0aXZlSWNvbiIsIlZlcmlmaWVkIiwiVmVyaWZpZWRJY29uIiwiVW52ZXJpZmllZCIsIlVudmVyaWZpZWRJY29uIiwiVW52ZXJpZmlhYmxlIiwiRGV2aWNlU2VjdXJpdHlJY29uIiwidmFyaWF0aW9uIiwiSWNvbiIsImRlZmF1bHQiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiY2xhc3NOYW1lcyIsImhlaWdodCIsIndpZHRoIiwiRGV2aWNlU2VjdXJpdHlDYXJkIiwiaGVhZGluZyIsImRlc2NyaXB0aW9uIiwiY2hpbGRyZW4iLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy9zZXR0aW5ncy9kZXZpY2VzL0RldmljZVNlY3VyaXR5Q2FyZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDI0IE5ldyBWZWN0b3IgTHRkLlxuQ29weXJpZ2h0IDIwMjIgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHkgT1IgR1BMLTMuMC1vbmx5XG5QbGVhc2Ugc2VlIExJQ0VOU0UgZmlsZXMgaW4gdGhlIHJlcG9zaXRvcnkgcm9vdCBmb3IgZnVsbCBkZXRhaWxzLlxuKi9cblxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgSWNvbiBhcyBWZXJpZmllZEljb24gfSBmcm9tIFwiLi4vLi4vLi4vLi4vLi4vcmVzL2ltZy9lMmUvdmVyaWZpZWQuc3ZnXCI7XG5pbXBvcnQgeyBJY29uIGFzIFVudmVyaWZpZWRJY29uIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL3Jlcy9pbWcvZTJlL3dhcm5pbmcuc3ZnXCI7XG5pbXBvcnQgeyBJY29uIGFzIEluYWN0aXZlSWNvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9yZXMvaW1nL2VsZW1lbnQtaWNvbnMvc2V0dGluZ3MvaW5hY3RpdmUuc3ZnXCI7XG5pbXBvcnQgeyBEZXZpY2VTZWN1cml0eVZhcmlhdGlvbiB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHZhcmlhdGlvbjogRGV2aWNlU2VjdXJpdHlWYXJpYXRpb247XG4gICAgaGVhZGluZzogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uOiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGU7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFZhcmlhdGlvbkljb246IFJlY29yZDxEZXZpY2VTZWN1cml0eVZhcmlhdGlvbiwgUmVhY3QuRkM8UmVhY3QuU1ZHUHJvcHM8U1ZHU1ZHRWxlbWVudD4+PiA9IHtcbiAgICBbRGV2aWNlU2VjdXJpdHlWYXJpYXRpb24uSW5hY3RpdmVdOiBJbmFjdGl2ZUljb24sXG4gICAgW0RldmljZVNlY3VyaXR5VmFyaWF0aW9uLlZlcmlmaWVkXTogVmVyaWZpZWRJY29uLFxuICAgIFtEZXZpY2VTZWN1cml0eVZhcmlhdGlvbi5VbnZlcmlmaWVkXTogVW52ZXJpZmllZEljb24sXG4gICAgW0RldmljZVNlY3VyaXR5VmFyaWF0aW9uLlVudmVyaWZpYWJsZV06IFVudmVyaWZpZWRJY29uLFxufTtcblxuY29uc3QgRGV2aWNlU2VjdXJpdHlJY29uOiBSZWFjdC5GQzx7IHZhcmlhdGlvbjogRGV2aWNlU2VjdXJpdHlWYXJpYXRpb24gfT4gPSAoeyB2YXJpYXRpb24gfSkgPT4ge1xuICAgIGNvbnN0IEljb24gPSBWYXJpYXRpb25JY29uW3ZhcmlhdGlvbl07XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJteF9EZXZpY2VTZWN1cml0eUNhcmRfaWNvblwiLCB2YXJpYXRpb24pfT5cbiAgICAgICAgICAgIDxJY29uIGhlaWdodD17MTZ9IHdpZHRoPXsxNn0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmNvbnN0IERldmljZVNlY3VyaXR5Q2FyZDogUmVhY3QuRkM8UHJvcHM+ID0gKHsgdmFyaWF0aW9uLCBoZWFkaW5nLCBkZXNjcmlwdGlvbiwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfRGV2aWNlU2VjdXJpdHlDYXJkXCI+XG4gICAgICAgICAgICA8RGV2aWNlU2VjdXJpdHlJY29uIHZhcmlhdGlvbj17dmFyaWF0aW9ufSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9EZXZpY2VTZWN1cml0eUNhcmRfY29udGVudFwiPlxuICAgICAgICAgICAgICAgIDxwIGNsYXNzTmFtZT1cIm14X0RldmljZVNlY3VyaXR5Q2FyZF9oZWFkaW5nXCI+e2hlYWRpbmd9PC9wPlxuICAgICAgICAgICAgICAgIDxwIGNsYXNzTmFtZT1cIm14X0RldmljZVNlY3VyaXR5Q2FyZF9kZXNjcmlwdGlvblwiPntkZXNjcmlwdGlvbn08L3A+XG4gICAgICAgICAgICAgICAgeyEhY2hpbGRyZW4gJiYgPGRpdiBjbGFzc05hbWU9XCJteF9EZXZpY2VTZWN1cml0eUNhcmRfYWN0aW9uc1wiPntjaGlsZHJlbn08L2Rpdj59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldmljZVNlY3VyaXR5Q2FyZDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQVFBLElBQUFBLFdBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFFLFNBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFFBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLFNBQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLE1BQUEsR0FBQUwsT0FBQTtBQWRBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQWdCQSxNQUFNTSxhQUF1RixHQUFHO0VBQzVGLENBQUNDLDhCQUF1QixDQUFDQyxRQUFRLEdBQUdDLGNBQVk7RUFDaEQsQ0FBQ0YsOEJBQXVCLENBQUNHLFFBQVEsR0FBR0MsY0FBWTtFQUNoRCxDQUFDSiw4QkFBdUIsQ0FBQ0ssVUFBVSxHQUFHQyxhQUFjO0VBQ3BELENBQUNOLDhCQUF1QixDQUFDTyxZQUFZLEdBQUdEO0FBQzVDLENBQUM7QUFFRCxNQUFNRSxrQkFBb0UsR0FBR0EsQ0FBQztFQUFFQztBQUFVLENBQUMsS0FBSztFQUM1RixNQUFNQyxJQUFJLEdBQUdYLGFBQWEsQ0FBQ1UsU0FBUyxDQUFDO0VBQ3JDLG9CQUNJZixNQUFBLENBQUFpQixPQUFBLENBQUFDLGFBQUE7SUFBS0MsU0FBUyxFQUFFLElBQUFDLG1CQUFVLEVBQUMsNEJBQTRCLEVBQUVMLFNBQVM7RUFBRSxnQkFDaEVmLE1BQUEsQ0FBQWlCLE9BQUEsQ0FBQUMsYUFBQSxDQUFDRixJQUFJO0lBQUNLLE1BQU0sRUFBRSxFQUFHO0lBQUNDLEtBQUssRUFBRTtFQUFHLENBQUUsQ0FDN0IsQ0FBQztBQUVkLENBQUM7QUFFRCxNQUFNQyxrQkFBbUMsR0FBR0EsQ0FBQztFQUFFUixTQUFTO0VBQUVTLE9BQU87RUFBRUMsV0FBVztFQUFFQztBQUFTLENBQUMsS0FBSztFQUMzRixvQkFDSTFCLE1BQUEsQ0FBQWlCLE9BQUEsQ0FBQUMsYUFBQTtJQUFLQyxTQUFTLEVBQUM7RUFBdUIsZ0JBQ2xDbkIsTUFBQSxDQUFBaUIsT0FBQSxDQUFBQyxhQUFBLENBQUNKLGtCQUFrQjtJQUFDQyxTQUFTLEVBQUVBO0VBQVUsQ0FBRSxDQUFDLGVBQzVDZixNQUFBLENBQUFpQixPQUFBLENBQUFDLGFBQUE7SUFBS0MsU0FBUyxFQUFDO0VBQStCLGdCQUMxQ25CLE1BQUEsQ0FBQWlCLE9BQUEsQ0FBQUMsYUFBQTtJQUFHQyxTQUFTLEVBQUM7RUFBK0IsR0FBRUssT0FBVyxDQUFDLGVBQzFEeEIsTUFBQSxDQUFBaUIsT0FBQSxDQUFBQyxhQUFBO0lBQUdDLFNBQVMsRUFBQztFQUFtQyxHQUFFTSxXQUFlLENBQUMsRUFDakUsQ0FBQyxDQUFDQyxRQUFRLGlCQUFJMUIsTUFBQSxDQUFBaUIsT0FBQSxDQUFBQyxhQUFBO0lBQUtDLFNBQVMsRUFBQztFQUErQixHQUFFTyxRQUFjLENBQzVFLENBQ0osQ0FBQztBQUVkLENBQUM7QUFBQyxJQUFBQyxRQUFBLEdBQUFDLE9BQUEsQ0FBQVgsT0FBQSxHQUVhTSxrQkFBa0IiLCJpZ25vcmVMaXN0IjpbXX0=