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

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,9 +226,8 @@ var propTypes$4 = {
   loginLink: PropTypes.string,
   loginLabel: PropTypes$1.label
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   action: '/register',
-  // https://bold.media.test:8080/register
   fields: null,
   size: 'lg',
   nameLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -289,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,
@@ -322,11 +321,11 @@ 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", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes$4 = {
   action: PropTypes.string,
   fields: PropTypes$1.fields,
   size: PropTypes.string,
@@ -334,7 +333,7 @@ var propTypes$3 = {
   passwordConfirmationLabel: PropTypes$1.label,
   submitButtonLabel: PropTypes$1.label
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   action: '/reset-password',
   fields: null,
   size: 'lg',
@@ -368,7 +367,7 @@ var ResetPassword = function ResetPassword(_ref) {
       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,
@@ -387,18 +386,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',
@@ -424,7 +423,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,
@@ -438,11 +437,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,
@@ -452,7 +451,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',
@@ -490,7 +489,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, {
@@ -510,11 +509,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,
@@ -524,7 +523,7 @@ var propTypes = {
   skipLink: PropTypes.string,
   skipLabel: PropTypes$1.label
 };
-var defaultProps = {
+var defaultProps$1 = {
   action: '/user/two-factor-authentication',
   fields: null,
   size: 'lg',
@@ -562,7 +561,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,
@@ -574,7 +573,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,9 +237,8 @@ var propTypes$4 = {
   loginLink: PropTypes__default["default"].string,
   loginLabel: core.PropTypes.label
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   action: '/register',
-  // https://bold.media.test:8080/register
   fields: null,
   size: 'lg',
   nameLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
@@ -300,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,
@@ -333,11 +332,11 @@ 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", "passwordLabel", "passwordConfirmationLabel", "submitButtonLabel"];
+var propTypes$4 = {
   action: PropTypes__default["default"].string,
   fields: core.PropTypes.fields,
   size: PropTypes__default["default"].string,
@@ -345,7 +344,7 @@ var propTypes$3 = {
   passwordConfirmationLabel: core.PropTypes.label,
   submitButtonLabel: core.PropTypes.label
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   action: '/reset-password',
   fields: null,
   size: 'lg',
@@ -379,7 +378,7 @@ var ResetPassword = function ResetPassword(_ref) {
       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,
@@ -398,18 +397,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',
@@ -435,7 +434,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,
@@ -449,11 +448,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,
@@ -463,7 +462,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',
@@ -501,7 +500,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, {
@@ -521,11 +520,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,
@@ -535,7 +534,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',
@@ -573,7 +572,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,
@@ -585,8 +584,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;
@@ -596,3 +675,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.243",
+    "version": "1.0.0-alpha.246",
     "description": "Basic forgot password form",
     "keywords": [
         "javascript"
@@ -48,7 +48,7 @@
         "@babel/runtime": "^7.12.5",
         "@folklore/fetch": "^0.1.15",
         "@panneau/core": "^1.0.0-alpha.242",
-        "@panneau/form": "^1.0.0-alpha.242",
+        "@panneau/form": "^1.0.0-alpha.244",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -58,5 +58,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "9703e84a7d27cfc0024e95e7f82da20d1637079a"
+    "gitHead": "a63e2faa39a9095392bfcad7ae9945a4365934a0"
 }