@stokr/components-library 2.0.0-beta.8 → 2.0.0

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,14 @@ 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
@@ -108,7 +113,6 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         return value === true;
       });
       if (isAnyModalOpen) return;
-      console.log('🚀 ~ file: HeaderHo.jsx:102 ~ this.props:', _this.props);
 
       //dont open if modal is already open or user is logged in
       if (isLogin && !user && !login) {
@@ -138,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;
@@ -151,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('/');
         }
       }
@@ -246,8 +259,7 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
       var mobileMenuOpen = this.state.mobileMenuOpen;
       var _this$context = this.context,
         isFetchingUser = _this$context.isFetchingUser,
-        user = _this$context.user;
-      var isUserLogged = !!user;
+        verifyEmailError = _this$context.verifyEmailError;
       if (!mobileMenuOpen) {
         if (isOpenCurrent) {
           document.body.style.overflow = 'hidden';
@@ -255,9 +267,13 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
           document.body.style.overflow = 'unset';
         }
       }
+      if ((verifyEmailError === null || verifyEmailError === void 0 ? void 0 : verifyEmailError.code) === 'auth/invalid-action-code' && !window.location.href.includes('login')) {
+        this.props.navigate('/login');
+        this.props.navigate(0);
+      }
 
-      // Run after page loaded, if user is not logged in
-      if (!isFetchingUser && !isUserLogged) {
+      // Run after page loaded
+      if (!isFetchingUser) {
         this.checkForModals();
       }
     }
@@ -277,7 +293,8 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         withoutLoginSignupButton = _this$props3.withoutLoginSignupButton,
         useRelativePathForMenu = _this$props3.useRelativePathForMenu,
         isLoginModalOpen = _this$props3.isLoginModalOpen,
-        setIsLoginModalOpen = _this$props3.setIsLoginModalOpen;
+        setIsLoginModalOpen = _this$props3.setIsLoginModalOpen,
+        cooldown = _this$props3.cooldown;
       var _this$context2 = this.context,
         getUser = _this$context2.getUser,
         _this$context2$user = _this$context2.user,
@@ -289,7 +306,10 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
         firebaseError = _this$context2.firebaseError,
         loginUserWithTotp = _this$context2.loginUserWithTotp,
         createUser = _this$context2.createUser,
-        handleResetPassword = _this$context2.handleResetPassword;
+        handleResetPassword = _this$context2.handleResetPassword,
+        resendActivationEmail = _this$context2.resendActivationEmail,
+        verifyEmailError = _this$context2.verifyEmailError,
+        isVerifyingEmail = _this$context2.isVerifyingEmail;
       return /*#__PURE__*/_react.default.createElement(Outer, {
         fixed: fixed
       }, /*#__PURE__*/_react.default.createElement(_Header.default, {
@@ -350,13 +370,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:
@@ -418,24 +438,27 @@ 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') {
-                    _this2.setPopupError('enter2fa', 'The verification code is not correct. Try again?');
+                    _this2.setPopupError('enter2fa', 'That’s not the right 2FA code. Try again');
                   } 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);
@@ -513,23 +536,27 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                   _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();
+
+                  //if user checked newsletter checkbox
                   if (!userInfo.newsletter) {
-                    _context3.next = 12;
+                    _context3.next = 13;
                     break;
                   }
-                  _context3.next = 12;
+                  _context3.next = 13;
                   return (0, _fetchDataPublic.default)('emails/subscribe', {
                     email: userInfo.email,
                     listName: 'newsletter'
                   });
-                case 12:
+                case 13:
                   _this2.setUserInfo(userInfo);
                   _this2.switchOpenModal('signUp', 'confirm');
                   _this2.setIsActionLoading(undefined);
-                  _context3.next = 22;
+                  _context3.next = 23;
                   break;
-                case 17:
-                  _context3.prev = 17;
+                case 18:
+                  _context3.prev = 18;
                   _context3.t0 = _context3["catch"](2);
                   console.log(_context3.t0);
                   _this2.setIsActionLoading(undefined);
@@ -540,11 +567,11 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                   } else {
                     _this2.setPopupError('register', 'Oops, something went wrong');
                   }
