cspace-ui
Version:
CollectionSpace user interface for browsers
168 lines (167 loc) • 7.27 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 _validationHelpers = require("../../../helpers/validationHelpers");
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, FormData */
const messages = (0, _reactIntl.defineMessages)({
title: {
"id": "passwordResetRequestPage.title",
"defaultMessage": "Reset Password"
},
prompt: {
"id": "passwordResetRequestPage.prompt",
"defaultMessage": "Please enter your email address to request a password reset."
},
email: {
"id": "passwordResetRequestPage.email",
"defaultMessage": "Email"
},
submit: {
"id": "passwordResetRequestPage.submit",
"defaultMessage": "Submit"
},
success: {
"id": "passwordResetRequestPage.success",
"defaultMessage": "An email has been sent to {email}. Follow the instructions in the email to finish resetting your password."
},
error: {
"id": "passwordResetRequestPage.error",
"defaultMessage": "An error occurred while attempting to request the password reset: {detail}"
},
errorNotFound: {
"id": "passwordResetRequestPage.errorNotFound",
"defaultMessage": "Could not find an account with the email {email}."
},
errorMissingEmail: {
"id": "passwordResetRequestPage.errorMissingEmail",
"defaultMessage": "Please enter an email address."
},
errorInvalidEmail: {
"id": "passwordResetRequestPage.errorInvalidEmail",
"defaultMessage": "{email} is not a valid email address."
},
errorSSORequired: {
"id": "passwordResetRequestPage.errorSSORequired",
"defaultMessage": "{email} is required to sign in using a single sign-on provider. The CollectionSpace account password cannot be reset."
}
});
const propTypes = {
csrf: _propTypes.default.object,
tenantId: _propTypes.default.string,
intl: _reactIntl.intlShape.isRequired
};
const defaultProps = {
csrf: null,
tenantId: null
};
function PasswordResetRequestPage(props) {
const {
csrf,
intl,
tenantId
} = 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 email = formData.get('email');
if (!email) {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.errorMissingEmail));
return;
}
if (!(0, _validationHelpers.isValidEmail)(email)) {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.errorInvalidEmail, {
values: {
email
}
})));
return;
}
const url = new URL(form.action);
const params = url.searchParams;
if (tenantId) {
params.set('tid', tenantId);
}
params.set('email', email);
if (csrf) {
params.set(csrf.parameterName, csrf.token);
}
setError(null);
setPending(true);
window.fetch(url, {
method: 'POST'
}).then(response => Promise.all([response, response.text()])).then(([response, text]) => {
if (response.ok) {
setSuccess(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.success, {
values: {
email: text
}
})));
setError(null);
} else {
setSuccess(null);
if (response.status === 404) {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.errorNotFound, {
values: {
email
}
})));
} else if (/requires single sign-on/.test(text)) {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.errorSSORequired, {
values: {
email
}
})));
} else {
setError(/*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.error, {
values: {
detail: text
}
})));
}
}
}).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.email), /*#__PURE__*/_react.default.createElement("input", {
autoComplete: "email",
name: "email",
type: "text"
}))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
className: "send",
disabled: isPending,
type: "submit"
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.submit))))));
}
PasswordResetRequestPage.propTypes = propTypes;
PasswordResetRequestPage.defaultProps = defaultProps;
var _default = exports.default = (0, _reactIntl.injectIntl)(PasswordResetRequestPage);