@stokr/components-library 0.7.4 → 0.7.6

package/dist/components/Checklist/UserChecklist.js

@@ -12,6 +12,7 @@ var _globalVariables = require("../../constants/globalVariables");
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -25,7 +26,8 @@ var UserChecklist = function UserChecklist(props) {
     additionalTasks = props.additionalTasks,
     redirectCookie = props.redirectCookie,
     getTasksCount = props.getTasksCount,
-    useRelativePath = props.useRelativePath;
+    useRelativePath = props.useRelativePath,
+    onTaxIdComplete = props.onTaxIdComplete;
   var isFromAllowedCountry = (_user$countryObj = user.countryObj) === null || _user$countryObj === void 0 ? void 0 : _user$countryObj.isAllowed;
   //const isFromAllowedCountry = isFromAllowedCountryFunction(user.country)
 
@@ -193,9 +195,7 @@ var UserChecklist = function UserChecklist(props) {
       }]);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_ToDoList.default
-  // successText="Almost done!"
-  , {
+  return /*#__PURE__*/_react.default.createElement(_ToDoList.default, _extends({}, props, {
     mandatoryTasks: mandatoryTasks,
     walletsTasks: walletTasks,
     optionalTasks: optionalTasks,
@@ -204,7 +204,7 @@ var UserChecklist = function UserChecklist(props) {
     mandatoryTasksCount: mandatoryTasksCount,
     walletsTasksCount: walletTasksCount,
     pendingTasksCount: mandatoryTasksCount + walletTasksCount
-  });
+  }));
 };
 exports.UserChecklist = UserChecklist;
 var getVerifyIdentityChecklist = function getVerifyIdentityChecklist(isFromAllowedCountry, user) {
@@ -278,7 +278,8 @@ UserChecklist.propTypes = {
   additionalTasks: _propTypes.default.any,
   redirectCookie: _propTypes.default.bool,
   getTasksCount: _propTypes.default.func,
-  useRelativePath: _propTypes.default.bool
+  useRelativePath: _propTypes.default.bool,
+  onTaxIdComplete: _propTypes.default.func
 };
 var _default = UserChecklist;
 exports.default = _default;

package/dist/components/Checklist/UserChecklist.stories.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.UserChecklist_user_dev_entity = exports.UserChecklist_user_dev = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _UserChecklist = _interopRequireDefault(require("./UserChecklist"));
+var _global = _interopRequireDefault(require("../../styles/global"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -35,6 +37,10 @@ var _default = {
       type: 'bool',
       defaultValue: false
     },
+    onTaxIdComplete: {
+      type: 'function',
+      action: 'onTaxIdComplete'
+    },
     getTasksCount: {
       type: 'function',
       action: 'getTasksCount'
@@ -43,7 +49,7 @@ var _default = {
 };
 exports.default = _default;
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_UserChecklist.default, args));
+  return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_UserChecklist.default, args)));
 };
 var userDev = {
   _id: '61851acd5b9a890013297b12',
@@ -109,7 +115,7 @@ var userDev = {
     }
   },
   pass_reset: '',
