@panneau/form-auth 1.0.0-alpha.242 → 1.0.0-alpha.243

package/es/index.js

@@ -2,19 +2,20 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { PropTypes as PropTypes$1 } from '@panneau/core';
 import Form from '@panneau/form';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
+import { postJSON, getCSRFHeaders } from '@folklore/fetch';
 
-var _excluded$5 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
-var propTypes$5 = {
+var _excluded$7 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
+var propTypes$7 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
   passwordLabel: PropTypes$1.label,
   submitButtonLabel: PropTypes$1.label
 };
-var defaultProps$5 = {
+var defaultProps$7 = {
   action: '/user/confirm-password',
   fields: null,
   size: 'lg',
@@ -26,10 +27,10 @@ var defaultProps$5 = {
     }]
   }),
   submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "RRwdkV",
+    id: "QUAHwy",
     defaultMessage: [{
       "type": 0,
-      "value": "Contnue"
+      "value": "Continue"
     }]
   })
 };
@@ -40,7 +41,7 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
       size = _ref.size,
       passwordLabel = _ref.passwordLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties(_ref, _excluded$5);
+      props = _objectWithoutProperties(_ref, _excluded$7);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -54,11 +55,11 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
   }, props));
 };
 
-ConfirmPassword.propTypes = propTypes$5;
-ConfirmPassword.defaultProps = defaultProps$5;
+ConfirmPassword.propTypes = propTypes$7;
+ConfirmPassword.defaultProps = defaultProps$7;
 
-var _excluded$4 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$4 = {
+var _excluded$6 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$6 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -68,7 +69,7 @@ var propTypes$4 = {
   loginLink: PropTypes.string,
   loginLabel: PropTypes$1.label
 };
-var defaultProps$4 = {
+var defaultProps$6 = {
   action: '/forgot-password',
   fields: null,
   size: 'lg',
@@ -106,7 +107,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties(_ref, _excluded$4);
+      props = _objectWithoutProperties(_ref, _excluded$6);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -124,11 +125,11 @@ var ForgotPassword = function ForgotPassword(_ref) {
   }, props));
 };
 
-ForgotPassword.propTypes = propTypes$4;
-ForgotPassword.defaultProps = defaultProps$4;
+ForgotPassword.propTypes = propTypes$6;
+ForgotPassword.defaultProps = defaultProps$6;
 
