@stokr/components-library 2.3.41-beta.11 → 2.3.41-beta.12

package/dist/components/ResetPasswordModal/ResetPasswordModal.js

@@ -66,6 +66,10 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     activationSuccess = _useState8[0],
     setActivationSuccess = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    passwordResetSuccess = _useState10[0],
+    setPasswordResetSuccess = _useState10[1];
   var location = (0, _reactRouterDom.useLocation)();
   var initialValues = {
     password: '',
@@ -83,6 +87,18 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
   var emailValidationSchema = Yup.object().shape({
     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')
   });
+
+  // Close modal after successful reset
+  (0, _react.useEffect)(function () {
+    if (passwordResetSuccess) {
+      var timer = setTimeout(function () {
+        onModalClose();
+      }, 1500);
+      return function () {
+        return clearTimeout(timer);
+      };
+    }
+  }, [passwordResetSuccess, onModalClose]);
   var checkTokenExpiration = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var search, query, oobCode, result;
@@ -292,7 +308,8 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
     isTokenExpired: isTokenExpired,
     isCheckingToken: isCheckingToken,
     isModalOpen: isModalOpen,
-    activationSuccess: activationSuccess
+    activationSuccess: activationSuccess,
+    passwordResetSuccess: passwordResetSuccess
   });
   if (!isModalOpen) {
     return null;
@@ -321,16 +338,30 @@ var ResetPasswordModal = function ResetPasswordModal(_ref) {
     onClick: onModalSwitch
   }, "Log in")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
     part: 8
-  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
+  }, /*#__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, "Redirecting to login...")) : /*#__PURE__*/_react.default.createElement(_formik.Formik, {
     initialValues: initialValues,
     validationSchema: validationSchema,
     onSubmit: function onSubmit(values) {
       var search = location.search;
       var query = new URLSearchParams(search);
       var oobCode = query.get('oobCode');
-      onFormSend(_objectSpread(_objectSpread({}, values), {}, {
+      var promise = onFormSend(_objectSpread(_objectSpread({}, values), {}, {
         oobCode: oobCode
       }));
+
+      // If onFormSend returns a promise, handle it
+      if (promise && typeof promise.then === 'function') {
+        promise.then(function (response) {
+          // Assuming response.success or some equivalent would indicate success
+          // Adjust according to your actual API response
+          setPasswordResetSuccess(true);
+        }).catch(function (err) {
+          console.error('Error during password reset:', err);
+        });
+      } else {
+        // If onFormSend doesn't return a promise, assume it was successful
+        setPasswordResetSuccess(true);
+      }
     }
   }, function (_ref5) {
     var values = _ref5.values,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.41-beta.11",
+  "version": "2.3.41-beta.12",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",