-  taxId: '4355',
+  //taxId: '4355',
   countryObj: {
     _id: '630e0361b8d1fb0007929bc4',
     name: 'Germany',
@@ -127,7 +133,10 @@ UserChecklist_user_dev.args = {
   user: userDev,
   useRelativePath: true,
   getTasksCount: function getTasksCount(data) {
-    console.log(data);
+    // console.log(data)
+  },
+  onTaxIdComplete: function onTaxIdComplete(data) {
+    console.log('complete tax ID');
   }
 };
 var UserChecklist_user_dev_entity = Template.bind({});

package/dist/components/Header/Header.js

@@ -61,13 +61,13 @@ var mediaMenuItems = [{
   onClick: function onClick() {
     return window.location.href = "".concat(_globalVariables.platformURL, "/press-releases");
   },
-  link: '/products/press-releases'
+  link: '/press-releases'
 }, {
   name: 'Stoke Post',
   onClick: function onClick() {
     return window.location.href = "".concat(_globalVariables.platformURL, "/stoke-post");
   },
-  link: '/products/stoke-post'
+  link: '/stoke-post'
 }];
 var investorMenuItems = [{
   title: 'Dashboard',
@@ -228,7 +228,7 @@ var Header = function Header(_ref3) {
   var isVentureDashboard = withSidebar;
   var newPlatformUrl = useRelativePathForMenu ? '' : _globalVariables.platformURL;
   var newPlatformUrlForUserMenu = useRelativePathForUserMenu ? '' : "https://dashboard.".concat(_globalVariables.platformDomain);
-  return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_Header.StyledHeader, {
+  return /*#__PURE__*/_react.default.createElement(_Header.StyledHeader, {
     noFixedPosition: noFixedPosition
   }, /*#__PURE__*/_react.default.createElement(_Grid.Wrapper, {
     flex: withSidebar
@@ -324,36 +324,36 @@ var Header = function Header(_ref3) {
     mobile: true
   }, /*#__PURE__*/_react.default.createElement("ul", null, isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard ? /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: '/settings'
-  }, "Settings")) : /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: 'https://admin.' + _globalVariables.platformDomain,
+  }, "Settings")) : /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
+    href: 'https://admin.' + _globalVariables.platformDomain,
     onClick: function onClick() {
       return toggleMenu('main');
     }
-  }, "Dashboard"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: checkTodoStatus(user) > 0 ? "".concat(newPlatformUrlForUserMenu, "/checklist") : "".concat(newPlatformUrlForUserMenu, "/"),
+  }, "Dashboard"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
+    href: checkTodoStatus(user) > 0 ? "".concat(newPlatformUrlForUserMenu, "/checklist") : "".concat(newPlatformUrlForUserMenu, "/"),
     onClick: function onClick() {
       return toggleMenu('main');
     }
   }, "Dashboard"), checkTodoStatus(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
     avatar: true,
     mobileMenu: true
-  }, checkTodoStatus(user))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: "".concat(newPlatformUrlForUserMenu, "/settings/profile-and-privacy"),
+  }, checkTodoStatus(user))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
+    href: "".concat(newPlatformUrlForUserMenu, "/settings/profile-and-privacy"),
     onClick: function onClick() {
       return toggleMenu('main');
     }
-  }, "Profile and Privacy")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: "".concat(newPlatformUrlForUserMenu, "/settings/ethereum-address"),
+  }, "Profile and Privacy")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
+    href: "".concat(newPlatformUrlForUserMenu, "/settings/ethereum-address"),
     onClick: function onClick() {
       return toggleMenu('main');
     }
-  }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: "".concat(newPlatformUrlForUserMenu, "/settings/liquid-address"),
+  }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
+    href: "".concat(newPlatformUrlForUserMenu, "/settings/liquid-address"),
     onClick: function onClick() {
       return toggleMenu('main');
     }
-  }, "Liquid Securities Account")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: "".concat(newPlatformUrlForUserMenu, "/settings/algorand-address"),
+  }, "Liquid Securities Account")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
+    href: "".concat(newPlatformUrlForUserMenu, "/settings/algorand-address"),
     onClick: function onClick() {
       return toggleMenu('main');
     }
