@bigbinary/neeto-molecules 1.13.8 → 1.13.9

package/dist/cjs/Sidebar.js

@@ -12,32 +12,22 @@ var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
 var useFetchNeetoApps = require('@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var sidebar = require('./sidebar-906ff9d3.js');
-var injectCss = require('./inject-css-80a5faa3.js');
+var ProductTypefaceLogos = require('@bigbinary/neeto-icons/typeface-logos');
 var _extends = require('./extends-1b35a664.js');
-var AppIcons = require('@bigbinary/neeto-icons/app-icons');
-var i18next = require('i18next');
-var axios = require('@bigbinary/neeto-commons-frontend/utils/axios');
-var general = require('@bigbinary/neeto-commons-frontend/utils/general');
-var toConsumableArray = require('./toConsumableArray-9abb3858.js');
 var defineProperty = require('./defineProperty-886ed289.js');
 var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
-var KeyboardShortcuts = require('./KeyboardShortcuts.js');
-var ProductTypefaceLogos = require('@bigbinary/neeto-icons/typeface-logos');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var sidebar = require('./sidebar-c0a787d8.js');
+require('@bigbinary/neeto-commons-frontend/utils/general');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint');
 require('@bigbinary/neeto-filters-frontend');
 require('react-router-dom/cjs/react-router-dom.min');
 require('./MoreDropdown.js');
 require('@bigbinary/neetoui/formik');
+require('i18next');
 require('yup');
-require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
-require('zustand');
-require('zustand/shallow');
-require('@bigbinary/neetoui/managers');
-require('@bigbinary/neeto-hotkeys');
-require('platform');
+require('./inject-css-80a5faa3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -63,7 +53,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var useLocalStorage__default = /*#__PURE__*/_interopDefaultLegacy(useLocalStorage);
 var useFetchNeetoApps__default = /*#__PURE__*/_interopDefaultLegacy(useFetchNeetoApps);
-var AppIcons__namespace = /*#__PURE__*/_interopNamespace(AppIcons);
 var ProductTypefaceLogos__namespace = /*#__PURE__*/_interopNamespace(ProductTypefaceLogos);
 
 var Chevron = function Chevron(_ref) {
@@ -79,440 +68,6 @@ var Chevron = function Chevron(_ref) {
   }));
 };
 
