Moving gdpr to talk-plugin-profile-data

2026-08-14 12:50:17 +08:00 · 2018-05-02 14:01:03 -03:00
parent 26438d0b90
commit c57acddfc0
34 changed files with 5 additions and 1057 deletions
@@ -0,0 +1,91 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from './DeleteMyAccountDialog.css';
+import { Dialog } from 'plugin-api/beta/client/components/ui';
+import StepProgress from './StepProgress';
+import DeleteMyAccountStep0 from './DeleteMyAccountStep0';
+import DeleteMyAccountStep1 from './DeleteMyAccountStep1';
+import DeleteMyAccountStep2 from './DeleteMyAccountStep2';
+import DeleteMyAccountStep3 from './DeleteMyAccountStep3';
+import DeleteMyAccountFinalStep from './DeleteMyAccountFinalStep';
+
+const initialState = { step: 0, formData: {} };
+
+class DeleteMyAccountDialog extends React.Component {
+  state = initialState;
+
+  goToNextStep = () => {
+    this.setState(state => ({
+      step: state.step + 1,
+    }));
+  };
+
+  clear = () => {
+    this.setState(initialState);
+  };
+
+  cancel = () => {
+    this.clear();
+    this.props.closeDialog();
+  };
+
+  onChange = e => {
+    const { name, value } = e.target;
+
+    this.setState(state => ({
+      formData: {
+        ...state.formData,
+        [name]: value,
+      },
+    }));
+  };
+
+  render() {
+    const { step } = this.state;
+    return (
+      <Dialog open={this.props.showDialog} className={styles.dialog}>
+        <span className={styles.close} onClick={this.cancel}>
+          ×
+        </span>
+        <h3 className={styles.title}>Delete My Account</h3>
+        <StepProgress currentStep={this.state.step} totalSteps={4} />
+        {step === 0 && (
+          <DeleteMyAccountStep0
+            goToNextStep={this.goToNextStep}
+            cancel={this.cancel}
+          />
+        )}
+        {step === 1 && (
+          <DeleteMyAccountStep1
+            goToNextStep={this.goToNextStep}
+            cancel={this.cancel}
+          />
+        )}
+        {step === 2 && (
+          <DeleteMyAccountStep2
+            goToNextStep={this.goToNextStep}
+            cancel={this.cancel}
+          />
+        )}
+        {step === 3 && (
+          <DeleteMyAccountStep3
+            formData={this.state.formData}
+            goToNextStep={this.goToNextStep}
+            cancel={this.cancel}
+            requestAccountDeletion={this.props.requestAccountDeletion}
+            onChange={this.onChange}
+          />
+        )}
+        {step === 4 && <DeleteMyAccountFinalStep finish={this.cancel} />}
+      </Dialog>
+    );
+  }
+}
+
+DeleteMyAccountDialog.propTypes = {
+  showDialog: PropTypes.bool.isRequired,
+  closeDialog: PropTypes.func.isRequired,
+  requestAccountDeletion: PropTypes.func.isRequired,
+};
+
+export default DeleteMyAccountDialog;