-var _excluded$3 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
-var propTypes$3 = {
+var _excluded$5 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
+var propTypes$5 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -139,7 +140,7 @@ var propTypes$3 = {
   forgotPasswordLink: PropTypes.string,
   forgotPasswordLabel: PropTypes$1.label
 };
-var defaultProps$3 = {
+var defaultProps$5 = {
   action: '/login',
   fields: null,
   size: 'lg',
@@ -185,7 +186,7 @@ var Login = function Login(_ref) {
       withForgotPassword = _ref.withForgotPassword,
       forgotPasswordLink = _ref.forgotPasswordLink,
       forgotPasswordLabel = _ref.forgotPasswordLabel,
-      props = _objectWithoutProperties(_ref, _excluded$3);
+      props = _objectWithoutProperties(_ref, _excluded$5);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -208,11 +209,11 @@ var Login = function Login(_ref) {
   }, props));
 };
 
-Login.propTypes = propTypes$3;
-Login.defaultProps = defaultProps$3;
+Login.propTypes = propTypes$5;
+Login.defaultProps = defaultProps$5;
 
-var _excluded$2 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$2 = {
+var _excluded$4 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$4 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -225,8 +226,9 @@ var propTypes$2 = {
   loginLink: PropTypes.string,
   loginLabel: PropTypes$1.label
 };
-var defaultProps$2 = {
+var defaultProps$4 = {
   action: '/register',
+  // https://bold.media.test:8080/register
   fields: null,
   size: 'lg',
   nameLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -287,7 +289,7 @@ var Register = function Register(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties(_ref, _excluded$2);
+      props = _objectWithoutProperties(_ref, _excluded$4);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -320,11 +322,11 @@ var Register = function Register(_ref) {
   }, props));
 };
 
-Register.propTypes = propTypes$2;
-Register.defaultProps = defaultProps$2;
+Register.propTypes = propTypes$4;
+Register.defaultProps = defaultProps$4;
 
-var _excluded$1 = ["action", "fields", "size", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
-var propTypes$1 = {
+var _excluded$3 = ["action", "fields", "size", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes$3 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -332,7 +334,7 @@ var propTypes$1 = {
   passwordConfirmationLabel: PropTypes$1.label,
   submitButtonLabel: PropTypes$1.label
 };
-var defaultProps$1 = {
+var defaultProps$3 = {
   action: '/reset-password',
   fields: null,
   size: 'lg',
@@ -366,7 +368,7 @@ var ResetPassword = function ResetPassword(_ref) {
       passwordLabel = _ref.passwordLabel,
       passwordConfirmationLabel = _ref.passwordConfirmationLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties(_ref, _excluded$1);
+      props = _objectWithoutProperties(_ref, _excluded$3);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -385,8 +387,131 @@ var ResetPassword = function ResetPassword(_ref) {
   }, props));
 };
 
-ResetPassword.propTypes = propTypes$1;
-ResetPassword.defaultProps = defaultProps$1;
+ResetPassword.propTypes = propTypes$3;
+ResetPassword.defaultProps = defaultProps$3;
+
+var _excluded$2 = ["action", "fields", "size", "codeLabel", "submitButtonLabel"];
+var propTypes$2 = {
+  action: PropTypes.string,
+  fields: PropTypes$1.fields,
+  size: PropTypes.string,
+  codeLabel: PropTypes$1.label,
+  submitButtonLabel: PropTypes$1.label
+};
+var defaultProps$2 = {
+  action: '/two-factor-challenge',
+  fields: null,
+  size: 'lg',
+  codeLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "22Ld5M",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Enter the code from your authenticator app to continue"
+    }]
+  }),
+  submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "QUAHwy",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Continue"
+    }]
+  })
+};
+
+var TwoFactorChallenge = function TwoFactorChallenge(_ref) {
+  var action = _ref.action,
+      fields = _ref.fields,
+      size = _ref.size,
+      codeLabel = _ref.codeLabel,
+      submitButtonLabel = _ref.submitButtonLabel,
+      props = _objectWithoutProperties(_ref, _excluded$2);
+
+  return /*#__PURE__*/React.createElement(Form, Object.assign({
+    action: action,
+    fields: fields || [{
+      name: 'code',
+      type: 'text',
+      size: size,
+      label: codeLabel
+    }],
+    submitButtonLabel: submitButtonLabel
+  }, props));
+};
+
+TwoFactorChallenge.propTypes = propTypes$2;
+TwoFactorChallenge.defaultProps = defaultProps$2;
+
+var _excluded$1 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withCancelLink", "cancelLink", "cancelLabel"];
+var propTypes$1 = {
+  action: PropTypes.string,
+  fields: PropTypes$1.fields,
+  size: PropTypes.string,
+  explainationLabel: PropTypes$1.label,
+  submitButtonLabel: PropTypes$1.label,
+  withCancelLink: PropTypes.bool,
+  cancelLink: PropTypes.string,
+  cancelLabel: PropTypes$1.label
+};
+var defaultProps$1 = {
+  action: '/user/two-factor-authentication',
+  fields: null,
+  size: 'lg',
+  explainationLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "5nHK/H",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Do you really wish to disable two factor authentication on your account?"
+    }]
+  }),
+  submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "gWmL5V",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Disable two factor authentication"
+    }]
+  }),
+  withCancelLink: true,
+  cancelLink: '/home',
+  cancelLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "U/ye2x",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cancel"
+    }]
+  })
+};
+
+var TwoFactorDisable = function TwoFactorDisable(_ref) {
+  var action = _ref.action;
+      _ref.fields;
+      var explainationLabel = _ref.explainationLabel,
+      submitButtonLabel = _ref.submitButtonLabel;
+      _ref.size;
+      var withCancelLink = _ref.withCancelLink,
+      cancelLink = _ref.cancelLink,
+      cancelLabel = _ref.cancelLabel,
+      props = _objectWithoutProperties(_ref, _excluded$1);
+
+  var defaultPostForm = useCallback(function (act, data) {
+    return postJSON(act, data, {
+      credentials: 'include',
+      headers: getCSRFHeaders(),
+      method: 'DELETE'
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(Form, Object.assign({
+    action: action,
+    submitButtonLabel: submitButtonLabel,
+    actions: withCancelLink ? /*#__PURE__*/React.createElement(Link, {
+      className: "py-2 px-4",
+      to: cancelLink
+    }, cancelLabel) : null,
+    postForm: defaultPostForm
+  }, props), /*#__PURE__*/React.createElement("p", null, explainationLabel));
+};
+
+TwoFactorDisable.propTypes = propTypes$1;
+TwoFactorDisable.defaultProps = defaultProps$1;
 
 var _excluded = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withSkipLink", "skipLink", "skipLabel"];
 var propTypes = {
@@ -411,10 +536,10 @@ var defaultProps = {
     }]
   }),
   submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "gj67c0",
+    id: "pVHYDd",
     defaultMessage: [{
       "type": 0,
-      "value": "Enable Two Factor authentication"
+      "value": "Enable two factor authentication"
     }]
   }),
   withSkipLink: true,
