@stokr/components-library 0.8.5 → 0.8.7

package/dist/components/Header/Header.js

@@ -25,6 +25,7 @@ var _FooterMenu2 = require("../Footer/FooterMenu");
 var _Grid = require("../Grid/Grid.styles");
 var _FooterLayout = require("../Footer/FooterLayout");
 var _globalVariables = require("../../constants/globalVariables");
+var _rwd = require("../../styles/rwd");
 var _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition"];
 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); }
@@ -153,7 +154,7 @@ var Header = function Header(_ref3) {
     _ref3$user = _ref3.user,
     user = _ref3$user === void 0 ? {} : _ref3$user,
     _ref3$userPhoto = _ref3.userPhoto,
-    userPhoto = _ref3$userPhoto === void 0 ? '' : _ref3$userPhoto,
+    userPhoto = _ref3$userPhoto === void 0 ? _avatarPlaceholder.default : _ref3$userPhoto,
     _ref3$logoutUser = _ref3.logoutUser,
     logoutUser = _ref3$logoutUser === void 0 ? function () {} : _ref3$logoutUser,
     _ref3$onLoginClick = _ref3.onLoginClick,
@@ -188,6 +189,7 @@ var Header = function Header(_ref3) {
   var prevAmount = (0, _customHooks.usePrevious)({
     activeMenu: activeMenu
   });
+  var isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
   (0, _react.useEffect)(function () {
     //this is used when clicked outside the header
     if ((prevAmount === null || prevAmount === void 0 ? void 0 : prevAmount.activeMenu) !== activeMenu) {
@@ -207,7 +209,7 @@ var Header = function Header(_ref3) {
     if (activeMenu === false) {
       setcurrentActiveMenu(null);
     }
-    if (window.innerWidth <= 767) {
+    if (isMobile) {
       if (currentActiveMenu) {
         document.body.style.overflowY = 'unset';
       } else {
@@ -269,9 +271,8 @@ var Header = function Header(_ref3) {
       return toggleMenu('main');
     },
     withSidebar: withSidebar
-  }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), checkTodoStatus(user) > 0 && !signupFlow && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
-    avatar: true,
-    MobileMenuToggler: true,
+  }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), isMobile && checkTodoStatus(user) > 0 && !signupFlow && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
+    mobile: true,
     isActive: currentActiveMenu === 'main'
   }, checkTodoStatus(user)), /*#__PURE__*/_react.default.createElement(_Header.HeaderQuickNav, {
     isUserLogged: user._id
@@ -335,7 +336,6 @@ var Header = function Header(_ref3) {
       return toggleMenu('main');
     }
   }, "Dashboard"), checkTodoStatus(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
-    avatar: true,
     mobileMenu: true
   }, checkTodoStatus(user))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: "".concat(newPlatformUrlForUserMenu, "/settings/profile-and-privacy"),

package/dist/components/Header/Header.stories.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.HeaderWitouthUser = exports.HeaderWithUser = exports.HeaderWithSidebar = exports.HeaderWithProgressSignup = exports.HeaderWithProgress = exports.HeaderWithAdminUser = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Header = _interopRequireDefault(require("./Header"));
+var _reactRouterDom = require("react-router-dom");
+var _global = _interopRequireDefault(require("../../styles/global"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -55,7 +57,7 @@ var _default = {
 };
 exports.default = _default;
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Header.default, 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(_Header.default, args)));
 };
 var userDev = {
   _id: '61851acd5b9a890013297b12',
@@ -67,7 +69,7 @@ var userDev = {
   entity_name: '',
   active: true,
   country: 'Germany',
-  is_risk_questionnaire_finished: true,
+  is_risk_questionnaire_finished: false,
   kyc_status: 'Accepted',
   investor_algo_addresses: [{
     name: 'another test',

package/dist/components/MainMenu/MainMenu.js

@@ -116,7 +116,7 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
         isOpened: isMenuActive && isUserLogged,
         hasNestedCollapse: true
       }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-        isOpened: !isScrollDown,
+        isOpened: !isScrollDown || isVentureDashboard,
         style: overrideHeightNeeded ? {
           height: 'auto'
         } : {},

package/dist/components/NotificationCounter/NotificationCounter.styles.js

@@ -10,12 +10,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var NotificationCounter = _styledComponents.default.span.withConfig({
   displayName: "NotificationCounterstyles__NotificationCounter",
   componentId: "sc-1pf66l9-0"
-})(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:8px;min-width:16px;height:16px;font-size:9px;line-height:11px;padding:2px;text-align:center;", ""], function (props) {
+})(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:50%;min-width:16px;height:16px;font-size:11px;font-weight:600;line-height:16px;text-align:center;", " ", " ", ""], function (props) {
   return _theme.default.cWhite;
 }, function (props) {
   return _theme.default.cWarning;
 }, function (props) {
   return props.avatar && "\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  ";
+}, function (props) {
+  return props.mobile && "\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    z-index: 1;\n  ";
+}, function (props) {
+  return props.mobileMenu && "\n    margin:0 5px;\n  ";
 });
 exports.NotificationCounter = NotificationCounter;
 var _default = NotificationCounter;

package/dist/components/StepsProgress/StepsProgress.js

@@ -8,6 +8,7 @@ exports.default = exports.StepsProgressSignup = exports.StepsProgressHeader = vo
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _StepsProgress = require("./StepsProgress.styles");
+var _globalVariables = require("../../constants/globalVariables");
 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; }
 var StepsProgressSignup = function StepsProgressSignup(props) {
@@ -21,12 +22,16 @@ var StepsProgressSignup = function StepsProgressSignup(props) {
     _user$investor_eth_ad = user.investor_eth_addresses,
     investor_eth_addresses = _user$investor_eth_ad === void 0 ? [] : _user$investor_eth_ad,
     is_risk_questionnaire_finished = user.is_risk_questionnaire_finished,
-    taxId = user.taxId;
+    taxId = user.taxId,
+    _user$wallets = user.wallets,
+    wallets = _user$wallets === void 0 ? [] : _user$wallets;
   var isKYCPendingOrApproved = kyc_status === 'Pending' || kyc_status === 'Approved' || kyc_status === 'Accepted';
   var isPoAPendingOrApproved = KYCDocuments.status === 'Pending' || KYCDocuments.status === 'Approved';
-  var hasEthereumAddresses = investor_eth_addresses.length > 0;
-  var areAllDoneInvestor = !!country && isKYCPendingOrApproved && isPoAPendingOrApproved && hasEthereumAddresses && !!taxId && !!is_risk_questionnaire_finished;
-  var areAllDoneEntity = hasEthereumAddresses && !!is_risk_questionnaire_finished;
+  var hasLiquidWallet = (wallets === null || wallets === void 0 ? void 0 : wallets.filter(function (wallet) {
+    return wallet.type === _globalVariables.walletTypes.LIQUID;
+  }).length) > 0;
+  var areAllDoneInvestor = !!country && isKYCPendingOrApproved && isPoAPendingOrApproved && hasLiquidWallet && !!taxId && !!is_risk_questionnaire_finished;
+  var areAllDoneEntity = hasLiquidWallet && !!is_risk_questionnaire_finished;
   var isActiveStep = function isActiveStep(path) {
     return window.location.pathname.includes(path);
   };
@@ -37,6 +42,13 @@ var StepsProgressSignup = function StepsProgressSignup(props) {
     },
     isDone: !!taxId,
     isActive: isActiveStep('/taxid')
+  }, {
+    id: 'ampID',
+    handleClick: function handleClick() {
+      return navigate('/register-liquid-securities');
+    },
+    isDone: hasLiquidWallet,
+    isActive: isActiveStep('/register-liquid-securities')
   }, {
     id: 'risk',
     handleClick: function handleClick() {
@@ -72,6 +84,13 @@ var StepsProgressSignup = function StepsProgressSignup(props) {
     },
     isDone: !!taxId,
     isActive: isActiveStep('/taxid')
+  }, {
+    id: 'ampID',
+    handleClick: function handleClick() {
+      return navigate('/register-liquid-securities');
+    },
+    isDone: hasLiquidWallet,
+    isActive: isActiveStep('/register-liquid-securities')
   }, {
     id: 'risk',
     handleClick: function handleClick() {

package/dist/components/taxId/register-taxid.js

@@ -173,7 +173,7 @@ var RegisterTaxId = function RegisterTaxId(_ref) {
           (0, _deleteRedirectCookieAndNavigate.default)();
         }
       } else {
-        navigate('/risk-questionnaire');
+        navigate('/register-liquid-securities');
       }
     }
   }, taxId ? 'Continue' : "I'll do this later")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {

package/dist/constants/globalVariables.js

@@ -10,7 +10,7 @@ var platformURL = 'https://' + platformDomain;
 exports.platformURL = platformURL;
 var walletTypes = {
   LIQUID: 'liquid',
-  ALGORAND: 'algo',
-  ETHEREUM: 'eth'
+  ALGORAND: 'algorand',
+  ETHEREUM: 'ethereum'
 };
 exports.walletTypes = walletTypes;

package/package.json

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