-                case 22:
+                case 23:
                 case "end":
                   return _context3.stop();
               }
-            }, _callee3, null, [[2, 17]]);
+            }, _callee3, null, [[2, 18]]);
           }));
           return function (_x3) {
             return _ref6.apply(this, arguments);
@@ -563,6 +590,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,
@@ -583,25 +611,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,
@@ -714,6 +741,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.".concat(process.env.REACT_APP_WEBSITE_DOMAIN, "/welcome"),
+        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);
+          };
+        }()
       }));
     }
   }]);
@@ -721,7 +802,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,12 @@ 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: '1700px',
+      background: 'orange'
+    }
+  }))));
 };
 var HeaderHoOverview = Template.bind({});
 exports.HeaderHoOverview = HeaderHoOverview;

package/dist/constants/globalVariables.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.walletTypes = exports.platformURL = exports.platformDomain = void 0;
+exports.walletTypes = exports.platformURL = exports.platformDomain = exports.ProjectTypes = exports.ProjectStatus = exports.ProjectStates = void 0;
 var platformDomain = process.env.REACT_APP_WEBSITE_DOMAIN;
 exports.platformDomain = platformDomain;
 var platformURL = 'https://' + platformDomain;
@@ -13,4 +13,25 @@ var walletTypes = {
   ALGORAND: 'algorand',
   ETHEREUM: 'ethereum'
 };
-exports.walletTypes = walletTypes;
+exports.walletTypes = walletTypes;
+var ProjectTypes = {
+  FUND: 'fund',
+  COMPANY: 'company',
+  TRANCHES: 'tranches'
+};
+exports.ProjectTypes = ProjectTypes;
+var ProjectStatus = {
+  ACTIVE: 'Active',
+  INACTIVE: 'Inactive',
+  ON_HOLD: 'On_hold'
+};
+exports.ProjectStatus = ProjectStatus;
+var ProjectStates = {
+  ON_HOLD: 'ON HOLD',
+  LIVE: 'LIVE',
+  OPEN: 'OPEN',
+  CLOSED: 'CLOSED',
+  CLOSED_SUCCESSFULLY: 'CLOSED SUCCESSFULLY',
+  UPCOMING: 'UPCOMING'
+};
+exports.ProjectStates = ProjectStates;

package/dist/context/Auth.js

@@ -48,7 +48,6 @@ var Auth = /*#__PURE__*/function () {
     value: function login(email, password) {
       return new Promise(function (resolve, reject) {
         (0, _auth.signInWithEmailAndPassword)(_firebaseConfig.auth, email, password).then(function (userCredential) {
-          // Signed in
           var user = userCredential.user;
           resolve(user);
         }).catch(function (error) {
@@ -81,18 +80,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) {
@@ -104,7 +96,6 @@ var Auth = /*#__PURE__*/function () {
     key: "handleVerifyEmail",
     value: function handleVerifyEmail(actionCode, continueUrl) {
       return new Promise(function (resolve, reject) {
-        // Try to apply the email verification code.
         (0, _auth.applyActionCode)(_firebaseConfig.auth, actionCode).then(function (resp) {
           // Email address has been verified.
           resolve(resp);
@@ -162,6 +153,19 @@ var Auth = /*#__PURE__*/function () {
         });
       });
     }
+  }, {
+    key: "signInWithToken",
+    value: function signInWithToken(token) {
+      return new Promise(function (resolve, reject) {
+        (0, _auth.signInWithCustomToken)(_firebaseConfig.auth, token).then(function (userCredential) {
+          // Signed in
+          var user = userCredential.user;
+          resolve(user);
+        }).catch(function (error) {
+          reject(error);
+        });
+      });
+    }
   }, {
     key: "updateUserPassword",
     value: function updateUserPassword(user, newPassword) {
@@ -261,17 +265,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) {