@stokr/components-library 2.3.58-beta.2 → 2.3.58-beta.3

package/dist/components/Checklist/ChecklistCard.js

@@ -40,7 +40,7 @@ var ICON_MAP = {
 var ChecklistCard = function ChecklistCard(_ref) {
   var _icon$props;
   var _ref$iconState = _ref.iconState,
-    iconState = _ref$iconState === void 0 ? 'in_progress' : _ref$iconState,
+    iconState = _ref$iconState === void 0 ? 'missing' : _ref$iconState,
     title = _ref.title,
     description = _ref.description,
     link = _ref.link,
@@ -50,8 +50,8 @@ var ChecklistCard = function ChecklistCard(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
-  // Fallback to in_progress if iconState is not recognized
-  var _ref2 = ICON_MAP[iconState] || ICON_MAP['in_progress'],
+  // Fallback to missing if iconState is not recognized
+  var _ref2 = ICON_MAP[iconState] || ICON_MAP['missing'],
     icon = _ref2.icon,
     color = _ref2.color;
 

package/dist/components/Footer/FooterLayout.js

@@ -57,7 +57,7 @@ var footerGroups = [{
     url: "".concat(_globalVariables.platformURL, "/101")
   }, {
     name: 'Support',
-    url: 'https://support.stokr.io/',
+    url: 'https://stokr.zendesk.com/',
     external: true
   }, {
     name: 'STOKE POST',

package/dist/components/Footer/FooterMenu.stories.js

@@ -47,7 +47,7 @@ FooterMenu1.args = {
             }, */
     {
       name: 'Support',
-      url: 'https://support.stokr.io/',
+      url: 'https://stokr.zendesk.com/',
       external: true
     }, {
       name: 'STOKE POST',

package/dist/components/Header/Header.js

@@ -348,7 +348,7 @@ var Header = function Header(_ref3) {
       return toggleMenu('main');
     }
   }, "Dashboard"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
-    href: (0, _checkTodoStatus.default)(user) > 0 ? "".concat(newPlatformUrlForUserMenu, "/checklist") : "".concat(newPlatformUrlForUserMenu, "/overview"),
+    href: "".concat(newPlatformUrlForUserMenu, "/overview"),
     onClick: function onClick() {
       return toggleMenu('main');
     }

package/dist/components/MainMenu/MainMenu.js

@@ -122,14 +122,16 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
         } : {},
         hasNestedCollapse: true
       }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, !isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+        as: "button",
+        button: true,
         nameOption: true,
         isVenture: isAdmin
-      }, /*#__PURE__*/_react.default.createElement(_MainMenu.UserName, {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         style: spanStyleForMenu,
         onClick: function onClick() {
-          return isAdmin ? window.location.href = "https://admin.".concat(_globalVariables.platformDomain) : window.location.href = "".concat(platformUrlForUserMenu, "/settings/profile-and-privacy");
+          return isAdmin ? window.location.href = "https://admin.".concat(_globalVariables.platformDomain) : window.location.href = "".concat(platformUrlForUserMenu, "/overview");
         }
-      }, user !== null && user !== void 0 && user.username ? user === null || user === void 0 ? void 0 : user.username : user === null || user === void 0 ? void 0 : user.email)), isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+      }, "Dashboard")), isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
         as: "button",
         button: true,
         onClick: function onClick() {
@@ -138,20 +140,12 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react.default.createElement("span", {
         style: spanStyleForMenu
       }, "Settings"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
-        isDashboard: true,
-        as: "button",
-        button: true,
-        onClick: function onClick() {
-          window.location.href = "".concat(platformUrlForUserMenu, "/checklist");
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Checklist"), notifications > 0 && /*#__PURE__*/_react.default.createElement(_MainMenu.Notifications, null, notifications)), /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
         as: "button",
         button: true,
         isOpened: isSettingsActive,
         onClick: this.toggleSettings,
         isSettings: true
+        //isDashboard
       }, /*#__PURE__*/_react.default.createElement("span", {
         style: spanStyleForMenu
       }, "Settings"), /*#__PURE__*/_react.default.createElement(_MainMenu.ExpandArrow, {

package/dist/components/MainMenu/MainMenu.styles.js

@@ -40,7 +40,7 @@ var MainMenuOption = _styledComponents.default.div.withConfig({
   return isDashboard && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      border-color: #e1e1e1 !important;\n    "])));
 }, function (_ref2) {
   var isSettings = _ref2.isSettings;
-  return isSettings && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      border: none !important;\n    "])));
+  return isSettings && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      border-right: none !important;\n    "])));
 }, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: 10px;\n    border-bottom: 1px solid #e1e1e1;\n    margin-bottom: -1px;\n    transition: border-bottom-color .2s;\n\n    & + & {\n      border-top: 0;\n      border-left: 1px solid #e1e1e1;\n\n       ", "\n    }\n\n    ", ";\n\n    ", "\n\n      ", "\n\n  "])), function (_ref3) {
   var isDashboard = _ref3.isDashboard;
   return isDashboard && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n           border-right: 1px solid #e1e1e1;\n         "])));
@@ -53,7 +53,7 @@ var MainMenuOption = _styledComponents.default.div.withConfig({
   return props.nameOption && "\n    display: flex;\n  ";
 }), function (props) {
   return props.nameOption && "\n    display: none;\n  ";
-}, _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex-basis: 25%;\n\n     ", "\n\n    ", ";\n  "])), function (_ref5) {
+}, _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\n     ", "\n\n    ", ";\n  "])), function (_ref5) {
   var isVenture = _ref5.isVenture;
   return isVenture && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n         flex-basis: 75.5%;\n       "])));
 }, function (props) {

package/dist/components/ProfileHeader/ProfileHeader.js

@@ -23,7 +23,6 @@ var _EventDBContext = require("context/EventDBContext/EventDBContext");
 var _NotificationContext = require("context/NotificationContext/NotificationContext");
 var _ProfileHeader = require("./ProfileHeader.styles");
 var _avatarPlaceholder = _interopRequireDefault(require("../../static/images/avatar-placeholder.png"));
-var _UserChecklist = _interopRequireDefault(require("../Checklist/UserChecklist"));
 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); }
@@ -259,19 +258,7 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
               breakpoint: "Medium"
             }, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
               isOpened: extendedPanel === PANEL.TODOS
-            }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_UserChecklist.default, {
-              user: _this2.props.user
-              // redirectCookie
-              //additionalTasks={<AdditionalTask />}
-              // getTasksCount={taskCount => {
-              //   this.setState({
-              //     mandatoryTasksCount:
-              //       taskCount.mandatoryTasksCount,
-              //     walletsTasksCount:
-              //       taskCount.walletTasksCount,
-              //   })
-              // }}
-            })))))))), /*#__PURE__*/_react.default.createElement(_rwd.DisplayOnBreakpoint, {
+            }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null))))))), /*#__PURE__*/_react.default.createElement(_rwd.DisplayOnBreakpoint, {
               up: true,
               breakpoint: "Medium"
             }, /*#__PURE__*/_react.default.createElement(_ProfileHeader.TabsContainer, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
@@ -288,19 +275,7 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
               authUser: authUser
             })), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
               tabId: PANEL.TODOS
