@stokr/components-library 2.0.0-beta.2 → 2.0.0-beta.20

package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VerifyEmailSuccess = exports.VerifyEmailError = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _VerifyEmailModal = require("./VerifyEmailModal");
+var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
+var _global = _interopRequireDefault(require("../../styles/global"));
+var _reactRouterDom = require("react-router-dom");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components Library/Verify Email Modal',
+  component: _VerifyEmailModal.VerifyEmailModal,
+  argTypes: {
+    isModalOpen: {
+      type: 'boolean',
+      defaultValue: true,
+      required: true
+    },
+    onModalClose: {
+      type: 'function',
+      action: 'onModalClose',
+      required: true
+    },
+    popupError: {
+      type: 'object',
+      defaultValue: {}
+    },
+    isSuccess: {
+      type: 'boolean',
+      defaultValue: true,
+      required: true
+    }
+  }
+};
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_VerifyEmailModal.VerifyEmailModal, args))));
+};
+var VerifyEmailError = Template.bind({});
+exports.VerifyEmailError = VerifyEmailError;
+VerifyEmailError.args = {
+  popupError: {},
+  isModalOpen: true,
+  popupSuccess: {},
+  error: {
+    message: 'This link has expired. Please try verifying email again.'
+  },
+  isSuccess: false,
+  onResend: function onResend(data) {
+    console.log(data);
+  }
+};
+var VerifyEmailSuccess = Template.bind({});
+exports.VerifyEmailSuccess = VerifyEmailSuccess;
+VerifyEmailSuccess.args = {
+  popupError: {},
+  isModalOpen: true,
+  popupSuccess: {},
+  isSuccess: true,
+  continueUrl: 'https://www.stokr.info'
+};

package/dist/components/headerHo/HeaderHo.js

@@ -15,12 +15,14 @@ var _ForgotPasswordModal = _interopRequireDefault(require("../ForgotPasswordModa
 var _ResetPasswordModal = _interopRequireDefault(require("../ResetPasswordModal/ResetPasswordModal"));
 var _ResetConfirmModal = _interopRequireDefault(require("../ResetConfirmModal/ResetConfirmModal"));
 var _LoginModal = _interopRequireDefault(require("../LoginModal/LoginModal"));
+var _VerifyEmailModal = _interopRequireDefault(require("../VerifyEmailModal/VerifyEmailModal"));
 var _Header = _interopRequireDefault(require("../Header/Header"));
 var _FA = require("../2FA");
 var _auth = _interopRequireDefault(require("../../api/auth"));
 var _fetchDataPublic = _interopRequireDefault(require("../../api/fetchDataPublic"));
 var _AuthContext = require("../../context/AuthContext");
 var _withRouter = require("../../utils/withRouter");
+var _customHooks = require("../../utils/customHooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -71,7 +73,8 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         resetPassword: false,
         confirmReset: false,
         enter2fa: false,
-        resetCode: false
+        resetCode: false,
+        verifyEmail: false
       },
       userInfo: {
         email: undefined,
@@ -95,12 +98,21 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
       var _this$props = _this.props,
         isLogin = _this$props.isLogin,
         isSignUp = _this$props.isSignUp,
-        isResetPassword = _this$props.isResetPassword;
+        isResetPassword = _this$props.isResetPassword,
+        isVerifyEmail = _this$props.isVerifyEmail;
       var user = _this.context.user;
       var isModalOpen = _this.state.isModalOpen;
       var login = isModalOpen.login,
         signUp = isModalOpen.signUp,
-        resetPassword = isModalOpen.resetPassword;
+        resetPassword = isModalOpen.resetPassword,
+        verifyEmail = isModalOpen.verifyEmail;
+
+      //checks if any modal is open
+      //if true we won't open any modal from below
+      var isAnyModalOpen = Object.values(isModalOpen).some(function (value) {
+        return value === true;
+      });
+      if (isAnyModalOpen) return;
 
       //dont open if modal is already open or user is logged in
       if (isLogin && !user && !login) {
@@ -130,6 +142,15 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
           });
         });
       }
