@atlaskit/focused-task-close-account/dist/cjs/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js

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".

"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 _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
var _compiled = require("@atlaskit/primitives/compiled");
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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
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; })(); } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
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((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataWillBeDeletedP2AdminAppify : _messages.overviewMessages.inlineDialogDataWillBeDeletedP2Admin, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataWillBeDeletedP2SelfAppify : _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(_statusInformation.default, {
        color: "currentColor",
        label: ""
      }))));
    });
    (0, _defineProperty2.default)(_this, "displayThirdListElement", function () {
      return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _this.selectAdminOrSelfCopy((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.paragraphListOfAppsWithPersonalDataAdminAppify : _messages.overviewMessages.paragraphListOfAppsWithPersonalDataAdmin, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.paragraphListOfAppsWithPersonalDataSelfAppify : _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((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataAppsAdminAppify : _messages.overviewMessages.inlineDialogDataAppsAdmin, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataAppsSelfAppify : _messages.overviewMessages.inlineDialogDataAppsSelf))
      }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
        color: "currentColor",
        label: ""
      }))));
    });
    (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((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogContentCreatedAdminissuetermrefreshAppify : _messages.overviewMessages.inlineDialogContentCreatedAdminissuetermrefresh, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogContentCreatedSelfAppify : _messages.overviewMessages.inlineDialogContentCreatedSelf))
      }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
        color: "currentColor",
        label: ""
      }))));
    });
    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(_compiled.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;