@verdaccio/ui-components 4.0.0-next-8.12 → 4.0.0-next-8.13

package/build/sections/Security/AddUser.js

@@ -1,120 +1,181 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _yup = require("@hookform/resolvers/yup");
+var _material = require("@mui/material");
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _reactI18next = require("react-i18next");
+var _reactRouter = require("react-router");
+var _useDataMutation2 = require("../../api/use-data-mutation");
+var _LoginDialogFormError = _interopRequireDefault(require("../../components/LoginDialog/LoginDialogFormError"));
+var _PasswordField = _interopRequireDefault(require("../../components/LoginForm/PasswordField"));
+var _UsernameField = _interopRequireDefault(require("../../components/LoginForm/UsernameField"));
+var _configuration = require("../../configuration");
+var _Dialog = _interopRequireDefault(require("../../layouts/Security/Dialog"));
+var _utils = require("../../providers/AuthProvider/utils");
+var _utils2 = require("../../store/utils");
+var _utils3 = require("../../utils");
+var _schemas = require("../../utils/schemas");
+var _Success = require("./Success");
+var _styles = require("./styles");
+var _utils4 = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-import { Button, Link, Typography } from '@mui/material';
-import React, { useEffect, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useDispatch, useSelector } from 'react-redux';
-import { useLocation } from 'react-router-dom';
-import SecurityLayout from '../../layouts/Security/Dialog';
-import { Route } from '../../utils';
-import LoginError from './LoginError';
-import { MessageType } from './Success';
-import { SecurityContainer, SecurityForm, SecurityTextField } from './styles';
-import { getSecurityUrlParams, validateCredentials } from './utils';
-var AddUser = () => {
-  var {
-    t
-  } = useTranslation();
-  var dispatch = useDispatch();
-  var addUserStore = useSelector(state => state.addUser);
-  var usernameRef = useRef(null);
-  var passwordRef = useRef(null);
-  var location = useLocation();
-  var {
-    next,
-    user
-  } = getSecurityUrlParams(location);
-  var loginLink = Route.LOGIN + (next ? '?next=' + next : '');
-  var [username, setUsername] = React.useState(user);
-  var [password, setPassword] = React.useState('');
-  var [email, setEmail] = React.useState('');
-  useEffect(() => {
-    if (username) {
-      var _passwordRef$current;
-      (_passwordRef$current = passwordRef.current) === null || _passwordRef$current === void 0 || _passwordRef$current.focus();
-    } else {
-      var _usernameRef$current;
-      (_usernameRef$current = usernameRef.current) === null || _usernameRef$current === void 0 || _usernameRef$current.focus();
-    }
-  }, [username]);
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (e) {
-      e.preventDefault();
-      dispatch.addUser.clearError();
-      if (!validateCredentials(username, password, t, dispatch.addUser.addError)) {
-        return;
-      }
-      yield dispatch.addUser.register({
-        username: username,
-        password,
-        email,
-        next,
-        messageType: MessageType.AddUser
-      });
-    });
-    return function handleSubmit(_x) {
+var AddUser = function AddUser() {
+  var _configuration$flags;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var location = (0, _reactRouter.useLocation)();
+  var navigate = (0, _reactRouter.useNavigate)();
+  var configuration = (0, _configuration.getConfiguration)();
+  var basePath = (0, _utils2.stripTrailingSlash)(configuration.base);
+  var _getSecurityUrlParams = (0, _utils4.getSecurityUrlParams)(location),
+    next = _getSecurityUrlParams.next,
+    user = _getSecurityUrlParams.user;
+  var loginLink = _utils3.Route.LOGIN + (next ? "?next=".concat(encodeURIComponent(next)) : '');
+  var createUserEnabled = configuration === null || configuration === void 0 || (_configuration$flags = configuration.flags) === null || _configuration$flags === void 0 ? void 0 : _configuration$flags.createUser;
+  var form = (0, _reactHookForm.useForm)({
+    mode: 'onChange',
+    defaultValues: {
+      username: typeof user === 'string' ? user : '',
+      password: '',
+      email: ''
+    },
+    resolver: (0, _yup.yupResolver)(_schemas.addUserSchema)
+  });
+  var setError = form.setError,
+    handleSubmit = form.handleSubmit,
+    register = form.register,
+    watch = form.watch,
+    _form$formState = form.formState,
+    isValid = _form$formState.isValid,
+    errors = _form$formState.errors;
+  var username = watch('username');
+  var addUserLink = "".concat(_utils3.Route.ADD_USER, ":").concat(encodeURIComponent(username));
+  var _useDataMutation = (0, _useDataMutation2.useDataMutation)(basePath, addUserLink, 'PUT'),
+    trigger = _useDataMutation.trigger;
+  var handleAddUser = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(body) {
+      var _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            _context.p = 0;
+            _context.n = 1;
+            return trigger(body);
+          case 1:
+            _context.n = 3;
+            break;
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+            throw (0, _utils.normalizeAuthError)(_t);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee, null, [[0, 2]]);
+    }));
+    return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }();
-  return /*#__PURE__*/React.createElement(SecurityLayout, null, /*#__PURE__*/React.createElement(SecurityContainer, null, /*#__PURE__*/React.createElement(SecurityForm, {
+  }(), [trigger]);
+  var onSubmit = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(data) {
+      var _t2;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
+          case 0:
+            _context2.p = 0;
+            _context2.n = 1;
+            return handleAddUser({
+              name: data.username,
+              password: data.password,
+              email: data.email
+            });
+          case 1:
+            navigate("".concat(_utils3.Route.SUCCESS, "?messageType=").concat(_Success.MessageType.AddUser));
+            _context2.n = 3;
+            break;
+          case 2:
+            _context2.p = 2;
+            _t2 = _context2.v;
+            setError('root', {
+              type: 'server',
+              // TODO: add translation key
+              message: 'Failed to create user'
+            });
+          case 3:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[0, 2]]);
+    }));
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [handleAddUser, setError, navigate]);
+  (0, _react.useEffect)(function () {
+    if (!createUserEnabled) {
+      navigate('/');
+    }
+  }, [createUserEnabled, navigate]);
+  return createUserEnabled ? /*#__PURE__*/_react["default"].createElement(_Dialog["default"], null, /*#__PURE__*/_react["default"].createElement(_styles.SecurityContainer, null, /*#__PURE__*/_react["default"].createElement(_styles.SecurityForm, {
     component: "form",
-    onSubmit: handleSubmit
-  }, /*#__PURE__*/React.createElement(Typography, {
+    onSubmit: handleSubmit(onSubmit)
+  }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
     align: "center",
     component: "h1",
     gutterBottom: true,
     variant: "h4"
-  }, t('security.addUser.title')), /*#__PURE__*/React.createElement(SecurityTextField, {
-    error: !!addUserStore.error,
-    inputRef: usernameRef,
-    label: t('security.addUser.username'),
-    onChange: e => setUsername(e.target.value),
-    required: true,
-    value: username
-  }), /*#__PURE__*/React.createElement(SecurityTextField, {
-    error: !!addUserStore.error,
-    inputRef: passwordRef,
-    label: t('security.addUser.password'),
-    onChange: e => setPassword(e.target.value),
-    required: true,
-    type: "password",
-    value: password
-  }), /*#__PURE__*/React.createElement(SecurityTextField, {
-    error: !!addUserStore.error,
+  }, t('security.addUser.title')), /*#__PURE__*/_react["default"].createElement(_UsernameField["default"], {
+    errors: errors,
+    register: register
+  }), /*#__PURE__*/_react["default"].createElement(_PasswordField["default"], {
+    errors: errors,
+    register: register
+  }), /*#__PURE__*/_react["default"].createElement(_styles.SecurityTextField, _extends({
     label: t('security.addUser.email'),
-    onChange: e => setEmail(e.target.value),
-    type: "email",
-    value: email
-  }), /*#__PURE__*/React.createElement(Typography, {
+    type: "email"
+  }, register('email'))), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
     color: "text.secondary",
     paragraph: true,
     sx: {
       fontSize: 12
     },
     variant: "body2"
-  }, t('security.addUser.emailDescription')), addUserStore.error && /*#__PURE__*/React.createElement(LoginError, {
-    error: addUserStore.error
-  }), /*#__PURE__*/React.createElement(Button, {
+  }, t('security.addUser.emailDescription')), errors.root && /*#__PURE__*/_react["default"].createElement(_LoginDialogFormError["default"], {
+    error: errors.root
+  }), /*#__PURE__*/_react["default"].createElement(_material.Button, {
     color: "primary",
+    disabled: !isValid,
     fullWidth: true,
     sx: {
       mt: 2
     },
     type: "submit",
     variant: "contained"
-  }, t('security.addUser.submit')), /*#__PURE__*/React.createElement(Typography, {
+  }, t('security.addUser.submit')), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
     align: "center",
     sx: {
       mt: 2,
       fontSize: 12
     },
     variant: "body2"