+      if (isVerifyEmail && !verifyEmail) {
+        _this.setState(function (prevState) {
+          return _objectSpread(_objectSpread({}, prevState), {}, {
+            isModalOpen: _objectSpread(_objectSpread({}, isModalOpen), {}, {
+              verifyEmail: true
+            })
+          });
+        });
+      }
     });
     _defineProperty(_assertThisInitialized(_this), "setOpenModalStatus", function (modalId, status) {
       var isModalOpen = _this.state.isModalOpen;
@@ -143,7 +164,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         window.history.pushState('', '', modalId === 'login' ? '/login' : modalId === 'signUp' ? '/signup' : '/');
 
         //when we close login or signup or reset password modal, we want to remove modal url
-        if ((modalId === 'login' || modalId === 'signUp' || modalId === 'resetPassword') && !status) {
+        if ((modalId === 'login' || modalId === 'signUp' || modalId === 'resetPassword' || modalId === 'verifyEmail') && !status) {
           navigate('/');
         }
       }
@@ -155,6 +176,12 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "switchOpenModal", function (prevModalId, nextModalId) {
       var isModalOpen = _this.state.isModalOpen;
+
+      //if you previously were on /signup or any other route and you want to swtich to login modal
+      //we need to change the url accordingly so if you refresh the page, the modal will open
+      if (nextModalId === 'login' || nextModalId === 'signUp') {
+        window.history.pushState('', '', nextModalId === 'login' ? '/login' : nextModalId === 'signUp' ? '/signup' : '/');
+      }
       _this.setState(function (prevState) {
         var _objectSpread3;
         return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -230,10 +257,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         return popup;
       });
       var mobileMenuOpen = this.state.mobileMenuOpen;
-      var _this$context = this.context,
-        isFetchingUser = _this$context.isFetchingUser,
-        user = _this$context.user;
-      var isUserLogged = !!user;
+      var isFetchingUser = this.context.isFetchingUser;
       if (!mobileMenuOpen) {
         if (isOpenCurrent) {
           document.body.style.overflow = 'hidden';
@@ -242,8 +266,8 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         }
       }
 
-      // Run after page loaded, if user is not logged in
-      if (!isFetchingUser && !isUserLogged) {
+      // Run after page loaded
+      if (!isFetchingUser) {
         this.checkForModals();
       }
     }
@@ -263,18 +287,23 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         withoutLoginSignupButton = _this$props3.withoutLoginSignupButton,
         useRelativePathForMenu = _this$props3.useRelativePathForMenu,
         isLoginModalOpen = _this$props3.isLoginModalOpen,
-        setIsLoginModalOpen = _this$props3.setIsLoginModalOpen;
-      var _this$context2 = this.context,
-        getUser = _this$context2.getUser,
-        _this$context2$user = _this$context2.user,
-        user = _this$context2$user === void 0 ? {} : _this$context2$user,
-        avatar = _this$context2.avatar,
-        logoutUser = _this$context2.logoutUser,
-        loginUser = _this$context2.loginUser,
-        waitingFor2fa = _this$context2.waitingFor2fa,
-        firebaseError = _this$context2.firebaseError,
-        loginUserWithTotp = _this$context2.loginUserWithTotp,
-        createUser = _this$context2.createUser;
+        setIsLoginModalOpen = _this$props3.setIsLoginModalOpen,
+        cooldown = _this$props3.cooldown;
+      var _this$context = this.context,
+        getUser = _this$context.getUser,
+        _this$context$user = _this$context.user,
+        user = _this$context$user === void 0 ? {} : _this$context$user,
+        avatar = _this$context.avatar,
+        logoutUser = _this$context.logoutUser,
+        loginUser = _this$context.loginUser,
+        waitingFor2fa = _this$context.waitingFor2fa,
+        firebaseError = _this$context.firebaseError,
+        loginUserWithTotp = _this$context.loginUserWithTotp,
+        createUser = _this$context.createUser,
+        handleResetPassword = _this$context.handleResetPassword,
+        resendActivationEmail = _this$context.resendActivationEmail,
+        verifyEmailError = _this$context.verifyEmailError,
+        isVerifyingEmail = _this$context.isVerifyingEmail;
       return /*#__PURE__*/_react.default.createElement(Outer, {
         fixed: fixed
       }, /*#__PURE__*/_react.default.createElement(_Header.default, {
@@ -335,13 +364,13 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                   _context.next = 10;
                   return loginUser(email, password);
                 case 10:
+                  _context.next = 12;
+                  return getUser();
+                case 12:
                   _this2.setOpenModalStatus('login', false);
                   setIsLoginModalOpen && setIsLoginModalOpen(false);
                   _this2.clearPopupError();
                   _this2.setIsActionLoading(undefined);
-                  _context.next = 16;
-                  return getUser();
-                case 16:
                   _context.next = 28;
                   break;
                 case 18:
@@ -403,10 +432,13 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                   _context2.next = 7;
                   return getUser();
                 case 7:
-                  _context2.next = 13;
+                  _this2.setOpenModalStatus('enter2fa', false);
+                  _this2.clearPopupError();
+                  _this2.setIsActionLoading(undefined);
+                  _context2.next = 16;
                   break;
-                case 9:
-                  _context2.prev = 9;
+                case 12:
+                  _context2.prev = 12;
                   _context2.t0 = _context2["catch"](2);
                   console.log('🚀 ~ file: HeaderHo.jsx:364 ~ error:', _context2.t0);
                   if ((_context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.code) === 'auth/invalid-verification-code') {
@@ -414,13 +446,13 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                   } else {
                     _this2.setPopupError('enter2fa', _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message);
                   }
-                case 13:
+                case 16:
                   _this2.setIsActionLoading(undefined);
-                case 14:
+                case 17:
                 case "end":
                   return _context2.stop();
               }
-            }, _callee2, null, [[2, 9]]);
+            }, _callee2, null, [[2, 12]]);
           }));
           return function (_x2) {
             return _ref5.apply(this, arguments);
@@ -479,61 +511,38 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         },
         onFormSend: /*#__PURE__*/function () {
           var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(userInfo) {
-            var referralCode, checkedCheckboxes;
             return _regeneratorRuntime().wrap(function _callee3$(_context3) {
               while (1) switch (_context3.prev = _context3.next) {
                 case 0:
                   _this2.clearPopupError();
                   _this2.setIsActionLoading('signUp');
-                  referralCode = _jsCookie.default.get('STOKR_REFERRAL_CODE'); //check username
-                  // try {
-                  //   const result = await fetchDataPublic('user/checkUsernameExists', {
-                  //     username: userInfo.username,
-                  //   })
-                  //   if (result.usernameExists) {
-                  //     this.setPopupError(
-                  //       'register',
-                  //       'This username is already taken',
-                  //       'username',
-                  //     )
-                  //     this.setIsActionLoading(undefined)
-                  //     return
-                  //   }
-                  // } catch (error) {
-                  //   console.log(error)
-                  //   this.setPopupError('register', 'Oops, something went wrong')
-                  //   this.setIsActionLoading(undefined)
-                  //   return
-                  // }
+
                   //check password
-                  _context3.prev = 3;
+                  _context3.prev = 2;
                   if (!(userInfo.password.length > 128)) {
-                    _context3.next = 8;
+                    _context3.next = 7;
                     break;
                   }
                   _this2.setPopupError('register', 'Your password cannot exceed 128 characters', 'password');
                   _this2.setIsActionLoading(undefined);
                   return _context3.abrupt("return");
-                case 8:
-                  //we add the checked checkboxes at the end because sometimes the checkboxes are already checked in persist storage
-                  //so we want to make sure that the EP receives checkedCheckboxes
-                  checkedCheckboxes = [];
-                  if (userInfo.newsletter) checkedCheckboxes.push('newsletter');
-                  if (userInfo.terms) checkedCheckboxes.push('privacyTerms');
+                case 7:
+                  _context3.next = 9;
+                  return createUser(userInfo.email, userInfo.password);
+                case 9:
+                  //start the timer to count when user can resend email
+                  cooldown === null || cooldown === void 0 || cooldown.startCooldown();
 
-                  // await authAPI('signup', {
-                  //   email: userInfo.email,
-                  //   password: userInfo.password,
-                  //   userType: 'investor',
-                  //   // fa2: false,
-                  //   newsletter: userInfo.newsletter,
-                  //   terms: userInfo.terms,
-                  //   username: userInfo.username,
-                  //   tapfiliateReferralCode: referralCode,
-                  //   checkedCheckboxes,
-                  // })
+                  //if user checked newsletter checkbox
+                  if (!userInfo.newsletter) {
+                    _context3.next = 13;
+                    break;
+                  }
                   _context3.next = 13;
-                  return createUser(userInfo.email, userInfo.password);
+                  return (0, _fetchDataPublic.default)('emails/subscribe', {
+                    email: userInfo.email,
+                    listName: 'newsletter'
+                  });
                 case 13:
                   _this2.setUserInfo(userInfo);
                   _this2.switchOpenModal('signUp', 'confirm');
@@ -542,7 +551,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                   break;
                 case 18:
                   _context3.prev = 18;
-                  _context3.t0 = _context3["catch"](3);
+                  _context3.t0 = _context3["catch"](2);
                   console.log(_context3.t0);
                   _this2.setIsActionLoading(undefined);
                   if ((_context3.t0 === null || _context3.t0 === void 0 ? void 0 : _context3.t0.code) === 'auth/email-already-in-use') {
@@ -556,7 +565,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                 case "end":
                   return _context3.stop();
               }
-            }, _callee3, null, [[3, 18]]);
+            }, _callee3, null, [[2, 18]]);
           }));
           return function (_x3) {
             return _ref6.apply(this, arguments);
@@ -575,6 +584,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         id: "form-submitted-popup",
         isActionLoading: isActionLoading,
         userInfo: userInfo,
+        cooldown: cooldown,
         popupError: this.state.popupError,
         popupSuccess: this.state.popupSuccess,
         isModalOpen: isModalOpen.confirm,
@@ -595,25 +605,24 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                 _context4.prev = 3;
                 email = _this2.state.userInfo.email;
                 _context4.next = 7;
-                return (0, _auth.default)('forgotPass', {
-                  email: email
-                });
+                return resendActivationEmail(email);
               case 7:
+                cooldown === null || cooldown === void 0 || cooldown.startCooldown();
                 _this2.setPopupSuccess('resend', 'Email sent.');
                 _this2.setIsActionLoading(undefined);
-                _context4.next = 16;
+                _context4.next = 17;
                 break;
-              case 11:
-                _context4.prev = 11;
+              case 12:
+                _context4.prev = 12;
                 _context4.t0 = _context4["catch"](3);
                 console.log(_context4.t0);
                 _this2.setPopupError('resend', 'Something went wrong.');
                 _this2.setIsActionLoading(undefined);
-              case 16:
+              case 17:
               case "end":
                 return _context4.stop();
             }
