@stokr/components-library 2.0.6 → 2.0.8

package/dist/components/2FA/login-with-otp-flow.js

@@ -217,6 +217,8 @@ var LoginWithOTP = function LoginWithOTP(_ref) {
               console.log('🚀 ~ file: login-with-otp-flow.js:129 ~ error:', _context2.t0);
               if ((_context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.code) === 'auth/invalid-verification-code') {
                 handleSetPopupError('enter2fa', 'The verification code is not correct. Try again?');
+              } else if ((_context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.code) === 'auth/code-expired') {
+                handleSetPopupError('enter2fa', 'Time out. Please restart the flow and log in again');
               } else {
                 handleSetPopupError('enter2fa', _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message);
               }

package/dist/components/2FA/main-flow.js

@@ -145,13 +145,14 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
         switchOpenFlow('enable2fa', 'disable2fa');
       }
     }
-  }))), successMessage && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-    alignVertically: true,
-    noPaddingHorizontal: true,
-    noPaddingTop: true
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+  })), successMessage && /*#__PURE__*/_react.default.createElement(_Text.default, {
     small: true,
-    success: true
+    success: true,
+    style: {
+      position: 'absolute',
+      bottom: 0,
+      left: 0
+    }
   }, /*#__PURE__*/_react.default.createElement("p", null, successMessage))), isFlowopen.enable2fa && /*#__PURE__*/_react.default.createElement(_enable2faFlow.default, {
     showFlow: isFlowopen.enable2fa,
     setShowFlow: function setShowFlow(value) {

package/dist/components/Header/Header.styles.js

@@ -26,7 +26,7 @@ exports.StyledSubMenu = StyledSubMenu;
 var StyledHeader = _styledComponents.default.header.withConfig({
   displayName: "Headerstyles__StyledHeader",
   componentId: "sc-hifrdy-1"
-})(["z-index:20;position:relative;color:", ";border-bottom:1px solid rgb(237,237,237);", ""], _colors.default.black, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: ", "px;\n    background-color: ", ";\n    box-shadow: inset 0 -1px 0 0 ", ";\n\n    ", "\n  "])), _spacing.default.headerHeight, _colors.default.white, _colors.default.lightGrey, function (props) {
+})(["z-index:1000;position:relative;color:", ";border-bottom:1px solid rgb(237,237,237);", ""], _colors.default.black, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: ", "px;\n    background-color: ", ";\n    box-shadow: inset 0 -1px 0 0 ", ";\n\n    ", "\n  "])), _spacing.default.headerHeight, _colors.default.white, _colors.default.lightGrey, function (props) {
   return props.noFixedPosition && "\n      position:initial;\n    ";
 }));
 exports.StyledHeader = StyledHeader;

package/dist/components/headerHo/HeaderHo.js

@@ -449,6 +449,8 @@ var HeaderHoClass = /*#__PURE__*/function (_Component) {
                   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', 'That’s not the right 2FA code. Try again');
+                  } else if ((_context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.code) === 'auth/code-expired') {
+                    _this2.setPopupError('enter2fa', 'Time out. Please restart the flow and log in again');
                   } else {
                     _this2.setPopupError('enter2fa', _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message);
                   }

package/dist/context/AuthContext.js

@@ -564,7 +564,7 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "updateUser", /*#__PURE__*/function () {
       var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(data) {
-        var _yield$Auth$updateUse, user;
+        var _yield$Auth$updateUse, user, firebaseUser, _yield$fetchData2, customToken, newUser;
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
@@ -574,18 +574,35 @@ var AuthProviderClass = /*#__PURE__*/function (_Component) {
             case 3:
               _yield$Auth$updateUse = _context11.sent;
               user = _yield$Auth$updateUse.user;
-              _this.setUser(user);
-              return _context11.abrupt("return", user);
+              firebaseUser = _this.state.firebaseUser;
+              if (firebaseUser) {
+                _context11.next = 14;
+                break;
+              }
+              _context11.next = 9;
+              return (0, _fetchData.default)('auth/get-custom-token');
             case 9:
-              _context11.prev = 9;
+              _yield$fetchData2 = _context11.sent;
+              customToken = _yield$fetchData2.customToken;
+              _context11.next = 13;
+              return _Auth.default.signInWithToken(customToken);
+            case 13:
+              firebaseUser = _context11.sent;
+            case 14:
+              //merge firebaseUser and our user object
+              newUser = _this.patchUserObject(user, firebaseUser);
+              _this.setUser(newUser);
+              return _context11.abrupt("return", user);
+            case 19:
+              _context11.prev = 19;
               _context11.t0 = _context11["catch"](0);
               console.log("Error updating the user: ".concat(_context11.t0));
               throw _context11.t0;
-            case 13:
+            case 23:
             case "end":
               return _context11.stop();
           }
-        }, _callee11, null, [[0, 9]]);
+        }, _callee11, null, [[0, 19]]);
       }));
       return function (_x15) {
         return _ref11.apply(this, arguments);

package/dist/index.js

@@ -278,6 +278,17 @@ Object.keys(_Form).forEach(function (key) {
     }
   });
 });
+var _Card = require("./components/Card/Card.styles");
+Object.keys(_Card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Card[key];
+    }
+  });
+});
 var _Grid = require("./components/Grid/Grid.styles");
 Object.keys(_Grid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -399,6 +410,17 @@ Object.keys(_InputUsername).forEach(function (key) {
     }
   });
 });
+var _InputWithButton = require("./components/Input/InputWithButton");
+Object.keys(_InputWithButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputWithButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputWithButton[key];
+    }
+  });
+});
 var _InvestCalculator = require("./components/InvestCalculator/InvestCalculator");
 Object.keys(_InvestCalculator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

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