@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".
79 lines • 4.77 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/inherits";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
import React from 'react';
import { FormattedMessage } from 'react-intl-next';
import Avatar from '@atlaskit/avatar';
import { contentPreviewMessages } from '../../messages';
import * as Styled from './styled';
import MessagesIntlProvider from '../MessagesIntlProvider';
export var DeleteUserContentPreviewScreen = /*#__PURE__*/function (_React$Component) {
function DeleteUserContentPreviewScreen() {
var _this;
_classCallCheck(this, DeleteUserContentPreviewScreen);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _callSuper(this, DeleteUserContentPreviewScreen, [].concat(args));
_defineProperty(_this, "state", {
currentActive: -1
});
_defineProperty(_this, "handleClickSection", function (userName, position) {
return function () {
_this.props.preferenceSelection(userName);
_this.setState({
currentActive: position
});
};
});
_defineProperty(_this, "isCardSelected", function (position) {
return position === _this.state.currentActive;
});
_defineProperty(_this, "selectAdminOrSelfCopy", function (adminCopy, selfCopy) {
return _this.props.isCurrentUser ? selfCopy : adminCopy;
});
return _this;
}
_inherits(DeleteUserContentPreviewScreen, _React$Component);
return _createClass(DeleteUserContentPreviewScreen, [{
key: "componentDidMount",
value: function componentDidMount() {
this.props.preferenceSelection('');
}
}, {
key: "render",
value: function render() {
var user = this.props.user;
return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(Styled.Screen, null, /*#__PURE__*/React.createElement(Styled.Title, null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(contentPreviewMessages.headingAdmin, contentPreviewMessages.headingSelf))), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(contentPreviewMessages.paragraphSurveyAdmin, contentPreviewMessages.paragraphSurveySelf), {
tagName: "p"
})), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(contentPreviewMessages.lineSurveyAdmin, contentPreviewMessages.lineSurveySelf), {
tagName: "p"
})), /*#__PURE__*/React.createElement(Styled.SectionCard, {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: "nameSectionCard",
onClick: this.handleClickSection('Name', 1),
isSelected: 1 === this.state.currentActive
}, /*#__PURE__*/React.createElement(Styled.Avatar, null, /*#__PURE__*/React.createElement(Avatar, {
size: "large",
src: ""
})), /*#__PURE__*/React.createElement(Styled.UserDetails, null, user.fullName)), /*#__PURE__*/React.createElement(Styled.SectionCard, {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: "formerUserSectionCard",
onClick: this.handleClickSection('Former User', 0),
isSelected: 0 === this.state.currentActive
}, /*#__PURE__*/React.createElement(Styled.Avatar, null, /*#__PURE__*/React.createElement(Avatar, {
size: "large",
src: ""
})), /*#__PURE__*/React.createElement(Styled.UserDetails, null, /*#__PURE__*/React.createElement(FormattedMessage, contentPreviewMessages.formerUser))), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(contentPreviewMessages.footnoteAdmin, contentPreviewMessages.footnoteSelf), {
tagName: "p"
}))));
}
}]);
}(React.Component);
export default DeleteUserContentPreviewScreen;