matrix-react-sdk
Version:
SDK for matrix.org using React
76 lines (73 loc) • 11.8 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.VerifyEmailModal = void 0;
var _react = _interopRequireDefault(require("react"));
var _compoundWeb = require("@vector-im/compound-web");
var _languageHandler = require("../../../../languageHandler");
var _AccessibleButton = _interopRequireDefault(require("../../../views/elements/AccessibleButton"));
var _retry16px = require("../../../../../res/img/compound/retry-16px.svg");
var _emailPrompt = require("../../../../../res/img/element-icons/email-prompt.svg");
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.
*/
const VerifyEmailModal = ({
email,
errorText,
onCloseClick,
onReEnterEmailClick,
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"
}), /*#__PURE__*/_react.default.createElement("h1", null, (0, _languageHandler._t)("auth|verify_email_heading")), /*#__PURE__*/_react.default.createElement("p", null, (0, _languageHandler._t)("auth|verify_email_explainer", {
email
}, {
b: sub => /*#__PURE__*/_react.default.createElement("strong", null, sub)
})), /*#__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"))), errorText && /*#__PURE__*/_react.default.createElement(_ErrorMessage.ErrorMessage, {
message: errorText
})), /*#__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"))), /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, {
onClick: onCloseClick,
className: "mx_Dialog_cancelButton",
"aria-label": (0, _languageHandler._t)("dialog_close_label")
}));
};
exports.VerifyEmailModal = VerifyEmailModal;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jb21wb3VuZFdlYiIsIl9sYW5ndWFnZUhhbmRsZXIiLCJfQWNjZXNzaWJsZUJ1dHRvbiIsIl9yZXRyeTE2cHgiLCJfZW1haWxQcm9tcHQiLCJfdXNlVGltZW91dFRvZ2dsZSIsIl9FcnJvck1lc3NhZ2UiLCJWZXJpZnlFbWFpbE1vZGFsIiwiZW1haWwiLCJlcnJvclRleHQiLCJvbkNsb3NlQ2xpY2siLCJvblJlRW50ZXJFbWFpbENsaWNrIiwib25SZXNlbmRDbGljayIsInRvZ2dsZSIsInRvZ2dsZVRvb2x0aXBWaXNpYmxlIiwidmFsdWUiLCJ0b29sdGlwVmlzaWJsZSIsInVzZVRpbWVvdXRUb2dnbGUiLCJvblJlc2VuZENsaWNrRm4iLCJkZWZhdWx0IiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiSWNvbiIsImNsYXNzTmFtZSIsIl90IiwiYiIsInN1YiIsIlRvb2x0aXAiLCJkZXNjcmlwdGlvbiIsInBsYWNlbWVudCIsIm9wZW4iLCJraW5kIiwib25DbGljayIsIkVycm9yTWVzc2FnZSIsIm1lc3NhZ2UiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3RydWN0dXJlcy9hdXRoL2ZvcmdvdC1wYXNzd29yZC9WZXJpZnlFbWFpbE1vZGFsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjQgTmV3IFZlY3RvciBMdGQuXG5Db3B5cmlnaHQgMjAyMiBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkB2ZWN0b3ItaW0vY29tcG91bmQtd2ViXCI7XG5cbmltcG9ydCB7IF90IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2xhbmd1YWdlSGFuZGxlclwiO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSBcIi4uLy4uLy4uL3ZpZXdzL2VsZW1lbnRzL0FjY2Vzc2libGVCdXR0b25cIjtcbmltcG9ydCB7IEljb24gYXMgUmV0cnlJY29uIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL3Jlcy9pbWcvY29tcG91bmQvcmV0cnktMTZweC5zdmdcIjtcbmltcG9ydCB7IEljb24gYXMgRW1haWxQcm9tcHRJY29uIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL3Jlcy9pbWcvZWxlbWVudC1pY29ucy9lbWFpbC1wcm9tcHQuc3ZnXCI7XG5pbXBvcnQgeyB1c2VUaW1lb3V0VG9nZ2xlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2hvb2tzL3VzZVRpbWVvdXRUb2dnbGVcIjtcbmltcG9ydCB7IEVycm9yTWVzc2FnZSB9IGZyb20gXCIuLi8uLi9FcnJvck1lc3NhZ2VcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBlbWFpbDogc3RyaW5nO1xuICAgIGVycm9yVGV4dDogUmVhY3ROb2RlIHwgbnVsbDtcbiAgICBvbkZpbmlzaGVkKCk6IHZvaWQ7IC8vIFRoaXMgbW9kYWwgaXMgd2VpcmQgaW4gdGhhdCB0aGUgd2F5IHlvdSBjbG9zZSBpdCBzaWduYWxzIGludGVudFxuICAgIG9uQ2xvc2VDbGljazogKCkgPT4gdm9pZDtcbiAgICBvblJlRW50ZXJFbWFpbENsaWNrOiAoKSA9PiB2b2lkO1xuICAgIG9uUmVzZW5kQ2xpY2s6ICgpID0+IFByb21pc2U8Ym9vbGVhbj47XG59XG5cbmV4cG9ydCBjb25zdCBWZXJpZnlFbWFpbE1vZGFsOiBSZWFjdC5GQzxQcm9wcz4gPSAoe1xuICAgIGVtYWlsLFxuICAgIGVycm9yVGV4dCxcbiAgICBvbkNsb3NlQ2xpY2ssXG4gICAgb25SZUVudGVyRW1haWxDbGljayxcbiAgICBvblJlc2VuZENsaWNrLFxufSkgPT4ge1xuICAgIGNvbnN0IHsgdG9nZ2xlOiB0b2dnbGVUb29sdGlwVmlzaWJsZSwgdmFsdWU6IHRvb2x0aXBWaXNpYmxlIH0gPSB1c2VUaW1lb3V0VG9nZ2xlKGZhbHNlLCAyNTAwKTtcblxuICAgIGNvbnN0IG9uUmVzZW5kQ2xpY2tGbiA9IGFzeW5jICgpOiBQcm9taXNlPHZvaWQ+ID0+IHtcbiAgICAgICAgYXdhaXQgb25SZXNlbmRDbGljaygpO1xuICAgICAgICB0b2dnbGVUb29sdGlwVmlzaWJsZSgpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPEVtYWlsUHJvbXB0SWNvbiBjbGFzc05hbWU9XCJteF9BdXRoQm9keV9lbWFpbFByb21wdEljb25cIiAvPlxuICAgICAgICAgICAgPGgxPntfdChcImF1dGh8dmVyaWZ5X2VtYWlsX2hlYWRpbmdcIil9PC9oMT5cbiAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgIHtfdChcbiAgICAgICAgICAgICAgICAgICAgXCJhdXRofHZlcmlmeV9lbWFpbF9leHBsYWluZXJcIixcbiAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgZW1haWwsXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGI6IChzdWIpID0+IDxzdHJvbmc+e3N1Yn08L3N0cm9uZz4sXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9BdXRoQm9keV9kaWQtbm90LXJlY2VpdmVcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJteF9WZXJpZnlFTWFpbERpYWxvZ190ZXh0LWxpZ2h0XCI+e190KFwiYXV0aHxjaGVja19lbWFpbF9yZXNlbmRfcHJvbXB0XCIpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8VG9vbHRpcCBkZXNjcmlwdGlvbj17X3QoXCJhdXRofGNoZWNrX2VtYWlsX3Jlc2VuZF90b29sdGlwXCIpfSBwbGFjZW1lbnQ9XCJ0b3BcIiBvcGVuPXt0b29sdGlwVmlzaWJsZX0+XG4gICAgICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uIGNsYXNzTmFtZT1cIm14X0F1dGhCb2R5X3Jlc2VuZC1idXR0b25cIiBraW5kPVwibGlua1wiIG9uQ2xpY2s9e29uUmVzZW5kQ2xpY2tGbn0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8UmV0cnlJY29uIGNsYXNzTmFtZT1cIm14X0ljb24gbXhfSWNvbl8xNlwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICB7X3QoXCJhY3Rpb258cmVzZW5kXCIpfVxuICAgICAgICAgICAgICAgICAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgIHtlcnJvclRleHQgJiYgPEVycm9yTWVzc2FnZSBtZXNzYWdlPXtlcnJvclRleHR9IC8+fVxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfQXV0aEJvZHlfZGlkLW5vdC1yZWNlaXZlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwibXhfVmVyaWZ5RU1haWxEaWFsb2dfdGV4dC1saWdodFwiPntfdChcImF1dGh8Y2hlY2tfZW1haWxfd3JvbmdfZW1haWxfcHJvbXB0XCIpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8QWNjZXNzaWJsZUJ1dHRvbiBjbGFzc05hbWU9XCJteF9BdXRoQm9keV9yZXNlbmQtYnV0dG9uXCIga2luZD1cImxpbmtcIiBvbkNsaWNrPXtvblJlRW50ZXJFbWFpbENsaWNrfT5cbiAgICAgICAgICAgICAgICAgICAge190KFwiYXV0aHxjaGVja19lbWFpbF93cm9uZ19lbWFpbF9idXR0b25cIil9XG4gICAgICAgICAgICAgICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbG9zZUNsaWNrfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cIm14X0RpYWxvZ19jYW5jZWxCdXR0b25cIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e190KFwiZGlhbG9nX2Nsb3NlX2xhYmVsXCIpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFRQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxZQUFBLEdBQUFELE9BQUE7QUFFQSxJQUFBRSxnQkFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsaUJBQUEsR0FBQUosc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFJLFVBQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLFlBQUEsR0FBQUwsT0FBQTtBQUNBLElBQUFNLGlCQUFBLEdBQUFOLE9BQUE7QUFDQSxJQUFBTyxhQUFBLEdBQUFQLE9BQUE7QUFoQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBcUJPLE1BQU1RLGdCQUFpQyxHQUFHQSxDQUFDO0VBQzlDQyxLQUFLO0VBQ0xDLFNBQVM7RUFDVEMsWUFBWTtFQUNaQyxtQkFBbUI7RUFDbkJDO0FBQ0osQ0FBQyxLQUFLO0VBQ0YsTUFBTTtJQUFFQyxNQUFNLEVBQUVDLG9CQUFvQjtJQUFFQyxLQUFLLEVBQUVDO0VBQWUsQ0FBQyxHQUFHLElBQUFDLGtDQUFnQixFQUFDLEtBQUssRUFBRSxJQUFJLENBQUM7RUFFN0YsTUFBTUMsZUFBZSxHQUFHLE1BQUFBLENBQUEsS0FBMkI7SUFDL0MsTUFBTU4sYUFBYSxDQUFDLENBQUM7SUFDckJFLG9C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