-  }, t('security.addUser.alreadyUserQuestion'), /*#__PURE__*/React.createElement(Link, {
+  }, t('security.addUser.alreadyUserQuestion'), /*#__PURE__*/_react["default"].createElement(_material.Link, {
     href: loginLink,
     sx: {
       ml: 1
     }
-  }, t('security.addUser.login'))))));
+  }, t('security.addUser.login')))))) : null;
 };
-export default AddUser;
+var _default = exports["default"] = AddUser;
 //# sourceMappingURL=AddUser.js.map

package/build/sections/Security/AddUser.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddUser.js","names":["Button","Link","Typography","React","useEffect","useRef","useTranslation","useDispatch","useSelector","useLocation","SecurityLayout","Route","LoginError","MessageType","SecurityContainer","SecurityForm","SecurityTextField","getSecurityUrlParams","validateCredentials","AddUser","t","dispatch","addUserStore","state","addUser","usernameRef","passwordRef","location","next","user","loginLink","LOGIN","username","setUsername","useState","password","setPassword","email","setEmail","_passwordRef$current","current","focus","_usernameRef$current","handleSubmit","_ref","_asyncToGenerator","e","preventDefault","clearError","addError","register","messageType","_x","apply","arguments","createElement","component","onSubmit","align","gutterBottom","variant","error","inputRef","label","onChange","target","value","required","type","color","paragraph","sx","fontSize","fullWidth","mt","href","ml"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { Button, Link, Typography } from '@mui/material';\nimport React, { useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useLocation } from 'react-router-dom';\n\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { Dispatch, RootState } from '../../store';\nimport { Route } from '../../utils';\nimport LoginError from './LoginError';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams, validateCredentials } from './utils';\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const dispatch = useDispatch<Dispatch>();\n  const addUserStore = useSelector((state: RootState) => state.addUser);\n  const usernameRef = useRef<HTMLInputElement>(null);\n  const passwordRef = useRef<HTMLInputElement>(null);\n\n  const location = useLocation();\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? '?next=' + next : '');\n\n  const [username, setUsername] = React.useState(user);\n  const [password, setPassword] = React.useState('');\n  const [email, setEmail] = React.useState('');\n\n  useEffect(() => {\n    if (username) {\n      passwordRef.current?.focus();\n    } else {\n      usernameRef.current?.focus();\n    }\n  }, [username]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    dispatch.addUser.clearError();\n\n    if (!validateCredentials(username, password, t, dispatch.addUser.addError)) {\n      return;\n    }\n\n    await dispatch.addUser.register({\n      username: username,\n      password,\n      email,\n      next,\n      messageType: MessageType.AddUser,\n    });\n  };\n\n  return (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" onSubmit={handleSubmit}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <SecurityTextField\n            error={!!addUserStore.error}\n            inputRef={usernameRef}\n            label={t('security.addUser.username')}\n            onChange={(e) => setUsername(e.target.value)}\n            required={true}\n            value={username}\n          />\n          <SecurityTextField\n            error={!!addUserStore.error}\n            inputRef={passwordRef}\n            label={t('security.addUser.password')}\n            onChange={(e) => setPassword(e.target.value)}\n            required={true}\n            type=\"password\"\n            value={password}\n          />\n          <SecurityTextField\n            error={!!addUserStore.error}\n            label={t('security.addUser.email')}\n            onChange={(e) => setEmail(e.target.value)}\n            type=\"email\"\n            value={email}\n          />\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {addUserStore.error && <LoginError error={addUserStore.error} />}\n          <Button color=\"primary\" fullWidth={true} sx={{ mt: 2 }} type=\"submit\" variant=\"contained\">\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link href={loginLink} sx={{ ml: 1 }}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  );\n};\n\nexport default AddUser;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AddUser.js","names":["_yup","require","_material","_react","_interopRequireWildcard","_reactHookForm","_reactI18next","_reactRouter","_useDataMutation2","_LoginDialogFormError","_interopRequireDefault","_PasswordField","_UsernameField","_configuration","_Dialog","_utils","_utils2","_utils3","_schemas","_Success","_styles","_utils4","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t3","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_regenerator","Symbol","iterator","toStringTag","c","prototype","Generator","u","create","_regeneratorDefine2","p","y","G","v","a","d","l","TypeError","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","displayName","w","m","_regeneratorDefine","_invoke","enumerable","configurable","writable","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","_next","_throw","AddUser","_configuration$flags","_useTranslation","useTranslation","location","useLocation","navigate","useNavigate","configuration","getConfiguration","basePath","stripTrailingSlash","base","_getSecurityUrlParams","getSecurityUrlParams","next","user","loginLink","Route","LOGIN","concat","encodeURIComponent","createUserEnabled","flags","createUser","form","useForm","mode","defaultValues","username","password","email","resolver","yupResolver","addUserSchema","setError","handleSubmit","register","watch","_form$formState","formState","isValid","errors","addUserLink","ADD_USER","_useDataMutation","useDataMutation","trigger","handleAddUser","useCallback","_ref","_callee","body","_t","_context","normalizeAuthError","_x","onSubmit","_ref2","_callee2","data","_t2","_context2","name","SUCCESS","MessageType","type","message","_x2","useEffect","createElement","SecurityContainer","SecurityForm","component","Typography","align","gutterBottom","variant","SecurityTextField","label","color","paragraph","sx","fontSize","root","error","Button","disabled","fullWidth","mt","Link","href","ml","_default","exports"],"sources":["../../../src/sections/Security/AddUser.tsx"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { Button, Link, Typography } from '@mui/material';\nimport React, { useCallback, useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useLocation, useNavigate } from 'react-router';\n\nimport { useDataMutation } from '../../api/use-data-mutation';\nimport LoginDialogFormError from '../../components/LoginDialog/LoginDialogFormError';\nimport PasswordField from '../../components/LoginForm/PasswordField';\nimport UsernameField from '../../components/LoginForm/UsernameField';\nimport { getConfiguration } from '../../configuration';\nimport SecurityLayout from '../../layouts/Security/Dialog';\nimport { normalizeAuthError } from '../../providers/AuthProvider/utils';\nimport { stripTrailingSlash } from '../../store/utils';\nimport { Route } from '../../utils';\nimport type { AddUserFormValues } from '../../utils/schemas';\nimport { addUserSchema } from '../../utils/schemas';\nimport { MessageType } from './Success';\nimport { SecurityContainer, SecurityForm, SecurityTextField } from './styles';\nimport { getSecurityUrlParams } from './utils';\n\ntype AddUserBody = {\n  name: string;\n  password: string;\n  email?: string;\n};\n\nconst AddUser: React.FC = () => {\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const { next, user } = getSecurityUrlParams(location);\n  const loginLink = Route.LOGIN + (next ? `?next=${encodeURIComponent(next)}` : '');\n  const createUserEnabled = configuration?.flags?.createUser;\n  const form = useForm<AddUserFormValues>({\n    mode: 'onChange',\n    defaultValues: {\n      username: typeof user === 'string' ? user : '',\n      password: '',\n      email: '',\n    },\n    resolver: yupResolver(addUserSchema),\n  });\n\n  const {\n    setError,\n    handleSubmit,\n    register,\n    watch,\n    formState: { isValid, errors },\n  } = form;\n\n  const username = watch('username');\n\n  const addUserLink = `${Route.ADD_USER}:${encodeURIComponent(username)}`;\n\n  const { trigger } = useDataMutation<{ ok: string; token: string }>(basePath, addUserLink, 'PUT');\n\n  const handleAddUser = useCallback(\n    async (body: AddUserBody) => {\n      try {\n        await trigger(body);\n      } catch (err) {\n        throw normalizeAuthError(err);\n      }\n    },\n    [trigger]\n  );\n\n  const onSubmit = useCallback(\n    async (data: AddUserFormValues) => {\n      try {\n        await handleAddUser({\n          name: data.username,\n          password: data.password,\n          email: data.email,\n        });\n        navigate(`${Route.SUCCESS}?messageType=${MessageType.AddUser}`);\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Failed to create user',\n        });\n      }\n    },\n    [handleAddUser, setError, navigate]\n  );\n\n  useEffect(() => {\n    if (!createUserEnabled) {\n      navigate('/');\n    }\n  }, [createUserEnabled, navigate]);\n\n  return createUserEnabled ? (\n    <SecurityLayout>\n      <SecurityContainer>\n        <SecurityForm component=\"form\" onSubmit={handleSubmit(onSubmit)}>\n          <Typography align=\"center\" component=\"h1\" gutterBottom={true} variant=\"h4\">\n            {t('security.addUser.title')}\n          </Typography>\n          <UsernameField errors={errors} register={register} />\n          <PasswordField errors={errors} register={register} />\n\n          <SecurityTextField\n            label={t('security.addUser.email')}\n            type=\"email\"\n            {...register('email')}\n          />\n\n          <Typography color=\"text.secondary\" paragraph={true} sx={{ fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.emailDescription')}\n          </Typography>\n          {errors.root && <LoginDialogFormError error={errors.root} />}\n          <Button\n            color=\"primary\"\n            disabled={!isValid}\n            fullWidth={true}\n            sx={{ mt: 2 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {t('security.addUser.submit')}\n          </Button>\n          <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n            {t('security.addUser.alreadyUserQuestion')}\n            <Link href={loginLink} sx={{ ml: 1 }}>\n              {t('security.addUser.login')}\n            </Link>\n          </Typography>\n        </SecurityForm>\n      </SecurityContainer>\n    </SecurityLayout>\n  ) : null;\n};\n\nexport default AddUser;\n"],"mappings":"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","ignoreList":[]}

package/build/sections/Security/ChangePassword.js

@@ -1,116 +1,171 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _yup = require("@hookform/resolvers/yup");
+var _material = require("@mui/material");
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _reactI18next = require("react-i18next");
+var _reactRouter = require("react-router");
+var _useDataMutation2 = require("../../api/use-data-mutation");
+var _LoginDialogFormError = _interopRequireDefault(require("../../components/LoginDialog/LoginDialogFormError"));
+var _configuration = require("../../configuration");
+var _Dialog = _interopRequireDefault(require("../../layouts/Security/Dialog"));
+var _utils = require("../../providers/AuthProvider/utils");
+var _utils2 = require("../../store/utils");
+var _utils3 = require("../../utils");
+var _routes = require("../../utils/routes");
+var _schemas = require("../../utils/schemas");
+var _Success = require("./Success");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-import { Button, Typography } from '@mui/material';
-import React, { useEffect, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useDispatch, useSelector } from 'react-redux';
-import { useLocation } from 'react-router-dom';
-import SecurityLayout from '../../layouts/Security/Dialog';
-import LoginError from './LoginError';
-import { MessageType } from './Success';
-import { SecurityContainer, SecurityForm, SecurityTextField } from './styles';
-import { getSecurityUrlParams, validateCredentials } from './utils';
-var ChangePassword = () => {
-  var {
-    t
-  } = useTranslation();
-  var dispatch = useDispatch();
-  var changePasswordStore = useSelector(state => state.changePassword);
-  var usernameRef = useRef(null);
-  var passwordRef = useRef(null);
-  var location = useLocation();
-  var {
-    user
-  } = getSecurityUrlParams(location);
-  var [username, setUsername] = React.useState(user);
-  var [oldPassword, setOldPassword] = React.useState('');
-  var [newPassword, setNewPassword] = React.useState('');
-  var [confirmPassword, setConfirmPassword] = React.useState('');
-  var [passwordMismatch, setPasswordMismatch] = React.useState(false);
-  useEffect(() => {
-    if (username) {
-      var _passwordRef$current;
-      (_passwordRef$current = passwordRef.current) === null || _passwordRef$current === void 0 || _passwordRef$current.focus();
-    } else {
-      var _usernameRef$current;
-      (_usernameRef$current = usernameRef.current) === null || _usernameRef$current === void 0 || _usernameRef$current.focus();
-    }
-  }, [username]);
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (e) {
-      e.preventDefault();
-      dispatch.changePassword.clearError();
-      setPasswordMismatch(false);
-      if (!validateCredentials(username, oldPassword, t, dispatch.changePassword.addError)) {
-        return;
-      }
-      if (newPassword !== confirmPassword) {
-        setPasswordMismatch(true);
-        dispatch.changePassword.addError({
-          type: 'error',
-          description: t('security.error.password-mismatch')
-        });
-        return;
-      }
-      yield dispatch.changePassword.updatePassword({
-        username,
-        oldPassword,
-        newPassword,
-        messageType: MessageType.ChangePassword
-      });
-    });
-    return function handleSubmit(_x) {
+var ChangePassword = function ChangePassword() {
+  var _configuration$flags, _errors$username, _errors$oldPassword, _errors$newPassword, _errors$confirmPasswo;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var navigate = (0, _reactRouter.useNavigate)();
+  var configuration = (0, _configuration.getConfiguration)();
+  var basePath = (0, _utils2.stripTrailingSlash)(configuration.base);
+  var changePasswordEnabled = configuration === null || configuration === void 0 || (_configuration$flags = configuration.flags) === null || _configuration$flags === void 0 ? void 0 : _configuration$flags.changePassword;
+  var form = (0, _reactHookForm.useForm)({
+    mode: 'onChange',
+    defaultValues: {
+      username: '',
+      oldPassword: '',
+      newPassword: '',
+      confirmPassword: ''
+    },
+    resolver: (0, _yup.yupResolver)(_schemas.changePasswordSchema)
+  });
+  var setError = form.setError,
+    handleSubmit = form.handleSubmit,
+    register = form.register,
+    _form$formState = form.formState,
+    isValid = _form$formState.isValid,
+    errors = _form$formState.errors;
+  var _useDataMutation = (0, _useDataMutation2.useDataMutation)(basePath, _routes.APIRoute.RESET_PASSWORD, 'PUT'),
+    trigger = _useDataMutation.trigger;
+  var handleChangePassword = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(body) {
+      var _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            _context.p = 0;
+            _context.n = 1;
+            return trigger(body);
+          case 1:
+            _context.n = 3;
+            break;
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+            throw (0, _utils.normalizeAuthError)(_t);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee, null, [[0, 2]]);
+    }));
+    return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }();
-  return /*#__PURE__*/React.createElement(SecurityLayout, null, /*#__PURE__*/React.createElement(SecurityContainer, null, /*#__PURE__*/React.createElement(SecurityForm, {
+  }(), [trigger]);
+  var onSubmit = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(data) {
+      var _t2;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
+          case 0:
+            _context2.p = 0;
+            _context2.n = 1;
+            return handleChangePassword({
+              password: {
+                old: data.oldPassword,
+                "new": data.newPassword
+              }
+            });
+          case 1:
+            navigate("".concat(_utils3.Route.SUCCESS, "?messageType=").concat(_Success.MessageType.ChangePassword));
+            _context2.n = 3;
+            break;
+          case 2:
+            _context2.p = 2;
+            _t2 = _context2.v;
+            setError('root', {
+              type: 'server',
+              message: 'Failed to change password'
+            });
+          case 3:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[0, 2]]);
+    }));
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [handleChangePassword, setError, navigate]);
+  (0, _react.useEffect)(function () {
+    if (!changePasswordEnabled) {
+      navigate('/');
+    }
+  }, [changePasswordEnabled, navigate]);
+  return changePasswordEnabled ? /*#__PURE__*/_react["default"].createElement(_Dialog["default"], null, /*#__PURE__*/_react["default"].createElement(_styles.SecurityContainer, null, /*#__PURE__*/_react["default"].createElement(_styles.SecurityForm, {
     component: "form",
-    onSubmit: handleSubmit
-  }, /*#__PURE__*/React.createElement(Typography, {
+    onSubmit: handleSubmit(onSubmit)
+  }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
     align: "center",
     component: "h1",
     gutterBottom: true,
     variant: "h4"
-  }, t('security.changePassword.title')), /*#__PURE__*/React.createElement(SecurityTextField, {
-    error: !!changePasswordStore.error,
-    inputRef: usernameRef,
-    label: t('security.changePassword.username'),
-    onChange: e => setUsername(e.target.value),
-    required: true,
-    value: username
-  }), /*#__PURE__*/React.createElement(SecurityTextField, {
-    error: !!changePasswordStore.error,
-    inputRef: passwordRef,
-    label: t('security.changePassword.oldPassword'),
-    onChange: e => setOldPassword(e.target.value),
+  }, t('security.changePassword.title')), /*#__PURE__*/_react["default"].createElement(_styles.SecurityTextField, _extends({
+    error: !!errors.username,
+    helperText: (_errors$username = errors.username) === null || _errors$username === void 0 ? void 0 : _errors$username.message,
+    label: t('security.changePassword.username')
+  }, register('username'), {
+    required: true
+  })), /*#__PURE__*/_react["default"].createElement(_styles.SecurityTextField, _extends({
+    error: !!errors.oldPassword,
+    helperText: (_errors$oldPassword = errors.oldPassword) === null || _errors$oldPassword === void 0 ? void 0 : _errors$oldPassword.message,
+    label: t('security.changePassword.oldPassword')
+  }, register('oldPassword'), {
     required: true,
-    type: "password",
-    value: oldPassword
-  }), /*#__PURE__*/React.createElement(SecurityTextField, {
-    error: !!changePasswordStore.error || passwordMismatch,
-    label: t('security.changePassword.newPassword'),
-    onChange: e => setNewPassword(e.target.value),
+    type: "password"
+  })), /*#__PURE__*/_react["default"].createElement(_styles.SecurityTextField, _extends({
+    error: !!errors.newPassword,
+    helperText: (_errors$newPassword = errors.newPassword) === null || _errors$newPassword === void 0 ? void 0 : _errors$newPassword.message,
+    label: t('security.changePassword.newPassword')
+  }, register('newPassword'), {
     required: true,
-    type: "password",
-    value: newPassword
-  }), /*#__PURE__*/React.createElement(SecurityTextField, {
-    error: !!changePasswordStore.error || passwordMismatch,
-    label: t('security.changePassword.confirmPassword'),
-    onChange: e => setConfirmPassword(e.target.value),
+    type: "password"
+  })), /*#__PURE__*/_react["default"].createElement(_styles.SecurityTextField, _extends({
+    error: !!errors.confirmPassword,
+    helperText: (_errors$confirmPasswo = errors.confirmPassword) === null || _errors$confirmPasswo === void 0 ? void 0 : _errors$confirmPasswo.message,
+    label: t('security.changePassword.confirmPassword')
+  }, register('confirmPassword'), {
     required: true,
-    type: "password",
-    value: confirmPassword
-  }), changePasswordStore.error && /*#__PURE__*/React.createElement(LoginError, {
-    error: changePasswordStore.error
-  }), /*#__PURE__*/React.createElement(Button, {
+    type: "password"
+  })), errors.root && /*#__PURE__*/_react["default"].createElement(_LoginDialogFormError["default"], {
+    error: errors.root
+  }), /*#__PURE__*/_react["default"].createElement(_material.Button, {
     color: "primary",
+    disabled: !isValid,
     fullWidth: true,
     sx: {
       mt: 2
     },
     type: "submit",
     variant: "contained"
-  }, t('security.changePassword.submit')))));
+  }, t('security.changePassword.submit'))))) : null;
 };
-export default ChangePassword;
+var _default = exports["default"] = ChangePassword;
 //# sourceMappingURL=ChangePassword.js.map