cspace-ui
Version:
CollectionSpace user interface for browsers
211 lines (210 loc) • 9.14 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactHelmet = require("react-helmet");
var _reactIntl = require("react-intl");
var _passwordHelpers = require("../../../helpers/passwordHelpers");
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 (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 (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); 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); } /* global window, btoa, FormData */
const messages = (0, _reactIntl.defineMessages)({
title: {
"id": "passwordResetPage.title",
"defaultMessage": "Reset Password"
},
prompt: {
"id": "passwordResetPage.prompt",
"defaultMessage": "Enter the new password for this account."
},
password: {
"id": "passwordResetPage.password",
"defaultMessage": "Password"
},
confirmPassword: {
"id": "passwordResetPage.confirmPassword",
"defaultMessage": "Confirm password"
},
submit: {
"id": "passwordResetPage.submit",
"defaultMessage": "Submit"
},
errorMissingPassword: {
"id": "passwordResetPage.errorMissingPassword",
"defaultMessage": "Please enter a new password."
},
errorNotConfirmed: {
"id": "passwordResetPage.errorNotConfirmed",
"defaultMessage": "The password was not correctly confirmed. Please re-enter the new password in the confirm password field."
},
errorInvalidPassword: {
"id": "passwordResetPage.errorInvalidPassword",
"defaultMessage": "The password must be between 8 and 24 characters."
},
success: {
"id": "passwordResetPage.success",
"defaultMessage": "Your password has been reset. {loginLink} to continue."
},
loginLink: {
"id": "passwordResetPage.loginLink",
"defaultMessage": "Sign in"
},
newRequestLink: {
"id": "passwordResetPage.newRequestLink",
"defaultMessage": "make a new request"
},
error: {
"id": "passwordResetPage.error",
"defaultMessage": "An error occurred while attempting to reset the password: {detail}"
},
errorTokenExpired: {
"id": "passwordResetPage.errorTokenExpired",
"defaultMessage": "The password reset request has expired. Please {newRequestLink} to reset your password."
},
errorTokenInvalid: {
"id": "passwordResetPage.errorTokenInvalid",
"defaultMessage": "The password reset request could not be validated. Please {newRequestLink} to reset your password."
}
});
const propTypes = {
csrf: _propTypes.default.object,
intl: _reactIntl.intlShape.isRequired,
tenantId: _propTypes.default.string,
tenantLoginUrl: _propTypes.default.string,
token: _propTypes.default.string.isRequired
};
const defaultProps = {
csrf: null,
tenantId: null,
// If we don't receive a tenant-specific login URL, default to the services login page.
tenantLoginUrl: '/cspace-services/login'
};
function PasswordResetPage(props) {
const {
csrf,
intl,
tenantId,
tenantLoginUrl,
token
} = props;
const [error, setError] = (0, _react.useState)();
const [isPending, setPending] = (0, _react.useState)();
const [success, setSuccess] = (0, _react.useState)();
if (success) {
return /*#__PURE__*/_react.default.createElement("p", {
className: "status success"
}, success);
}
const handleSubmit = event => {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
const password = formData.get('password');
const confirmPassword = formData.get('confirmPassword');
if (!password) {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.errorMissingPassword));
return;
}
if (!(0, _passwordHelpers.isValidPassword)(password)) {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.errorInvalidPassword));
return;
}
if (password !== confirmPassword) {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.errorNotConfirmed));
return;
}
const url = new URL(form.action);
const params = url.searchParams;
params.delete('token');
if (csrf) {
params.set(csrf.parameterName, csrf.token);
}
const payload = {
'ns2:passwordreset': {
'@xmlns:ns2': 'http://collectionspace.org/services/authentication',
token,
password: btoa(password)
}
};
setError(null);
setPending(true);
window.fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(payload)
}).then(response => Promise.all([response, response.text()])).then(([response, text]) => {
if (response.ok) {
setError(null);
const loginLink = /*#__PURE__*/_react.default.createElement("a", {
href: tenantLoginUrl
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.loginLink));
setSuccess(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.success, {
values: {
loginLink
}
})));
} else {
setSuccess(null);
const {
status
} = response;
const tidParam = tenantId ? `?tid=${tenantId}` : '';
const values = {
detail: text,
newRequestLink: /*#__PURE__*/_react.default.createElement("a", {
href: `./requestpasswordreset${tidParam}`
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.newRequestLink))
};
let message = null;
if (status === 400 || status === 500) {
if (/token .* not valid/.test(text)) {
message = messages.errorTokenInvalid;
} else if (/token .* expired/.test(text)) {
message = messages.errorTokenExpired;
}
}
if (!message) {
message = messages.error;
}
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, message, {
values: values
})));
}
}).catch(err => {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.error, {
values: {
detail: err.message
}
})));
}).finally(() => {
setPending(false);
});
};
const errorMessage = error ? /*#__PURE__*/_react.default.createElement("p", {
className: "status error"
}, error) : undefined;
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.Helmet, null, /*#__PURE__*/_react.default.createElement("title", null, intl.formatMessage(messages.title))), errorMessage, /*#__PURE__*/_react.default.createElement("main", null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.prompt)), /*#__PURE__*/_react.default.createElement("form", {
method: "POST",
onSubmit: handleSubmit
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.password), /*#__PURE__*/_react.default.createElement("input", {
autoComplete: "new-password",
name: "password",
type: "password"
}))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.confirmPassword), /*#__PURE__*/_react.default.createElement("input", {
autoComplete: "new-password",
name: "confirmPassword",
type: "password"
}))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
className: "reset",
disabled: isPending,
type: "submit"
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.submit))))));
}
PasswordResetPage.propTypes = propTypes;
PasswordResetPage.defaultProps = defaultProps;
var _default = exports.default = (0, _reactIntl.injectIntl)(PasswordResetPage);