@stokr/components-library 2.3.41-beta.13 → 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,45 +44,20 @@ 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
- isTokenExpired = _useState2[0],
56
- setIsTokenExpired = _useState2[1];
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
- // email-only validation schema (for expired token form)
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
61
  // close modal after successful reset
92
62
  (0, _react.useEffect)(function () {
93
63
  if (passwordResetSuccess) {
@@ -99,219 +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 = 4;
110
- break;
111
- }
112
- setIsTokenExpired(true);
113
- setIsCheckingToken(false);
114
- return _context.abrupt("return");
115
- case 4:
116
- _context.prev = 4;
117
- search = location.search;
118
- query = new URLSearchParams(search);
119
- oobCode = query.get('oobCode');
120
- if (oobCode) {
121
- _context.next = 12;
122
- break;
123
- }
124
- setIsTokenExpired(true);
125
- setIsCheckingToken(false);
126
- return _context.abrupt("return");
127
- case 12:
128
- _context.next = 14;
129
- return authContext.checkActivationLinkExpired(oobCode);
130
- case 14:
131
- result = _context.sent;
132
- setIsTokenExpired(result.expired);
133
- setIsCheckingToken(false);
134
- _context.next = 24;
135
- break;
136
- case 19:
137
- _context.prev = 19;
138
- _context.t0 = _context["catch"](4);
139
- console.error('Error checking token expiration:', _context.t0);
140
- setIsTokenExpired(true);
141
- setIsCheckingToken(false);
142
- case 24:
143
- case "end":
144
- return _context.stop();
145
- }
146
- }, _callee, null, [[4, 19]]);
147
- }));
148
- return function checkTokenExpiration() {
149
- return _ref2.apply(this, arguments);
150
- };
151
- }();
152
- var handleResendActivationMail = /*#__PURE__*/function () {
153
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, formikActions) {
154
- var response, urlObj, params, newOobCode, currentUrl;
155
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
156
- while (1) switch (_context2.prev = _context2.next) {
157
- case 0:
158
- _context2.prev = 0;
159
- setIsSubmitting(true);
160
- _context2.next = 4;
161
- return _Auth.default.resendActivationEmail(values.email);
162
- case 4:
163
- response = _context2.sent;
164
- // new oobCode is in response URL
165
- if (response) {
166
- urlObj = new URL(response);
167
- params = new URLSearchParams(urlObj.search);
168
- newOobCode = params.get('oobCode');
169
- if (newOobCode) {
170
- // update the URL with the new oobCode without reloading the page
171
- currentUrl = new URL(window.location.href);
172
- currentUrl.searchParams.set('oobCode', newOobCode);
173
- window.history.replaceState({}, '', currentUrl.toString());
174
-
175
- // reset states to show the password reset form
176
- setIsTokenExpired(false);
177
- setActivationSuccess(true);
178
-
179
- // small delay for UI sakes
180
- setTimeout(function () {
181
- setIsSubmitting(false);
182
- }, 1000);
183
- } else {
184
- console.error('New oobCode not found in response');
185
- setIsSubmitting(false);
186
- }
187
- } else {
188
- console.error('Unexpected response format', response);
189
- setIsSubmitting(false);
190
- }
191
- return _context2.abrupt("return", response);
192
- case 9:
193
- _context2.prev = 9;
194
- _context2.t0 = _context2["catch"](0);
195
- console.error('There was an error while resending the activation email.', _context2.t0);
196
- setIsSubmitting(false);
197
- formikActions.setSubmitting(false);
198
- case 14:
199
- case "end":
200
- return _context2.stop();
201
- }
202
- }, _callee2, null, [[0, 9]]);
203
- }));
204
- return function handleResendActivationMail(_x, _x2) {
205
- return _ref3.apply(this, arguments);
206
- };
207
- }();
208
- var renderExpiredTokenContent = function renderExpiredTokenContent() {
209
- return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
210
- isOpen: true,
211
- onClose: onModalClose
212
- }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
213
- part: 8
214
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
215
- modalTop: true
216
- }, /*#__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, {
217
- modalBot: true
218
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, 'Already have an account?', /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
219
- to: "/login",
220
- as: "button",
221
- onClick: onModalSwitch
222
- }, "Log in")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
223
- part: 8
224
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
225
- initialValues: {
226
- email: ''
227
- },
228
- validationSchema: emailValidationSchema,
229
- onSubmit: function onSubmit(values, formikActions) {
230
- handleResendActivationMail(values, formikActions);
231
- }
232
- }, function (_ref4) {
233
- var values = _ref4.values,
234
- errors = _ref4.errors,
235
- touched = _ref4.touched,
236
- handleBlur = _ref4.handleBlur,
237
- setFieldValue = _ref4.setFieldValue,
238
- setFieldTouched = _ref4.setFieldTouched,
239
- isSubmitting = _ref4.isSubmitting;
240
- var onChangeWithTouch = function onChangeWithTouch(e) {
241
- var field = e.target;
242
- setFieldValue(field.name, field.value, false);
243
- setFieldTouched(field.name);
244
- };
245
- 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, {
246
- noPadding: true
247
- }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
248
- id: "resend-activation-email",
249
- name: "email",
250
- type: "email",
251
- label: "Email",
252
- value: values.email,
253
- onChange: onChangeWithTouch,
254
- onBlur: handleBlur,
255
- error: !!errors.email && touched.email,
256
- touched: !!touched.email,
257
- info: "Please provide your email so you can receive the new activation email."
258
- }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
259
- show: errors.email && touched.email
260
- }, errors.email))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
261
- noPaddingBottom: true,
262
- noPaddingHorizontal: true
263
- }, /*#__PURE__*/_react.default.createElement(_Button.default, {
264
- type: "submit",
265
- fluid: true,
266
- disabled: isSubmitting || isActionLoading === 'resetPassword'
267
- }, isSubmitting || isActionLoading === 'resetPassword' ? 'Sending' : 'Resend link')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
268
- paddingVeticalHalf: true,
269
- noPaddingHorizontal: true
270
- }, /*#__PURE__*/_react.default.createElement(_Form.FormError, {
271
- show: popupError.popup === 'resetPassword'
272
- }, popupError.message)));
273
- })))));
274
- };
275
- var renderLoadingContent = function renderLoadingContent() {
276
- return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
277
- isOpen: true,
278
- onClose: onModalClose
279
- }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
280
- part: 16
281
- }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Verifying your reset link..."))))));
282
- };
283
- var renderSuccessNotification = function renderSuccessNotification() {
284
- return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
285
- isOpen: true,
286
- onClose: onModalClose
287
- }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
288
- part: 16
289
- }, /*#__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."))))));
290
- };
291
- (0, _react.useEffect)(function () {
292
- checkTokenExpiration();
293
- }, []);
294
-
295
- // show the success message briefly then reset to show the password form
296
- (0, _react.useEffect)(function () {
297
- if (activationSuccess) {
298
- setTimeout(function () {
299
- setActivationSuccess(false);
300
- }, 2000);
301
- }
302
- }, [activationSuccess]);
303
72
  if (!isModalOpen) {
304
73
  return null;
305
74
  }
306
- if (isCheckingToken) {
307
- return renderLoadingContent();
308
- }
309
- if (activationSuccess) {
310
- return renderSuccessNotification();
311
- }
312
- if (isTokenExpired) {
313
- return renderExpiredTokenContent();
314
- }
315
75
  return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
316
76
  isOpen: true,
317
77
  onClose: onModalClose
@@ -337,28 +97,23 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
337
97
  var promise = onFormSend(_objectSpread(_objectSpread({}, values), {}, {
338
98
  oobCode: oobCode
339
99
  }));
340
-
341
- // If onFormSend returns a promise, handle it
342
100
  if (promise && typeof promise.then === 'function') {
343
101
  promise.then(function (response) {
344
- // Assuming response.success or some equivalent would indicate success
345
- // Adjust according to your actual API response
346
102
  setPasswordResetSuccess(true);
347
103
  }).catch(function (err) {
348
104
  console.error('Error during password reset:', err);
349
105
  });
350
106
  } else {
351
- // If onFormSend doesn't return a promise, assume it was successful
352
107
  setPasswordResetSuccess(true);
353
108
  }
354
109
  }
355
- }, function (_ref5) {
356
- var values = _ref5.values,
357
- errors = _ref5.errors,
358
- touched = _ref5.touched,
359
- handleBlur = _ref5.handleBlur,
360
- setFieldValue = _ref5.setFieldValue,
361
- setFieldTouched = _ref5.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;
362
117
  var onChangeWithTouch = function onChangeWithTouch(e) {
363
118
  var field = e.target;
364
119
  setFieldValue(field.name, field.value, false);