@@ -428,7 +553,7 @@ var defaultProps = {
   })
 };
 
-var TwoFactor = function TwoFactor(_ref) {
+var TwoFactorEnable = function TwoFactorEnable(_ref) {
   var action = _ref.action;
       _ref.fields;
       var explainationLabel = _ref.explainationLabel,
@@ -449,7 +574,7 @@ var TwoFactor = function TwoFactor(_ref) {
   }, props), /*#__PURE__*/React.createElement("p", null, explainationLabel));
 };
 
-TwoFactor.propTypes = propTypes;
-TwoFactor.defaultProps = defaultProps;
+TwoFactorEnable.propTypes = propTypes;
+TwoFactorEnable.defaultProps = defaultProps;
 
-export { ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactor };
+export { ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable };

package/lib/index.js

@@ -9,6 +9,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
+var fetch = require('@folklore/fetch');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,15 +18,15 @@ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded$5 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
-var propTypes$5 = {
+var _excluded$7 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
+var propTypes$7 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
   passwordLabel: core.PropTypes.label,
   submitButtonLabel: core.PropTypes.label
 };
-var defaultProps$5 = {
+var defaultProps$7 = {
   action: '/user/confirm-password',
   fields: null,
   size: 'lg',
@@ -37,10 +38,10 @@ var defaultProps$5 = {
     }]
   }),
   submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "RRwdkV",
+    id: "QUAHwy",
     defaultMessage: [{
       "type": 0,
-      "value": "Contnue"
+      "value": "Continue"
     }]
   })
 };
@@ -51,7 +52,7 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
       size = _ref.size,
       passwordLabel = _ref.passwordLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -65,11 +66,11 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
   }, props));
 };
 
-ConfirmPassword.propTypes = propTypes$5;
-ConfirmPassword.defaultProps = defaultProps$5;
+ConfirmPassword.propTypes = propTypes$7;
+ConfirmPassword.defaultProps = defaultProps$7;
 
-var _excluded$4 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$4 = {
+var _excluded$6 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$6 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -79,7 +80,7 @@ var propTypes$4 = {
   loginLink: PropTypes__default["default"].string,
   loginLabel: core.PropTypes.label
 };
-var defaultProps$4 = {
+var defaultProps$6 = {
   action: '/forgot-password',
   fields: null,
   size: 'lg',
@@ -117,7 +118,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -135,11 +136,11 @@ var ForgotPassword = function ForgotPassword(_ref) {
   }, props));
 };
 
-ForgotPassword.propTypes = propTypes$4;
-ForgotPassword.defaultProps = defaultProps$4;
+ForgotPassword.propTypes = propTypes$6;
+ForgotPassword.defaultProps = defaultProps$6;
 
