@stokr/components-library 2.3.56 → 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/index.js

@@ -784,17 +784,6 @@ Object.keys(_RegisterConfirmModal).forEach(function (key) {
     }
   });
 });
-var _UserChecklist = require("./components/Checklist/UserChecklist");
-Object.keys(_UserChecklist).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _UserChecklist[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _UserChecklist[key];
-    }
-  });
-});
 var _taxId = require("./components/taxId");
 Object.keys(_taxId).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1246,6 +1235,17 @@ Object.keys(_moment).forEach(function (key) {
     }
   });
 });
+var _checklistGenerator = require("./utils/checklistGenerator");
+Object.keys(_checklistGenerator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _checklistGenerator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checklistGenerator[key];
+    }
+  });
+});
 var _FA = require("./components/2FA");
 Object.keys(_FA).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1389,6 +1389,17 @@ Object.keys(_theme).forEach(function (key) {
     }
   });
 });
+var _rwd = require("./styles/rwd");
+Object.keys(_rwd).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rwd[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _rwd[key];
+    }
+  });
+});
 var _logo = require("./components/logo");
 Object.keys(_logo).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/utils/check-todo-status.js

@@ -4,27 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.checkTodoStatus = void 0;
-var _globalVariables = require("../constants/globalVariables");
+var _checklistGenerator = require("./checklistGenerator");
 var checkTodoStatus = function checkTodoStatus(user) {
-  var _user$countryObj;
-  var count = 0;
-  if (!user) return count;
-  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')) {
-    var _user$wallets;
-    //wallet (we only check for liquid wallet)
-    !(user !== null && user !== void 0 && (_user$wallets = user.wallets) !== null && _user$wallets !== void 0 && _user$wallets.some(function (wallet) {
-      return wallet.type === _globalVariables.walletTypes.LIQUID;
-    })) && count++
-
-    // KYC
-    ;
-    (!user.kyc_status || user.kyc_status.toUpperCase() === 'DRAFT' || user.kyc_status.toUpperCase() === 'REAPPLY' || user.kyc_status.toUpperCase() === 'CANCELLED') && count++;
-    !user.taxId && count++;
-  }
-  return count;
+  var coreTasks = (0, _checklistGenerator.generateCoreChecklistTasks)(user);
+  return coreTasks.remainingCount;
 };
 exports.checkTodoStatus = checkTodoStatus;
 var _default = checkTodoStatus;

