@stokr/components-library 2.3.37 → 2.3.39-beta.1

package/dist/context/AuthContext.js

@@ -761,19 +761,70 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
         return _ref14.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "handleVerifyEmail", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
+    _defineProperty(_assertThisInitialized(_this), "checkActivationLinkExpired", /*#__PURE__*/function () {
+      var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(actionCode) {
+        var actionCodeInfo;
+        return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
+            case 0:
+              _context15.prev = 0;
+              _context15.next = 3;
+              return (0, _auth.checkActionCode)(_firebaseConfig.auth, actionCode);
+            case 3:
+              actionCodeInfo = _context15.sent;
+              return _context15.abrupt("return", {
+                expired: false,
+                info: actionCodeInfo
+              });
+            case 7:
+              _context15.prev = 7;
+              _context15.t0 = _context15["catch"](0);
+              console.log('🚀 ~ file: AuthContext.js ~ checkActivationLinkExpired error:', _context15.t0);
+
+              // If the action code is expired or invalid, we'll get an error
+              if (!(_context15.t0.code === 'auth/expired-action-code')) {
+                _context15.next = 14;
+                break;
+              }
+              return _context15.abrupt("return", {
+                expired: true,
+                error: _context15.t0
+              });
+            case 14:
+              if (!(_context15.t0.code === 'auth/invalid-action-code')) {
+                _context15.next = 16;
+                break;
+              }
+              return _context15.abrupt("return", {
+                expired: false,
+                // Not expired but invalid
+                error: _context15.t0
+              });
+            case 16:
+              throw _context15.t0;
+            case 17:
+            case "end":
+              return _context15.stop();
+          }
+        }, _callee15, null, [[0, 7]]);
+      }));
+      return function (_x18) {
+        return _ref15.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "handleVerifyEmail", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
       var location, query, oobCode, customToken, email;
-      return _regeneratorRuntime().wrap(function _callee15$(_context15) {
-        while (1) switch (_context15.prev = _context15.next) {
+      return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+        while (1) switch (_context16.prev = _context16.next) {
           case 0:
             _this.setState({
               isVerifyingEmail: true
             });
             location = _this.props.location;
             query = new URLSearchParams(location.search);
-            _context15.prev = 3;
+            _context16.prev = 3;
             oobCode = query.get('oobCode');
-            _context15.next = 7;
+            _context16.next = 7;
             return _Auth.default.handleVerifyEmail(oobCode);
           case 7:
             _this.setState({
@@ -783,188 +834,188 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
             if (customToken) {
               _this.loginUser(null, null, customToken);
             }
-            _context15.next = 28;
+            _context16.next = 28;
             break;
           case 12:
-            _context15.prev = 12;
-            _context15.t0 = _context15["catch"](3);
-            _context15.t1 = _context15.t0 === null || _context15.t0 === void 0 ? void 0 : _context15.t0.code;
-            _context15.next = _context15.t1 === 'auth/expired-action-code' ? 17 : _context15.t1 === 'auth/invalid-action-code' ? 21 : _context15.t1 === 'auth/user-disabled' ? 23 : 25;
+            _context16.prev = 12;
+            _context16.t0 = _context16["catch"](3);
+            _context16.t1 = _context16.t0 === null || _context16.t0 === void 0 ? void 0 : _context16.t0.code;
+            _context16.next = _context16.t1 === 'auth/expired-action-code' ? 17 : _context16.t1 === 'auth/invalid-action-code' ? 21 : _context16.t1 === 'auth/user-disabled' ? 23 : 25;
             break;
           case 17:
-            _context15.t0.message = 'The activation link has expired. We are sending you a new one right now.';
+            _context16.t0.message = 'The activation link has expired. We are sending you a new one right now.';
             email = query.get('email');
             if (email) {
-              _context15.t0.email = email;
+              _context16.t0.email = email;
               //Auth.resendActivationEmail(email)
             }
-            return _context15.abrupt("break", 26);
+            return _context16.abrupt("break", 26);
           case 21:
-            _context15.t0.message = 'This link is invalid. Please try verifying email again.';
-            return _context15.abrupt("break", 26);
+            _context16.t0.message = 'This link is invalid. Please try verifying email again.';
+            return _context16.abrupt("break", 26);
           case 23:
-            _context15.t0.message = 'Your account has been disabled. Please contact our support.';
-            return _context15.abrupt("break", 26);
+            _context16.t0.message = 'Your account has been disabled. Please contact our support.';
+            return _context16.abrupt("break", 26);
           case 25:
-            return _context15.abrupt("break", 26);
+            return _context16.abrupt("break", 26);
           case 26:
-            console.log('🚀 ~ file: AuthContext.js:446 ~ error:', _context15.t0);
+            console.log('🚀 ~ file: AuthContext.js:446 ~ error:', _context16.t0);
             _this.setState({
-              verifyEmailError: _context15.t0,
+              verifyEmailError: _context16.t0,
               isVerifyingEmail: false,
               isFetchingUser: false
             });
             //throw error
           case 28:
           case "end":
-            return _context15.stop();
+            return _context16.stop();
         }
-      }, _callee15, null, [[3, 12]]);
+      }, _callee16, null, [[3, 12]]);
     })));
     _defineProperty(_assertThisInitialized(_this), "handleResetPassword", /*#__PURE__*/function () {
-      var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(password) {
+      var _ref17 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17(password) {
         var location, query, oobCode;
-        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               location = _this.props.location;
-              _context16.prev = 1;
+              _context17.prev = 1;
               query = new URLSearchParams(location.search);
               oobCode = query.get('oobCode');
-              _context16.next = 6;
+              _context17.next = 6;
               return _Auth.default.handleResetPassword(oobCode, password);
             case 6:
-              _context16.next = 21;
+              _context17.next = 21;
               break;
             case 8:
-              _context16.prev = 8;
-              _context16.t0 = _context16["catch"](1);
-              _context16.t1 = _context16.t0 === null || _context16.t0 === void 0 ? void 0 : _context16.t0.code;
-              _context16.next = _context16.t1 === 'auth/expired-action-code' ? 13 : _context16.t1 === 'auth/invalid-action-code' ? 15 : _context16.t1 === 'auth/user-disabled' ? 17 : 19;
+              _context17.prev = 8;
+              _context17.t0 = _context17["catch"](1);
+              _context17.t1 = _context17.t0 === null || _context17.t0 === void 0 ? void 0 : _context17.t0.code;
+              _context17.next = _context17.t1 === 'auth/expired-action-code' ? 13 : _context17.t1 === 'auth/invalid-action-code' ? 15 : _context17.t1 === 'auth/user-disabled' ? 17 : 19;
               break;
             case 13:
-              _context16.t0.message = 'This link has expired. Please try reseting password again.';
-              return _context16.abrupt("break", 20);
+              _context17.t0.message = 'This link has expired. Please try reseting password again.';
+              return _context17.abrupt("break", 20);
             case 15:
-              _context16.t0.message = 'This link is invalid. Please try reseting password again.';
-              return _context16.abrupt("break", 20);
+              _context17.t0.message = 'This link is invalid. Please try reseting password again.';
+              return _context17.abrupt("break", 20);
             case 17:
-              _context16.t0.message = 'Your account has been disabled. Please contact our support.';
-              return _context16.abrupt("break", 20);
+              _context17.t0.message = 'Your account has been disabled. Please contact our support.';
+              return _context17.abrupt("break", 20);
             case 19:
-              return _context16.abrupt("break", 20);
+              return _context17.abrupt("break", 20);
             case 20:
-              throw _context16.t0;
+              throw _context17.t0;
             case 21:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, null, [[1, 8]]);
+        }, _callee17, null, [[1, 8]]);
       }));