-var _excluded$3 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
-var propTypes$3 = {
+var _excluded$5 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
+var propTypes$5 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -150,7 +151,7 @@ var propTypes$3 = {
   forgotPasswordLink: PropTypes__default["default"].string,
   forgotPasswordLabel: core.PropTypes.label
 };
-var defaultProps$3 = {
+var defaultProps$5 = {
   action: '/login',
   fields: null,
   size: 'lg',
@@ -196,7 +197,7 @@ var Login = function Login(_ref) {
       withForgotPassword = _ref.withForgotPassword,
       forgotPasswordLink = _ref.forgotPasswordLink,
       forgotPasswordLabel = _ref.forgotPasswordLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -219,11 +220,11 @@ var Login = function Login(_ref) {
   }, props));
 };
 
-Login.propTypes = propTypes$3;
-Login.defaultProps = defaultProps$3;
+Login.propTypes = propTypes$5;
+Login.defaultProps = defaultProps$5;
 
-var _excluded$2 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$2 = {
+var _excluded$4 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$4 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -236,8 +237,9 @@ var propTypes$2 = {
   loginLink: PropTypes__default["default"].string,
   loginLabel: core.PropTypes.label
 };
-var defaultProps$2 = {
+var defaultProps$4 = {
   action: '/register',
+  // https://bold.media.test:8080/register
   fields: null,
   size: 'lg',
   nameLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
@@ -298,7 +300,7 @@ var Register = function Register(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -331,11 +333,11 @@ var Register = function Register(_ref) {
   }, props));
 };
 
-Register.propTypes = propTypes$2;
-Register.defaultProps = defaultProps$2;
+Register.propTypes = propTypes$4;
+Register.defaultProps = defaultProps$4;
 
-var _excluded$1 = ["action", "fields", "size", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
-var propTypes$1 = {
+var _excluded$3 = ["action", "fields", "size", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes$3 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -343,7 +345,7 @@ var propTypes$1 = {
   passwordConfirmationLabel: core.PropTypes.label,
   submitButtonLabel: core.PropTypes.label
 };
-var defaultProps$1 = {
+var defaultProps$3 = {
   action: '/reset-password',
   fields: null,
   size: 'lg',
@@ -377,7 +379,7 @@ var ResetPassword = function ResetPassword(_ref) {
       passwordLabel = _ref.passwordLabel,
       passwordConfirmationLabel = _ref.passwordConfirmationLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -396,8 +398,131 @@ var ResetPassword = function ResetPassword(_ref) {
   }, props));
 };
 
-ResetPassword.propTypes = propTypes$1;
-ResetPassword.defaultProps = defaultProps$1;
+ResetPassword.propTypes = propTypes$3;
+ResetPassword.defaultProps = defaultProps$3;
+
+var _excluded$2 = ["action", "fields", "size", "codeLabel", "submitButtonLabel"];
+var propTypes$2 = {
+  action: PropTypes__default["default"].string,
+  fields: core.PropTypes.fields,
+  size: PropTypes__default["default"].string,
+  codeLabel: core.PropTypes.label,
+  submitButtonLabel: core.PropTypes.label
+};
+var defaultProps$2 = {
+  action: '/two-factor-challenge',
+  fields: null,
+  size: 'lg',
+  codeLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "22Ld5M",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Enter the code from your authenticator app to continue"
+    }]
+  }),
+  submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "QUAHwy",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Continue"
+    }]
+  })
+};
+
+var TwoFactorChallenge = function TwoFactorChallenge(_ref) {
+  var action = _ref.action,
+      fields = _ref.fields,
+      size = _ref.size,
+      codeLabel = _ref.codeLabel,
+      submitButtonLabel = _ref.submitButtonLabel,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
+
+  return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
+    action: action,
+    fields: fields || [{
+      name: 'code',
+      type: 'text',
+      size: size,
+      label: codeLabel
+    }],
+    submitButtonLabel: submitButtonLabel
+  }, props));
+};
+
+TwoFactorChallenge.propTypes = propTypes$2;
+TwoFactorChallenge.defaultProps = defaultProps$2;
+
+var _excluded$1 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withCancelLink", "cancelLink", "cancelLabel"];
+var propTypes$1 = {
+  action: PropTypes__default["default"].string,
+  fields: core.PropTypes.fields,
+  size: PropTypes__default["default"].string,
+  explainationLabel: core.PropTypes.label,
+  submitButtonLabel: core.PropTypes.label,
+  withCancelLink: PropTypes__default["default"].bool,
+  cancelLink: PropTypes__default["default"].string,
+  cancelLabel: core.PropTypes.label
+};
+var defaultProps$1 = {
+  action: '/user/two-factor-authentication',
+  fields: null,
+  size: 'lg',
+  explainationLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "5nHK/H",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Do you really wish to disable two factor authentication on your account?"
+    }]
+  }),
+  submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "gWmL5V",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Disable two factor authentication"
+    }]
+  }),
+  withCancelLink: true,
+  cancelLink: '/home',
+  cancelLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "U/ye2x",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cancel"
+    }]
+  })
+};
+
+var TwoFactorDisable = function TwoFactorDisable(_ref) {
+  var action = _ref.action;
+      _ref.fields;
+      var explainationLabel = _ref.explainationLabel,
+      submitButtonLabel = _ref.submitButtonLabel;
+      _ref.size;
+      var withCancelLink = _ref.withCancelLink,
+      cancelLink = _ref.cancelLink,
+      cancelLabel = _ref.cancelLabel,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+
+  var defaultPostForm = React.useCallback(function (act, data) {
+    return fetch.postJSON(act, data, {
+      credentials: 'include',
+      headers: fetch.getCSRFHeaders(),
+      method: 'DELETE'
+    });
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
+    action: action,
+    submitButtonLabel: submitButtonLabel,
+    actions: withCancelLink ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
+      className: "py-2 px-4",
+      to: cancelLink
+    }, cancelLabel) : null,
+    postForm: defaultPostForm
+  }, props), /*#__PURE__*/React__default["default"].createElement("p", null, explainationLabel));
+};
+
+TwoFactorDisable.propTypes = propTypes$1;
+TwoFactorDisable.defaultProps = defaultProps$1;
 
 var _excluded = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withSkipLink", "skipLink", "skipLabel"];
 var propTypes = {
@@ -422,10 +547,10 @@ var defaultProps = {
     }]
   }),
   submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "gj67c0",