package/dist/utils/checklistGenerator.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.generateCoreChecklistTasks = generateCoreChecklistTasks;
+exports.getVerifyIdentityChecklist = void 0;
+var _globalVariables = require("../constants/globalVariables");
+var websiteUrl = process.env.REACT_APP_WEBSITE_DOMAIN;
+
+// Unified copy for all checklist tasks - same everywhere
+var TASK_COPY = {
+  country: {
+    title: {
+      entity: 'Country of Entity Registration',
+      individual: 'Country of Residence'
+    },
+    description: {
+      missing: {
+        entity: 'Please select your jurisdiction of incorporation.',
+        individual: 'Please select your country of residence.'
+      },
+      not_available: 'STOKR is not yet available in your country of residence.',
+      done: {
+        entity: 'Your jurisdiction of incorporation has been registered.',
+        individual: 'Your country of residence has been registered.'
+      }
+    },
+    iconCopy: {
+      missing: 'Missing step',
+      not_available: 'Not available',
+      done: 'Registered'
+    }
+  },
+  identity: {
+    title: {
+      entity: 'Verify Entity',
+      individual: 'Verify Identity'
+    },
+    description: {
+      not_available: 'Sorry, you are living in a country where this is not available.',
+      missing: {
+        entity: 'Submit your entity documents for verification.',
+        individual: 'Submit identity verification for compliance clearance.'
+      },
+      in_progress: 'Identity verification is in progress.',
+      done: {
+        entity: 'Entity verification complete.',
+        individual: 'Identity verification complete.'
+      },
+      reapply: {
+        entity: 'Please re-verify your entity documentation.',
+        individual: 'Please re-verify your identity.'
+      }
+    },
+    iconCopy: {
+      not_available: 'Not available',
+      missing: 'Missing step',
+      in_progress: 'Under review',
+      done: 'Verified'
+    }
+  },
+  wallet: {
+    title: 'Liquid Address',
+    description: {
+      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.'
+    },
+    iconCopy: {
+      missing: 'Missing step',
+      not_available: 'Not available',
+      done: 'Registered'
+    }
+  },
+  taxId: {
+    title: 'Tax ID',
+    description: {
+      missing: 'Certain investment products require tax identification before participation.',
+      done: 'Tax identification confirmed. You may now access products requiring tax compliance verification.'
+    },
+    iconCopy: {
+      missing: 'Missing step',
+      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 -
+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 = 'missing';
+    hasLink = true;
+    message = isEntity ? TASK_COPY.identity.description.reapply.entity : TASK_COPY.identity.description.reapply.individual;
+  }
+  return {
+    state: state,
+    hasLink: hasLink,
+    message: message
+  };
+};
+exports.getVerifyIdentityChecklist = getVerifyIdentityChecklist;
+function getCountryDescription(user, isFromAllowedCountry) {
+  var country = user.country,
+    user_type = user.user_type;
+  var isEntity = user_type === _globalVariables.UserTypes.investor_entity;
+  if (!country) {
+    return isEntity ? TASK_COPY.country.description.missing.entity : TASK_COPY.country.description.missing.individual;
+  }
+  if (!isFromAllowedCountry) {
+    return TASK_COPY.country.description.not_available;
+  }
+  return isEntity ? TASK_COPY.country.description.done.entity : TASK_COPY.country.description.done.individual;
+}
+
+/**
+ * Generate core checklist tasks (country, identity, wallet, tax ID) with unified copy
+ * @param {Object} user - User object
+ * @returns {Object} Core checklist tasks with unified copy, country status, all tasks, and remaining count
+ */
+function generateCoreChecklistTasks(user) {
+  if (!user) {
+    return {
+      country: null,
+      identity: null,
+      wallet: null,
+      taxId: null,
+      isFromAllowedCountry: false,
+      allTasks: [],
+      remainingCount: 0
+    };
+  }
+  var country = user.country,
+    user_type = user.user_type,
+    _user$wallets = user.wallets,
+    wallets = _user$wallets === void 0 ? [] : _user$wallets,
+    taxId = user.taxId,
+    countryObj = user.countryObj;
+  var isFromAllowedCountry = countryObj === null || countryObj === void 0 ? void 0 : countryObj.isAllowed;
+  var liquidWallets = wallets.filter(function (wallet) {
+    return wallet.type === _globalVariables.walletTypes.LIQUID;
+  }) || [];
+  var hasWallet = liquidWallets.length > 0;
+  var isEntity = user_type === _globalVariables.UserTypes.investor_entity;
+  var platformURL = "https://signup.".concat(websiteUrl);
+
+  // Country task
+  var countryStatus = !country ? 'missing' : !isFromAllowedCountry ? 'not_available' : 'done';
+  var countryTask = {
+    key: 'country',
+    title: isEntity ? TASK_COPY.country.title.entity : TASK_COPY.country.title.individual,
+    description: getCountryDescription(user, isFromAllowedCountry),
+    iconState: countryStatus,
+    iconCopy: TASK_COPY.country.iconCopy[countryStatus],
+    link: "".concat(platformURL, "/country-of-residence"),
+    isClickable: countryStatus !== 'done'
+  };
+
+  // Identity task
+  var verifyIdentityChecklist = getVerifyIdentityChecklist(isFromAllowedCountry, user, isEntity);
+  var identity = {
+    key: 'kyc',
+    title: isEntity ? TASK_COPY.identity.title.entity : TASK_COPY.identity.title.individual,
+    description: verifyIdentityChecklist.message,
+    iconState: verifyIdentityChecklist.state,
+    iconCopy: TASK_COPY.identity.iconCopy[verifyIdentityChecklist.state],
+    link: "".concat(platformURL, "/verify-identity"),
+    isClickable: verifyIdentityChecklist.hasLink
+  };
+
+  // Wallet
+  var walletStatus = hasWallet ? 'done' : 'missing';
+  var walletDescription = !isFromAllowedCountry ? TASK_COPY.wallet.description.not_available : hasWallet ? TASK_COPY.wallet.description.done : TASK_COPY.wallet.description.missing;
+  var wallet = {
+    key: 'wallet',
+    title: TASK_COPY.wallet.title,
+    description: walletDescription,
+    iconState: walletStatus,
+    iconCopy: TASK_COPY.wallet.iconCopy[walletStatus],
+    link: "".concat(platformURL, "/register-liquid-securities"),
+    isClickable: isFromAllowedCountry && walletStatus !== 'done'
+  };
+
+  // Tax ID
+  var taxStatus = taxId ? 'done' : 'missing';
+  var taxIdTask = {
+    key: 'taxId',
+    title: TASK_COPY.taxId.title,
+    description: TASK_COPY.taxId.description[taxStatus],
+    iconState: taxStatus,
+    iconCopy: TASK_COPY.taxId.iconCopy[taxStatus],
+    openModal: 'taxId',
+    tooltip: TASK_COPY.taxId.tooltip,
+    isClickable: taxStatus !== 'done'
+  };
+
+  // Create all tasks array
+  var allTasks = [countryTask, identity, wallet, taxIdTask].filter(Boolean);
+
+  // Calculate remaining count based on missing items
+  var remainingCount = allTasks.filter(function (task) {
+    return task.iconState === 'missing' || task.iconState === 'not_available';
+  }).length;
+  return {
+    country: countryTask,
+    identity: identity,
+    wallet: wallet,
+    taxId: taxIdTask,
+    isFromAllowedCountry: isFromAllowedCountry,
+    allTasks: allTasks,
+    remainingCount: remainingCount
+  };
+}
+var _default = generateCoreChecklistTasks;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.56",
+  "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",