@bigbinary/neeto-molecules 1.13.7 → 1.13.9

package/dist/Sidebar.js

@@ -1,42 +1,32 @@
 import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
-import React__default, { useState, forwardRef, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { capitalize, truncate, isPresent, findBy, hyphenate, isNotPresent, isNotEmpty } from '@bigbinary/neeto-cist';
+import { capitalize, findBy, hyphenate, isNotPresent, isNotEmpty, isPresent } from '@bigbinary/neeto-cist';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 import useLocalStorage from '@bigbinary/neeto-commons-frontend/react-utils/useLocalStorage';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
-import { Typography, Input, Tooltip, Spinner, Avatar, Button } from '@bigbinary/neetoui';
-import { mergeDeepLeft, not, is, findLast } from 'ramda';
+import { Typography, Button } from '@bigbinary/neetoui';
+import { not, is, findLast } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation, useHistory } from 'react-router-dom';
 import useFetchNeetoApps from '@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps';
-import { NeetoIcon, Search, AppSwitcher as AppSwitcher$1, User, Settings, LeftArrow, Help, Down } from '@bigbinary/neeto-icons';
-import { M as MY_PROFILE_URL, a as MY_ORGANIZATION_URL, g as getSidebarStateLocalStorageKey, D as DEFAULT_HELP_LINK_PROPS, f as filterByPermissions, C as CheckPointNavLinks, I as Items, S as SelectedLink } from './sidebar-f8a41008.js';
-import { n } from './inject-css-c86de496.js';
+import * as ProductTypefaceLogos from '@bigbinary/neeto-icons/typeface-logos';
+import { Neeto } from '@bigbinary/neeto-icons/typeface-logos';
 import { _ as _extends } from './extends-093996c9.js';
