UNPKG

@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
"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;