-          }, _callee4, null, [[3, 11]]);
+          }, _callee4, null, [[3, 12]]);
         }))
       }), /*#__PURE__*/_react.default.createElement(_ForgotPasswordModal.default, {
         isActionLoading: isActionLoading,
@@ -677,47 +686,42 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
           _this2.setIsActionLoading(undefined);
         },
         onModalSwitch: function onModalSwitch() {
+          window.history.pushState({}, null, '/login');
           _this2.switchOpenModal('resetPassword', 'login');
           _this2.clearPopupError();
           _this2.setIsActionLoading(undefined);
         },
         onFormSend: /*#__PURE__*/function () {
           var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref10) {
-            var password, isUsingQueryParam, token;
+            var password;
             return _regeneratorRuntime().wrap(function _callee6$(_context6) {
               while (1) switch (_context6.prev = _context6.next) {
                 case 0:
                   password = _ref10.password;
                   _this2.clearPopupError();
                   _this2.setIsActionLoading('resetPassword');
-                  isUsingQueryParam = window.location.href.includes('?token=');
-                  if (isUsingQueryParam) {
-                    token = window.location.href.split('reset-password?token=')[1].split('&')[0];
-                  } else {
-                    token = window.location.href.split('reset-password/')[1].split('/')[0];
-                  }
-                  _context6.prev = 5;
-                  _context6.next = 8;
-                  return (0, _auth.default)('resetPass', {
-                    password: password,
-                    token: token
-                  });
-                case 8:
+
+                  //localhost:3001/manage-user?mode=resetPassword&oobCode=PT_AyRFYWXwDe0Ols12TOKSiGQUSdb6mM4DKDLwHGdQAAAGMgUUaEQ&apiKey=AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c&continueUrl=https%3A%2F%2Fstokr.info&lang=en
+                  //https://stokr.info/manage-user?mode=resetPassword&oobCode=TGhCFwb9uLeYiL2Hp4LFgRg5Fd9osw1Fvza4qY5Hhy0AAAGMgmuGuw&apiKey=AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c&continueUrl=https%3A%2F%2Fstokr.info&lang=en
+                  _context6.prev = 3;
+                  _context6.next = 6;
+                  return handleResetPassword(password);
+                case 6:
                   _this2.switchOpenModal('resetPassword', 'confirmReset');
                   _this2.setIsActionLoading(undefined);
-                  _context6.next = 17;
+                  _context6.next = 15;
                   break;
-                case 12:
-                  _context6.prev = 12;
-                  _context6.t0 = _context6["catch"](5);
+                case 10:
+                  _context6.prev = 10;
+                  _context6.t0 = _context6["catch"](3);
                   console.log(_context6.t0);
-                  _this2.setPopupError('resetPassword', 'Something went wrong.');
+                  _this2.setPopupError('resetPassword', (_context6.t0 === null || _context6.t0 === void 0 ? void 0 : _context6.t0.message) || 'Something went wrong.');
                   _this2.setIsActionLoading(undefined);
-                case 17:
+                case 15:
                 case "end":
                   return _context6.stop();
               }
-            }, _callee6, null, [[5, 12]]);
+            }, _callee6, null, [[3, 10]]);
           }));
           return function (_x5) {
             return _ref11.apply(this, arguments);
@@ -731,6 +735,60 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         onModalSwitch: function onModalSwitch() {
           _this2.switchOpenModal('confirmReset', 'login');
         }
+      }), !isVerifyingEmail && /*#__PURE__*/_react.default.createElement(_VerifyEmailModal.default, {
+        id: "verify-email-popup",
+        isActionLoading: isActionLoading,
+        popupError: this.state.popupError,
+        popupSuccess: this.state.popupSuccess,
+        isModalOpen: isModalOpen.verifyEmail,
+        continueUrl: 'https://signup.stokr.info/',
+        error: verifyEmailError,
+        isSuccess: !!!verifyEmailError,
+        onModalSwitch: function onModalSwitch() {
+          _this2.switchOpenModal('verifyEmail', 'login');
+          _this2.clearPopupError();
+          _this2.setIsActionLoading(undefined);
+        },
+        onModalClose: function onModalClose() {
+          _this2.setOpenModalStatus('verifyEmail', false);
+          _this2.clearPopupSuccess();
+          _this2.clearPopupError();
+          _this2.setIsActionLoading(undefined);
+        },
+        onResend: /*#__PURE__*/function () {
+          var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(values) {
+            var email;
+            return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+              while (1) switch (_context7.prev = _context7.next) {
+                case 0:
+                  _this2.clearPopupSuccess();
+                  _this2.clearPopupError();
+                  _this2.setIsActionLoading('resend');
+                  _context7.prev = 3;
+                  email = values === null || values === void 0 ? void 0 : values.email;
+                  _context7.next = 7;
+                  return resendActivationEmail(email);
+                case 7:
+                  _this2.setPopupSuccess('resend', 'Email sent.');
+                  _this2.setIsActionLoading(undefined);
+                  _context7.next = 16;
+                  break;
+                case 11:
+                  _context7.prev = 11;
+                  _context7.t0 = _context7["catch"](3);
+                  console.log(_context7.t0);
+                  _this2.setPopupError('resend', (_context7.t0 === null || _context7.t0 === void 0 ? void 0 : _context7.t0.message) || 'Something went wrong.');
+                  _this2.setIsActionLoading(undefined);
+                case 16:
+                case "end":
+                  return _context7.stop();
+              }
+            }, _callee7, null, [[3, 11]]);
+          }));
+          return function (_x6) {
+            return _ref12.apply(this, arguments);
+          };
+        }()
       }));
     }
   }]);
