@stokr/components-library 2.3.60 → 2.3.62

package/dist/components/2FA/login-with-otp-flow.js

@@ -214,7 +214,15 @@ const LoginWithOTP = _ref => {
         handleSetPopupSuccess('forgot', "We sent a message to ".concat(email, " (you might need to check your junk or spam folder) \u2014 tap the link inside to create a new password."));
         setIsActionLoading(undefined);
       } catch (error) {
-        handleSetPopupError('forgot', 'This email is not registered.');
+        var _error$response;
+        console.log(error);
+        let errorMessage = "Too many requests. Please try again later.";
+        console.log(error === null || error === void 0 ? void 0 : error.response);
+        if ((error === null || error === void 0 || (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 429) {
+          var _error$response$data;
+          errorMessage = (_error$response$data = error.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message;
+        }
+        handleSetPopupError('forgot', errorMessage);
         setIsActionLoading(undefined);
       }
     }

package/dist/components/Chips/Chip.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ChipStyles = require("./Chip.styles.js");
 var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon.js"));
-const _excluded = ["children", "isActive", "onClick", "tooltip"];
+const _excluded = ["children", "isActive", "onClick", "tooltip", "tooltipProps"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -18,19 +18,20 @@ const Chip = _ref => {
       children,
       isActive,
       onClick,
-      tooltip
+      tooltip,
+      tooltipProps
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_ChipStyles.StyledChip, _extends({
     onClick: onClick,
     isActive: isActive
-  }, props), /*#__PURE__*/_react.default.createElement(_ChipStyles.ChipText, null, children), tooltip && /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
+  }, props), /*#__PURE__*/_react.default.createElement(_ChipStyles.ChipText, null, children), tooltip && /*#__PURE__*/_react.default.createElement(_InfoIcon.default, _extends({
     title: tooltip,
     position: "top",
     noIcon: true,
     noMarginLeft: true,
     noMarginRight: true
-  }, /*#__PURE__*/_react.default.createElement(_ChipStyles.TooltipChipIcon, null)));
+  }, tooltipProps), /*#__PURE__*/_react.default.createElement(_ChipStyles.TooltipChipIcon, null)));
 };
 exports.Chip = Chip;
 Chip.propTypes = {

package/dist/components/Chips/Chip.stories.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.WithTooltip = exports.Default = exports.Active = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Chip = _interopRequireDefault(require("./Chip"));
+var _global = _interopRequireDefault(require("../../styles/global"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
@@ -16,7 +17,7 @@ var _default = exports.default = {
   title: 'Components/Chip',
   component: _Chip.default
 };
-const Template = args => /*#__PURE__*/_react.default.createElement(_Chip.default, args);
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Chip.default, args));
 const Default = exports.Default = Template.bind({});
 Default.args = {
   children: 'Default Chip',

package/dist/components/Chips/ChipWrapper.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Chip = _interopRequireDefault(require("./Chip"));
 var _Chip2 = require("./Chip.styles");
 var _TabsNav = require("../TabsNav/TabsNav.styles");
-const _excluded = ["chips", "onActiveChipChange", "customWrapperStyle"];
+const _excluded = ["chips", "onActiveChipChange", "customWrapperStyle", "tooltipProps", "scrollStyles"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -19,7 +19,9 @@ const ChipsWrapper = _ref => {
   let {
       chips,
       onActiveChipChange = () => {},
-      customWrapperStyle
+      customWrapperStyle,
+      tooltipProps,
+      scrollStyles
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const [activeChip, setActiveChip] = (0, _react.useState)(null);
@@ -34,13 +36,16 @@ const ChipsWrapper = _ref => {
     setActiveChip(index);
     onActiveChipChange(index); // Optionally notify parent about the change
   };
-  return /*#__PURE__*/_react.default.createElement(_TabsNav.Scroll, null, /*#__PURE__*/_react.default.createElement(_Chip2.Wrapper, {
+  return /*#__PURE__*/_react.default.createElement(_TabsNav.Scroll, {
+    style: scrollStyles
+  }, /*#__PURE__*/_react.default.createElement(_Chip2.Wrapper, {
     customWrapperStyle: customWrapperStyle
   }, chips.map((chip, index) => /*#__PURE__*/_react.default.createElement(_Chip.default, _extends({
     key: index,
     isActive: activeChip === index,
     onClick: () => handleChipClick(index),
-    tooltip: chip.tooltip
+    tooltip: chip.tooltip,
+    tooltipProps: tooltipProps
   }, props), chip.label))));
 };
 exports.ChipsWrapper = ChipsWrapper;

package/dist/components/Chips/ChipsWrapper.stories.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Default = exports.CustomStyle = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ChipWrapper = _interopRequireDefault(require("./ChipWrapper"));
+var _global = _interopRequireDefault(require("../../styles/global"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
@@ -16,7 +17,7 @@ var _default = exports.default = {
   title: 'Components/ChipsWrapper',
   component: _ChipWrapper.default
 };
-const Template = args => /*#__PURE__*/_react.default.createElement(_ChipWrapper.default, args);
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ChipWrapper.default, args));
 const Default = exports.Default = Template.bind({});
 Default.args = {
   chips: [{
@@ -31,13 +32,16 @@ Default.args = {
     label: 'Chip 3',
     tooltip: 'Tooltip 3',
     isActive: false
-  }],
-  onActiveChipChange: index => alert("Active chip changed to: ".concat(index))
+  }]
+  // onActiveChipChange: (index) => alert(`Active chip changed to: ${index}`),
 };
 const CustomStyle = exports.CustomStyle = Template.bind({});
 CustomStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   customWrapperStyle: {
     backgroundColor: '#f0f0f0',
     padding: '10px'
+  },
+  tooltipProps: {
+    followCursor: true
   }
 });

package/dist/components/InfoIcon/InfoIcon.js

@@ -10,6 +10,7 @@ var _reactTippy = require("react-tippy");
 var _InfoIcon = require("./InfoIcon.styles");
 const _excluded = ["title", "html", "position", "noMargin", "noMarginLeft", "noMarginRight", "noIcon", "disabled", "fullWidth", "containerStyle"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const InfoIcon = _ref => {
@@ -32,7 +33,7 @@ const InfoIcon = _ref => {
     noMarginRight: noMarginRight,
     fullWidth: fullWidth,
     style: containerStyle
-  }, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
+  }, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, _extends({}, props, {
     position: position,
     title: title,
     html: html,
@@ -42,7 +43,7 @@ const InfoIcon = _ref => {
     //  onRequestClose={() => console.log('request to close tooltip')}
     ,
     disabled: disabled
-  }, noIcon ? props.children : /*#__PURE__*/_react.default.createElement(_InfoIcon.Icon, null)));
+  }), noIcon ? props.children : /*#__PURE__*/_react.default.createElement(_InfoIcon.Icon, null)));
 };
 exports.InfoIcon = InfoIcon;
 InfoIcon.propTypes = {

package/dist/components/InfoIcon/InfoIcon.stories.js

@@ -44,5 +44,6 @@ const InfoIconBottom = exports.InfoIconBottom = Template.bind({});
 InfoIconBottom.args = {};
 const InfoIconTop = exports.InfoIconTop = Template.bind({});
 InfoIconTop.args = {
-  position: 'top'
+  position: 'top',
+  title: 'This is a title'
 };

package/dist/components/MainMenu/MainMenu.js

@@ -98,6 +98,7 @@ class MainMenu extends _react.PureComponent {
       button: true,
       nameOption: true,
       isVenture: isAdmin,
+      isDashboard: true,
       onClick: () => {
         isAdmin ? window.location.href = "https://admin.".concat(_globalVariables.platformDomain) : window.location.href = "".concat(platformUrlForUserMenu, "/overview");
       }

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

@@ -26,30 +26,25 @@ const MainMenuOptions = exports.MainMenuOptions = _styledComponents.default.div.
 const MainMenuOption = exports.MainMenuOption = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__MainMenuOption",
   componentId: "sc-1cw1nhj-3"
-})(["background-color:white !important;position:relative;display:flex;flex-basis:33.3333%;justify-content:center;align-items:center;width:100%;padding:4px 16px;outline:none;&:hover{font-weight:bold;}", " ", " &{border-top:1px solid #e1e1e1;}", " ", " ", " ", " ", " span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}button{color:#ee220d;border-color:#ee220d;background-color:white;&:hover{color:#be1b09;border-color:#be1b09;}}"], _ref => {
-  let {
-    isDashboard
-  } = _ref;
-  return isDashboard && (0, _styledComponents.css)(["border-color:#e1e1e1 !important;"]);
-}, _ref2 => {
+})(["background-color:white !important;position:relative;display:flex;flex-basis:33.3333%;justify-content:center;align-items:center;width:100%;padding:4px 16px;outline:none;&:hover{font-weight:bold;}", " &{border-top:1px solid #e1e1e1;}", " ", " ", " ", " ", " span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}button{color:#ee220d;border-color:#ee220d;background-color:white;&:hover{color:#be1b09;border-color:#be1b09;}}"], _ref => {
   let {
     isSettings
-  } = _ref2;
+  } = _ref;
   return isSettings && (0, _styledComponents.css)(["border-right:none !important;"]);
-}, _rwd.default.Medium(_templateObject3 || (_templateObject3 = _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  "])), _ref3 => {
+}, _rwd.default.Medium(_templateObject3 || (_templateObject3 = _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  "])), _ref2 => {
   let {
     isDashboard
-  } = _ref3;
-  return isDashboard && (0, _styledComponents.css)(["border-right:1px solid #e1e1e1;"]);
-}, props => props.isOpened && "\n      border-bottom-color: transparent;\n    ", _ref4 => {
+  } = _ref2;
+  return isDashboard && (0, _styledComponents.css)(["border-right:0;"]);
+}, props => props.isOpened && "\n      border-bottom-color: transparent;\n    ", _ref3 => {
   let {
     isVenture
-  } = _ref4;
+  } = _ref3;
   return isVenture && (0, _styledComponents.css)(["flex-basis:66.6%;"]);
-}, props => props.nameOption && "\n    display: flex;\n  "), props => props.nameOption && "\n    display: none;\n  ", _rwd.default.Large(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\n     ", "\n\n    ", ";\n  "])), _ref5 => {
+}, props => props.nameOption && "\n    display: flex;\n  "), props => props.nameOption && "\n    display: none;\n  ", _rwd.default.Large(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\n     ", "\n\n    ", ";\n  "])), _ref4 => {
   let {
     isVenture
-  } = _ref5;
+  } = _ref4;
   return isVenture && (0, _styledComponents.css)(["flex-basis:75.5%;"]);
 }, props => props.nameOption && "\n      display: flex;\n    "), props => props.noBorder && "\n    border: none !important;\n  ", props => props.button && "\n    cursor: pointer;\n    transition: color .2s;\n    outline: 0;\n    \n    & > span {\n      display: inline-block;\n      vertical-align: middle;\n      text-transform: uppercase;\n      font-size: 11px;\n      line-height: 20px;\n    }\n\n    &:hover {\n      color: ".concat(props.theme.cPrimary, ";\n    }\n  "));
 const UserName = exports.UserName = _styledComponents.default.h3.withConfig({

package/dist/components/headerHo/HeaderHo.js

@@ -240,7 +240,6 @@ class HeaderHoClass extends _react.Component {
     } = this.context;
     if (!mobileMenuOpen) {
       if (isOpenCurrent) {
-        console.log('🚀 ~ componentDidUpdate ~ isOpenCurrent:', isOpenCurrent);
         document.body.style.overflow = 'hidden';
       } else if (isOpenPrev) {
         document.body.style.overflow = 'unset';
@@ -575,7 +574,6 @@ class HeaderHoClass extends _react.Component {
           console.log('isResettingExpiredToken: ', isResettingExpiredToken);
           payload.ventureInvite = true;
         }
-        console.log('payload obj: ', payload);
         try {
           await (0, _auth.default)('forgotPass', payload);
           this.setPopupSuccess('forgot', "We sent a message to ".concat(email, " (you might need to check your junk or spam folder) \u2014 tap the link inside to create a new password."));
@@ -584,7 +582,8 @@ class HeaderHoClass extends _react.Component {
           var _error$response2;
           console.log(error);
           let errorMessage = "Too many requests. Please try again later.";
-          if ((error === null || error === void 0 || (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 429) {
+          console.log(error === null || error === void 0 ? void 0 : error.response);
+          if ((error === null || error === void 0 || (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) === 429 || error !== null && error !== void 0 && error.includes('429')) {
             var _error$response$data2;
             errorMessage = (_error$response$data2 = error.response.data) === null || _error$response$data2 === void 0 ? void 0 : _error$response$data2.message;
           }

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.checkTodoStatus = void 0;
 var _checklistGenerator = require("./checklistGenerator");
 const checkTodoStatus = user => {
-  if (user.user_type === 'investor' || user.user_type === 'investor-entity') {
+  if ((user === null || user === void 0 ? void 0 : user.user_type) === 'investor' || (user === null || user === void 0 ? void 0 : user.user_type) === 'investor-entity') {
     const coreTasks = (0, _checklistGenerator.generateCoreChecklistTasks)(user);
     return coreTasks.remainingCount;
   } else return 0;

package/package.json

@@ -1,134 +1,134 @@
-{
-  "name": "@stokr/components-library",
-  "version": "2.3.60",
-  "description": "STOKR - Components Library",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "http://46.101.229.186:3000/stokr/components-library"
-  },
-  "author": "Bilal Hodzic <bilal@stokr.io>",
-  "license": "MIT",
-  "scripts": {
-    "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-scripts test",
-    "prepare": "npm run build",
-    "storybook": "storybook dev -p 6006",
-    "start": "npm run storybook",
-    "chromatic": "CHROMATIC_APP_CODE=7kzdke5umep chromatic",
-    "release": "auto shipit",
-    "pub": "rm -rf ./dist && npm publish --access public",
-    "start:script": "react-scripts start",
-    "serve": "npx http-server ./storybook-static -p 9009"
-  },
-  "dependencies": {
-    "ajv": "^8.17.1",
-    "axios": "^0.30.2",
-    "bignumber.js": "^9.1.1",
-    "cross-env": "^10.1.0",
-    "d3": "^7.8.3",
-    "date-fns": "^4.1.0",
-    "firebase": "^12.4.0",
-    "formik": "^2.2.9",
-    "formik-persist": "^1.1.0",
-    "html-react-parser": "^5.0.6",
-    "http-server": "^14.1.1",
-    "js-cookie": "^3.0.5",
-    "mobile-detect": "^1.4.5",
-    "moment": "^2.30.1",
-    "moment-timezone": "^0.6.0",
-    "prop-types": "^15.8.1",
-    "qrcode.react": "^4.2.0",
-    "react": "^18.3.1",
-    "react-collapse": "^5.1.1",
-    "react-copy-to-clipboard": "^5.1.0",
-    "react-countup": "^6.4.1",
-    "react-custom-scrollbars-2": "^4.5.0",
-    "react-day-picker": "^9.11.1",
-    "react-device-detect": "^2.2.3",
-    "react-dom": "^18.3.1",
-    "react-ga4": "^2.1.0",
-    "react-helmet": "^6.1.0",
-    "react-otp-input": "^3.1.0",
-    "react-portal": "^4.2.2",
-    "react-qr-code": "^2.0.12",
-    "react-range": "^1.8.14",
-    "react-router-dom": "^6.8.1",
-    "react-scripts": "5.0.1",
-    "react-select": "^5.7.0",
-    "react-slick": "^0.31.0",
-    "react-table": "^7.8.0",
-    "react-tippy": "^1.4.0",
-    "react-transition-group": "^4.4.5",
-    "react-visibility-sensor": "^5.1.1",
-    "scroll-to-element": "^2.0.3",
-    "semantic-ui-react": "^2.1.4",
-    "slick-carousel": "^1.8.1",
-    "styled-components": "^6.0.7",
-    "yup": "^1.0.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.20.7",
-    "@babel/core": "^7.20.12",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@chromatic-com/storybook": "^4.1.1",
-    "@storybook/addon-docs": "^9.1.15",
-    "@storybook/addon-links": "^9.1.15",
-    "@storybook/preset-create-react-app": "^9.1.15",
-    "@storybook/react-webpack5": "^9.1.15",
-    "babel-plugin-styled-components": "^2.1.4",
-    "prettier": "^3.0.3",
-    "storybook": "^9.1.15",
-    "styled-components.macro": "^1.0.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "browser": {
-    "[module-name]": false
-  },
-  "bugs": {
-    "url": "https://github.com/stokr-io/components-library/issues"
-  },
-  "homepage": "https://github.com/stokr-io/components-library#readme",
-  "keywords": [
-    "stokr",
-    "components-library",
-    "story-book"
-  ]
-}
+{
+  "name": "@stokr/components-library",
+  "version": "2.3.62",
+  "description": "STOKR - Components Library",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "http://46.101.229.186:3000/stokr/components-library"
+  },
+  "author": "Bilal Hodzic <bilal@stokr.io>",
+  "license": "MIT",
+  "scripts": {
+    "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-scripts test",
+    "prepare": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "start": "npm run storybook",
+    "chromatic": "CHROMATIC_APP_CODE=7kzdke5umep chromatic",
+    "release": "auto shipit",
+    "pub": "rm -rf ./dist && npm publish --access public",
+    "start:script": "react-scripts start",
+    "serve": "npx http-server ./storybook-static -p 9009"
+  },
+  "dependencies": {
+    "ajv": "^8.17.1",
+    "axios": "^0.30.2",
+    "bignumber.js": "^9.1.1",
+    "cross-env": "^10.1.0",
+    "d3": "^7.8.3",
+    "date-fns": "^4.1.0",
+    "firebase": "^12.4.0",
+    "formik": "^2.2.9",
+    "formik-persist": "^1.1.0",
+    "html-react-parser": "^5.0.6",
+    "http-server": "^14.1.1",
+    "js-cookie": "^3.0.5",
+    "mobile-detect": "^1.4.5",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.6.0",
+    "prop-types": "^15.8.1",
+    "qrcode.react": "^4.2.0",
+    "react": "^18.3.1",
+    "react-collapse": "^5.1.1",
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-countup": "^6.4.1",
+    "react-custom-scrollbars-2": "^4.5.0",
+    "react-day-picker": "^9.11.1",
+    "react-device-detect": "^2.2.3",
+    "react-dom": "^18.3.1",
+    "react-ga4": "^2.1.0",
+    "react-helmet": "^6.1.0",
+    "react-otp-input": "^3.1.0",
+    "react-portal": "^4.2.2",
+    "react-qr-code": "^2.0.12",
+    "react-range": "^1.8.14",
+    "react-router-dom": "^6.8.1",
+    "react-scripts": "5.0.1",
+    "react-select": "^5.7.0",
+    "react-slick": "^0.31.0",
+    "react-table": "^7.8.0",
+    "react-tippy": "^1.4.0",
+    "react-transition-group": "^4.4.5",
+    "react-visibility-sensor": "^5.1.1",
+    "scroll-to-element": "^2.0.3",
+    "semantic-ui-react": "^2.1.4",
+    "slick-carousel": "^1.8.1",
+    "styled-components": "^6.0.7",
+    "yup": "^1.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@chromatic-com/storybook": "^4.1.1",
+    "@storybook/addon-docs": "^9.1.15",
+    "@storybook/addon-links": "^9.1.15",
+    "@storybook/preset-create-react-app": "^9.1.15",
+    "@storybook/react-webpack5": "^9.1.15",
+    "babel-plugin-styled-components": "^2.1.4",
+    "prettier": "^3.0.3",
+    "storybook": "^9.1.15",
+    "styled-components.macro": "^1.0.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "browser": {
+    "[module-name]": false
+  },
+  "bugs": {
+    "url": "https://github.com/stokr-io/components-library/issues"
+  },
+  "homepage": "https://github.com/stokr-io/components-library#readme",
+  "keywords": [
+    "stokr",
+    "components-library",
+    "story-book"
+  ]
+}