@panneau/form-auth 1.0.0-alpha.244 → 1.0.0-alpha.247

package/es/index.js

@@ -7,15 +7,15 @@ import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { postJSON, getCSRFHeaders } from '@folklore/fetch';
 
-var _excluded$7 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
-var propTypes$7 = {
+var _excluded$8 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
+var propTypes$8 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
   passwordLabel: PropTypes$1.label,
   submitButtonLabel: PropTypes$1.label
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   action: '/user/confirm-password',
   fields: null,
   size: 'lg',
@@ -41,7 +41,7 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
       size = _ref.size,
       passwordLabel = _ref.passwordLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -55,11 +55,11 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
   }, props));
 };
 
-ConfirmPassword.propTypes = propTypes$7;
-ConfirmPassword.defaultProps = defaultProps$7;
+ConfirmPassword.propTypes = propTypes$8;
+ConfirmPassword.defaultProps = defaultProps$8;
 
-var _excluded$6 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$6 = {
+var _excluded$7 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$7 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -69,7 +69,7 @@ var propTypes$6 = {
   loginLink: PropTypes.string,
   loginLabel: PropTypes$1.label
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   action: '/forgot-password',
   fields: null,
   size: 'lg',
@@ -107,7 +107,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties(_ref, _excluded$6);
+      props = _objectWithoutProperties(_ref, _excluded$7);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -125,11 +125,11 @@ var ForgotPassword = function ForgotPassword(_ref) {
   }, props));
 };
 
-ForgotPassword.propTypes = propTypes$6;
-ForgotPassword.defaultProps = defaultProps$6;
+ForgotPassword.propTypes = propTypes$7;
+ForgotPassword.defaultProps = defaultProps$7;
 
-var _excluded$5 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
-var propTypes$5 = {
+var _excluded$6 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
+var propTypes$6 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -140,7 +140,7 @@ var propTypes$5 = {
   forgotPasswordLink: PropTypes.string,
   forgotPasswordLabel: PropTypes$1.label
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   action: '/login',
   fields: null,
   size: 'lg',
@@ -186,7 +186,7 @@ var Login = function Login(_ref) {
       withForgotPassword = _ref.withForgotPassword,
       forgotPasswordLink = _ref.forgotPasswordLink,
       forgotPasswordLabel = _ref.forgotPasswordLabel,
-      props = _objectWithoutProperties(_ref, _excluded$5);
+      props = _objectWithoutProperties(_ref, _excluded$6);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -209,11 +209,11 @@ var Login = function Login(_ref) {
   }, props));
 };
 
-Login.propTypes = propTypes$5;
-Login.defaultProps = defaultProps$5;
+Login.propTypes = propTypes$6;
+Login.defaultProps = defaultProps$6;
 
-var _excluded$4 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$4 = {
+var _excluded$5 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$5 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -226,7 +226,7 @@ var propTypes$4 = {
   loginLink: PropTypes.string,
   loginLabel: PropTypes$1.label
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   action: '/register',
   fields: null,
   size: 'lg',
@@ -266,7 +266,7 @@ var defaultProps$4 = {
     }]
   }),
   withLoginLink: true,
-  loginLink: '/forgot-password',
+  loginLink: '/login',
   loginLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "wa783M",
     defaultMessage: [{
@@ -288,7 +288,7 @@ var Register = function Register(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties(_ref, _excluded$4);
+      props = _objectWithoutProperties(_ref, _excluded$5);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -321,22 +321,30 @@ var Register = function Register(_ref) {
   }, props));
 };
 
-Register.propTypes = propTypes$4;
-Register.defaultProps = defaultProps$4;
+Register.propTypes = propTypes$5;
+Register.defaultProps = defaultProps$5;
 
-var _excluded$3 = ["action", "fields", "size", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
-var propTypes$3 = {
+var _excluded$4 = ["action", "fields", "size", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes$4 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
+  emailLabel: PropTypes$1.label,
   passwordLabel: PropTypes$1.label,
   passwordConfirmationLabel: PropTypes$1.label,
   submitButtonLabel: PropTypes$1.label
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   action: '/reset-password',
   fields: null,
   size: 'lg',
+  emailLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "LI0Gz4",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Email"
+    }]
+  }),
   passwordLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "4yfet+",
     defaultMessage: [{
@@ -364,14 +372,21 @@ 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);
+      props = _objectWithoutProperties(_ref, _excluded$4);
 
   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,
@@ -386,18 +401,18 @@ var ResetPassword = function ResetPassword(_ref) {
   }, props));
 };
 
