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

package/dist/components/Checklist/ChecklistCard.js

@@ -12,7 +12,7 @@ var _ChecklistCard = require("./ChecklistCard.styles");
 var _ToDoListTask = require("../ToDoList/ToDoListTask.styles");
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _warningFilled = require("../../static/images/warning-filled.svg");
-var _excluded = ["iconState", "title", "description", "link", "onClick", "tooltip", "iconCopy", "disabled"];
+var _excluded = ["iconState", "title", "description", "link", "onClick", "tooltip", "iconCopy", "disabled", "isClickable"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -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,
@@ -49,9 +49,11 @@ var ChecklistCard = function ChecklistCard(_ref) {
     iconCopy = _ref.iconCopy,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$isClickable = _ref.isClickable,
+    isClickable = _ref$isClickable === void 0 ? true : _ref$isClickable,
     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;
 
@@ -72,6 +74,7 @@ var ChecklistCard = function ChecklistCard(_ref) {
   });
   var content = /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardContainer, _extends({
     "aria-disabled": disabled,
+    isClickable: isClickable,
     tabIndex: disabled ? -1 : 0
   }, onClick ? {
     role: 'button',

package/dist/components/Checklist/ChecklistCard.styles.js

@@ -12,7 +12,10 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var CardContainer = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstyles__CardContainer",
   componentId: "sc-rufrg1-0"
-})(["display:flex;flex-direction:column;align-items:flex-start;border:1px solid #eaeaea;border-radius:1px;background:#fff;padding:32px 32px 32px 32px;min-width:320px;min-height:220px;height:100%;box-sizing:border-box;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.01);position:relative;cursor:pointer;&:hover{box-shadow:0 4px 16px rgba(0,0,0,0.04);}&[aria-disabled='true']{opacity:0.5;cursor:not-allowed;}"]);
+})(["display:flex;flex-direction:column;align-items:flex-start;border:1px solid #eaeaea;border-radius:1px;background:#fff;padding:32px 32px 32px 32px;min-width:320px;min-height:220px;height:100%;box-sizing:border-box;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.01);position:relative;cursor:pointer;&:hover{box-shadow:0 4px 16px rgba(0,0,0,0.04);}", " &[aria-disabled='true']{opacity:0.5;cursor:not-allowed;}"], function (_ref) {
+  var isClickable = _ref.isClickable;
+  return !isClickable && "\n      cursor: initial;\n    ";
+});
 exports.CardContainer = CardContainer;
 var IconBlock = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstyles__IconBlock",

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/ProfileBox/ProfileBox.js

@@ -10,30 +10,43 @@ var _Background = _interopRequireDefault(require("../Background/Background"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _ProfileBox = require("./ProfileBox.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var lineBreaker = {
   wordBreak: 'break-all'
 };
 var ProfileBox = function ProfileBox(_ref) {
   var pictureSrc = _ref.pictureSrc,
     name = _ref.name,
-    handleEdit = _ref.handleEdit;
+    handleEdit = _ref.handleEdit,
+    _ref$withEditButton = _ref.withEditButton,
+    withEditButton = _ref$withEditButton === void 0 ? true : _ref$withEditButton,
+    _ref$nameStyle = _ref.nameStyle,
+    nameStyle = _ref$nameStyle === void 0 ? {} : _ref$nameStyle;
   return /*#__PURE__*/_react.default.createElement(_ProfileBox.Container, null, /*#__PURE__*/_react.default.createElement(_ProfileBox.ImageWrapper, null, /*#__PURE__*/_react.default.createElement(_Background.default, {
     src: pictureSrc
   })), /*#__PURE__*/_react.default.createElement(_ProfileBox.EditButton, {
     onClick: handleEdit
   }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_ProfileBox.Name, {
-    style: lineBreaker
-  }, name, /*#__PURE__*/_react.default.createElement(_ProfileBox.EditIcon, null)))));
+    style: _objectSpread(_objectSpread({}, lineBreaker), nameStyle)
+  }, name, withEditButton && /*#__PURE__*/_react.default.createElement(_ProfileBox.EditIcon, null)))));
 };
 exports.ProfileBox = ProfileBox;
 ProfileBox.propTypes = {
   pictureSrc: _propTypes.default.string.isRequired,
   name: _propTypes.default.string,
-  handleEdit: _propTypes.default.func
+  handleEdit: _propTypes.default.func,
+  withEditButton: _propTypes.default.bool,
+  nameStyle: _propTypes.default.object
 };
 ProfileBox.defaultProps = {
   handleEdit: function handleEdit() {},
-  name: ''
+  name: '',
+  withEditButton: true
 };
 var _default = ProfileBox;
 exports.default = _default;

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.4",
   "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",