-      return function (_x18) {
-        return _ref16.apply(this, arguments);
+      return function (_x19) {
+        return _ref17.apply(this, arguments);
       };
     }());
-    _defineProperty(_assertThisInitialized(_this), "sendWelcomeEmail", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
-      return _regeneratorRuntime().wrap(function _callee17$(_context17) {
-        while (1) switch (_context17.prev = _context17.next) {
+    _defineProperty(_assertThisInitialized(_this), "sendWelcomeEmail", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
+      return _regeneratorRuntime().wrap(function _callee18$(_context18) {
+        while (1) switch (_context18.prev = _context18.next) {
           case 0:
-            _context17.prev = 0;
-            _context17.next = 3;
+            _context18.prev = 0;
+            _context18.next = 3;
             return _Auth.default.sendWelcomeEmail();
           case 3:
-            _context17.next = 8;
+            _context18.next = 8;
             break;
           case 5:
-            _context17.prev = 5;
-            _context17.t0 = _context17["catch"](0);
-            console.log("Error sending welcome email: ".concat(_context17.t0));
+            _context18.prev = 5;
+            _context18.t0 = _context18["catch"](0);
+            console.log("Error sending welcome email: ".concat(_context18.t0));
             // No need to throw error, let the app continue even if it fails
           case 8:
           case "end":
-            return _context17.stop();
+            return _context18.stop();
         }
-      }, _callee17, null, [[0, 5]]);
+      }, _callee18, null, [[0, 5]]);
     })));
     _defineProperty(_assertThisInitialized(_this), "uploaProofOfAddress", /*#__PURE__*/function () {
-      var _ref18 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18(data, ip) {
+      var _ref19 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(data, ip) {
         var user;
-        return _regeneratorRuntime().wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regeneratorRuntime().wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              _context18.prev = 0;
-              _context18.next = 3;
+              _context19.prev = 0;
+              _context19.next = 3;
               return _Auth.default.uploaProofOfAddress(data, ip);
             case 3:
-              user = _context18.sent;
+              user = _context19.sent;
               _this.setUser(user);
-              _context18.next = 11;
+              _context19.next = 11;
               break;
             case 7:
-              _context18.prev = 7;
-              _context18.t0 = _context18["catch"](0);
-              console.log("Error uploading proof of address: ".concat(_context18.t0));
-              throw _context18.t0;
+              _context19.prev = 7;
+              _context19.t0 = _context19["catch"](0);
+              console.log("Error uploading proof of address: ".concat(_context19.t0));
+              throw _context19.t0;
             case 11:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, null, [[0, 7]]);
+        }, _callee19, null, [[0, 7]]);
       }));