-ResetPassword.propTypes = propTypes$3;
-ResetPassword.defaultProps = defaultProps$3;
+ResetPassword.propTypes = propTypes$4;
+ResetPassword.defaultProps = defaultProps$4;
 
-var _excluded$2 = ["action", "fields", "size", "codeLabel", "submitButtonLabel"];
-var propTypes$2 = {
+var _excluded$3 = ["action", "fields", "size", "codeLabel", "submitButtonLabel"];
+var propTypes$3 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
   codeLabel: PropTypes$1.label,
   submitButtonLabel: PropTypes$1.label
 };
-var defaultProps$2 = {
+var defaultProps$3 = {
   action: '/two-factor-challenge',
   fields: null,
   size: 'lg',
@@ -423,7 +438,7 @@ var TwoFactorChallenge = function TwoFactorChallenge(_ref) {
       size = _ref.size,
       codeLabel = _ref.codeLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties(_ref, _excluded$2);
+      props = _objectWithoutProperties(_ref, _excluded$3);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -437,11 +452,11 @@ var TwoFactorChallenge = function TwoFactorChallenge(_ref) {
   }, props));
 };
 
-TwoFactorChallenge.propTypes = propTypes$2;
-TwoFactorChallenge.defaultProps = defaultProps$2;
+TwoFactorChallenge.propTypes = propTypes$3;
+TwoFactorChallenge.defaultProps = defaultProps$3;
 
-var _excluded$1 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withCancelLink", "cancelLink", "cancelLabel"];
-var propTypes$1 = {
+var _excluded$2 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withCancelLink", "cancelLink", "cancelLabel"];
+var propTypes$2 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -451,7 +466,7 @@ var propTypes$1 = {
   cancelLink: PropTypes.string,
   cancelLabel: PropTypes$1.label
 };
-var defaultProps$1 = {
+var defaultProps$2 = {
   action: '/user/two-factor-authentication',
   fields: null,
   size: 'lg',
@@ -489,7 +504,7 @@ var TwoFactorDisable = function TwoFactorDisable(_ref) {
       var withCancelLink = _ref.withCancelLink,
       cancelLink = _ref.cancelLink,
       cancelLabel = _ref.cancelLabel,
-      props = _objectWithoutProperties(_ref, _excluded$1);
+      props = _objectWithoutProperties(_ref, _excluded$2);
 
   var defaultPostForm = useCallback(function (act, data) {
     return postJSON(act, data, {
@@ -509,11 +524,11 @@ var TwoFactorDisable = function TwoFactorDisable(_ref) {
   }, props), /*#__PURE__*/React.createElement("p", null, explainationLabel));
 };
 
-TwoFactorDisable.propTypes = propTypes$1;
-TwoFactorDisable.defaultProps = defaultProps$1;
+TwoFactorDisable.propTypes = propTypes$2;
+TwoFactorDisable.defaultProps = defaultProps$2;
 
-var _excluded = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withSkipLink", "skipLink", "skipLabel"];
-var propTypes = {
+var _excluded$1 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withSkipLink", "skipLink", "skipLabel"];
+var propTypes$1 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -523,7 +538,7 @@ var propTypes = {
   skipLink: PropTypes.string,
   skipLabel: PropTypes$1.label
 };
-var defaultProps = {
+var defaultProps$1 = {
   action: '/user/two-factor-authentication',
   fields: null,
   size: 'lg',
@@ -561,7 +576,7 @@ var TwoFactorEnable = function TwoFactorEnable(_ref) {
       var withSkipLink = _ref.withSkipLink,
       skipLink = _ref.skipLink,
       skipLabel = _ref.skipLabel,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded$1);
 
   return /*#__PURE__*/React.createElement(Form, Object.assign({
     action: action,
@@ -573,7 +588,87 @@ var TwoFactorEnable = function TwoFactorEnable(_ref) {
   }, props), /*#__PURE__*/React.createElement("p", null, explainationLabel));
 };
 
-TwoFactorEnable.propTypes = propTypes;
-TwoFactorEnable.defaultProps = defaultProps;
+TwoFactorEnable.propTypes = propTypes$1;
+TwoFactorEnable.defaultProps = defaultProps$1;
+
+var _excluded = ["action", "fields", "size", "currentPasswordLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes = {
+  action: PropTypes.string,
+  fields: PropTypes$1.fields,
+  size: PropTypes.string,
+  currentPasswordLabel: PropTypes$1.label,
+  passwordLabel: PropTypes$1.label,
+  passwordConfirmationLabel: PropTypes$1.label,
+  submitButtonLabel: PropTypes$1.label
+};
+var defaultProps = {
+  action: '/user/password',
+  fields: null,
+  size: 'lg',
+  currentPasswordLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "8LSb8C",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Current password"
+    }]
+  }),
+  passwordLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "4yfet+",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Password"
+    }]
+  }),
+  passwordConfirmationLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "VhJUeW",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Confirm your password"
+    }]
+  }),
+  submitButtonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "XW9IKQ",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Update password"
+    }]
+  })
+};
+
+var UpdatePassword = function UpdatePassword(_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);
+
+  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_confrmation',
+      type: 'password',
+      size: size,
+      label: passwordConfirmationLabel
+    }],
+    submitButtonLabel: submitButtonLabel
+  }, props));
+};
+
+UpdatePassword.propTypes = propTypes;
+UpdatePassword.defaultProps = defaultProps;
 