-import * as AppIcons from '@bigbinary/neeto-icons/app-icons';
-import { t } from 'i18next';
-import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils/axios';
-import { removeFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils/general';
-import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
 import { _ as _defineProperty } from './defineProperty-549061a7.js';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import KeyboardShortcuts from './KeyboardShortcuts.js';
-import * as ProductTypefaceLogos from '@bigbinary/neeto-icons/typeface-logos';
-import { Neeto } from '@bigbinary/neeto-icons/typeface-logos';
+import { Down } from '@bigbinary/neeto-icons';
+import { f as filterByPermissions, C as CheckPointNavLinks, I as Items, g as getSidebarStateLocalStorageKey, S as SelectedLink } from './sidebar-3ce90cb4.js';
+import '@bigbinary/neeto-commons-frontend/utils/general';
 import '@bigbinary/neeto-commons-frontend/constants';
 import '@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint';
 import '@bigbinary/neeto-filters-frontend';
 import 'react-router-dom/cjs/react-router-dom.min';
 import './MoreDropdown.js';
 import '@bigbinary/neetoui/formik';
+import 'i18next';
 import 'yup';
-import '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
-import 'zustand';
-import 'zustand/shallow';
-import '@bigbinary/neetoui/managers';
-import '@bigbinary/neeto-hotkeys';
-import 'platform';
+import './inject-css-c86de496.js';
 
 var Chevron = function Chevron(_ref) {
   var style = _ref.style;
@@ -51,440 +41,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}";
-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[appName];
-  return /*#__PURE__*/React__default.createElement("a", {
-    "data-cy": "".concat(name, "-app-link"),
-    "data-test-id": "neetoapp-link-".concat(name),
-    href: url,
-    rel: "noreferrer",
-    target: "_blank",
-    className: classnames("neeto-molecules-app-switcher-link", {
-      "neeto-molecules-app-switcher-link--active": capitalize(globalProps.appName) === appName
-    })
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-molecules-app-switcher-link__icon-holder", {
-      "neeto-ui-bg-primary-500": !AppIcon
-    })
-  }, AppIcon ? /*#__PURE__*/React__default.createElement(AppIcon, {
-    size: 42
-  }) : /*#__PURE__*/React__default.createElement(NeetoIcon, {
-    color: "white",
-    size: 42
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher-link__content"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    component: "span",
-    lineHeight: "relaxed",
-    style: "h4",
-    weight: "medium"
-  }, name), /*#__PURE__*/React__default.createElement(Typography, {
-    component: "span",
-    style: "body3",
-    weight: "normal"
-  }, description)));
-};
-var AppLink$1 = /*#__PURE__*/React__default.memo(AppLink);
-
-var Body = function Body() {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__header",
-    "data-cy": "app-switcher-body-wrapper"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h1"
-  }, t("neetoMolecules.appSwitcher.chooseNeetoProduct")), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__search-wrapper"
-  }, /*#__PURE__*/React__default.createElement(Input, {
-    autoFocus: true,
-    "data-cy": "app-switcher-search-input",
-    placeholder: t("neetoMolecules.appSwitcher.searchProducts"),
-    prefix: /*#__PURE__*/React__default.createElement(Search, null),
-    type: "search",
-    value: searchTerm,
-    onChange: handleSearch
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__body"
-  }, (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__grid"
-  }, filteredApps.map(function (app) {
-    return /*#__PURE__*/React__default.createElement(AppLink$1, _extends({
-      key: app.name
-    }, app));
-  })) : /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-center",
-    style: "body1"
-  }, t("neetoMolecules.appSwitcher.noApps"))));
-};
-
-var AppSwitcher = function AppSwitcher() {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__wrapper",
-    "data-cy": "switcher-wrapper",
-    "data-testid": "switcher-wrapper",
-    key: "switcher-wrapper"
-  }, /*#__PURE__*/React__default.createElement(Body, null));
-};
-
-var AppSwitcherButton = function AppSwitcherButton() {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasHovered = _useState2[0],
-    setHasHovered = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data,
-    refetchNeetoApps = _useFetchNeetoApps.refetch,
-    isStale = _useFetchNeetoApps.isStale;
-  return /*#__PURE__*/React__default.createElement(Tooltip, {
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    className: "neeto-molecules-app-switcher-popup-wrapper",
-    content: /*#__PURE__*/React__default.createElement(AppSwitcher, null),
-    delay: [300, null],
-    disabled: !data,
-    hideOnClick: false,
-    offset: [0, -70],
-    position: "right",
-    strategy: "fixed",
-    theme: "light"
-  }, /*#__PURE__*/React__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.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.createElement("span", {
-    "data-testid": "app-switcher-button-loader"
-  }, /*#__PURE__*/React__default.createElement(Spinner, null)) : /*#__PURE__*/React__default.createElement(AppSwitcher$1, {
-    size: 24
-  })), /*#__PURE__*/React__default.createElement(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 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: t("neetoMolecules.sidebar.myProfile"),
-      icon: User,
-      onClick: function onClick() {
-        return window.open(MY_PROFILE_URL, "_blank");
-      },
-      "data-cy": "my-profile-button"
-    }, isOwner && {
-      label: t("neetoMolecules.sidebar.myOrganization"),
-      icon: Settings,
-      onClick: function onClick() {
-        return window.open(MY_ORGANIZATION_URL, "_blank");
-      },
-      "data-cy": "profile-organization-settings-button"
-    }].filter(Boolean),
-    bottomLinks: [{
-      icon: LeftArrow,
-      label: t("neetoMolecules.sidebar.logout"),
-      onClick: function onClick() {
-        resetAuthTokens();
-        removeFromLocalStorage(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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasHovered = _useState2[0],
-    setHasHovered = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data,
-    refetchNeetoApps = _useFetchNeetoApps.refetch,
-    isStale = _useFetchNeetoApps.isStale;
-  return /*#__PURE__*/React__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.createElement("span", {
-    "data-testid": "profile-avatar-loader"
-  }, /*#__PURE__*/React__default.createElement(Spinner, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Avatar, {
-    className: "neeto-ui-flex-shrink-0 neeto-molecules-sidebar__profile-avatar",
-    "data-testid": "profile-avatar",
-    size: "small",
-    user: profileInfo
-  }), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, truncate(profileInfo.name, 18))));
-};
-var ProfileSection$1 = /*#__PURE__*/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(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.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(_ref2, _excluded$2);
-    return /*#__PURE__*/React__default.createElement("li", {
-      className: "neeto-molecules-profile-sublist__item",
-      key: idx
-    }, /*#__PURE__*/React__default.createElement(Button, _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.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.createElement("div", {
-    className: classnames("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.createElement("div", {
-    className: "left-0 top-0"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    size: "large",
-    user: profileInfo
-  })), /*#__PURE__*/React__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.createElement(Typography, {
-    className: "neeto-ui-m-0",
-    component: "h2",
-    lineHeight: "tight",
-    style: "h5",
-    title: name,
-    weight: "semibold"
-  }, truncate(name, 18)), email && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-700",
-    lineHeight: "tight",
-    style: "body3"
-  }, email))), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-sidebar__profile-wrapper-custom-content"
-  }, customContent), topLinks && /*#__PURE__*/React__default.createElement(LinkSection, {
-    links: [].concat(_toConsumableArray(extraTopLinks), _toConsumableArray(topLinks))
-  }), bottomLinks && /*#__PURE__*/React__default.createElement(LinkSection, {
-    links: bottomLinks
-  }));
-};
-
-var ProfileButton = function ProfileButton(_ref) {
-  var extraTopLinks = _ref.extraTopLinks,
-    profileInfoOverrides = _ref.profileInfoOverrides;
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data;
-  var profileInfo = getProfileInfo(data === null || data === void 0 ? void 0 : data.isOwner, profileInfoOverrides);
-  return /*#__PURE__*/React__default.createElement(Tooltip, {
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    className: "neeto-molecules-profile-popup-wrapper",
-    content: /*#__PURE__*/React__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.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 = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__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.createElement("span", {
-    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React__default.createElement(Help, {
-    size: 24
-  }), isPresent(changesCount) && /*#__PURE__*/React__default.createElement("span", {
-    className: "neeto-molecules-sidebar__notif-count",
-    "data-testid": "help-icon-changes-count"
-  }, changesCount)), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-molecules-sidebar__link-label",
-    component: "span",
-    style: "body2",
-    weight: "normal"
-  }, t("neetoMolecules.sidebar.helpLinks.helpCenter")));
-};
-var HelpSection$1 = /*#__PURE__*/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(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(_KeyboardShortcuts$us, 2),
-    setIsOpen = _KeyboardShortcuts$us2[1];
-  var helpLinks = Object.keys(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 = 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({}, 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.createElement("ul", {
-    className: "neeto-molecules-help-sublist"
-  }, helpLinks.map(function (_ref3, idx) {
-    var label = _ref3.label,
-      buttonProps = _objectWithoutProperties(_ref3, _excluded$1);
-    return /*#__PURE__*/React__default.createElement("li", {
-      className: "neeto-molecules-help-sublist__item",
-      key: idx
-    }, /*#__PURE__*/React__default.createElement(Button, _extends({
-      fullWidth: true,
-      className: "neeto-molecules-help-sublist__item-btn",
-      iconPosition: "left",
-      iconSize: 18,
-      style: "text"
-    }, buttonProps), label, isPresent(buttonProps.changesCount) && /*#__PURE__*/React__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 = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    changesCount = _useState2[0],
-    setChangesCount = _useState2[1];
-  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.createElement("div", {
-    className: "neeto-molecules-sidebar__footer neeto-molecules-sidebar__no-shrinkable"
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    className: "neeto-molecules-help-popup-wrapper",
-    content: /*#__PURE__*/React__default.createElement(HelpSectionMenu, {
-      changesCount: changesCount,
-      helpLinkOverrides: helpLinkOverrides
-    }),
-    hideOnClick: false,
-    interactiveDebounce: 20,
-    offset: [0, -70],
-    position: "right",
-    theme: "light"
-  }, /*#__PURE__*/React__default.createElement(HelpSection$1, {
-    changesCount: changesCount
-  })), showAppSwitcher && /*#__PURE__*/React__default.createElement(AppSwitcherButton, null), /*#__PURE__*/React__default.createElement(ProfileButton, {
-    extraTopLinks: extraTopLinks,
-    profileInfoOverrides: profileInfoOverrides
-  }));
-};
-
 var Header = function Header(_ref) {
   var _ProductTypefaceLogos;
   var customLogo = _ref.customLogo,
@@ -602,17 +158,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 = globalProps$1.appName.substr(5).toLowerCase();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -704,11 +250,6 @@ var Sidebar = function Sidebar(_ref) {
     isCountsLoading: isCountsLoading,
     navLinks: navLinks,
     setSelectedNavLink: setSelectedNavLink
-  }), showFooter && /*#__PURE__*/React__default.createElement(Footer, {
-    extraTopLinks: extraTopLinks,
-    helpLinkOverrides: helpLinkOverrides,
-    profileInfoOverrides: profileInfoOverrides,
-    showAppSwitcher: showAppSwitcher
   })), /*#__PURE__*/React__default.createElement(Button, {
     className: "neeto-molecules-sidebar__toggler",
     "data-cy": "neeto-molecules-sidebar-toggler",