-      return function (_x19, _x20) {
-        return _ref18.apply(this, arguments);
+      return function (_x20, _x21) {
+        return _ref19.apply(this, arguments);
       };
     }());
     _defineProperty(_assertThisInitialized(_this), "validateGreenWalletId", /*#__PURE__*/function () {
-      var _ref19 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(id) {
-        return _regeneratorRuntime().wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+      var _ref20 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(id) {
+        return _regeneratorRuntime().wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
-              _context19.prev = 0;
-              _context19.next = 3;
+              _context20.prev = 0;
+              _context20.next = 3;
               return _Auth.default.validateGreenWalletId(id);
             case 3:
-              return _context19.abrupt("return", _context19.sent);
+              return _context20.abrupt("return", _context20.sent);
             case 6:
-              _context19.prev = 6;
-              _context19.t0 = _context19["catch"](0);
-              console.log("Error validating Green Wallet ID: ".concat(_context19.t0));
-              throw _context19.t0;
+              _context20.prev = 6;
+              _context20.t0 = _context20["catch"](0);
+              console.log("Error validating Green Wallet ID: ".concat(_context20.t0));
+              throw _context20.t0;
             case 10:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, null, [[0, 6]]);
+        }, _callee20, null, [[0, 6]]);
       }));
-      return function (_x21) {
-        return _ref19.apply(this, arguments);
+      return function (_x22) {
+        return _ref20.apply(this, arguments);
       };
     }());
     _defineProperty(_assertThisInitialized(_this), "createWallet", /*#__PURE__*/function () {
-      var _ref20 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(data) {
+      var _ref21 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(data) {
         var wallet;
-        return _regeneratorRuntime().wrap(function _callee20$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regeneratorRuntime().wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
-              _context20.prev = 0;
-              _context20.next = 3;
+              _context21.prev = 0;
+              _context21.next = 3;
               return _Auth.default.createWallet(data);
             case 3:
-              wallet = _context20.sent;
-              return _context20.abrupt("return", wallet);
+              wallet = _context21.sent;
+              return _context21.abrupt("return", wallet);
             case 7:
-              _context20.prev = 7;
-              _context20.t0 = _context20["catch"](0);
-              console.log("Error creating wallet: ".concat(_context20.t0));
-              throw _context20.t0;
+              _context21.prev = 7;
+              _context21.t0 = _context21["catch"](0);
+              console.log("Error creating wallet: ".concat(_context21.t0));
+              throw _context21.t0;
             case 11:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee20, null, [[0, 7]]);
+        }, _callee21, null, [[0, 7]]);
       }));
