@panneau/form-auth 3.0.223 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-auth",
-    "version": "3.0.223",
+    "version": "3.0.224",
     "description": "Basic forgot password form",
     "keywords": [
         "javascript"
@@ -25,8 +25,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -47,9 +50,9 @@
     "dependencies": {
         "@babel/runtime": "^7.12.5",
         "@folklore/fetch": "^0.1.17",
-        "@panneau/core": "^3.0.223",
-        "@panneau/element-link": "^3.0.223",
-        "@panneau/form": "^3.0.223",
+        "@panneau/core": "^3.0.224",
+        "@panneau/element-link": "^3.0.224",
+        "@panneau/form": "^3.0.224",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -58,5 +61,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "14196bd955b0e44cbc214e00f3189b3216f3fa53"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,670 +0,0 @@
-'use strict';
-
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var core = require('@panneau/core');
-var Form = require('@panneau/form');
-var PropTypes = require('prop-types');
-var React = require('react');
-var reactIntl = require('react-intl');
-var Link = require('@panneau/element-link');
-var fetch = require('@folklore/fetch');
-
-var _excluded$8 = ["action", "fields", "size", "currentPasswordLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
-var propTypes$8 = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  currentPasswordLabel: core.PropTypes.label,
-  passwordLabel: core.PropTypes.label,
-  passwordConfirmationLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label
-};
-var defaultProps$8 = {
-  action: '/user/password',
-  fields: null,
-  size: 'lg',
-  currentPasswordLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "8LSb8C",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Current password"
-    }]
-  }),
-  passwordLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "XJ1dc3",
-    defaultMessage: [{
-      "type": 0,
-      "value": "New password"
-    }]
-  }),
-  passwordConfirmationLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "DUbv+u",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm your new password"
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "XW9IKQ",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Update password"
-    }]
-  })
-};
-var ChangePassword = function ChangePassword(_ref) {
-  var action = _ref.action,
-    fields = _ref.fields,
-    size = _ref.size,
-    currentPasswordLabel = _ref.currentPasswordLabel,
-    passwordLabel = _ref.passwordLabel,
-    passwordConfirmationLabel = _ref.passwordConfirmationLabel,
-    submitButtonLabel = _ref.submitButtonLabel,
-    props = _objectWithoutProperties(_ref, _excluded$8);
-  return /*#__PURE__*/React.createElement(Form, Object.assign({
-    action: action,
-    method: "PUT",
-    fields: fields || [{
-      name: 'current_password',
-      type: 'password',
-      size: size,
-      label: currentPasswordLabel
-    }, {
-      name: 'password',
-      type: 'password',
-      size: size,
-      label: passwordLabel
-    }, {
-      name: 'password_confirmation',
-      type: 'password',
-      size: size,
-      label: passwordConfirmationLabel
-    }],
-    submitButtonLabel: submitButtonLabel
-  }, props));
-};
-ChangePassword.propTypes = propTypes$8;
-ChangePassword.defaultProps = defaultProps$8;
-var ChangePassword$1 = ChangePassword;
-
-var _excluded$7 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
-var propTypes$7 = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  passwordLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label
-};
-var defaultProps$7 = {
-  action: '/user/confirm-password',
-  fields: null,
-  size: 'lg',
-  passwordLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "B1h3gd",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Please enter your password to continue"
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "QUAHwy",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Continue"
-    }]
-  })
-};
-var ConfirmPassword = function ConfirmPassword(_ref) {
-  var action = _ref.action,
-    fields = _ref.fields,
-    size = _ref.size,
-    passwordLabel = _ref.passwordLabel,
-    submitButtonLabel = _ref.submitButtonLabel,
-    props = _objectWithoutProperties(_ref, _excluded$7);
-  return /*#__PURE__*/React.createElement(Form, Object.assign({
-    action: action,
-    fields: fields || [{
-      name: 'password',
-      type: 'password',
-      size: size,
-      label: passwordLabel
-    }],
-    submitButtonLabel: submitButtonLabel
-  }, props));
-};
-ConfirmPassword.propTypes = propTypes$7;
-ConfirmPassword.defaultProps = defaultProps$7;
-var ConfirmPassword$1 = ConfirmPassword;
-
-var _excluded$6 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$6 = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  emailLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label,
-  withLoginLink: PropTypes.bool,
-  loginLink: PropTypes.string,
-  loginLabel: core.PropTypes.label
-};
-var defaultProps$6 = {
-  action: '/forgot-password',
-  fields: null,
-  size: 'lg',
-  emailLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "LI0Gz4",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Email"
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "12Px0g",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Send reset link"
-    }]
-  }),
-  withLoginLink: true,
-  loginLink: '/login',
-  loginLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "tPeIKO",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Go back to login"
-    }]
-  })
-};
-var ForgotPassword = function ForgotPassword(_ref) {
-  var action = _ref.action,
-    fields = _ref.fields,
-    emailLabel = _ref.emailLabel,
-    submitButtonLabel = _ref.submitButtonLabel,
-    size = _ref.size,
-    withLoginLink = _ref.withLoginLink,
-    loginLink = _ref.loginLink,
-    loginLabel = _ref.loginLabel,
-    props = _objectWithoutProperties(_ref, _excluded$6);
-  return /*#__PURE__*/React.createElement(Form, Object.assign({
-    action: action,
-    fields: fields || [{
-      name: 'email',
-      type: 'email',
-      size: size,
-      label: emailLabel
-    }],
-    submitButtonLabel: submitButtonLabel,
-    actions: withLoginLink ? /*#__PURE__*/React.createElement(Link, {
-      href: loginLink,
-      className: "py-2 px-4"
-    }, loginLabel) : null
-  }, props));
-};
-ForgotPassword.propTypes = propTypes$6;
-ForgotPassword.defaultProps = defaultProps$6;
-var ForgotPassword$1 = ForgotPassword;
-
-var _excluded$5 = ["action", "postForm", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
-var propTypes$5 = {
-  action: PropTypes.string,
-  postForm: PropTypes.func,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  emailLabel: core.PropTypes.label,
-  passwordLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label,
-  withForgotPassword: PropTypes.bool,
-  forgotPasswordLink: PropTypes.string,
-  forgotPasswordLabel: core.PropTypes.label
-};
-var defaultProps$5 = {
-  action: '/login',
-  postForm: null,
-  fields: null,
-  size: 'lg',
-  emailLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "LI0Gz4",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Email"
-    }]
-  }),
-  passwordLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "4yfet+",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Password"
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "g6qbbX",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Log in"
-    }]
-  }),
-  withForgotPassword: false,
-  forgotPasswordLink: '/forgot-password',
-  forgotPasswordLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "ZBNqY2",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Forgot your password?"
-    }]
-  })
-};
-var Login = function Login(_ref) {
-  var action = _ref.action,
-    postForm = _ref.postForm,
-    fields = _ref.fields,
-    size = _ref.size,
-    emailLabel = _ref.emailLabel,
-    passwordLabel = _ref.passwordLabel,
-    submitButtonLabel = _ref.submitButtonLabel,
-    withForgotPassword = _ref.withForgotPassword,
-    forgotPasswordLink = _ref.forgotPasswordLink,
-    forgotPasswordLabel = _ref.forgotPasswordLabel,
-    props = _objectWithoutProperties(_ref, _excluded$5);
-  return /*#__PURE__*/React.createElement(Form, Object.assign({
-    action: action,
-    postForm: postForm,
-    fields: fields || [{
-      name: 'email',
-      type: 'email',
-      size: size,
-      label: emailLabel
-    }, {
-      name: 'password',
-      type: 'password',
-      size: size,
-      label: passwordLabel
-    }],
-    submitButtonLabel: submitButtonLabel,
-    actions: withForgotPassword ? /*#__PURE__*/React.createElement(Link, {
-      href: forgotPasswordLink,
-      className: "py-2 px-4"
-    }, forgotPasswordLabel) : null
-  }, props));
-};
-Login.propTypes = propTypes$5;
-Login.defaultProps = defaultProps$5;
-var Login$1 = Login;
-
-var _excluded$4 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$4 = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  nameLabel: core.PropTypes.label,
-  emailLabel: core.PropTypes.label,
-  passwordLabel: core.PropTypes.label,
-  passwordConfirmationLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label,
-  withLoginLink: PropTypes.bool,
-  loginLink: PropTypes.string,
-  loginLabel: core.PropTypes.label
-};
-var defaultProps$4 = {
-  action: '/register',
-  fields: null,
-  size: 'lg',
-  nameLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "UUv8FR",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Name"
-    }]
-  }),
-  emailLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "LI0Gz4",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Email"
-    }]
-  }),
-  passwordLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "4yfet+",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Password"
-    }]
-  }),
-  passwordConfirmationLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "VhJUeW",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm your password"
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "PQX/ph",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Create account"
-    }]
-  }),
-  withLoginLink: true,
-  loginLink: '/login',
-  loginLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "wa783M",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Already have an account? Go to login"
-    }]
-  })
-};
-var Register = function Register(_ref) {
-  var action = _ref.action,
-    fields = _ref.fields,
-    size = _ref.size,
-    nameLabel = _ref.nameLabel,
-    emailLabel = _ref.emailLabel,
-    passwordLabel = _ref.passwordLabel,
-    passwordConfirmationLabel = _ref.passwordConfirmationLabel,
-    submitButtonLabel = _ref.submitButtonLabel,
-    withLoginLink = _ref.withLoginLink,
-    loginLink = _ref.loginLink,
-    loginLabel = _ref.loginLabel,
-    props = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React.createElement(Form, Object.assign({
-    action: action,
-    fields: fields || [{
-      name: 'name',
-      type: 'text',
-      size: size,
-      label: nameLabel
-    }, {
-      name: 'email',
-      type: 'email',
-      size: size,
-      label: emailLabel
-    }, {
-      name: 'password',
-      type: 'password',
-      size: size,
-      label: passwordLabel
-    }, {
-      name: 'password_confirmation',
-      type: 'password',
-      size: size,
-      label: passwordConfirmationLabel
-    }],
-    submitButtonLabel: submitButtonLabel,
-    actions: withLoginLink ? /*#__PURE__*/React.createElement(Link, {
-      href: loginLink,
-      className: "py-2 px-4"
-    }, loginLabel) : null
-  }, props));
-};
-Register.propTypes = propTypes$4;
-Register.defaultProps = defaultProps$4;
-var Register$1 = Register;
-
-var _excluded$3 = ["action", "fields", "size", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
-var propTypes$3 = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  emailLabel: core.PropTypes.label,
-  passwordLabel: core.PropTypes.label,
-  passwordConfirmationLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label
-};
-var defaultProps$3 = {
-  action: '/reset-password',
-  fields: null,
-  size: 'lg',
-  emailLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "LI0Gz4",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Email"
-    }]
-  }),
-  passwordLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "4yfet+",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Password"
-    }]
-  }),
-  passwordConfirmationLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "VhJUeW",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm your password"
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "zwks3g",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Save new password"
-    }]
-  })
-};
-var ResetPassword = function ResetPassword(_ref) {
-  var action = _ref.action,
-    fields = _ref.fields,
-    size = _ref.size,
-    emailLabel = _ref.emailLabel,
-    passwordLabel = _ref.passwordLabel,
-    passwordConfirmationLabel = _ref.passwordConfirmationLabel,
-    submitButtonLabel = _ref.submitButtonLabel,
-    props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React.createElement(Form, Object.assign({
-    action: action,
-    fields: fields || [{
-      name: 'email',
-      type: 'email',
-      size: size,
-      label: emailLabel,
-      readOnly: true
-    }, {
-      name: 'password',
-      type: 'password',
-      size: size,
-      label: passwordLabel
-    }, {
-      name: 'password_confirmation',
-      type: 'password',
-      size: size,
-      label: passwordConfirmationLabel
-    }],
-    submitButtonLabel: submitButtonLabel
-  }, props));
-};
-ResetPassword.propTypes = propTypes$3;
-ResetPassword.defaultProps = defaultProps$3;
-var ResetPassword$1 = ResetPassword;
-
-var _excluded$2 = ["action", "fields", "size", "codeLabel", "submitButtonLabel"];
-var propTypes$2 = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  codeLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label
-};
-var defaultProps$2 = {
-  action: '/two-factor-challenge',
-  fields: null,
-  size: 'lg',
-  codeLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "22Ld5M",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Enter the code from your authenticator app to continue"
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.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(_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 TwoFactorChallenge$1 = TwoFactorChallenge;
-
-var _excluded$1 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withCancelLink", "cancelLink", "cancelLabel"];
-var propTypes$1 = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  explainationLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label,
-  withCancelLink: PropTypes.bool,
-  cancelLink: PropTypes.string,
-  cancelLabel: core.PropTypes.label
-};
-var defaultProps$1 = {
-  action: '/user/two-factor-authentication',
-  fields: null,
-  size: 'lg',
-  explainationLabel: /*#__PURE__*/React.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.createElement(reactIntl.FormattedMessage, {
-    id: "gWmL5V",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Disable two factor authentication"
-    }]
-  }),
-  withCancelLink: true,
-  cancelLink: '/home',
-  cancelLabel: /*#__PURE__*/React.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(_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.createElement(Form, Object.assign({
-    action: action,
-    submitButtonLabel: submitButtonLabel,
-    actions: withCancelLink ? /*#__PURE__*/React.createElement(Link, {
-      className: "py-2 px-4",
-      href: cancelLink
-    }, cancelLabel) : null,
-    postForm: defaultPostForm
-  }, props), /*#__PURE__*/React.createElement("p", null, explainationLabel));
-};
-TwoFactorDisable.propTypes = propTypes$1;
-TwoFactorDisable.defaultProps = defaultProps$1;
-var TwoFactorDisable$1 = TwoFactorDisable;
-
-var _excluded = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withSkipLink", "skipLink", "skipLabel"];
-var propTypes = {
-  action: PropTypes.string,
-  fields: core.PropTypes.fields,
-  size: PropTypes.string,
-  explainationLabel: core.PropTypes.label,
-  submitButtonLabel: core.PropTypes.label,
-  withSkipLink: PropTypes.bool,
-  skipLink: PropTypes.string,
-  skipLabel: core.PropTypes.label
-};
-var defaultProps = {
-  action: '/user/two-factor-authentication',
-  fields: null,
-  size: 'lg',
-  explainationLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "zTiC4D",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Do you wish to enable two factor authentication on your account? You will have to use an authentication app such as Google Authenticator or Microsoft Authenticator in addition to your password to connect."
-    }]
-  }),
-  submitButtonLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "pVHYDd",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Enable two factor authentication"
-    }]
-  }),
-  withSkipLink: true,
-  skipLink: '/home',
-  skipLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "li2Qqu",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Skip setup"
-    }]
-  })
-};
-var TwoFactorEnable = function TwoFactorEnable(_ref) {
-  var action = _ref.action;
-    _ref.fields;
-    var explainationLabel = _ref.explainationLabel,
-    submitButtonLabel = _ref.submitButtonLabel;
-    _ref.size;
-    var withSkipLink = _ref.withSkipLink,
-    skipLink = _ref.skipLink,
-    skipLabel = _ref.skipLabel,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Form, Object.assign({
-    action: action,
-    submitButtonLabel: submitButtonLabel,
-    actions: withSkipLink ? /*#__PURE__*/React.createElement(Link, {
-      className: "py-2 px-4",
-      href: skipLink
-    }, skipLabel) : null
-  }, props), /*#__PURE__*/React.createElement("p", null, explainationLabel));
-};
-TwoFactorEnable.propTypes = propTypes;
-TwoFactorEnable.defaultProps = defaultProps;
-var TwoFactorEnable$1 = TwoFactorEnable;
-
-exports.ChangePassword = ChangePassword$1;
-exports.ConfirmPassword = ConfirmPassword$1;
-exports.ForgotPassword = ForgotPassword$1;
-exports.Login = Login$1;
-exports.Register = Register$1;
-exports.ResetPassword = ResetPassword$1;
-exports.TwoFactorChallenge = TwoFactorChallenge$1;
-exports.TwoFactorDisable = TwoFactorDisable$1;
-exports.TwoFactorEnable = TwoFactorEnable$1;