@atlaskit/focused-task-close-account
Version:
This package contains all of the UI components needed to assemble the focused tasks for deactivating and deleting users' accounts in accordance with the GDPR "Right to be forgotten".
148 lines (147 loc) • 12.6 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.DeleteUserOverviewScreen = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _reactIntlNext = require("react-intl-next");
var _button = _interopRequireDefault(require("@atlaskit/button"));
var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
var _informationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--info"));
var _primitives = require("@atlaskit/primitives");
var _messages = require("../../messages");
var _StatefulInlineDialog = _interopRequireDefault(require("../StatefulInlineDialog"));
var _UserInfo = _interopRequireDefault(require("../UserInfo"));
var Styled = _interopRequireWildcard(require("./styled"));
var _DropdownList = require("../DropdownList");
var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/function (_React$Component) {
function DeleteUserOverviewScreen() {
var _this;
(0, _classCallCheck2.default)(this, DeleteUserOverviewScreen);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _callSuper(this, DeleteUserOverviewScreen, [].concat(args));
(0, _defineProperty2.default)(_this, "selectAdminOrSelfCopy", function (adminCopy, selfCopy) {
return _this.props.isCurrentUser ? selfCopy : adminCopy;
});
(0, _defineProperty2.default)(_this, "displayFirstListElement", function () {
var _this$props = _this.props,
accessibleSites = _this$props.accessibleSites,
user = _this$props.user,
isUserDeactivated = _this$props.isUserDeactivated;
if (isUserDeactivated) {
return null;
}
var hasAccessibleSites = accessibleSites && accessibleSites.length > 0;
return /*#__PURE__*/_react.default.createElement("li", null, !hasAccessibleSites && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphLoseAccessAdminNoSites, _messages.overviewMessages.paragraphLoseAccessSelfNoSites), {
values: {
fullName: user.fullName,
b: function b(s) {
return /*#__PURE__*/_react.default.createElement("b", null, s);
}
}
})), hasAccessibleSites && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphLoseAccessAdmin, _messages.overviewMessages.paragraphLoseAccessSelf), {
values: {
fullName: user.fullName,
b: function b(s) {
return /*#__PURE__*/_react.default.createElement("b", null, s);
}
},
tagName: 'p'
})), /*#__PURE__*/_react.default.createElement(_DropdownList.DropdownList, {
accessibleSites: accessibleSites
})));
});
(0, _defineProperty2.default)(_this, "displaySecondListElement", function () {
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphPersonalDataWillBeDeletedAdmin, _messages.overviewMessages.paragraphPersonalDataWillBeDeletedSelf), {
values: {
b: function b(s) {
return /*#__PURE__*/_react.default.createElement("b", null, s);
}
}
})), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
placement: "auto-start",
content: /*#__PURE__*/_react.default.createElement(Styled.InlineDialogContent, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedP1Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedP1Self), {
tagName: "p"
})), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedLi1Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedLi1Self), {
tagName: "li"
})), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedLi2Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedLi2Self), {
tagName: "li"
})), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedLi3Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedLi3Self), {
tagName: "li"
})), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedP2Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedP2Self), {
tagName: "p"
})), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedP3Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedP3Self), {
tagName: "p"
})))
}, /*#__PURE__*/_react.default.createElement(_informationInfo.default, {
color: "currentColor",
label: "",
LEGACY_size: "small"
}))));
});
(0, _defineProperty2.default)(_this, "displayThirdListElement", function () {
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphListOfAppsWithPersonalDataAdmin, _messages.overviewMessages.paragraphListOfAppsWithPersonalDataSelf)), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
placement: "auto-start",
content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataAppsAdmin, _messages.overviewMessages.inlineDialogDataAppsSelf))
}, /*#__PURE__*/_react.default.createElement(_informationInfo.default, {
color: "currentColor",
label: "",
LEGACY_size: "small"
}))));
});
(0, _defineProperty2.default)(_this, "displayFourthListElement", function () {
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphContentCreatedAdmin, _messages.overviewMessages.paragraphContentCreatedSelf)), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
placement: "auto-start",
content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogContentCreatedAdmin, _messages.overviewMessages.inlineDialogContentCreatedSelf))
}, /*#__PURE__*/_react.default.createElement(_informationInfo.default, {
color: "currentColor",
label: "",
LEGACY_size: "small"
}))));
});
return _this;
}
(0, _inherits2.default)(DeleteUserOverviewScreen, _React$Component);
return (0, _createClass2.default)(DeleteUserOverviewScreen, [{
key: "render",
value: function render() {
var _this$props2 = this.props,
user = _this$props2.user,
deactivateUserHandler = _this$props2.deactivateUserHandler,
isUserDeactivated = _this$props2.isUserDeactivated;
return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(Styled.Screen, null, /*#__PURE__*/_react.default.createElement(Styled.Title, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, this.selectAdminOrSelfCopy(_messages.overviewMessages.headingAdmin, _messages.overviewMessages.headingSelf))), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, this.selectAdminOrSelfCopy(_messages.overviewMessages.firstLineAdmin, _messages.overviewMessages.firstLineSelf), {
tagName: "p"
})), /*#__PURE__*/_react.default.createElement(_UserInfo.default, {
user: user
}), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphAboutToDeleteAdmin, _messages.overviewMessages.paragraphAboutToDeleteSelf)), /*#__PURE__*/_react.default.createElement(Styled.MainInformationList, null, this.displayFirstListElement(), this.displaySecondListElement(), this.displayThirdListElement(), this.displayFourthListElement()), deactivateUserHandler && /*#__PURE__*/_react.default.createElement(Styled.SectionMessageOuter, null, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
appearance: "warning"
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, isUserDeactivated ? _messages.overviewMessages.warningSectionBodyDeactivated : _messages.overviewMessages.warningSectionBody), !isUserDeactivated && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
as: "p"
}, /*#__PURE__*/_react.default.createElement(_button.default, {
appearance: "link",
spacing: "none",
onClick: deactivateUserHandler
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.commonMessages.deactivateAccount)))))));
}
}]);
}(_react.default.Component);
(0, _defineProperty2.default)(DeleteUserOverviewScreen, "defaultProps", {
isCurrentUser: false
});
var _default = exports.default = DeleteUserOverviewScreen;