+    id: "pVHYDd",
     defaultMessage: [{
       "type": 0,
-      "value": "Enable Two Factor authentication"
+      "value": "Enable two factor authentication"
     }]
   }),
   withSkipLink: true,
@@ -439,7 +564,7 @@ var defaultProps = {
   })
 };
 
-var TwoFactor = function TwoFactor(_ref) {
+var TwoFactorEnable = function TwoFactorEnable(_ref) {
   var action = _ref.action;
       _ref.fields;
       var explainationLabel = _ref.explainationLabel,
@@ -460,12 +585,14 @@ var TwoFactor = function TwoFactor(_ref) {
   }, props), /*#__PURE__*/React__default["default"].createElement("p", null, explainationLabel));
 };
 
-TwoFactor.propTypes = propTypes;
-TwoFactor.defaultProps = defaultProps;
+TwoFactorEnable.propTypes = propTypes;
+TwoFactorEnable.defaultProps = defaultProps;
 
 exports.ConfirmPassword = ConfirmPassword;
 exports.ForgotPassword = ForgotPassword;
 exports.Login = Login;
 exports.Register = Register;
 exports.ResetPassword = ResetPassword;
-exports.TwoFactor = TwoFactor;
+exports.TwoFactorChallenge = TwoFactorChallenge;
+exports.TwoFactorDisable = TwoFactorDisable;
+exports.TwoFactorEnable = TwoFactorEnable;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-auth",
-    "version": "1.0.0-alpha.242",
+    "version": "1.0.0-alpha.243",
     "description": "Basic forgot password form",
     "keywords": [
         "javascript"
@@ -46,6 +46,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
+        "@folklore/fetch": "^0.1.15",
         "@panneau/core": "^1.0.0-alpha.242",
         "@panneau/form": "^1.0.0-alpha.242",
         "classnames": "^2.2.6",
@@ -57,5 +58,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "642186399b25e090f6fa3a210d14f195e2121a38"
+    "gitHead": "9703e84a7d27cfc0024e95e7f82da20d1637079a"
 }