-export { ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable };
+export { ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable, UpdatePassword };

package/lib/index.js

@@ -18,15 +18,15 @@ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded$7 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
-var propTypes$7 = {
+var _excluded$8 = ["action", "fields", "size", "passwordLabel", "submitButtonLabel"];
+var propTypes$8 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
   passwordLabel: core.PropTypes.label,
   submitButtonLabel: core.PropTypes.label
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   action: '/user/confirm-password',
   fields: null,
   size: 'lg',
@@ -52,7 +52,7 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
       size = _ref.size,
       passwordLabel = _ref.passwordLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$8);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -66,11 +66,11 @@ var ConfirmPassword = function ConfirmPassword(_ref) {
   }, props));
 };
 
-ConfirmPassword.propTypes = propTypes$7;
-ConfirmPassword.defaultProps = defaultProps$7;
+ConfirmPassword.propTypes = propTypes$8;
+ConfirmPassword.defaultProps = defaultProps$8;
 
-var _excluded$6 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$6 = {
+var _excluded$7 = ["action", "fields", "emailLabel", "submitButtonLabel", "size", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$7 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -80,7 +80,7 @@ var propTypes$6 = {
   loginLink: PropTypes__default["default"].string,
   loginLabel: core.PropTypes.label
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   action: '/forgot-password',
   fields: null,
   size: 'lg',
@@ -118,7 +118,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -136,11 +136,11 @@ var ForgotPassword = function ForgotPassword(_ref) {
   }, props));
 };
 
-ForgotPassword.propTypes = propTypes$6;
-ForgotPassword.defaultProps = defaultProps$6;
+ForgotPassword.propTypes = propTypes$7;
+ForgotPassword.defaultProps = defaultProps$7;
 
-var _excluded$5 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
-var propTypes$5 = {
+var _excluded$6 = ["action", "fields", "size", "emailLabel", "passwordLabel", "submitButtonLabel", "withForgotPassword", "forgotPasswordLink", "forgotPasswordLabel"];
+var propTypes$6 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -151,7 +151,7 @@ var propTypes$5 = {
   forgotPasswordLink: PropTypes__default["default"].string,
   forgotPasswordLabel: core.PropTypes.label
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   action: '/login',
   fields: null,
   size: 'lg',
@@ -197,7 +197,7 @@ var Login = function Login(_ref) {
       withForgotPassword = _ref.withForgotPassword,
       forgotPasswordLink = _ref.forgotPasswordLink,
       forgotPasswordLabel = _ref.forgotPasswordLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -220,11 +220,11 @@ var Login = function Login(_ref) {
   }, props));
 };
 