@@ -405,7 +405,7 @@ var Header = function Header(_ref3) {
     notifications: checkTodoStatus(user),
     isVentureDashboard: isVentureDashboard,
     platformUrlForUserMenu: newPlatformUrlForUserMenu
-  })))));
+  }))));
 };
 exports.Header = Header;
 var checkTodoStatus = function checkTodoStatus(user) {

package/dist/components/Input/RangeInput.js

@@ -8,9 +8,16 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _RangeInput = _interopRequireDefault(require("./RangeInput.styles"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactRange = require("react-range");
+var _colors = _interopRequireDefault(require("../../styles/colors"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//import FieldRange from '@atlaskit/field-range'
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 FieldRange = _styledComponents.default.div.withConfig({
   displayName: "RangeInput__FieldRange",
   componentId: "sc-18qoxwc-0"
@@ -27,15 +34,45 @@ var RangeInput = function RangeInput(_ref) {
   var valuePercent = ((value - min) / (max - min) * 100).toFixed(2);
   return /*#__PURE__*/_react.default.createElement(_RangeInput.default, {
     valuePercent: valuePercent
-  }, /*#__PURE__*/_react.default.createElement(FieldRange, {
+  }, /*#__PURE__*/_react.default.createElement(_reactRange.Range, {
     id: id,
     name: name,
     disabled: disabled,
     max: max,
     min: min,
     step: step,
-    value: value,
-    onChange: onChange
+    values: [value],
+    onChange: onChange,
+    renderTrack: function renderTrack(_ref2) {
+      var props = _ref2.props,
+        children = _ref2.children;
+      return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+        style: _objectSpread(_objectSpread({}, props.style), {}, {
+          height: '9px',
+          width: '100%',
+          borderRadius: '10px',
+          backgroundColor: _colors.default.lightGrey,
+          background: (0, _reactRange.getTrackBackground)({
+            values: [value],
+            colors: [_colors.default.blue, _colors.default.lightGrey],
+            min: min,
+            max: max
+          })
+        })
+      }), children);
+    },
+    renderThumb: function renderThumb(_ref3) {
+      var props = _ref3.props;
+      return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
+        style: _objectSpread(_objectSpread({}, props.style), {}, {
+          height: '24px',
+          width: '24px',
+          backgroundColor: _colors.default.blue,
+          borderRadius: '50%',
+          border: '4px solid white'
+        })
+      }));
+    }
   }));
 };
 exports.RangeInput = RangeInput;

package/dist/components/Input/RangeInput.stories.js

@@ -52,7 +52,9 @@ var Template = function Template(args) {
 };
 var RangeInputDefault = Template.bind({});
 exports.RangeInputDefault = RangeInputDefault;
-RangeInputDefault.args = {};
+RangeInputDefault.args = {
+  value: 80
+};
 
 //doublecheck:
 

package/dist/components/LearnMorePage/LearnMore.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.learnMorePostPropTypes = exports.learnMoreCategoryPropTypes = exports.default = exports.LearnMore = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactRouterDom = require("react-router-dom");
 var _reactCollapse = require("react-collapse");
 var _TabsNav = _interopRequireDefault(require("../TabsNav/TabsNav"));
 var _Grid = require("../Grid/Grid.styles");
@@ -16,6 +15,7 @@ var _BackButton = _interopRequireDefault(require("../BackButton/BackButton"));
 var _LearnMoreItem = _interopRequireDefault(require("./LearnMoreItem"));
 var _LearnMore = require("./LearnMore.styles");
 var _LearnMoreShared = require("./LearnMore.shared.styles");
+var _withRouter = require("../../utils/withRouter");
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -35,12 +35,12 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 LearnMore = /*#__PURE__*/function (_PureComponent) {
-  _inherits(LearnMore, _PureComponent);
-  var _super = _createSuper(LearnMore);
-  function LearnMore() {
+var LearnMoreClass = /*#__PURE__*/function (_PureComponent) {
+  _inherits(LearnMoreClass, _PureComponent);
+  var _super = _createSuper(LearnMoreClass);
+  function LearnMoreClass() {
     var _this;
-    _classCallCheck(this, LearnMore);
+    _classCallCheck(this, LearnMoreClass);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -107,11 +107,10 @@ var LearnMore = /*#__PURE__*/function (_PureComponent) {
       return !window.matchMedia((0, _rwd.getMedia)('Medium')).matches;
     });
     _defineProperty(_assertThisInitialized(_this), "navigateToSubcategory", function (subcategoryId) {
-      var navigate = (0, _reactRouterDom.useNavigate)();
       var _this$props = _this.props,
         categories = _this$props.categories,
         items = _this$props.items;
-      navigate("/learn-more/".concat(subcategoryId), {
+      _this.props.navigate("/learn-more/".concat(subcategoryId), {
         state: {
           learnMore: {
             categories: categories,
@@ -122,7 +121,7 @@ var LearnMore = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  _createClass(LearnMore, [{
+  _createClass(LearnMoreClass, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setDefaultActiveTab();
@@ -219,9 +218,8 @@ var LearnMore = /*#__PURE__*/function (_PureComponent) {
       }))));
     }
   }]);
-  return LearnMore;
+  return LearnMoreClass;
 }(_react.PureComponent);
-exports.LearnMore = LearnMore;
 var learnMoreCategoryPropTypes = {
   title: _propTypes.default.string.isRequired,
   inProgress: _propTypes.default.bool,
@@ -239,7 +237,7 @@ var learnMorePostPropTypes = {
   videoSrc: _propTypes.default.string
 };
 exports.learnMorePostPropTypes = learnMorePostPropTypes;
-LearnMore.propTypes = {
+LearnMoreClass.propTypes = {
   items: _propTypes.default.arrayOf(_propTypes.default.shape(learnMorePostPropTypes)).isRequired,
   categories: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, learnMoreCategoryPropTypes), {}, {
     subcategories: _propTypes.default.arrayOf(_propTypes.default.shape(learnMoreCategoryPropTypes))
@@ -248,8 +246,10 @@ LearnMore.propTypes = {
   activeCategory: _propTypes.default.string.isRequired,
   activeItem: _propTypes.default.string.isRequired
 };
-LearnMore.defaultProps = {
+LearnMoreClass.defaultProps = {
   onMarkComplete: function onMarkComplete() {}
 };
-var _default = LearnMore;
+var LearnMore = (0, _withRouter.withRouter)(LearnMoreClass);
+exports.LearnMore = LearnMore;
+var _default = (0, _withRouter.withRouter)(LearnMoreClass);
 exports.default = _default;

package/dist/components/MainMenu/DynamicMainMenu.js

@@ -23,8 +23,9 @@ var DynamicMainMenu = function DynamicMainMenu(props) {
     isMenuActive = props.isMenuActive;
   return /*#__PURE__*/_react.default.createElement(_MainMenu.StyledMainMenu, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
     isOpened: isMenuActive
-  }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, options.map(function (item) {
+  }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, options.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+      key: item.name + index,
       as: "button",
       button: true,
       onClick: item.onClick,

package/dist/components/MainMenu/MainMenu.js

@@ -9,8 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactCollapse = require("react-collapse");
 var _MainMenu = require("./MainMenu.styles");
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
-var _reactRouterDom = require("react-router-dom");
 var _globalVariables = require("../../constants/globalVariables");
+var _withRouter = require("../../utils/withRouter");
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -133,8 +133,7 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
         as: "button",
         button: true,
         onClick: function onClick() {
-          var navigate = (0, _reactRouterDom.useNavigate)();
-          navigate('/settings');
+          _this2.props.navigate('/settings');
         }
       }, /*#__PURE__*/_react.default.createElement("span", {
         style: spanStyleForMenu
@@ -258,5 +257,5 @@ MainMenu.defaultProps = {
   admin: false,
   userName: ''
 };
-var _default = MainMenu;
+var _default = (0, _withRouter.withRouter)(MainMenu);
 exports.default = _default;

package/dist/components/ProfileHeader/ProfileHeader.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,15 +22,12 @@ var _AuthContext = require("context/AuthContext/AuthContext");
 var _EventDBContext = require("context/EventDBContext/EventDBContext");
 var _NotificationContext = require("context/NotificationContext/NotificationContext");
 var _ProfileHeader = require("./ProfileHeader.styles");
-var _hexToTimestamp = _interopRequireDefault(require("../../utils/hex-to-timestamp"));
-var _bignumber = require("bignumber.js");
 var _avatarPlaceholder = _interopRequireDefault(require("../../static/images/avatar-placeholder.png"));
-var _fetchData = _interopRequireDefault(require("../../api/fetch-data"));
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -46,71 +44,56 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 UserAvatarComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(UserAvatarComponent, _React$Component);
-  var _super = _createSuper(UserAvatarComponent);
-  function UserAvatarComponent() {
-    var _this;
-    _classCallCheck(this, UserAvatarComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var UserAvatarComponent = function UserAvatarComponent(props) {
+  var avatar = props.avatar,
+    authUser = props.authUser;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    finalAvatar = _useState2[0],
+    setFinalAvatar = _useState2[1];
+  var prevProps = (0, _customHooks.usePrevious)({
+    avatar: avatar
+  });
+  var navigate = (0, _reactRouterDom.useNavigate)();
+  (0, _react.useEffect)(function () {
+    checkUserPhoto(avatar);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (avatar != (prevProps === null || prevProps === void 0 ? void 0 : prevProps.avatar)) {
+      checkUserPhoto(avatar);
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      finalAvatar: undefined
-    });
-    _defineProperty(_assertThisInitialized(_this), "checkUserPhoto", function (avatar) {
-      try {
-        var http = new XMLHttpRequest();
-        http.open('HEAD', avatar, true);
-        http.send();
-        if (http.status !== 404) {
-          _this.setState({
-            finalAvatar: avatar
-          });
-        }
-      } catch (error) {
-        console.log('error: ', error);
+    return function () {
+      if (prevProps != null) {
+        prevProps.avatar = avatar;
       }
-    });
-    return _this;
-  }
-  _createClass(UserAvatarComponent, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var avatar = this.props.avatar;
-      this.checkUserPhoto(avatar);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var avatar = this.props.avatar;
-      if (!avatar && avatar !== prevProps.avatar) {
-        this.setState({
-          finalAvatar: undefined
-        });
-      }
-      if (avatar !== prevProps.avatar) {
-        this.checkUserPhoto(avatar);
+    };
+  }, [avatar]);
+  var checkUserPhoto = function checkUserPhoto(avatar) {
+    try {
+      var http = new XMLHttpRequest();
+      http.open('HEAD', avatar, true);
+      http.send();
+      if (http.status !== 404) {
+        setFinalAvatar(avatar);
       }
+    } catch (error) {
+      console.log('error: ', error);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var finalAvatar = this.state.finalAvatar;
-      var authUser = this.props.authUser;
-      return /*#__PURE__*/_react.default.createElement(_ProfileBox.default, {
-        name: authUser.username ? authUser.username : authUser.email,
-        pictureSrc: finalAvatar || _avatarPlaceholder.default,
-        handleEdit: function handleEdit() {
-          var navigate = (0, _reactRouterDom.useNavigate)();
-          navigate('/settings/profile-and-privacy');
-        }
-      });
+  };
+  return /*#__PURE__*/_react.default.createElement(_ProfileBox.default, {
+    name: authUser.username ? authUser.username : authUser.email,
+    pictureSrc: finalAvatar || _avatarPlaceholder.default,
+    handleEdit: function handleEdit() {
+      navigate('/settings/profile-and-privacy');
     }
-  }]);
-  return UserAvatarComponent;
-}(_react.default.Component);
+  });
+};
 function NotificationTab(_ref) {
   var isMobile = _ref.isMobile,
     notifications = _ref.notifications,
@@ -128,35 +111,35 @@ var PANEL = {
 };
 var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
   _inherits(ProfileHeader, _PureComponent);
-  var _super2 = _createSuper(ProfileHeader);
+  var _super = _createSuper(ProfileHeader);
   function ProfileHeader(props) {
-    var _this2;
+    var _this;
     _classCallCheck(this, ProfileHeader);
-    _this2 = _super2.call(this, props);
-    _defineProperty(_assertThisInitialized(_this2), "setOptionalTasks", function (todos) {
-      _this2.setState({
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "setOptionalTasks", function (todos) {
+      _this.setState({
         optionalTodoList: todos
       });
     });
-    _defineProperty(_assertThisInitialized(_this2), "setAdditionalDocs", function (todos) {
-      _this2.setState({
+    _defineProperty(_assertThisInitialized(_this), "setAdditionalDocs", function (todos) {
+      _this.setState({
         additionalDocsTodoList: todos
       });
     });
-    _defineProperty(_assertThisInitialized(_this2), "togglePanel", function (panelId) {
-      var extendedPanel = _this2.state.extendedPanel;
-      _this2.setState({
+    _defineProperty(_assertThisInitialized(_this), "togglePanel", function (panelId) {
+      var extendedPanel = _this.state.extendedPanel;
+      _this.setState({
         extendedPanel: extendedPanel !== panelId ? panelId : null
       });
-      var tabsNavOffsetTop = _this2.tabScroll.current.offsetTop;
+      var tabsNavOffsetTop = _this.tabScroll.current.offsetTop;
       var scrollToPosition = tabsNavOffsetTop + 1;
       window.scrollTo({
         top: scrollToPosition,
         behavior: 'smooth'
       });
     });
-    _this2.tabScroll = /*#__PURE__*/_react.default.createRef();
-    _this2.state = {
+    _this.tabScroll = /*#__PURE__*/_react.default.createRef();
+    _this.state = {
       extendedPanel: null,
       ether: 0,
       euro: 0,
@@ -166,7 +149,7 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
       walletsTasksCount: 0,
       isFromAllowedCountry: undefined
     };
-    return _this2;
+    return _this;
   }
   _createClass(ProfileHeader, [{
     key: "componentDidMount",
@@ -194,7 +177,7 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this2 = this;
       var _this$state = this.state,
         extendedPanel = _this$state.extendedPanel,
         mandatoryTasksCount = _this$state.mandatoryTasksCount,
@@ -216,10 +199,10 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
               avatar: avatar
             })), /*#__PURE__*/_react.default.createElement(_ProfileHeader.InfoBox, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader.InfoInner, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader.Badges, null, /*#__PURE__*/_react.default.createElement(_ProfileHeader.Badge, {
               onClick: function onClick() {
-                _this3.setState({
+                _this2.setState({
                   extendedPanel: PANEL.TODOS
                 });
-                var tabsNavOffsetTop = _this3.tabScroll.current.offsetTop;
+                var tabsNavOffsetTop = _this2.tabScroll.current.offsetTop;
                 var scrollToPosition = tabsNavOffsetTop + 1;
                 if (window.innerWidth < 768) {
                   scrollToPosition = tabsNavOffsetTop;
@@ -251,7 +234,7 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
               counter: unreadNotificationsCount,
               isOpened: extendedPanel === PANEL.NOTIFICATIONS,
               onClick: function onClick() {
-                _this3.togglePanel(PANEL.NOTIFICATIONS);
+                _this2.togglePanel(PANEL.NOTIFICATIONS);
               }
             }), /*#__PURE__*/_react.default.createElement(_rwd.DisplayOnBreakpoint, {
               down: true,
@@ -263,13 +246,13 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
               notifications: notifications,
               authUser: authUser
             })))), /*#__PURE__*/_react.default.createElement(_ProfileHeader.Toggler, {
-              ref: _this3.tabScroll
+              ref: _this2.tabScroll
             }, /*#__PURE__*/_react.default.createElement(_ExpandButton.default, {
               title: "Checklist",
               counter: mandatoryTasksCount + walletsTasksCount,
               isOpened: extendedPanel === PANEL.TODOS,
               onClick: function onClick() {
-                _this3.togglePanel(PANEL.TODOS);
+                _this2.togglePanel(PANEL.TODOS);
               }
             }), /*#__PURE__*/_react.default.createElement(_rwd.DisplayOnBreakpoint, {
               down: true,
@@ -277,7 +260,7 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
             }, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
               isOpened: extendedPanel === PANEL.TODOS
             }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_UserChecklist.default, {
-              user: _this3.props.user
+              user: _this2.props.user
               // redirectCookie
               //additionalTasks={<AdditionalTask />}
               // getTasksCount={taskCount => {
@@ -306,7 +289,7 @@ var ProfileHeader = /*#__PURE__*/function (_PureComponent) {
             })), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
               tabId: PANEL.TODOS
             }, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, null, /*#__PURE__*/_react.default.createElement(_UserChecklist.default, {
-              user: _this3.props.user
+              user: _this2.props.user
               // redirectCookie
               //additionalTasks={<AdditionalTask />}
               // getTasksCount={taskCount => {

package/dist/components/ToDoList/ToDoList.js

@@ -12,6 +12,7 @@ var _ToDoList = require("./ToDoList.styles");
 var _ToDoListTask = _interopRequireDefault(require("./ToDoListTask"));
 var _ToDoListTask2 = require("./ToDoListTask.styles");
 var _reactTippy = require("react-tippy");
+var _excluded = ["successText", "mandatoryTasks", "walletsTasks", "optionalTasks", "title", "subtitle", "mandatoryTasksCount", "walletsTasksCount", "pendingTasksCount", "additionalTasks", "redirectCookie", "isload"];
 var _ToDoTaskMessage, _ToDoTaskIcons;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -21,6 +22,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 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); }
@@ -58,7 +62,8 @@ var ToDoList = function ToDoList(_ref) {
     pendingTasksCount = _ref.pendingTasksCount,
     additionalTasks = _ref.additionalTasks,
     redirectCookie = _ref.redirectCookie,
-    isload = _ref.isload;
+    isload = _ref.isload,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_ToDoList.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true
   }, /*#__PURE__*/_react.default.createElement(_ToDoList.TitleContainer, null, pendingTasksCount !== 0 ? /*#__PURE__*/_react.default.createElement(_ToDoList.PendingCounter, null, pendingTasksCount) : /*#__PURE__*/_react.default.createElement(_ToDoListTask2.Icon //icon={iconsMap.check}
@@ -79,7 +84,7 @@ var ToDoList = function ToDoList(_ref) {
     noPaddingTop: true,
     noPaddingHorizontal: true
   }, mandatoryTasks.map(function (task) {
-    return /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, {
+    return /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, _extends({
       key: task.title,
       title: task.title,
       message: task.message || ToDoTaskMessage[task.state],
@@ -88,7 +93,7 @@ var ToDoList = function ToDoList(_ref) {
       link: task.link,
       tooltip: task.tooltip,
       redirectCookie: redirectCookie
-    });
+    }, props));
   }))), walletsTasks.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingTop: true,
     noPaddingBottom: true,
@@ -118,7 +123,7 @@ var ToDoList = function ToDoList(_ref) {
     noPaddingTop: true,
     noPaddingHorizontal: true
   }, walletsTasks.map(function (task) {
-    return /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, {
+    return /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, _extends({
       key: task.title,
       title: task.title,
       message: task.message || ToDoTaskMessage[task.state],
@@ -129,7 +134,7 @@ var ToDoList = function ToDoList(_ref) {
       tooltip: task.tooltip,
       openModal: task.openModal,
       redirectCookie: redirectCookie
-    });
+    }, props));
   }))), optionalTasks.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingTop: true,
     noPaddingBottom: true,
@@ -142,7 +147,7 @@ var ToDoList = function ToDoList(_ref) {
     noPaddingTop: true,
     noPaddingHorizontal: true
   }, optionalTasks.map(function (task) {
-    return /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, {
+    return /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, _extends({
       key: task.title,
       title: task.title,
       message: task.message || ToDoTaskMessage[task.state],
@@ -152,7 +157,7 @@ var ToDoList = function ToDoList(_ref) {
       tooltip: task.tooltip,
       redirectCookie: redirectCookie,
       openModal: task.openModal
-    });
+    }, props));
   }))), additionalTasks && additionalTasks);
 };
 exports.ToDoList = ToDoList;

package/dist/components/ToDoList/ToDoListTask.js

@@ -33,7 +33,8 @@ var ToDoTask = function ToDoTask(_ref) {
     disabled = _ref.disabled,
     openModal = _ref.openModal,
     _ref$redirectCookie = _ref.redirectCookie,
-    redirectCookie = _ref$redirectCookie === void 0 ? false : _ref$redirectCookie;
+    redirectCookie = _ref$redirectCookie === void 0 ? false : _ref$redirectCookie,
+    onTaxIdComplete = _ref.onTaxIdComplete;
   var _React$useState = _react.default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     modalOpen = _React$useState2[0],
@@ -97,7 +98,8 @@ var ToDoTask = function ToDoTask(_ref) {
     withSuccessPage: true
   }), openModal === _ToDoList.ToDoModal.TAX_ID && /*#__PURE__*/_react.default.createElement(_taxId.RegisterTaxIdFlow, {
     showFlow: modalOpen,
-    setShowFlow: setmodalOpen
+    setShowFlow: setmodalOpen,
+    onComplete: onTaxIdComplete
   })));
 };
 exports.ToDoTask = ToDoTask;

package/dist/components/context/AuthContext.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AuthProvider = exports.AuthContext = exports.AuthConsumer = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactRouterDom = require("react-router-dom");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _axios = _interopRequireDefault(require("../../model/axios"));
 var _Auth = _interopRequireDefault(require("./Auth"));
+var _withRouter = require("../../utils/withRouter");
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -33,12 +33,12 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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 AuthContext = /*#__PURE__*/_react.default.createContext();
 exports.AuthContext = AuthContext;
-var AuthProvider = /*#__PURE__*/function (_Component) {
-  _inherits(AuthProvider, _Component);
-  var _super = _createSuper(AuthProvider);
-  function AuthProvider() {
+var AuthProviderClass = /*#__PURE__*/function (_Component) {
+  _inherits(AuthProviderClass, _Component);
+  var _super = _createSuper(AuthProviderClass);
+  function AuthProviderClass() {
     var _this;
-    _classCallCheck(this, AuthProvider);
+    _classCallCheck(this, AuthProviderClass);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -48,15 +48,14 @@ var AuthProvider = /*#__PURE__*/function (_Component) {
       isFetchingUser: true
     });
     _defineProperty(_assertThisInitialized(_this), "activateUser", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var navigate, _yield$Auth$activateU, user, access_token;
+      var _yield$Auth$activateU, user, access_token;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            navigate = (0, _reactRouterDom.useNavigate)();
-            _context.prev = 1;
-            _context.next = 4;
+            _context.prev = 0;
+            _context.next = 3;
             return _Auth.default.activateUser();
-          case 4:
+          case 3:
             _yield$Auth$activateU = _context.sent;
             user = _yield$Auth$activateU.user;
             access_token = _yield$Auth$activateU.access_token;
@@ -66,13 +65,13 @@ var AuthProvider = /*#__PURE__*/function (_Component) {
               user: user,
               isFetchingUser: false
             });
-            _context.next = 17;
+            _context.next = 16;
             break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](1);
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
             console.log('Error activating user: ', _context.t0);
-            navigate('/oops', {
+            _this.props.navigate('/oops', {
               state: {
                 message: 'This activation token has expired.',
                 hasActivationTokenExpired: true
@@ -81,11 +80,11 @@ var AuthProvider = /*#__PURE__*/function (_Component) {
             _this.setState({
               isFetchingUser: false
             });
-          case 17:
+          case 16:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 12]]);
+      }, _callee, null, [[0, 11]]);
     })));
     _defineProperty(_assertThisInitialized(_this), "logoutUser", function () {
       _Auth.default.logout();
@@ -96,37 +95,36 @@ var AuthProvider = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "setUser", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(accessToken) {
-        var navigate, _yield$Auth$getUser, user;
+        var _yield$Auth$getUser, user;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _axios.default.defaults.headers.common.Authorization = "Bearer ".concat(accessToken);
-              navigate = (0, _reactRouterDom.useNavigate)();
-              _context2.prev = 2;
-              _context2.next = 5;
+              _context2.prev = 1;
+              _context2.next = 4;
               return _Auth.default.getUser();
-            case 5:
+            case 4:
               _yield$Auth$getUser = _context2.sent;
               user = _yield$Auth$getUser.user;
               _this.setState({
                 user: user,
                 isFetchingUser: false
               });
-              _context2.next = 15;
+              _context2.next = 14;
               break;
-            case 10:
-              _context2.prev = 10;
-              _context2.t0 = _context2["catch"](2);
-              navigate('/oops');
+            case 9:
+              _context2.prev = 9;
+              _context2.t0 = _context2["catch"](1);
+              _this.props.navigate('/oops');
               _this.setState({
                 isFetchingUser: false
               });
               console.log("Error fetching the user: ".concat(_context2.t0));
-            case 15:
+            case 14:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[2, 10]]);
+        }, _callee2, null, [[1, 9]]);
       }));
       return function (_x) {
         return _ref2.apply(this, arguments);
@@ -292,7 +290,7 @@ var AuthProvider = /*#__PURE__*/function (_Component) {
     }());
     return _this;
   }
-  _createClass(AuthProvider, [{
+  _createClass(AuthProviderClass, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var isActivatingUser = window.location.href.includes('/activateUser');
@@ -324,12 +322,13 @@ var AuthProvider = /*#__PURE__*/function (_Component) {
       }, children);
     }
   }]);
-  return AuthProvider;
+  return AuthProviderClass;
 }(_react.Component);
-exports.AuthProvider = AuthProvider;
-AuthProvider.propTypes = {
+AuthProviderClass.propTypes = {
   children: _propTypes.default.node.isRequired
 };
 var AuthConsumer = AuthContext.Consumer;
+exports.AuthConsumer = AuthConsumer;
+var AuthProvider = (0, _withRouter.withRouter)(AuthProviderClass);
 //export default AuthProvider
-exports.AuthConsumer = AuthConsumer;
+exports.AuthProvider = AuthProvider;

package/dist/components/taxId/flow.js

@@ -24,11 +24,17 @@ var RegisterTaxIdFlow = function RegisterTaxIdFlow(_ref) {
     setShowFlow = _ref.setShowFlow,
     showBackButton = _ref.showBackButton,
     showSkipButton = _ref.showSkipButton,
-    redirectUrl = _ref.redirectUrl;
+    redirectUrl = _ref.redirectUrl,
+    onComplete = _ref.onComplete;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     showComplete = _useState2[0],
     setShowComplete = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (showComplete && onComplete) {
+      onComplete();
+    }
+  }, [showComplete, onComplete]);
 
   //we store the scroll ref so we can send it to FAQ items and handle scroll when FAQ item is opened
   var scrollRef = (0, _react.useRef)();

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

@@ -135,7 +135,8 @@ var RegisterTaxId = function RegisterTaxId(_ref) {
     }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
       show: errors.taxId && touched.taxId
     }, errors.taxId))), /*#__PURE__*/_react.default.createElement("br", null), !taxId && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-      noPaddingTop: true
+      noPaddingTop: true,
+      noPaddingLeft: true
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {
       minWidth: "230px",
       type: "submit",

package/dist/utils/withRouter.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withRouter = void 0;
+var _reactRouterDom = require("react-router-dom");
+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); }
+var withRouter = function withRouter(Component) {
+  var Wrapper = function Wrapper(props) {
+    var navigate = (0, _reactRouterDom.useNavigate)();
+    return /*#__PURE__*/React.createElement(Component, _extends({
+      navigate: navigate
+    }, props));
+  };
+  return Wrapper;
+};
+exports.withRouter = withRouter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -46,6 +46,7 @@
     "mobile-detect": "^1.4.5",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",
+    "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
     "react-collapse": "^5.1.1",
     "react-copy-to-clipboard": "^5.1.0",
@@ -53,16 +54,16 @@
     "react-custom-scrollbars-2": "^4.5.0",
     "react-day-picker": "^8.5.1",
     "react-device-detect": "^2.2.3",
+    "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
     "react-portal": "^4.2.2",
+    "react-range": "^1.8.14",
     "react-router": "^6.8.1",
     "react-router-dom": "^6.8.1",
     "react-scripts": "5.0.1",
     "react-select": "^5.7.0",
     "react-slick": "^0.29.0",
     "react-tippy": "^1.4.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-transition-group": "^4.4.5",
     "scroll-to-element": "^2.0.3",
     "semantic-ui-css": "^2.5.0",
@@ -93,10 +94,6 @@
     "styled-components.macro": "^1.0.0",
     "webpack": "^5.75.0"
   },
-  "peerDependencies": {
-    "react": ">=16.14.0",
-    "react-dom": ">=16.14.0"
-  },
   "eslintConfig": {
     "extends": [
       "react-app",