@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".
60 lines • 4.07 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import React from 'react';
import { FormattedMessage } from 'react-intl-next';
import { deactivateUserOverviewMessages } from '../../messages';
import UserInfo from '../UserInfo';
import * as Styled from './styled';
import { DropdownList } from '../DropdownList';
import MessagesIntlProvider from '../MessagesIntlProvider';
export class DeactivateUserOverviewScreen extends React.Component {
constructor(...args) {
super(...args);
_defineProperty(this, "selectAdminOrSelfCopy", (adminCopy, selfCopy) => {
return this.props.isCurrentUser ? selfCopy : adminCopy;
});
_defineProperty(this, "renderLoseAccessListElement", () => {
const {
accessibleSites,
user
} = this.props;
const hasAccessibleSites = accessibleSites && accessibleSites.length > 0;
return /*#__PURE__*/React.createElement("li", null, !hasAccessibleSites && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.paragraphLoseAccessAdminNoSites, deactivateUserOverviewMessages.paragraphLoseAccessSelfNoSites), {
values: {
fullName: user.fullName,
b: s => /*#__PURE__*/React.createElement("b", null, s)
}
})), hasAccessibleSites && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.paragraphLoseAccessAdmin, deactivateUserOverviewMessages.paragraphLoseAccessSelf), {
values: {
fullName: user.fullName,
b: s => /*#__PURE__*/React.createElement("b", null, s)
},
tagName: 'p'
})), /*#__PURE__*/React.createElement(Styled.AccessibleSitesWrapper, null, /*#__PURE__*/React.createElement(DropdownList, {
accessibleSites: accessibleSites
}))));
});
_defineProperty(this, "renderPersonalDataListElement", () => {
return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.paragraphPersonalDataAdmin, deactivateUserOverviewMessages.paragraphPersonalDataSelf)));
});
_defineProperty(this, "renderBillingListElement", () => {
return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.paragraphBillingAdmin, deactivateUserOverviewMessages.paragraphBillingSelf)));
});
}
render() {
const {
user
} = this.props;
return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(Styled.Screen, null, /*#__PURE__*/React.createElement(Styled.Title, null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.headingAdmin, deactivateUserOverviewMessages.headingSelf))), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.firstLineAdmin, deactivateUserOverviewMessages.firstLineSelf), {
tagName: "p"
})), /*#__PURE__*/React.createElement(UserInfo, {
user: user
}), /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.paragraphAboutToDeactivateAdmin, deactivateUserOverviewMessages.paragraphAboutToDeactivateSelf)), /*#__PURE__*/React.createElement(Styled.MainInformationList, null, this.renderLoseAccessListElement(), this.renderPersonalDataListElement(), this.renderBillingListElement()), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(deactivateUserOverviewMessages.lastLineAdmin, deactivateUserOverviewMessages.lastLineSelf), {
tagName: "p"
}))));
}
}
_defineProperty(DeactivateUserOverviewScreen, "defaultProps", {
isCurrentUser: false
});
export default DeactivateUserOverviewScreen;