-      return function (_x22) {
-        return _ref20.apply(this, arguments);
+      return function (_x23) {
+        return _ref21.apply(this, arguments);
       };
     }());
     _defineProperty(_assertThisInitialized(_this), "setUser", function (user) {
@@ -976,12 +1027,12 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "fetchLastTime", /*#__PURE__*/function () {
-      var _ref21 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(projectName, page, userId) {
+      var _ref22 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22(projectName, page, userId) {
         var filterBody, response;
-        return _regeneratorRuntime().wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+        return _regeneratorRuntime().wrap(function _callee22$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
-              _context21.prev = 0;
+              _context22.prev = 0;
               filterBody = {
                 projectName: projectName,
                 page: page
@@ -989,25 +1040,25 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
               if (userId) {
                 filterBody.userId = userId;
               }
-              _context21.next = 5;
+              _context22.next = 5;
               return _Auth.default.fetchTrackingUserLastTime({
                 filter: filterBody
               });
             case 5:
-              response = _context21.sent;
-              return _context21.abrupt("return", response);
+              response = _context22.sent;
+              return _context22.abrupt("return", response);
             case 9:
-              _context21.prev = 9;
-              _context21.t0 = _context21["catch"](0);
-              console.log(' error', _context21.t0);
+              _context22.prev = 9;
+              _context22.t0 = _context22["catch"](0);
+              console.log(' error', _context22.t0);
             case 12:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21, null, [[0, 9]]);
+        }, _callee22, null, [[0, 9]]);
       }));
-      return function (_x23, _x24, _x25) {
-        return _ref21.apply(this, arguments);
+      return function (_x24, _x25, _x26) {
+        return _ref22.apply(this, arguments);
       };
     }());
     return _this;
@@ -1059,6 +1110,7 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
           updateFirebaseUser: _Auth.default.updateFirebaseUser,
           handleResetPassword: this.handleResetPassword,
           handleVerifyEmail: this.handleVerifyEmail,
+          checkActivationLinkExpired: this.checkActivationLinkExpired,
           setUser: this.setUser,
           refreshIdToken: _Auth.default.refreshIdToken
         })

package/dist/styles/colors.js

@@ -49,6 +49,7 @@ var colors = {
   progressBlueStop: '#66A3FE',
   grey2: '#9b9b9b',
   grey3: '#f8f8f8',
+  grey4: '#DCDCDC',
   midRed: '#e3210d',
   warningYellow: '#facc33'
 };

package/dist/utils/km_ify.js

@@ -5,6 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.km_ify = void 0;
 var km_ify = function km_ify(input, decimals) {
+  var convertBillion = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  if (input >= 1000000000 && convertBillion) {
+    input /= 1000000000;
+    if (input % 10 !== 0) {
+      input = truncateDecimals(input, 1);
+    }
+    return input += 'B';
+  }
   if (input >= 1000000) {
     input /= 1000000;
     if (input % 10 !== 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.37",
+  "version": "2.3.39-beta.1",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -71,6 +71,7 @@
     "react-table": "^7.8.0",
     "react-tippy": "^1.4.0",
     "react-transition-group": "^4.4.5",
+    "react-visibility-sensor": "^5.1.1",
     "scroll-to-element": "^2.0.3",
     "semantic-ui-react": "^2.1.4",
     "slick-carousel": "^1.8.1",