@stokr/components-library 2.0.9 → 2.1.0

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

@@ -17,7 +17,9 @@ var _enable2faFlow = _interopRequireDefault(require("./enable-2fa-flow"));
 var _disable2faFlow = _interopRequireDefault(require("./disable-2fa-flow"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon"));
-var _excluded = ["onRequiresRecentLoginError"];
+var _Modal = require("../Modal/Modal");
+var _Sucess2FA = _interopRequireDefault(require("./Sucess2FA"));
+var _excluded = ["onRequiresRecentLoginError", "open2faflow", "onLoginAgainClick", "openDisable2faflow"];
 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; }
@@ -39,14 +41,18 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Main2FAFlow = function Main2FAFlow(_ref) {
   var onRequiresRecentLoginError = _ref.onRequiresRecentLoginError,
+    open2faflow = _ref.open2faflow,
+    onLoginAgainClick = _ref.onLoginAgainClick,
+    openDisable2faflow = _ref.openDisable2faflow,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useContext = (0, _react.useContext)(_AuthContext.AuthContext),
     user = _useContext.user,
     checkMfaEnrollment = _useContext.checkMfaEnrollment,
     userMfaEnrollment = _useContext.userMfaEnrollment;
   var _useState = (0, _react.useState)({
-      enable2fa: false,
-      disable2fa: false
+      enable2fa: open2faflow || false,
+      disable2fa: openDisable2faflow || false,
+      requiresRecentLogin: false
     }),
     _useState2 = _slicedToArray(_useState, 2),
     isFlowopen = _useState2[0],
@@ -115,6 +121,14 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
+  var onRequiresRecentLoginErrorHandler = function onRequiresRecentLoginErrorHandler() {
+    setIsFlowOpen({
+      requiresRecentLogin: true,
+      enable2fa: false,
+      disable2fa: false
+    });
+    onRequiresRecentLoginError && onRequiresRecentLoginError();
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     alignVertically: true,
     noPaddingHorizontal: true
@@ -159,7 +173,7 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
         enable2fa: value
       }));
     },
-    onRequiresRecentLoginError: onRequiresRecentLoginError,
+    onRequiresRecentLoginError: onRequiresRecentLoginErrorHandler,
     onSuccess: onEnable2FASuccess
   }), isFlowopen.disable2fa && /*#__PURE__*/_react.default.createElement(_disable2faFlow.default, {
     showFlow: isFlowopen.disable2fa,
@@ -168,9 +182,25 @@ var Main2FAFlow = function Main2FAFlow(_ref) {
         disable2fa: value
       }));
     },
-    onRequiresRecentLoginError: onRequiresRecentLoginError,
+    onRequiresRecentLoginError: onRequiresRecentLoginErrorHandler,
     onSuccess: onDisable2FASuccess
-  }), !user && /*#__PURE__*/_react.default.createElement(_loginWithOtpFlow.default, null));
+  }), isFlowopen.requiresRecentLogin && /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+    isOpen: isFlowopen.requiresRecentLogin,
+    onClose: function onClose() {
+      return setIsFlowOpen(_objectSpread(_objectSpread({}, isFlowopen), {}, {
+        requiresRecentLogin: false
+      }));
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+    noPadding: true
+  }, /*#__PURE__*/_react.default.createElement(_Sucess2FA.default, {
+    onClick: function onClick() {
+      onLoginAgainClick && onLoginAgainClick();
+    },
+    titleText: "LOG IN AGAIN",
+    subTitleLeft: "To enable your log in two factor authentication please log in again",
+    buttonText: "Log in again"
+  }))), !user && /*#__PURE__*/_react.default.createElement(_loginWithOtpFlow.default, null));
 };
 exports.Main2FAFlow = Main2FAFlow;
 Main2FAFlow.propTypes = {

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

@@ -32,4 +32,6 @@ var Template = function Template(args) {
 };
 var MainFlow = Template.bind({});
 exports.MainFlow = MainFlow;
-MainFlow.args = {};
+MainFlow.args = {
+  open2faflow: true
+};

package/dist/components/Header/Header.js

@@ -424,9 +424,10 @@ var Header = function Header(_ref3) {
 };
 exports.Header = Header;
 var checkTodoStatus = function checkTodoStatus(user) {
+  var _user$countryObj;
   var count = 0;
   if (!user) return count;
-  var isFromAllowedCountry = user.country && user.countryObj.isAllowed;
+  var isFromAllowedCountry = user.country && ((_user$countryObj = user.countryObj) === null || _user$countryObj === void 0 ? void 0 : _user$countryObj.isAllowed);
 
   // Country
   if (isFromAllowedCountry && (user.user_type === 'investor' || user.user_type === 'investor-entity')) {

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

@@ -118,7 +118,7 @@ var MobileMenu = _styledComponents.default.nav.withConfig({
 })(["z-index:100;position:absolute;top:65px;left:0;display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 65px);background-color:", ";padding:0;text-align:center;opacity:0;visibility:hidden;transition:opacity 0.4s,visibility 0.4s;height:100%;overflow:auto;", " ", " ", " button{text-transform:uppercase;}"], _colors.default.white, function (props) {
   return props.isActive && "\n    opacity: 1;\n    visibility: visible;\n  ";
 }, function (props) {
-  return props.withSidebar && "\n  width:180%;\n  left:-64px;\n  ";
+  return props.withSidebar && "\n  width:100vw;\n  left:-64px;\n  ";
 }, _rwd.default.MLarge(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 exports.MobileMenu = MobileMenu;
 var MobileMenuItem = _styledComponents.default.li.withConfig({

package/package.json

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