-Login.propTypes = propTypes$5;
-Login.defaultProps = defaultProps$5;
+Login.propTypes = propTypes$6;
+Login.defaultProps = defaultProps$6;
 
-var _excluded$4 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
-var propTypes$4 = {
+var _excluded$5 = ["action", "fields", "size", "nameLabel", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel", "withLoginLink", "loginLink", "loginLabel"];
+var propTypes$5 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -237,7 +237,7 @@ var propTypes$4 = {
   loginLink: PropTypes__default["default"].string,
   loginLabel: core.PropTypes.label
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   action: '/register',
   fields: null,
   size: 'lg',
@@ -277,7 +277,7 @@ var defaultProps$4 = {
     }]
   }),
   withLoginLink: true,
-  loginLink: '/forgot-password',
+  loginLink: '/login',
   loginLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
     id: "wa783M",
     defaultMessage: [{
@@ -299,7 +299,7 @@ var Register = function Register(_ref) {
       withLoginLink = _ref.withLoginLink,
       loginLink = _ref.loginLink,
       loginLabel = _ref.loginLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -332,22 +332,30 @@ var Register = function Register(_ref) {
   }, props));
 };
 
-Register.propTypes = propTypes$4;
-Register.defaultProps = defaultProps$4;
+Register.propTypes = propTypes$5;
+Register.defaultProps = defaultProps$5;
 