-            }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_UserChecklist.default, {
-              user: _this2.props.user
-              // redirectCookie
-              //additionalTasks={<AdditionalTask />}
-              // getTasksCount={taskCount => {
-              //   this.setState({
-              //     mandatoryTasksCount:
-              //       taskCount.mandatoryTasksCount,
-              //     walletsTasksCount:
-              //       taskCount.walletTasksCount,
-              //   })
-              // }}
-            })))))))));
+            }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null))))))));
           }));
         });
       });

package/dist/utils/checklistGenerator.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.generateCoreChecklistTasks = generateCoreChecklistTasks;
-exports.getVerifyIdentityChecklistState = void 0;
+exports.getVerifyIdentityChecklist = void 0;
 var _globalVariables = require("../constants/globalVariables");
 var websiteUrl = process.env.REACT_APP_WEBSITE_DOMAIN;
 
@@ -58,16 +58,15 @@ var TASK_COPY = {
       not_available: 'Not available',
       missing: 'Missing step',
       in_progress: 'Under review',
-      done: 'Verified',
-      reapply: 'Missing step'
+      done: 'Verified'
     }
   },
   wallet: {
     title: 'Liquid Address',
     description: {
-      missing: 'Register a Liquid address where you will receive the securities',
+      missing: 'Register a Liquid address where you will receive the securities.',
       not_available: 'Sorry, you are living in a country where this is not available.',
-      done: 'Your address is registered'
+      done: 'Your address is registered.'
     },
     iconCopy: {
       missing: 'Missing step',
@@ -83,51 +82,44 @@ var TASK_COPY = {
     },
     iconCopy: {
       missing: 'Missing step',
-      done: 'Submitted'
+      done: 'Submitted',
+      not_available: 'Not available'
     },
     tooltip: "Some offers require you to provide your Tax ID before being able to invest.\nYour tax information will be disclosed to the Luxembourg tax authorities annually for tax compliance purposes required by the Common Reporting Standard implementation."
   }
 };
 