-var css = ".neeto-molecules-app-switcher__wrapper{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:40px;position:relative;transition:all .3s;width:100%}@media only screen and (max-width:992px){.neeto-molecules-app-switcher__wrapper{padding:32px}}@media screen and (max-width:768px){.neeto-molecules-app-switcher__wrapper{padding:0}}.neeto-molecules-app-switcher__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media only screen and (max-width:992px){.neeto-molecules-app-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-app-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-app-switcher__header{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}@media only screen and (max-width:768px){.neeto-molecules-app-switcher__header{align-items:flex-start;flex-direction:column-reverse;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-app-switcher__header h1{font-size:24px}}.neeto-molecules-app-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-app-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-app-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-app-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-app-switcher-link{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:2px;cursor:pointer;display:flex;gap:12px;max-width:100%;padding:12px 16px;text-decoration:none;transition:background-color .3s ease-in-out;width:100%}.neeto-molecules-app-switcher-link:focus,.neeto-molecules-app-switcher-link:focus-visible{outline:none}.neeto-molecules-app-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-app-switcher-link:not(.neeto-molecules-app-switcher-link--active):hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-app-switcher-link--active{background:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-600))}.neeto-molecules-app-switcher-link__icon-holder{align-items:center;border-radius:var(--neeto-ui-rounded-lg);display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.neeto-molecules-app-switcher-link__content{flex-grow:1}.neeto-molecules-app-switcher-link__content span{display:block}";
-injectCss.n(css,{});
-
-var AppLink = function AppLink(_ref) {
-  var name = _ref.name,
-    description = _ref.description,
-    url = _ref.url;
-  var appName = "Neeto".concat(name.charAt(0)).concat(name.slice(1).toLowerCase());
-  var AppIcon = AppIcons__namespace[appName];
-  return /*#__PURE__*/React__default["default"].createElement("a", {
-    "data-cy": "".concat(name, "-app-link"),
-    "data-test-id": "neetoapp-link-".concat(name),
-    href: url,
-    rel: "noreferrer",
-    target: "_blank",
-    className: classnames__default["default"]("neeto-molecules-app-switcher-link", {
-      "neeto-molecules-app-switcher-link--active": neetoCist.capitalize(globalProps.appName) === appName
-    })
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-molecules-app-switcher-link__icon-holder", {
-      "neeto-ui-bg-primary-500": !AppIcon
-    })
-  }, AppIcon ? /*#__PURE__*/React__default["default"].createElement(AppIcon, {
-    size: 42
-  }) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.NeetoIcon, {
-    color: "white",
-    size: 42
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-app-switcher-link__content"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    component: "span",
-    lineHeight: "relaxed",
-    style: "h4",
-    weight: "medium"
-  }, name), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    component: "span",
-    style: "body3",
-    weight: "normal"
-  }, description)));
-};
-var AppLink$1 = /*#__PURE__*/React__default["default"].memo(AppLink);
-
-var Body = function Body() {
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = React.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
-    data = _useFetchNeetoApps.data;
-  var substring = searchTerm.replace(/ /g, "").toLowerCase();
-  var filteredApps = data === null || data === void 0 ? void 0 : data.neetoApps.filter(function (_ref) {
-    var name = _ref.name;
-    return name.toLowerCase().includes(substring);
-  });
-  var handleSearch = function handleSearch(e) {
-    return setSearchTerm(e.target.value);
-  };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-app-switcher__header",
-    "data-cy": "app-switcher-body-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h1"
-  }, t("neetoMolecules.appSwitcher.chooseNeetoProduct")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-app-switcher__search-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
-    autoFocus: true,
-    "data-cy": "app-switcher-search-input",
-    placeholder: t("neetoMolecules.appSwitcher.searchProducts"),
-    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
-    type: "search",
-    value: searchTerm,
-    onChange: handleSearch
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-app-switcher__body"
-  }, (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-app-switcher__grid"
-  }, filteredApps.map(function (app) {
-    return /*#__PURE__*/React__default["default"].createElement(AppLink$1, _extends._extends({
-      key: app.name
-    }, app));
-  })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-center",
-    style: "body1"
-  }, t("neetoMolecules.appSwitcher.noApps"))));
-};
-
-var AppSwitcher = function AppSwitcher() {
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-app-switcher__wrapper",
-    "data-cy": "switcher-wrapper",
-    "data-testid": "switcher-wrapper",
-    key: "switcher-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(Body, null));
-};
-
-var AppSwitcherButton = function AppSwitcherButton() {
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    hasHovered = _useState2[0],
-    setHasHovered = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
-    data = _useFetchNeetoApps.data,
-    refetchNeetoApps = _useFetchNeetoApps.refetch,
-    isStale = _useFetchNeetoApps.isStale;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    className: "neeto-molecules-app-switcher-popup-wrapper",
-    content: /*#__PURE__*/React__default["default"].createElement(AppSwitcher, null),
-    delay: [300, null],
-    disabled: !data,
-    hideOnClick: false,
-    offset: [0, -70],
-    position: "right",
-    strategy: "fixed",
-    theme: "light"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--app-switcher neeto-molecules-sidebar__link--button neeto-ui-flex neeto-ui-w-full neeto-ui-select-none neeto-ui-items-center neeto-ui-justify-start neeto-ui-shadow-none",
-    "data-cy": "app-switcher-button",
-    "data-testid": "app-switcher-button",
-    onMouseEnter: function onMouseEnter() {
-      if (hasHovered || !isStale) return;
-      refetchNeetoApps();
-      setHasHovered(true);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center h-6 w-6"
-  }, !data && hasHovered ? /*#__PURE__*/React__default["default"].createElement("span", {
-    "data-testid": "app-switcher-button-loader"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.AppSwitcher, {
-    size: 24
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, t("neetoMolecules.sidebar.productSwitcher"))));
-};
-
-var getProfileInfo = function getProfileInfo(isOwner, profileInfoOverrides) {
-  var _globalProps$user, _globalProps$user2, _globalProps$user3, _globalProps$user4, _globalProps$user5;
-  return ramda.mergeDeepLeft(profileInfoOverrides, {
-    name: "".concat((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.firstName, " ").concat((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.lastName),
-    imageUrl: (_globalProps$user3 = globalProps.user) === null || _globalProps$user3 === void 0 ? void 0 : _globalProps$user3.profileImageUrl,
-    email: ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.email) || ((_globalProps$user5 = globalProps.user) === null || _globalProps$user5 === void 0 ? void 0 : _globalProps$user5.phoneNumber),
-    topLinks: [{
-      label: i18next.t("neetoMolecules.sidebar.myProfile"),
-      icon: neetoIcons.User,
-      onClick: function onClick() {
-        return window.open(sidebar.MY_PROFILE_URL, "_blank");
-      },
-      "data-cy": "my-profile-button"
-    }, isOwner && {
-      label: i18next.t("neetoMolecules.sidebar.myOrganization"),
-      icon: neetoIcons.Settings,
-      onClick: function onClick() {
-        return window.open(sidebar.MY_ORGANIZATION_URL, "_blank");
-      },
-      "data-cy": "profile-organization-settings-button"
-    }].filter(Boolean),
-    bottomLinks: [{
-      icon: neetoIcons.LeftArrow,
-      label: i18next.t("neetoMolecules.sidebar.logout"),
-      onClick: function onClick() {
-        axios.resetAuthTokens();
-        general.removeFromLocalStorage(sidebar.getSidebarStateLocalStorageKey());
-        // Directly attaching static "/logout" string should be safe as there are no dynamic values involved.
-        // eslint-disable-next-line xss/no-location-href-assign
-        window.location.href = "/logout";
-      },
-      "data-cy": "profile-logout-button"
-    }]
-  });
-};
-
-var ProfileSection = function ProfileSection(_ref, ref) {
-  var profileInfo = _ref.profileInfo;
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    hasHovered = _useState2[0],
-    setHasHovered = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
-    data = _useFetchNeetoApps.data,
-    refetchNeetoApps = _useFetchNeetoApps.refetch,
-    isStale = _useFetchNeetoApps.isStale;
-  return /*#__PURE__*/React__default["default"].createElement("button", {
-    ref: ref,
-    className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none",
-    "data-cy": "profile-section",
-    "data-testid": "profile-section",
-    onMouseEnter: function onMouseEnter() {
-      if (!(!hasHovered && isStale)) return;
-      refetchNeetoApps();
-      setHasHovered(true);
-    }
-  }, !data && hasHovered ? /*#__PURE__*/React__default["default"].createElement("span", {
-    "data-testid": "profile-avatar-loader"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
-    className: "neeto-ui-flex-shrink-0 neeto-molecules-sidebar__profile-avatar",
-    "data-testid": "profile-avatar",
-    size: "small",
-    user: profileInfo
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, neetoCist.truncate(profileInfo.name, 18))));
-};
-var ProfileSection$1 = /*#__PURE__*/React.forwardRef(ProfileSection);
-
-var _excluded$2 = ["onClick", "label", "icon"];
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LinkSection = function LinkSection(_ref) {
-  var links = _ref.links;
-  return /*#__PURE__*/React__default["default"].createElement("ul", {
-    className: "neeto-molecules-profile-sublist"
-  }, links.map(function (_ref2, idx) {
-    var onClick = _ref2.onClick,
-      label = _ref2.label,
-      _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? null : _ref2$icon,
-      otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded$2);
-    return /*#__PURE__*/React__default["default"].createElement("li", {
-      className: "neeto-molecules-profile-sublist__item",
-      key: idx
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({
-      fullWidth: true,
-      className: "neeto-molecules-profile-sublist__item-btn",
-      iconPosition: "left",
-      iconSize: 18,
-      style: "text"
-    }, _objectSpread$2({
-      icon: icon,
-      label: label,
-      onClick: onClick
-    }, otherProps))));
-  }));
-};
-
-var ProfileMenu = function ProfileMenu(_ref) {
-  var profileInfo = _ref.profileInfo,
-    extraTopLinks = _ref.extraTopLinks;
-  var name = profileInfo.name,
-    email = profileInfo.email,
-    topLinks = profileInfo.topLinks,
-    bottomLinks = profileInfo.bottomLinks,
-    customContent = profileInfo.customContent;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-molecules-profile-popup",
-    "data-cy": "profile-popup",
-    "data-testid": "profile-popup"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-ui-relative neeto-ui-flex neeto-ui-items-center neeto-ui-p-3 neeto-ui-bg-primary-100 neeto-molecules-profile-popup__top-section")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "left-0 top-0"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
-    size: "large",
-    user: profileInfo
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-grow neeto-ui-min-w-0 neeto-ui-pl-3"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-m-0",
-    component: "h2",
-    lineHeight: "tight",
-    style: "h5",
-    title: name,
-    weight: "semibold"
-  }, neetoCist.truncate(name, 18)), email && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-700",
-    lineHeight: "tight",
-    style: "body3"
-  }, email))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-sidebar__profile-wrapper-custom-content"
-  }, customContent), topLinks && /*#__PURE__*/React__default["default"].createElement(LinkSection, {
-    links: [].concat(toConsumableArray._toConsumableArray(extraTopLinks), toConsumableArray._toConsumableArray(topLinks))
-  }), bottomLinks && /*#__PURE__*/React__default["default"].createElement(LinkSection, {
-    links: bottomLinks
-  }));
-};
-
-var ProfileButton = function ProfileButton(_ref) {
-  var extraTopLinks = _ref.extraTopLinks,
-    profileInfoOverrides = _ref.profileInfoOverrides;
-  var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
-    data = _useFetchNeetoApps.data;
-  var profileInfo = getProfileInfo(data === null || data === void 0 ? void 0 : data.isOwner, profileInfoOverrides);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    className: "neeto-molecules-profile-popup-wrapper",
-    content: /*#__PURE__*/React__default["default"].createElement(ProfileMenu, {
-      extraTopLinks: extraTopLinks,
-      profileInfo: profileInfo
-    }),
-    disabled: !data,
-    hideOnClick: false,
-    interactiveDebounce: 20,
-    offset: [0, -70],
-    position: "right",
-    strategy: "fixed",
-    theme: "light"
-  }, /*#__PURE__*/React__default["default"].createElement(ProfileSection$1, {
-    profileInfo: profileInfo
-  }));
-};
-
-// Rule can be enabled once the ticket - https://github.com/bigbinary/neeto-commons-frontend/issues/905 is closed.
-// eslint-disable-next-line @bigbinary/neeto/no-dumb-components-with-use-translation
-var HelpSection = function HelpSection(_ref, ref) {
-  var changesCount = _ref.changesCount;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("button", {
-    ref: ref,
-    className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none",
-    "data-cy": "help-button"
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
-    size: 24
-  }), neetoCist.isPresent(changesCount) && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-molecules-sidebar__notif-count",
-    "data-testid": "help-icon-changes-count"
-  }, changesCount)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, t("neetoMolecules.sidebar.helpLinks.helpCenter")));
-};
-var HelpSection$1 = /*#__PURE__*/React.forwardRef(HelpSection);
-
-var _excluded$1 = ["label"];
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var HelpSectionMenu = function HelpSectionMenu(_ref) {
-  var helpLinkOverrides = _ref.helpLinkOverrides,
-    changesCount = _ref.changesCount;
-  var _KeyboardShortcuts$us = KeyboardShortcuts.usePaneState(),
-    _KeyboardShortcuts$us2 = slicedToArray._slicedToArray(_KeyboardShortcuts$us, 2),
-    setIsOpen = _KeyboardShortcuts$us2[1];
-  var helpLinks = Object.keys(sidebar.DEFAULT_HELP_LINK_PROPS).filter(function (key) {
-    var _DEFAULT_HELP_LINK_PR, _DEFAULT_HELP_LINK_PR2, _DEFAULT_HELP_LINK_PR3;
-    return (_DEFAULT_HELP_LINK_PR = (_DEFAULT_HELP_LINK_PR2 = (_DEFAULT_HELP_LINK_PR3 = sidebar.DEFAULT_HELP_LINK_PROPS[key]).isVisible) === null || _DEFAULT_HELP_LINK_PR2 === void 0 ? void 0 : _DEFAULT_HELP_LINK_PR2.call(_DEFAULT_HELP_LINK_PR3)) !== null && _DEFAULT_HELP_LINK_PR !== void 0 ? _DEFAULT_HELP_LINK_PR : true;
-  }).map(function (key) {
-    return _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({}, sidebar.DEFAULT_HELP_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
-      onClick: function onClick() {
-        return setIsOpen(true);
-      }
-    }), key === "changelogProps" && changesCount && {
-      changesCount: changesCount
-    });
-  }).filter(function (_ref2) {
-    var hide = _ref2.hide;
-    return !hide;
-  });
-  return /*#__PURE__*/React__default["default"].createElement("ul", {
-    className: "neeto-molecules-help-sublist"
-  }, helpLinks.map(function (_ref3, idx) {
-    var label = _ref3.label,
-      buttonProps = objectWithoutProperties._objectWithoutProperties(_ref3, _excluded$1);
-    return /*#__PURE__*/React__default["default"].createElement("li", {
-      className: "neeto-molecules-help-sublist__item",
-      key: idx
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({
-      fullWidth: true,
-      className: "neeto-molecules-help-sublist__item-btn",
-      iconPosition: "left",
-      iconSize: 18,
-      style: "text"
-    }, buttonProps), label, neetoCist.isPresent(buttonProps.changesCount) && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "neeto-molecules-help-sublist__item-btn-count",
-      "data-testid": "help-section-menu-changes-count"
-    }, buttonProps.changesCount)));
-  }));
-};
-
-var Footer = function Footer(_ref) {
-  var extraTopLinks = _ref.extraTopLinks,
-    helpLinkOverrides = _ref.helpLinkOverrides,
-    profileInfoOverrides = _ref.profileInfoOverrides,
-    _ref$showAppSwitcher = _ref.showAppSwitcher,
-    showAppSwitcher = _ref$showAppSwitcher === void 0 ? false : _ref$showAppSwitcher;
-  var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    changesCount = _useState2[0],
-    setChangesCount = _useState2[1];
-  React.useEffect(function () {
-    var Nv = {
-      onReceiveData: function onReceiveData(data) {
-        if (!data.unreadCount) return;
-        setChangesCount(data.unreadCount);
-      },
-      onShow: function onShow() {
-        setChangesCount(null);
-      }
-    };
-    window.Nv = window.Nv ? Object.assign(window.Nv, Nv) : Nv;
-  }, []);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-molecules-sidebar__footer neeto-molecules-sidebar__no-shrinkable"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    className: "neeto-molecules-help-popup-wrapper",
-    content: /*#__PURE__*/React__default["default"].createElement(HelpSectionMenu, {
-      changesCount: changesCount,
-      helpLinkOverrides: helpLinkOverrides
-    }),
-    hideOnClick: false,
-    interactiveDebounce: 20,
-    offset: [0, -70],
-    position: "right",
-    theme: "light"
-  }, /*#__PURE__*/React__default["default"].createElement(HelpSection$1, {
-    changesCount: changesCount
-  })), showAppSwitcher && /*#__PURE__*/React__default["default"].createElement(AppSwitcherButton, null), /*#__PURE__*/React__default["default"].createElement(ProfileButton, {
-    extraTopLinks: extraTopLinks,
-    profileInfoOverrides: profileInfoOverrides
-  }));
-};
-
 var Header = function Header(_ref) {
   var _ProductTypefaceLogos;
   var customLogo = _ref.customLogo,
@@ -630,17 +185,7 @@ var Sidebar = function Sidebar(_ref) {
   var navLinks = _ref.navLinks,
     customLogo = _ref.customLogo,
     _ref$isCountsLoading = _ref.isCountsLoading,
-    isCountsLoading = _ref$isCountsLoading === void 0 ? false : _ref$isCountsLoading,
-    _ref$profileInfoOverr = _ref.profileInfoOverrides,
-    profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
-    _ref$helpLinkOverride = _ref.helpLinkOverrides,
-    helpLinkOverrides = _ref$helpLinkOverride === void 0 ? {} : _ref$helpLinkOverride,
-    _ref$extraTopLinks = _ref.extraTopLinks,
-    extraTopLinks = _ref$extraTopLinks === void 0 ? [] : _ref$extraTopLinks,
-    _ref$showAppSwitcher = _ref.showAppSwitcher,
-    showAppSwitcher = _ref$showAppSwitcher === void 0 ? true : _ref$showAppSwitcher,
-    _ref$showFooter = _ref.showFooter,
-    showFooter = _ref$showFooter === void 0 ? true : _ref$showFooter;
+    isCountsLoading = _ref$isCountsLoading === void 0 ? false : _ref$isCountsLoading;
   var productName = initializers.globalProps.appName.substr(5).toLowerCase();
   var _useState = React.useState(false),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -732,11 +277,6 @@ var Sidebar = function Sidebar(_ref) {
     isCountsLoading: isCountsLoading,
     navLinks: navLinks,
     setSelectedNavLink: setSelectedNavLink
-  }), showFooter && /*#__PURE__*/React__default["default"].createElement(Footer, {
-    extraTopLinks: extraTopLinks,
-    helpLinkOverrides: helpLinkOverrides,
-    profileInfoOverrides: profileInfoOverrides,
-    showAppSwitcher: showAppSwitcher
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: "neeto-molecules-sidebar__toggler",
     "data-cy": "neeto-molecules-sidebar-toggler",