@stokr/components-library 2.3.41-beta.12 → 2.3.41-beta.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var _formik = require("formik");
|
|
11
|
+
var Yup = _interopRequireWildcard(require("yup"));
|
|
12
|
+
var _Modal = require("../Modal/Modal");
|
|
13
|
+
var _Form = _interopRequireWildcard(require("../Form/Form"));
|
|
14
|
+
var _Text = _interopRequireDefault(require("../Text/Text.styles"));
|
|
15
|
+
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
|
|
16
|
+
var _Grid = require("../Grid/Grid.styles");
|
|
17
|
+
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
18
|
+
var _Input = _interopRequireDefault(require("../Input/Input"));
|
|
19
|
+
var _Auth = _interopRequireDefault(require("../../context/Auth"));
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
24
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
25
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
26
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
28
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
29
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
30
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
31
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
32
|
+
var ResendConfirmationCodeModal = function ResendConfirmationCodeModal(_ref) {
|
|
33
|
+
var isModalOpen = _ref.isModalOpen,
|
|
34
|
+
onModalClose = _ref.onModalClose,
|
|
35
|
+
onModalSwitch = _ref.onModalSwitch,
|
|
36
|
+
onTokenRefreshed = _ref.onTokenRefreshed,
|
|
37
|
+
_ref$popupError = _ref.popupError,
|
|
38
|
+
popupError = _ref$popupError === void 0 ? {
|
|
39
|
+
popup: null,
|
|
40
|
+
message: ''
|
|
41
|
+
} : _ref$popupError,
|
|
42
|
+
_ref$isActionLoading = _ref.isActionLoading,
|
|
43
|
+
isActionLoading = _ref$isActionLoading === void 0 ? false : _ref$isActionLoading;
|
|
44
|
+
var _useState = (0, _react.useState)(false),
|
|
45
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
+
isSubmitting = _useState2[0],
|
|
47
|
+
setIsSubmitting = _useState2[1];
|
|
48
|
+
var _useState3 = (0, _react.useState)(false),
|
|
49
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
50
|
+
activationSuccess = _useState4[0],
|
|
51
|
+
setActivationSuccess = _useState4[1];
|
|
52
|
+
var emailValidationSchema = Yup.object().shape({
|
|
53
|
+
email: Yup.string().required("Oops, this can't be blank").matches(/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, 'Please enter a valid email address')
|
|
54
|
+
});
|
|
55
|
+
var handleResendActivationMail = /*#__PURE__*/function () {
|
|
56
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values, formikActions) {
|
|
57
|
+
var response, urlObj, params, newOobCode, currentUrl;
|
|
58
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
59
|
+
while (1) switch (_context.prev = _context.next) {
|
|
60
|
+
case 0:
|
|
61
|
+
_context.prev = 0;
|
|
62
|
+
setIsSubmitting(true);
|
|
63
|
+
_context.next = 4;
|
|
64
|
+
return _Auth.default.resendActivationEmail(values.email);
|
|
65
|
+
case 4:
|
|
66
|
+
response = _context.sent;
|
|
67
|
+
// new oobCode is in response URL
|
|
68
|
+
if (response) {
|
|
69
|
+
urlObj = new URL(response);
|
|
70
|
+
params = new URLSearchParams(urlObj.search);
|
|
71
|
+
newOobCode = params.get('oobCode');
|
|
72
|
+
if (newOobCode) {
|
|
73
|
+
// update the URL with the new oobCode without reloading the page
|
|
74
|
+
currentUrl = new URL(window.location.href);
|
|
75
|
+
currentUrl.searchParams.set('oobCode', newOobCode);
|
|
76
|
+
window.history.replaceState({}, '', currentUrl.toString());
|
|
77
|
+
|
|
78
|
+
// show success state
|
|
79
|
+
setActivationSuccess(true);
|
|
80
|
+
|
|
81
|
+
// notify parent component that token has been refreshed
|
|
82
|
+
if (onTokenRefreshed) {
|
|
83
|
+
setTimeout(function () {
|
|
84
|
+
onTokenRefreshed();
|
|
85
|
+
}, 2000);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
// small delay for UI sakes
|
|
89
|
+
setTimeout(function () {
|
|
90
|
+
setIsSubmitting(false);
|
|
91
|
+
}, 1000);
|
|
92
|
+
} else {
|
|
93
|
+
console.error('New oobCode not found in response');
|
|
94
|
+
setIsSubmitting(false);
|
|
95
|
+
}
|
|
96
|
+
} else {
|
|
97
|
+
console.error('Unexpected response format', response);
|
|
98
|
+
setIsSubmitting(false);
|
|
99
|
+
}
|
|
100
|
+
return _context.abrupt("return", response);
|
|
101
|
+
case 9:
|
|
102
|
+
_context.prev = 9;
|
|
103
|
+
_context.t0 = _context["catch"](0);
|
|
104
|
+
console.error('There was an error while resending the activation email.', _context.t0);
|
|
105
|
+
setIsSubmitting(false);
|
|
106
|
+
formikActions.setSubmitting(false);
|
|
107
|
+
case 14:
|
|
108
|
+
case "end":
|
|
109
|
+
return _context.stop();
|
|
110
|
+
}
|
|
111
|
+
}, _callee, null, [[0, 9]]);
|
|
112
|
+
}));
|
|
113
|
+
return function handleResendActivationMail(_x, _x2) {
|
|
114
|
+
return _ref2.apply(this, arguments);
|
|
115
|
+
};
|
|
116
|
+
}();
|
|
117
|
+
var renderSuccessNotification = function renderSuccessNotification() {
|
|
118
|
+
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
119
|
+
isOpen: true,
|
|
120
|
+
onClose: onModalClose
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
122
|
+
part: 16
|
|
123
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "NEW LINK GENERATED"), /*#__PURE__*/_react.default.createElement("p", null, "Your new activation link has been processed successfully. You can now reset your password."))))));
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
// show the success message briefly then notify parent
|
|
127
|
+
(0, _react.useEffect)(function () {
|
|
128
|
+
if (activationSuccess) {
|
|
129
|
+
setTimeout(function () {
|
|
130
|
+
setActivationSuccess(false);
|
|
131
|
+
}, 2000);
|
|
132
|
+
}
|
|
133
|
+
}, [activationSuccess]);
|
|
134
|
+
if (!isModalOpen) {
|
|
135
|
+
return null;
|
|
136
|
+
}
|
|
137
|
+
if (activationSuccess) {
|
|
138
|
+
return renderSuccessNotification();
|
|
139
|
+
}
|
|
140
|
+
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
141
|
+
isOpen: true,
|
|
142
|
+
onClose: onModalClose
|
|
143
|
+
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
144
|
+
part: 8
|
|
145
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
|
|
146
|
+
modalTop: true
|
|
147
|
+
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "THIS INVITE LINK HAS EXPIRED"), /*#__PURE__*/_react.default.createElement("p", null, "To continue, request a new one using your email, and access will be sent shortly."))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
|
|
148
|
+
modalBot: true
|
|
149
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, 'Already have an account?', /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
|
|
150
|
+
to: "/login",
|
|
151
|
+
as: "button",
|
|
152
|
+
onClick: onModalSwitch
|
|
153
|
+
}, "Log in")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
154
|
+
part: 8
|
|
155
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
|
|
156
|
+
initialValues: {
|
|
157
|
+
email: ''
|
|
158
|
+
},
|
|
159
|
+
validationSchema: emailValidationSchema,
|
|
160
|
+
onSubmit: function onSubmit(values, formikActions) {
|
|
161
|
+
handleResendActivationMail(values, formikActions);
|
|
162
|
+
}
|
|
163
|
+
}, function (_ref3) {
|
|
164
|
+
var values = _ref3.values,
|
|
165
|
+
errors = _ref3.errors,
|
|
166
|
+
touched = _ref3.touched,
|
|
167
|
+
handleBlur = _ref3.handleBlur,
|
|
168
|
+
setFieldValue = _ref3.setFieldValue,
|
|
169
|
+
setFieldTouched = _ref3.setFieldTouched,
|
|
170
|
+
isSubmitting = _ref3.isSubmitting;
|
|
171
|
+
var onChangeWithTouch = function onChangeWithTouch(e) {
|
|
172
|
+
var field = e.target;
|
|
173
|
+
setFieldValue(field.name, field.value, false);
|
|
174
|
+
setFieldTouched(field.name);
|
|
175
|
+
};
|
|
176
|
+
return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
177
|
+
noPadding: true
|
|
178
|
+
}, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
179
|
+
id: "resend-activation-email",
|
|
180
|
+
name: "email",
|
|
181
|
+
type: "email",
|
|
182
|
+
label: "Email",
|
|
183
|
+
value: values.email,
|
|
184
|
+
onChange: onChangeWithTouch,
|
|
185
|
+
onBlur: handleBlur,
|
|
186
|
+
error: !!errors.email && touched.email,
|
|
187
|
+
touched: !!touched.email,
|
|
188
|
+
info: "Please provide your email address so you can receive the new activation email."
|
|
189
|
+
}), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
190
|
+
show: errors.email && touched.email
|
|
191
|
+
}, errors.email))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
192
|
+
noPaddingBottom: true,
|
|
193
|
+
noPaddingHorizontal: true
|
|
194
|
+
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
195
|
+
type: "submit",
|
|
196
|
+
fluid: true,
|
|
197
|
+
disabled: isSubmitting || isActionLoading === 'resetPassword'
|
|
198
|
+
}, isSubmitting || isActionLoading === 'resetPassword' ? 'Sending' : 'Resend link')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
199
|
+
paddingVeticalHalf: true,
|
|
200
|
+
noPaddingHorizontal: true
|
|
201
|
+
}, /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
202
|
+
show: popupError.popup === 'resetPassword'
|
|
203
|
+
}, popupError.message)));
|
|
204
|
+
})))));
|
|
205
|
+
};
|
|
206
|
+
ResendConfirmationCodeModal.propTypes = {
|
|
207
|
+
isModalOpen: _propTypes.default.bool.isRequired,
|
|
208
|
+
onModalClose: _propTypes.default.func.isRequired,
|
|
209
|
+
onModalSwitch: _propTypes.default.func.isRequired,
|
|
210
|
+
onTokenRefreshed: _propTypes.default.func,
|
|
211
|
+
popupError: _propTypes.default.object,
|
|
212
|
+
isActionLoading: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
|
|
213
|
+
};
|
|
214
|
+
ResendConfirmationCodeModal.defaultProps = {
|
|
215
|
+
popupError: {
|
|
216
|
+
popup: null,
|
|
217
|
+
message: ''
|
|
218
|
+
},
|
|
219
|
+
isActionLoading: false,
|
|
220
|
+
onTokenRefreshed: null
|
|
221
|
+
};
|
|
222
|
+
var _default = ResendConfirmationCodeModal;
|
|
223
|
+
exports.default = _default;
|
|
@@ -18,8 +18,6 @@ var _Grid = require("../Grid/Grid.styles");
|
|
|
18
18
|
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
|
|
19
19
|
var _AuthContext = require("../../context/AuthContext");
|
|
20
20
|
var _reactRouterDom = require("react-router-dom");
|
|
21
|
-
var _Input = _interopRequireDefault(require("../Input/Input"));
|
|
22
|
-
var _Auth = _interopRequireDefault(require("../../context/Auth"));
|
|
23
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
22
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
23
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -28,9 +26,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
28
26
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
27
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
30
28
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
31
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
32
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
33
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
34
29
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
35
30
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
36
31
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -49,46 +44,21 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
|
|
|
49
44
|
} : _ref$popupError,
|
|
50
45
|
_ref$isActionLoading = _ref.isActionLoading,
|
|
51
46
|
isActionLoading = _ref$isActionLoading === void 0 ? false : _ref$isActionLoading;
|
|
52
|
-
var authContext = (0, _react.useContext)(_AuthContext.AuthContext);
|
|
53
47
|
var _useState = (0, _react.useState)(false),
|
|
54
48
|
_useState2 = _slicedToArray(_useState, 2),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var _useState3 = (0, _react.useState)(true),
|
|
58
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
59
|
-
isCheckingToken = _useState4[0],
|
|
60
|
-
setIsCheckingToken = _useState4[1];
|
|
61
|
-
var _useState5 = (0, _react.useState)(false),
|
|
62
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
63
|
-
isSubmitting = _useState6[0],
|
|
64
|
-
setIsSubmitting = _useState6[1];
|
|
65
|
-
var _useState7 = (0, _react.useState)(false),
|
|
66
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
67
|
-
activationSuccess = _useState8[0],
|
|
68
|
-
setActivationSuccess = _useState8[1];
|
|
69
|
-
var _useState9 = (0, _react.useState)(false),
|
|
70
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
71
|
-
passwordResetSuccess = _useState10[0],
|
|
72
|
-
setPasswordResetSuccess = _useState10[1];
|
|
49
|
+
passwordResetSuccess = _useState2[0],
|
|
50
|
+
setPasswordResetSuccess = _useState2[1];
|
|
73
51
|
var location = (0, _reactRouterDom.useLocation)();
|
|
74
52
|
var initialValues = {
|
|
75
53
|
password: '',
|
|
76
|
-
confirmPassword: ''
|
|
77
|
-
email: ''
|
|
54
|
+
confirmPassword: ''
|
|
78
55
|
};
|
|
79
|
-
|
|
80
|
-
// main form validation schema (password reset)
|
|
81
56
|
var validationSchema = Yup.object().shape({
|
|
82
57
|
password: Yup.string().required("Oops, this can't be blank"),
|
|
83
58
|
confirmPassword: Yup.string().required("Oops, this can't be blank")
|
|
84
59
|
});
|
|
85
60
|
|
|
86
|
-
//
|
|
87
|
-
var emailValidationSchema = Yup.object().shape({
|
|
88
|
-
email: Yup.string().required("Oops, this can't be blank").matches(/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, 'Please enter a valid email address')
|
|
89
|
-
});
|
|
90
|
-
|
|
91
|
-
// Close modal after successful reset
|
|
61
|
+
// close modal after successful reset
|
|
92
62
|
(0, _react.useEffect)(function () {
|
|
93
63
|
if (passwordResetSuccess) {
|
|
94
64
|
var timer = setTimeout(function () {
|
|
@@ -99,230 +69,9 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
|
|
|
99
69
|
};
|
|
100
70
|
}
|
|
101
71
|
}, [passwordResetSuccess, onModalClose]);
|
|
102
|
-
var checkTokenExpiration = /*#__PURE__*/function () {
|
|
103
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
104
|
-
var search, query, oobCode, result;
|
|
105
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
106
|
-
while (1) switch (_context.prev = _context.next) {
|
|
107
|
-
case 0:
|
|
108
|
-
if (location) {
|
|
109
|
-
_context.next = 5;
|
|
110
|
-
break;
|
|
111
|
-
}
|
|
112
|
-
console.log('Location null ?! ');
|
|
113
|
-
setIsTokenExpired(true);
|
|
114
|
-
setIsCheckingToken(false);
|
|
115
|
-
return _context.abrupt("return");
|
|
116
|
-
case 5:
|
|
117
|
-
_context.prev = 5;
|
|
118
|
-
search = location.search;
|
|
119
|
-
query = new URLSearchParams(search);
|
|
120
|
-
oobCode = query.get('oobCode');
|
|
121
|
-
console.log('oobCode from URL params: ', oobCode);
|
|
122
|
-
if (oobCode) {
|
|
123
|
-
_context.next = 15;
|
|
124
|
-
break;
|
|
125
|
-
}
|
|
126
|
-
console.log('oobCode was not found at all. value: ', oobCode);
|
|
127
|
-
setIsTokenExpired(true);
|
|
128
|
-
setIsCheckingToken(false);
|
|
129
|
-
return _context.abrupt("return");
|
|
130
|
-
case 15:
|
|
131
|
-
_context.next = 17;
|
|
132
|
-
return authContext.checkActivationLinkExpired(oobCode);
|
|
133
|
-
case 17:
|
|
134
|
-
result = _context.sent;
|
|
135
|
-
setIsTokenExpired(result.expired);
|
|
136
|
-
setIsCheckingToken(false);
|
|
137
|
-
_context.next = 27;
|
|
138
|
-
break;
|
|
139
|
-
case 22:
|
|
140
|
-
_context.prev = 22;
|
|
141
|
-
_context.t0 = _context["catch"](5);
|
|
142
|
-
console.error('Error checking token expiration:', _context.t0);
|
|
143
|
-
setIsTokenExpired(true);
|
|
144
|
-
setIsCheckingToken(false);
|
|
145
|
-
case 27:
|
|
146
|
-
case "end":
|
|
147
|
-
return _context.stop();
|
|
148
|
-
}
|
|
149
|
-
}, _callee, null, [[5, 22]]);
|
|
150
|
-
}));
|
|
151
|
-
return function checkTokenExpiration() {
|
|
152
|
-
return _ref2.apply(this, arguments);
|
|
153
|
-
};
|
|
154
|
-
}();
|
|
155
|
-
var handleResendActivationMail = /*#__PURE__*/function () {
|
|
156
|
-
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, formikActions) {
|
|
157
|
-
var response, urlObj, params, newOobCode, currentUrl;
|
|
158
|
-
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
159
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
160
|
-
case 0:
|
|
161
|
-
_context2.prev = 0;
|
|
162
|
-
setIsSubmitting(true);
|
|
163
|
-
_context2.next = 4;
|
|
164
|
-
return _Auth.default.resendActivationEmail(values.email);
|
|
165
|
-
case 4:
|
|
166
|
-
response = _context2.sent;
|
|
167
|
-
// new oobCode is in response URL
|
|
168
|
-
if (response) {
|
|
169
|
-
urlObj = new URL(response);
|
|
170
|
-
params = new URLSearchParams(urlObj.search);
|
|
171
|
-
newOobCode = params.get('oobCode');
|
|
172
|
-
if (newOobCode) {
|
|
173
|
-
// update the URL with the new oobCode without reloading the page
|
|
174
|
-
currentUrl = new URL(window.location.href);
|
|
175
|
-
currentUrl.searchParams.set('oobCode', newOobCode);
|
|
176
|
-
window.history.replaceState({}, '', currentUrl.toString());
|
|
177
|
-
|
|
178
|
-
// reset states to show the password reset form
|
|
179
|
-
setIsTokenExpired(false);
|
|
180
|
-
setActivationSuccess(true);
|
|
181
|
-
|
|
182
|
-
// small delay for UI sakes
|
|
183
|
-
setTimeout(function () {
|
|
184
|
-
setIsSubmitting(false);
|
|
185
|
-
}, 1000);
|
|
186
|
-
} else {
|
|
187
|
-
console.error('New oobCode not found in response');
|
|
188
|
-
setIsSubmitting(false);
|
|
189
|
-
}
|
|
190
|
-
} else {
|
|
191
|
-
console.error('Unexpected response format', response);
|
|
192
|
-
setIsSubmitting(false);
|
|
193
|
-
}
|
|
194
|
-
return _context2.abrupt("return", response);
|
|
195
|
-
case 9:
|
|
196
|
-
_context2.prev = 9;
|
|
197
|
-
_context2.t0 = _context2["catch"](0);
|
|
198
|
-
console.error('There was an error while resending the activation email.', _context2.t0);
|
|
199
|
-
setIsSubmitting(false);
|
|
200
|
-
formikActions.setSubmitting(false);
|
|
201
|
-
case 14:
|
|
202
|
-
case "end":
|
|
203
|
-
return _context2.stop();
|
|
204
|
-
}
|
|
205
|
-
}, _callee2, null, [[0, 9]]);
|
|
206
|
-
}));
|
|
207
|
-
return function handleResendActivationMail(_x, _x2) {
|
|
208
|
-
return _ref3.apply(this, arguments);
|
|
209
|
-
};
|
|
210
|
-
}();
|
|
211
|
-
var renderExpiredTokenContent = function renderExpiredTokenContent() {
|
|
212
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
213
|
-
isOpen: true,
|
|
214
|
-
onClose: onModalClose
|
|
215
|
-
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
216
|
-
part: 8
|
|
217
|
-
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
|
|
218
|
-
modalTop: true
|
|
219
|
-
}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "THIS INVITE LINK HAS EXPIRED"), /*#__PURE__*/_react.default.createElement("p", null, "To continue, request a new one using your email, and access will be sent shortly."))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
|
|
220
|
-
modalBot: true
|
|
221
|
-
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, 'Need to reset your password? ', /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
|
|
222
|
-
to: "/forgot-password",
|
|
223
|
-
as: "button",
|
|
224
|
-
onClick: onModalSwitch
|
|
225
|
-
}, "Request a new link")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
226
|
-
part: 8
|
|
227
|
-
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
|
|
228
|
-
initialValues: {
|
|
229
|
-
email: ''
|
|
230
|
-
},
|
|
231
|
-
validationSchema: emailValidationSchema,
|
|
232
|
-
onSubmit: function onSubmit(values, formikActions) {
|
|
233
|
-
handleResendActivationMail(values, formikActions);
|
|
234
|
-
}
|
|
235
|
-
}, function (_ref4) {
|
|
236
|
-
var values = _ref4.values,
|
|
237
|
-
errors = _ref4.errors,
|
|
238
|
-
touched = _ref4.touched,
|
|
239
|
-
handleBlur = _ref4.handleBlur,
|
|
240
|
-
setFieldValue = _ref4.setFieldValue,
|
|
241
|
-
setFieldTouched = _ref4.setFieldTouched,
|
|
242
|
-
isSubmitting = _ref4.isSubmitting;
|
|
243
|
-
var onChangeWithTouch = function onChangeWithTouch(e) {
|
|
244
|
-
var field = e.target;
|
|
245
|
-
setFieldValue(field.name, field.value, false);
|
|
246
|
-
setFieldTouched(field.name);
|
|
247
|
-
};
|
|
248
|
-
return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
249
|
-
noPadding: true
|
|
250
|
-
}, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
251
|
-
id: "resend-activation-email",
|
|
252
|
-
name: "email",
|
|
253
|
-
type: "email",
|
|
254
|
-
label: "Email",
|
|
255
|
-
value: values.email,
|
|
256
|
-
onChange: onChangeWithTouch,
|
|
257
|
-
onBlur: handleBlur,
|
|
258
|
-
error: !!errors.email && touched.email,
|
|
259
|
-
touched: !!touched.email,
|
|
260
|
-
info: "Please provide your email so you can receive the new activation email."
|
|
261
|
-
}), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
262
|
-
show: errors.email && touched.email
|
|
263
|
-
}, errors.email))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
264
|
-
noPaddingBottom: true,
|
|
265
|
-
noPaddingHorizontal: true
|
|
266
|
-
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
267
|
-
type: "submit",
|
|
268
|
-
fluid: true,
|
|
269
|
-
disabled: isSubmitting || isActionLoading === 'resetPassword'
|
|
270
|
-
}, isSubmitting || isActionLoading === 'resetPassword' ? 'Sending' : 'Resend link')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
271
|
-
paddingVeticalHalf: true,
|
|
272
|
-
noPaddingHorizontal: true
|
|
273
|
-
}, /*#__PURE__*/_react.default.createElement(_Form.FormError, {
|
|
274
|
-
show: popupError.popup === 'resetPassword'
|
|
275
|
-
}, popupError.message)));
|
|
276
|
-
})))));
|
|
277
|
-
};
|
|
278
|
-
var renderLoadingContent = function renderLoadingContent() {
|
|
279
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
280
|
-
isOpen: true,
|
|
281
|
-
onClose: onModalClose
|
|
282
|
-
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
283
|
-
part: 16
|
|
284
|
-
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Verifying your reset link..."))))));
|
|
285
|
-
};
|
|
286
|
-
var renderSuccessNotification = function renderSuccessNotification() {
|
|
287
|
-
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
288
|
-
isOpen: true,
|
|
289
|
-
onClose: onModalClose
|
|
290
|
-
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
291
|
-
part: 16
|
|
292
|
-
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "NEW LINK GENERATED"), /*#__PURE__*/_react.default.createElement("p", null, "Your new activation link has been processed successfully. You can now reset your password."))))));
|
|
293
|
-
};
|
|
294
|
-
(0, _react.useEffect)(function () {
|
|
295
|
-
console.log('Component mounted, checking token');
|
|
296
|
-
checkTokenExpiration();
|
|
297
|
-
}, []);
|
|
298
|
-
|
|
299
|
-
// show the success message briefly then reset to show the password form
|
|
300
|
-
(0, _react.useEffect)(function () {
|
|
301
|
-
if (activationSuccess) {
|
|
302
|
-
setTimeout(function () {
|
|
303
|
-
setActivationSuccess(false);
|
|
304
|
-
}, 2000); // Show success message for 2 seconds
|
|
305
|
-
}
|
|
306
|
-
}, [activationSuccess]);
|
|
307
|
-
console.log('Render state:', {
|
|
308
|
-
isTokenExpired: isTokenExpired,
|
|
309
|
-
isCheckingToken: isCheckingToken,
|
|
310
|
-
isModalOpen: isModalOpen,
|
|
311
|
-
activationSuccess: activationSuccess,
|
|
312
|
-
passwordResetSuccess: passwordResetSuccess
|
|
313
|
-
});
|
|
314
72
|
if (!isModalOpen) {
|
|
315
73
|
return null;
|
|
316
74
|
}
|
|
317
|
-
if (isCheckingToken) {
|
|
318
|
-
return renderLoadingContent();
|
|
319
|
-
}
|
|
320
|
-
if (activationSuccess) {
|
|
321
|
-
return renderSuccessNotification();
|
|
322
|
-
}
|
|
323
|
-
if (isTokenExpired) {
|
|
324
|
-
return renderExpiredTokenContent();
|
|
325
|
-
}
|
|
326
75
|
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
327
76
|
isOpen: true,
|
|
328
77
|
onClose: onModalClose
|
|
@@ -338,7 +87,7 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
|
|
|
338
87
|
onClick: onModalSwitch
|
|
339
88
|
}, "Log in")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
|
|
340
89
|
part: 8
|
|
341
|
-
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, passwordResetSuccess ? /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "SUCCESS!"), /*#__PURE__*/_react.default.createElement("p", null, "Your password has been reset successfully."), /*#__PURE__*/_react.default.createElement("p", null, "
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, passwordResetSuccess ? /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "SUCCESS!"), /*#__PURE__*/_react.default.createElement("p", null, "Your password has been reset successfully."), /*#__PURE__*/_react.default.createElement("p", null, "Proceeding to login...")) : /*#__PURE__*/_react.default.createElement(_formik.Formik, {
|
|
342
91
|
initialValues: initialValues,
|
|
343
92
|
validationSchema: validationSchema,
|
|
344
93
|
onSubmit: function onSubmit(values) {
|
|
@@ -348,28 +97,23 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
|
|
|
348
97
|
var promise = onFormSend(_objectSpread(_objectSpread({}, values), {}, {
|
|
349
98
|
oobCode: oobCode
|
|
350
99
|
}));
|
|
351
|
-
|
|
352
|
-
// If onFormSend returns a promise, handle it
|
|
353
100
|
if (promise && typeof promise.then === 'function') {
|
|
354
101
|
promise.then(function (response) {
|
|
355
|
-
// Assuming response.success or some equivalent would indicate success
|
|
356
|
-
// Adjust according to your actual API response
|
|
357
102
|
setPasswordResetSuccess(true);
|
|
358
103
|
}).catch(function (err) {
|
|
359
104
|
console.error('Error during password reset:', err);
|
|
360
105
|
});
|
|
361
106
|
} else {
|
|
362
|
-
// If onFormSend doesn't return a promise, assume it was successful
|
|
363
107
|
setPasswordResetSuccess(true);
|
|
364
108
|
}
|
|
365
109
|
}
|
|
366
|
-
}, function (
|
|
367
|
-
var values =
|
|
368
|
-
errors =
|
|
369
|
-
touched =
|
|
370
|
-
handleBlur =
|
|
371
|
-
setFieldValue =
|
|
372
|
-
setFieldTouched =
|
|
110
|
+
}, function (_ref2) {
|
|
111
|
+
var values = _ref2.values,
|
|
112
|
+
errors = _ref2.errors,
|
|
113
|
+
touched = _ref2.touched,
|
|
114
|
+
handleBlur = _ref2.handleBlur,
|
|
115
|
+
setFieldValue = _ref2.setFieldValue,
|
|
116
|
+
setFieldTouched = _ref2.setFieldTouched;
|
|
373
117
|
var onChangeWithTouch = function onChangeWithTouch(e) {
|
|
374
118
|
var field = e.target;
|
|
375
119
|
setFieldValue(field.name, field.value, false);
|