-var _excluded$3 = ["action", "fields", "size", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
-var propTypes$3 = {
+var _excluded$4 = ["action", "fields", "size", "emailLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes$4 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
+  emailLabel: core.PropTypes.label,
   passwordLabel: core.PropTypes.label,
   passwordConfirmationLabel: core.PropTypes.label,
   submitButtonLabel: core.PropTypes.label
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   action: '/reset-password',
   fields: null,
   size: 'lg',
+  emailLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "LI0Gz4",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Email"
+    }]
+  }),
   passwordLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
     id: "4yfet+",
     defaultMessage: [{
@@ -375,14 +383,21 @@ 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__default["default"](_ref, _excluded$3);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
     fields: fields || [{
+      name: 'email',
+      type: 'email',
+      size: size,
+      label: emailLabel,
+      readOnly: true
+    }, {
       name: 'password',
       type: 'password',
       size: size,
@@ -397,18 +412,18 @@ var ResetPassword = function ResetPassword(_ref) {
   }, props));
 };
 
-ResetPassword.propTypes = propTypes$3;
-ResetPassword.defaultProps = defaultProps$3;
+ResetPassword.propTypes = propTypes$4;
+ResetPassword.defaultProps = defaultProps$4;
 
-var _excluded$2 = ["action", "fields", "size", "codeLabel", "submitButtonLabel"];
-var propTypes$2 = {
+var _excluded$3 = ["action", "fields", "size", "codeLabel", "submitButtonLabel"];
+var propTypes$3 = {
   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 = {
+var defaultProps$3 = {
   action: '/two-factor-challenge',
   fields: null,
   size: 'lg',
@@ -434,7 +449,7 @@ var TwoFactorChallenge = function TwoFactorChallenge(_ref) {
       size = _ref.size,
       codeLabel = _ref.codeLabel,
       submitButtonLabel = _ref.submitButtonLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -448,11 +463,11 @@ var TwoFactorChallenge = function TwoFactorChallenge(_ref) {
   }, props));
 };
 
-TwoFactorChallenge.propTypes = propTypes$2;
-TwoFactorChallenge.defaultProps = defaultProps$2;
+TwoFactorChallenge.propTypes = propTypes$3;
+TwoFactorChallenge.defaultProps = defaultProps$3;
 
-var _excluded$1 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withCancelLink", "cancelLink", "cancelLabel"];
-var propTypes$1 = {
+var _excluded$2 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withCancelLink", "cancelLink", "cancelLabel"];
+var propTypes$2 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -462,7 +477,7 @@ var propTypes$1 = {
   cancelLink: PropTypes__default["default"].string,
   cancelLabel: core.PropTypes.label
 };
-var defaultProps$1 = {
+var defaultProps$2 = {
   action: '/user/two-factor-authentication',
   fields: null,
   size: 'lg',
@@ -500,7 +515,7 @@ var TwoFactorDisable = function TwoFactorDisable(_ref) {
       var withCancelLink = _ref.withCancelLink,
       cancelLink = _ref.cancelLink,
       cancelLabel = _ref.cancelLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
 
   var defaultPostForm = React.useCallback(function (act, data) {
     return fetch.postJSON(act, data, {
@@ -520,11 +535,11 @@ var TwoFactorDisable = function TwoFactorDisable(_ref) {
   }, props), /*#__PURE__*/React__default["default"].createElement("p", null, explainationLabel));
 };
 
-TwoFactorDisable.propTypes = propTypes$1;
-TwoFactorDisable.defaultProps = defaultProps$1;
+TwoFactorDisable.propTypes = propTypes$2;
+TwoFactorDisable.defaultProps = defaultProps$2;
 
-var _excluded = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withSkipLink", "skipLink", "skipLabel"];
-var propTypes = {
+var _excluded$1 = ["action", "fields", "explainationLabel", "submitButtonLabel", "size", "withSkipLink", "skipLink", "skipLabel"];
+var propTypes$1 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -534,7 +549,7 @@ var propTypes = {
   skipLink: PropTypes__default["default"].string,
   skipLabel: core.PropTypes.label
 };
-var defaultProps = {
+var defaultProps$1 = {
   action: '/user/two-factor-authentication',
   fields: null,
   size: 'lg',
@@ -572,7 +587,7 @@ var TwoFactorEnable = function TwoFactorEnable(_ref) {
       var withSkipLink = _ref.withSkipLink,
       skipLink = _ref.skipLink,
       skipLabel = _ref.skipLabel,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
 
   return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], Object.assign({
     action: action,
@@ -584,8 +599,88 @@ var TwoFactorEnable = function TwoFactorEnable(_ref) {
   }, props), /*#__PURE__*/React__default["default"].createElement("p", null, explainationLabel));
 };
 
-TwoFactorEnable.propTypes = propTypes;
-TwoFactorEnable.defaultProps = defaultProps;
+TwoFactorEnable.propTypes = propTypes$1;
+TwoFactorEnable.defaultProps = defaultProps$1;
+
+var _excluded = ["action", "fields", "size", "currentPasswordLabel", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes = {
+  action: PropTypes__default["default"].string,
+  fields: core.PropTypes.fields,
+  size: PropTypes__default["default"].string,
+  currentPasswordLabel: core.PropTypes.label,
+  passwordLabel: core.PropTypes.label,
+  passwordConfirmationLabel: core.PropTypes.label,
+  submitButtonLabel: core.PropTypes.label
+};
+var defaultProps = {
+  action: '/user/password',
+  fields: null,
+  size: 'lg',
+  currentPasswordLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "8LSb8C",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Current password"
+    }]
+  }),
+  passwordLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "4yfet+",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Password"
+    }]
+  }),
+  passwordConfirmationLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "VhJUeW",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Confirm your password"
+    }]
+  }),
+  submitButtonLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "XW9IKQ",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Update password"
+    }]
+  })
+};
+
+var UpdatePassword = function UpdatePassword(_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__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], 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_confrmation',
+      type: 'password',
+      size: size,
+      label: passwordConfirmationLabel
+    }],
+    submitButtonLabel: submitButtonLabel
+  }, props));
+};
+
+UpdatePassword.propTypes = propTypes;
+UpdatePassword.defaultProps = defaultProps;
 
 exports.ConfirmPassword = ConfirmPassword;
 exports.ForgotPassword = ForgotPassword;
@@ -595,3 +690,4 @@ exports.ResetPassword = ResetPassword;
 exports.TwoFactorChallenge = TwoFactorChallenge;
 exports.TwoFactorDisable = TwoFactorDisable;
 exports.TwoFactorEnable = TwoFactorEnable;
+exports.UpdatePassword = UpdatePassword;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-auth",
-    "version": "1.0.0-alpha.244",
+    "version": "1.0.0-alpha.247",
     "description": "Basic forgot password form",
     "keywords": [
         "javascript"
@@ -58,5 +58,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "40423ad8eeecd026bf1d9e571ad5f18b68431869"
+    "gitHead": "cd40162975fef5731ec4879cddd205d02a0ec9ef"
 }