@@ -738,7 +796,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 _defineProperty(HeaderHoClass, "propTypes", {});
 _defineProperty(HeaderHoClass, "contextType", _AuthContext.AuthContext);
-var HeaderHo = (0, _withRouter.withRouter)(HeaderHoClass);
+var HeaderHo = (0, _withRouter.withRouter)((0, _customHooks.cooldownHOC)(HeaderHoClass, 90));
 exports.HeaderHo = HeaderHo;
 var _default = HeaderHo;
 exports.default = _default;

package/dist/components/headerHo/HeaderHo.stories.js

@@ -27,7 +27,11 @@ var _default = {
 };
 exports.default = _default;
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_HeaderHo.default, args))));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_HeaderHo.default, args), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '100vh'
+    }
+  }))));
 };
 var HeaderHoOverview = Template.bind({});
 exports.HeaderHoOverview = HeaderHoOverview;

package/dist/context/Auth.js

@@ -81,18 +81,11 @@ var Auth = /*#__PURE__*/function () {
       });
     }
   }, {
-    key: "activateUser",
-    value: function activateUser() {
-      var isUsingQueryParam = window.location.href.includes('?token=');
-      var token;
-      if (isUsingQueryParam) {
-        token = window.location.href.split('activateUser?token=')[1].split('&')[0];
-      } else {
-        token = window.location.href.split('activateUser/')[1].split('/')[0];
-      }
+    key: "resendActivationEmail",
+    value: function resendActivationEmail(email) {
       return new Promise(function (resolve, reject) {
-        _axios.default.post("auth/activate", {
-          token: token
+        _axios.default.post("auth/resend-activation-email", {
+          email: email
         }).then(function (response) {
           resolve(response.data);
         }).catch(function (err) {
@@ -100,6 +93,43 @@ var Auth = /*#__PURE__*/function () {
         });
       });
     }
+  }, {
+    key: "handleVerifyEmail",
+    value: function handleVerifyEmail(actionCode, continueUrl) {
+      return new Promise(function (resolve, reject) {
+        (0, _auth.applyActionCode)(_firebaseConfig.auth, actionCode).then(function (resp) {
+          // Email address has been verified.
+          resolve(resp);
+        }).catch(function (error) {
+          reject(error);
+        });
+      });
+    }
+  }, {
+    key: "handleResetPassword",
+    value: function handleResetPassword(actionCode, newPassword, continueUrl) {
+      return new Promise(function (resolve, reject) {
+        // Verify the password reset code is valid.
+        (0, _auth.verifyPasswordResetCode)(_firebaseConfig.auth, actionCode).then(function (email) {
+          var accountEmail = email;
+          (0, _auth.confirmPasswordReset)(_firebaseConfig.auth, actionCode, newPassword).then(function (resp) {
+            // Password reset has been confirmed and new password updated.
+
+            //signInWithEmailAndPassword(accountEmail, newPassword)
+
+            resolve(accountEmail);
+          }).catch(function (error) {
+            // Error occurred during confirmation. The code might have expired or the
+            // password is too weak.
+            reject(error);
+          });
+        }).catch(function (error) {
+          // Invalid or expired action code. Ask user to try to reset the password
+          // again.
+          reject(error);
+        });
+      });
+    }
   }, {
     key: "getUser",
     value: function getUser() {
@@ -223,17 +253,6 @@ var Auth = /*#__PURE__*/function () {
         });
       });
     }
-  }, {
-    key: "resendActivationEmail",
-    value: function resendActivationEmail(data) {
-      return new Promise(function (resolve, reject) {
-        _axios.default.post("auth/forgotPass", data).then(function () {
-          resolve();
-        }).catch(function (err) {
-          reject(err);
-        });
-      });
-    }
   }, {
     key: "uploaProofOfAddress",
     value: function uploaProofOfAddress(data, ip) {