mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-05 15:35:46 +01:00
78f4684b2a
* MetaMetrics: add EVENT.CATEGORIES const * MetaMetrics: add EVENT.CATEGORIES.INPAGE_PROVIDER * MetaMetrics: add EVENT.CATEGORIES.AUTH * MetaMetrics: add EVENT.CATEGORIES.ACCOUNTS pt. 1 * MetaMetrics: add EVENT.CATEGORIES.ACCOUNTS pt. 2 confirm we want to use 'Accounts' instead of 'Account' * MetaMetrics: add EVENT.CATEGORIES.MESSAGES * MetaMetrics: add EVENT.CATEGORIES.RETENTION const * MetaMetrics: add EVENT.CATEGORIES.SETTINGS * MetaMask: add missing EVENT.CATEGORIES.SNAPS * MetaMetrics: add EVENT.CATEGORIES.WALLET const * MetaMetrics: add EVENT.CATEGORIES.ONBOARDING const * MetaMetrics: add EVENT.CATEGORIES.ONBOARDING & EVENT.CATEGORIES.TRANSACTIONS consts * MetaMetrics: use EVENT.CATEGORIES * ducks/swaps: revert slice name * MetaMetrics: add missing EVENT.CATEGORIES.NETWORK
143 lines
3.9 KiB
JavaScript
143 lines
3.9 KiB
JavaScript
import PropTypes from 'prop-types';
|
|
import React, { Component } from 'react';
|
|
import { isEqual } from 'lodash';
|
|
import { EVENT } from '../../../../shared/constants/metametrics';
|
|
import { PageContainerFooter } from '../../ui/page-container';
|
|
import PermissionsConnectFooter from '../permissions-connect-footer';
|
|
import { PermissionPageContainerContent } from '.';
|
|
|
|
export default class PermissionPageContainer extends Component {
|
|
static propTypes = {
|
|
approvePermissionsRequest: PropTypes.func.isRequired,
|
|
rejectPermissionsRequest: PropTypes.func.isRequired,
|
|
selectedIdentities: PropTypes.array,
|
|
allIdentitiesSelected: PropTypes.bool,
|
|
request: PropTypes.object,
|
|
requestMetadata: PropTypes.object,
|
|
targetSubjectMetadata: PropTypes.shape({
|
|
name: PropTypes.string,
|
|
origin: PropTypes.string.isRequired,
|
|
subjectType: PropTypes.string.isRequired,
|
|
extensionId: PropTypes.string,
|
|
iconUrl: PropTypes.string,
|
|
}),
|
|
};
|
|
|
|
static defaultProps = {
|
|
request: {},
|
|
requestMetadata: {},
|
|
selectedIdentities: [],
|
|
allIdentitiesSelected: false,
|
|
};
|
|
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
trackEvent: PropTypes.func,
|
|
};
|
|
|
|
state = {
|
|
selectedPermissions: this.getRequestedMethodState(
|
|
this.getRequestedMethodNames(this.props),
|
|
),
|
|
};
|
|
|
|
componentDidUpdate() {
|
|
const newMethodNames = this.getRequestedMethodNames(this.props);
|
|
|
|
if (!isEqual(Object.keys(this.state.selectedPermissions), newMethodNames)) {
|
|
// this should be a new request, so just overwrite
|
|
this.setState({
|
|
selectedPermissions: this.getRequestedMethodState(newMethodNames),
|
|
});
|
|
}
|
|
}
|
|
|
|
getRequestedMethodState(methodNames) {
|
|
return methodNames.reduce((acc, methodName) => {
|
|
acc[methodName] = true;
|
|
return acc;
|
|
}, {});
|
|
}
|
|
|
|
getRequestedMethodNames(props) {
|
|
return Object.keys(props.request.permissions || {});
|
|
}
|
|
|
|
componentDidMount() {
|
|
this.context.trackEvent({
|
|
category: EVENT.CATEGORIES.AUTH,
|
|
event: 'Tab Opened',
|
|
properties: {
|
|
action: 'Connect',
|
|
legacy_event: true,
|
|
},
|
|
});
|
|
}
|
|
|
|
onCancel = () => {
|
|
const { request, rejectPermissionsRequest } = this.props;
|
|
rejectPermissionsRequest(request.metadata.id);
|
|
};
|
|
|
|
onSubmit = () => {
|
|
const {
|
|
request: _request,
|
|
approvePermissionsRequest,
|
|
rejectPermissionsRequest,
|
|
selectedIdentities,
|
|
} = this.props;
|
|
|
|
const request = {
|
|
..._request,
|
|
permissions: { ..._request.permissions },
|
|
approvedAccounts: selectedIdentities.map(
|
|
(selectedIdentity) => selectedIdentity.address,
|
|
),
|
|
};
|
|
|
|
Object.keys(this.state.selectedPermissions).forEach((key) => {
|
|
if (!this.state.selectedPermissions[key]) {
|
|
delete request.permissions[key];
|
|
}
|
|
});
|
|
|
|
if (Object.keys(request.permissions).length > 0) {
|
|
approvePermissionsRequest(request);
|
|
} else {
|
|
rejectPermissionsRequest(request.metadata.id);
|
|
}
|
|
};
|
|
|
|
render() {
|
|
const {
|
|
requestMetadata,
|
|
targetSubjectMetadata,
|
|
selectedIdentities,
|
|
allIdentitiesSelected,
|
|
} = this.props;
|
|
|
|
return (
|
|
<div className="page-container permission-approval-container">
|
|
<PermissionPageContainerContent
|
|
requestMetadata={requestMetadata}
|
|
subjectMetadata={targetSubjectMetadata}
|
|
selectedPermissions={this.state.selectedPermissions}
|
|
selectedIdentities={selectedIdentities}
|
|
allIdentitiesSelected={allIdentitiesSelected}
|
|
/>
|
|
<div className="permission-approval-container__footers">
|
|
<PermissionsConnectFooter />
|
|
<PageContainerFooter
|
|
cancelButtonType="default"
|
|
onCancel={() => this.onCancel()}
|
|
cancelText={this.context.t('cancel')}
|
|
onSubmit={() => this.onSubmit()}
|
|
submitText={this.context.t('connect')}
|
|
buttonSizeLarge={false}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|