-// Identity verification checklist function - simplified to just return state and hasLink
-var getVerifyIdentityChecklistState = function getVerifyIdentityChecklistState(isFromAllowedCountry, user) {
+// Identity verification checklist function -
+var getVerifyIdentityChecklist = function getVerifyIdentityChecklist(isFromAllowedCountry, user, isEntity) {
   var kyc_status = user.kyc_status;
   var state;
   var hasLink = false;
+  var message;
   if (!isFromAllowedCountry) {
     state = 'not_available';
+    message = TASK_COPY.identity.description.not_available;
   } else if (!kyc_status || kyc_status.toUpperCase() === 'DRAFT') {
     state = 'missing';
     hasLink = true;
+    message = isEntity ? TASK_COPY.identity.description.missing.entity : TASK_COPY.identity.description.missing.individual;
   } else if (kyc_status.toUpperCase() === 'REJECTED' || kyc_status.toUpperCase() === 'ESCALATED' || kyc_status.toUpperCase() === 'IN PROGRESS' || kyc_status.toUpperCase() === 'INCONCLUSIVE' || kyc_status.toUpperCase() === 'APPROVED' || kyc_status.toUpperCase() === 'DENIED') {
     state = 'in_progress';
+    message = TASK_COPY.identity.description.in_progress;
   } else if (kyc_status.toUpperCase() === 'ACCEPTED') {
     state = 'done';
+    message = isEntity ? TASK_COPY.identity.description.done.entity : TASK_COPY.identity.description.done.individual;
   } else if (kyc_status.toUpperCase() === 'REAPPLY' || kyc_status.toUpperCase() === 'CANCELLED') {
-    state = 'reapply';
+    state = 'missing';
     hasLink = true;
+    message = isEntity ? TASK_COPY.identity.description.reapply.entity : TASK_COPY.identity.description.reapply.individual;
   }
   return {
     state: state,
-    hasLink: hasLink
+    hasLink: hasLink,
+    message: message
   };
 };
-exports.getVerifyIdentityChecklistState = getVerifyIdentityChecklistState;
-var getIdentityDescription = function getIdentityDescription(state, isEntity) {
-  if (state === 'not_available') {
-    return TASK_COPY.identity.description.not_available;
-  }
-  if (state === 'in_progress') {
-    return TASK_COPY.identity.description.in_progress;
-  }
-  if (state === 'missing' || state === 'reapply') {
-    return isEntity ? TASK_COPY.identity.description.missing.entity : TASK_COPY.identity.description.missing.individual;
-  }
-  if (state === 'done') {
-    return isEntity ? TASK_COPY.identity.description.done.entity : TASK_COPY.identity.description.done.individual;
-  }
-  return TASK_COPY.identity.description.missing.individual;
-};
+exports.getVerifyIdentityChecklist = getVerifyIdentityChecklist;
 function getCountryDescription(user, isFromAllowedCountry) {
   var country = user.country,
     user_type = user.user_type;
@@ -180,18 +172,20 @@ function generateCoreChecklistTasks(user) {
     description: getCountryDescription(user, isFromAllowedCountry),
     iconState: countryStatus,
     iconCopy: TASK_COPY.country.iconCopy[countryStatus],
-    link: "".concat(platformURL, "/country-of-residence")
+    link: "".concat(platformURL, "/country-of-residence"),
+    isClickable: countryStatus !== 'done'
   };
 
   // Identity task
-  var verifyIdentityChecklist = getVerifyIdentityChecklistState(isFromAllowedCountry, user);
+  var verifyIdentityChecklist = getVerifyIdentityChecklist(isFromAllowedCountry, user, isEntity);
   var identity = {
     key: 'kyc',
     title: isEntity ? TASK_COPY.identity.title.entity : TASK_COPY.identity.title.individual,
-    description: getIdentityDescription(verifyIdentityChecklist.state, isEntity),
+    description: verifyIdentityChecklist.message,
     iconState: verifyIdentityChecklist.state,
     iconCopy: TASK_COPY.identity.iconCopy[verifyIdentityChecklist.state],
-    link: verifyIdentityChecklist.hasLink ? "".concat(platformURL, "/verify-identity") : undefined
+    link: "".concat(platformURL, "/verify-identity"),
+    isClickable: verifyIdentityChecklist.hasLink
   };
 
   // Wallet
@@ -203,7 +197,8 @@ function generateCoreChecklistTasks(user) {
     description: walletDescription,
     iconState: walletStatus,
     iconCopy: TASK_COPY.wallet.iconCopy[walletStatus],
-    link: isFromAllowedCountry ? "".concat(platformURL, "/register-liquid-securities") : undefined
+    link: "".concat(platformURL, "/register-liquid-securities"),
+    isClickable: isFromAllowedCountry && walletStatus !== 'done'
   };
 
   // Tax ID
@@ -215,7 +210,8 @@ function generateCoreChecklistTasks(user) {
     iconState: taxStatus,
     iconCopy: TASK_COPY.taxId.iconCopy[taxStatus],
     openModal: 'taxId',
-    tooltip: TASK_COPY.taxId.tooltip
+    tooltip: TASK_COPY.taxId.tooltip,
+    isClickable: taxStatus !== 'done'
   };
 
   // Create all tasks array

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.58-beta.2",
+  "version": "2.3.58-beta.3",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -15,11 +15,11 @@
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",
   "scripts": {
-    "build": "react-app-rewired build",
+    "build": "react-scripts build",
     "build-storybook": "storybook build",
     "build-storybook-docs": "storybook build -s public --docs",
     "build:dist": "cross-env BABEL_ENV=production babel src -d dist",
-    "test": "react-app-rewired test",
+    "test": "react-scripts test",
     "prepare": "npm run build",
     "storybook": "storybook dev -p 6006",
     "start": "npm run storybook",
@@ -50,7 +50,6 @@
     "prop-types": "^15.8.1",
     "qrcode.react": "^3.1.0",
     "react": "^18.2.0",
-    "react-app-rewired": "^2.2.1",
     "react-collapse": "^5.1.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-countup": "^6.4.1",