matrix-react-sdk
Version:
SDK for matrix.org using React
82 lines (79 loc) • 11.9 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CheckEmail = void 0;
var _react = _interopRequireDefault(require("react"));
var _compoundWeb = require("@vector-im/compound-web");
var _AccessibleButton = _interopRequireDefault(require("../../../views/elements/AccessibleButton"));
var _emailPrompt = require("../../../../../res/img/element-icons/email-prompt.svg");
var _retry16px = require("../../../../../res/img/compound/retry-16px.svg");
var _languageHandler = require("../../../../languageHandler");
var _useTimeoutToggle = require("../../../../hooks/useTimeoutToggle");
var _ErrorMessage = require("../../ErrorMessage");
/*
Copyright 2024 New Vector Ltd.
Copyright 2022 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
/**
* This component renders the email verification view of the forgot password flow.
*/
const CheckEmail = ({
email,
errorText,
onReEnterEmailClick,
onSubmitForm,
onResendClick
}) => {
const {
toggle: toggleTooltipVisible,
value: tooltipVisible
} = (0, _useTimeoutToggle.useTimeoutToggle)(false, 2500);
const onResendClickFn = async () => {
await onResendClick();
toggleTooltipVisible();
};
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_emailPrompt.Icon, {
className: "mx_AuthBody_emailPromptIcon--shifted"
}), /*#__PURE__*/_react.default.createElement("h1", null, (0, _languageHandler._t)("auth|uia|email_auth_header")), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_AuthBody_text"
}, /*#__PURE__*/_react.default.createElement("p", null, (0, _languageHandler._t)("auth|check_email_explainer", {
email: email
}, {
b: t => /*#__PURE__*/_react.default.createElement("strong", null, t)
})), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_AuthBody_did-not-receive"
}, /*#__PURE__*/_react.default.createElement("span", {
className: "mx_VerifyEMailDialog_text-light"
}, (0, _languageHandler._t)("auth|check_email_wrong_email_prompt")), /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, {
className: "mx_AuthBody_resend-button",
kind: "link",
onClick: onReEnterEmailClick
}, (0, _languageHandler._t)("auth|check_email_wrong_email_button")))), errorText && /*#__PURE__*/_react.default.createElement(_ErrorMessage.ErrorMessage, {
message: errorText
}), /*#__PURE__*/_react.default.createElement("input", {
onClick: onSubmitForm,
type: "button",
className: "mx_Login_submit",
value: (0, _languageHandler._t)("action|next")
}), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_AuthBody_did-not-receive"
}, /*#__PURE__*/_react.default.createElement("span", {
className: "mx_VerifyEMailDialog_text-light"
}, (0, _languageHandler._t)("auth|check_email_resend_prompt")), /*#__PURE__*/_react.default.createElement(_compoundWeb.Tooltip, {
description: (0, _languageHandler._t)("auth|check_email_resend_tooltip"),
placement: "top",
open: tooltipVisible
}, /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, {
className: "mx_AuthBody_resend-button",
kind: "link",
onClick: onResendClickFn
}, /*#__PURE__*/_react.default.createElement(_retry16px.Icon, {
className: "mx_Icon mx_Icon_16"
}), (0, _languageHandler._t)("action|resend")))));
};
exports.CheckEmail = CheckEmail;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jb21wb3VuZFdlYiIsIl9BY2Nlc3NpYmxlQnV0dG9uIiwiX2VtYWlsUHJvbXB0IiwiX3JldHJ5MTZweCIsIl9sYW5ndWFnZUhhbmRsZXIiLCJfdXNlVGltZW91dFRvZ2dsZSIsIl9FcnJvck1lc3NhZ2UiLCJDaGVja0VtYWlsIiwiZW1haWwiLCJlcnJvclRleHQiLCJvblJlRW50ZXJFbWFpbENsaWNrIiwib25TdWJtaXRGb3JtIiwib25SZXNlbmRDbGljayIsInRvZ2dsZSIsInRvZ2dsZVRvb2x0aXBWaXNpYmxlIiwidmFsdWUiLCJ0b29sdGlwVmlzaWJsZSIsInVzZVRpbWVvdXRUb2dnbGUiLCJvblJlc2VuZENsaWNrRm4iLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiSWNvbiIsImNsYXNzTmFtZSIsIl90IiwiYiIsInQiLCJraW5kIiwib25DbGljayIsIkVycm9yTWVzc2FnZSIsIm1lc3NhZ2UiLCJ0eXBlIiwiVG9vbHRpcCIsImRlc2NyaXB0aW9uIiwicGxhY2VtZW50Iiwib3BlbiIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zdHJ1Y3R1cmVzL2F1dGgvZm9yZ290LXBhc3N3b3JkL0NoZWNrRW1haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAyNCBOZXcgVmVjdG9yIEx0ZC5cbkNvcHlyaWdodCAyMDIyIFRoZSBNYXRyaXgub3JnIEZvdW5kYXRpb24gQy5JLkMuXG5cblNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5IE9SIEdQTC0zLjAtb25seVxuUGxlYXNlIHNlZSBMSUNFTlNFIGZpbGVzIGluIHRoZSByZXBvc2l0b3J5IHJvb3QgZm9yIGZ1bGwgZGV0YWlscy5cbiovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHZlY3Rvci1pbS9jb21wb3VuZC13ZWJcIjtcblxuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSBcIi4uLy4uLy4uL3ZpZXdzL2VsZW1lbnRzL0FjY2Vzc2libGVCdXR0b25cIjtcbmltcG9ydCB7IEljb24gYXMgRU1haWxQcm9tcHRJY29uIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL3Jlcy9pbWcvZWxlbWVudC1pY29ucy9lbWFpbC1wcm9tcHQuc3ZnXCI7XG5pbXBvcnQgeyBJY29uIGFzIFJldHJ5SWNvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9yZXMvaW1nL2NvbXBvdW5kL3JldHJ5LTE2cHguc3ZnXCI7XG5pbXBvcnQgeyBfdCB9IGZyb20gXCIuLi8uLi8uLi8uLi9sYW5ndWFnZUhhbmRsZXJcIjtcbmltcG9ydCB7IHVzZVRpbWVvdXRUb2dnbGUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vaG9va3MvdXNlVGltZW91dFRvZ2dsZVwiO1xuaW1wb3J0IHsgRXJyb3JNZXNzYWdlIH0gZnJvbSBcIi4uLy4uL0Vycm9yTWVzc2FnZVwiO1xuXG5pbnRlcmZhY2UgQ2hlY2tFbWFpbFByb3BzIHtcbiAgICBlbWFpbDogc3RyaW5nO1xuICAgIGVycm9yVGV4dDogc3RyaW5nIHwgUmVhY3ROb2RlIHwgbnVsbDtcbiAgICBvblJlRW50ZXJFbWFpbENsaWNrOiAoKSA9PiB2b2lkO1xuICAgIG9uUmVzZW5kQ2xpY2s6ICgpID0+IFByb21pc2U8Ym9vbGVhbj47XG4gICAgb25TdWJtaXRGb3JtOiAoZXY6IFJlYWN0LkZvcm1FdmVudCkgPT4gdm9pZDtcbn1cblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCByZW5kZXJzIHRoZSBlbWFpbCB2ZXJpZmljYXRpb24gdmlldyBvZiB0aGUgZm9yZ290IHBhc3N3b3JkIGZsb3cuXG4gKi9cbmV4cG9ydCBjb25zdCBDaGVja0VtYWlsOiBSZWFjdC5GQzxDaGVja0VtYWlsUHJvcHM+ID0gKHtcbiAgICBlbWFpbCxcbiAgICBlcnJvclRleHQsXG4gICAgb25SZUVudGVyRW1haWxDbGljayxcbiAgICBvblN1Ym1pdEZvcm0sXG4gICAgb25SZXNlbmRDbGljayxcbn0pID0+IHtcbiAgICBjb25zdCB7IHRvZ2dsZTogdG9nZ2xlVG9vbHRpcFZpc2libGUsIHZhbHVlOiB0b29sdGlwVmlzaWJsZSB9ID0gdXNlVGltZW91dFRvZ2dsZShmYWxzZSwgMjUwMCk7XG5cbiAgICBjb25zdCBvblJlc2VuZENsaWNrRm4gPSBhc3luYyAoKTogUHJvbWlzZTx2b2lkPiA9PiB7XG4gICAgICAgIGF3YWl0IG9uUmVzZW5kQ2xpY2soKTtcbiAgICAgICAgdG9nZ2xlVG9vbHRpcFZpc2libGUoKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxFTWFpbFByb21wdEljb24gY2xhc3NOYW1lPVwibXhfQXV0aEJvZHlfZW1haWxQcm9tcHRJY29uLS1zaGlmdGVkXCIgLz5cbiAgICAgICAgICAgIDxoMT57X3QoXCJhdXRofHVpYXxlbWFpbF9hdXRoX2hlYWRlclwiKX08L2gxPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9BdXRoQm9keV90ZXh0XCI+XG4gICAgICAgICAgICAgICAgPHA+e190KFwiYXV0aHxjaGVja19lbWFpbF9leHBsYWluZXJcIiwgeyBlbWFpbDogZW1haWwgfSwgeyBiOiAodCkgPT4gPHN0cm9uZz57dH08L3N0cm9uZz4gfSl9PC9wPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfQXV0aEJvZHlfZGlkLW5vdC1yZWNlaXZlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm14X1ZlcmlmeUVNYWlsRGlhbG9nX3RleHQtbGlnaHRcIj57X3QoXCJhdXRofGNoZWNrX2VtYWlsX3dyb25nX2VtYWlsX3Byb21wdFwiKX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uIGNsYXNzTmFtZT1cIm14X0F1dGhCb2R5X3Jlc2VuZC1idXR0b25cIiBraW5kPVwibGlua1wiIG9uQ2xpY2s9e29uUmVFbnRlckVtYWlsQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICAgICAge190KFwiYXV0aHxjaGVja19lbWFpbF93cm9uZ19lbWFpbF9idXR0b25cIil9XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAge2Vycm9yVGV4dCAmJiA8RXJyb3JNZXNzYWdlIG1lc3NhZ2U9e2Vycm9yVGV4dH0gLz59XG4gICAgICAgICAgICA8aW5wdXQgb25DbGljaz17b25TdWJtaXRGb3JtfSB0eXBlPVwiYnV0dG9uXCIgY2xhc3NOYW1lPVwibXhfTG9naW5fc3VibWl0XCIgdmFsdWU9e190KFwiYWN0aW9ufG5leHRcIil9IC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm14X0F1dGhCb2R5X2RpZC1ub3QtcmVjZWl2ZVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm14X1ZlcmlmeUVNYWlsRGlhbG9nX3RleHQtbGlnaHRcIj57X3QoXCJhdXRofGNoZWNrX2VtYWlsX3Jlc2VuZF9wcm9tcHRcIil9PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGRlc2NyaXB0aW9uPXtfdChcImF1dGh8Y2hlY2tfZW1haWxfcmVzZW5kX3Rvb2x0aXBcIil9IHBsYWNlbWVudD1cInRvcFwiIG9wZW49e3Rvb2x0aXBWaXNpYmxlfT5cbiAgICAgICAgICAgICAgICAgICAgPEFjY2Vzc2libGVCdXR0b24gY2xhc3NOYW1lPVwibXhfQXV0aEJvZHlfcmVzZW5kLWJ1dHRvblwiIGtpbmQ9XCJsaW5rXCIgb25DbGljaz17b25SZXNlbmRDbGlja0ZufT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxSZXRyeUljb24gY2xhc3NOYW1lPVwibXhfSWNvbiBteF9JY29uXzE2XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtfdChcImFjdGlvbnxyZXNlbmRcIil9XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFRQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxZQUFBLEdBQUFELE9BQUE7QUFFQSxJQUFBRSxpQkFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsWUFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksVUFBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssZ0JBQUEsR0FBQUwsT0FBQTtBQUNBLElBQUFNLGlCQUFBLEdBQUFOLE9BQUE7QUFDQSxJQUFBTyxhQUFBLEdBQUFQLE9BQUE7QUFoQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBb0JBO0FBQ0E7QUFDQTtBQUNPLE1BQU1RLFVBQXFDLEdBQUdBLENBQUM7RUFDbERDLEtBQUs7RUFDTEMsU0FBUztFQUNUQyxtQkFBbUI7RUFDbkJDLFlBQVk7RUFDWkM7QUFDSixDQUFDLEtBQUs7RUFDRixNQUFNO0lBQUVDLE1BQU0sRUFBRUMsb0JBQW9CO0lBQUVDLEtBQUssRUFBRUM7RUFBZSxDQUFDLEdBQUcsSUFBQUMsa0NBQWdCLEVBQUMsS0FBSyxFQUFFLElBQUksQ0FBQztFQUU3RixNQUFNQyxlQUFlLEdBQUcsTUFBQUEsQ0FBQSxLQUEyQjtJQUMvQyxNQUFNTixhQUFhLENBQUMsQ0FBQztJQUNyQkUsb0JBQW9CLENBQUMsQ0FBQztFQUMxQixDQUFDO0VBRUQsb0JBQ0lqQixNQUFBLENBQUFzQixPQUFBLENBQUFDLGFBQUEsQ0FBQXZCLE1BQUEsQ0FBQXNCLE9BQUEsQ0FBQUUsUUFBQSxxQkFDSXhCLE1BQUEsQ0FBQXNCLE9BQUEsQ0FBQUMsYUFB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