@bigbinary/neeto-molecules 1.0.70 → 1.0.72

package/dist/Sidebar.js

@@ -1,10 +1,11 @@
 import React, { useRef, useCallback, useEffect, Children, isValidElement, cloneElement, forwardRef, useState } from 'react';
 import { toLower, mergeDeepLeft, curry, is, includes, __, not } from 'ramda';
 import { Link, useLocation, NavLink } from 'react-router-dom';
+import { useFetchNeetoApps } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { NeetoIcon, Close, Search, AppSwitcher as AppSwitcher$1, ChatEmpty, Book, Gift, Keyboard, User, Settings, LeftArrow, Help } from '@bigbinary/neeto-icons';
-import { Typography, Button, Input, Tooltip, Avatar } from '@bigbinary/neetoui';
+import { Typography, Button, Input, Tooltip, Spinner, Avatar } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
-import { capitalize, isPresent, truncate, _findBy } from '@bigbinary/neeto-commons-frontend/pure';
+import { capitalize, truncate, isPresent, findBy } from '@bigbinary/neeto-commons-frontend/pure';
 import * as AppIcons from '@bigbinary/neeto-icons/app-icons';
 import { t as t$1 } from 'i18next';
 import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils';
@@ -31583,7 +31584,6 @@ var AppLink = function AppLink(_ref) {
 var AppLink$1 = /*#__PURE__*/React.memo(AppLink);
 
 var Body = function Body(_ref) {
-  var _globalProps$neetoApp;
   var onClose = _ref.onClose;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -31591,9 +31591,12 @@ var Body = function Body(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
-  var filteredApps = (_globalProps$neetoApp = globalProps.neetoApps) === null || _globalProps$neetoApp === void 0 ? void 0 : _globalProps$neetoApp.filter(function (_ref2) {
+  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 (_ref2) {
     var name = _ref2.name;
-    return name === null || name === void 0 ? void 0 : name.toLowerCase().includes(searchTerm.replace(/ /g, "").toLowerCase());
+    return name.toLowerCase().includes(substring);
   });
   var handleSearch = function handleSearch(e) {
     return setSearchTerm(e.target.value);
@@ -31714,9 +31717,6 @@ var AppSwitcher = function AppSwitcher(_ref) {
   })))));
 };
 
-var css = ".neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-white));border-right:1px solid rgb(var(--neeto-ui-gray-200));height:100vh;max-width:300px;padding:40px 0;transition:all .3s;width:300px;z-index:99997}.neeto-molecules-sidebar::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:50px}.neeto-molecules-sidebar::-webkit-scrollbar-track{background:\"transparent\"}@media (min-width:1440px){.neeto-molecules-sidebar{max-width:320px;width:320px}}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed{max-width:var(--neeto-ui-sidebar-width);width:var(--neeto-ui-sidebar-width)}.neeto-molecules-sidebar__header{margin-bottom:40px;padding:0 20px;width:100%}.neeto-molecules-sidebar__logo,.neeto-molecules-sidebar__logo svg{height:40px;width:40px}.neeto-molecules-sidebar__info{padding-left:10px;width:calc(100% - 40px)}.neeto-molecules-sidebar__info .neeto-molecules-typography{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.neeto-molecules-sidebar__links{margin-bottom:20px;padding-left:12px;padding-right:12px;width:100%}.neeto-molecules-sidebar__link{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-gray-600));cursor:pointer;margin:8px 0;padding:8px;position:relative;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__link.mb-0{margin-bottom:0}.neeto-molecules-sidebar__link-icon{flex-shrink:0;width:40px}.neeto-molecules-sidebar__link-label{overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 40px)}.neeto-molecules-sidebar__link-sub-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 56px)}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800));outline:none;text-decoration:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-primary-100));color:rgb(var(--neeto-ui-primary-600));text-decoration:none}.neeto-molecules-sidebar__link--button:focus{background-color:transparent}.neeto-molecules-sidebar__link--button:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-sidebar__link--change-log{outline:none!important}.neeto-molecules-sidebar__sublink{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-gray-600));cursor:pointer;margin:4px 0;padding:8px 8px 8px 58px;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-gray-700));text-decoration:none}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{background-color:rgb(var(--neeto-ui-gray-300));color:rgb(var(--neeto-ui-gray-700));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__footer{margin-top:auto;padding:0 12px;width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-wrapper{outline:none!important}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile{background-color:rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);box-shadow:var(--neeto-ui-shadow-sm);cursor:pointer;padding:8px;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-content{padding-left:10px;padding-right:30px;position:relative;width:calc(100% - 40px)}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-content .neeto-molecules-typography{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-drop-icon{color:rgb(var(--neeto-ui-gray-500));position:absolute;right:8px;top:50%;transform:translateY(-50%)}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed{padding:24px 0}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__profile{background-color:transparent;box-shadow:none;padding:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__header,.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__links{padding-left:16px;padding-right:16px}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__link-icon{width:24px}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__footer{padding-left:16px;padding-right:16px}.sidebar-featured-tooltip__content{border-radius:8px!important;box-shadow:var(--neeto-ui-shadow-sm)!important}.sidebar-featured-tooltip__content .tippy-content{padding:0}.sidebar-featured-tooltip{padding:12px;width:150px}.sidebar-featured-tooltip__icon-wrap{background-color:rgb(var(--neeto-ui-gray-100));border-radius:8px;height:40px;margin-bottom:8px;margin-left:auto;margin-right:auto;width:40px}.sidebar-featured-tooltip__title{margin-bottom:4px}.neeto-molecules-help-popup-wrapper,.neeto-molecules-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:var(--neeto-ui-shadow-xs)!important}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400));list-style:none;margin:0;padding:4px 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-profile-sublist__item-btn{align-items:center;border-radius:0;color:rgb(var(--neeto-ui-gray-800));cursor:pointer;display:flex;font-size:var(--neeto-ui-text-sm);font-weight:var(--neeto-ui-font-normal);gap:8px;line-height:1.143;min-height:32px;outline-color:transparent;padding:6px 40px 6px 12px;position:relative;text-decoration:none;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.neeto-molecules-profile-sublist__item-btn.disabled{color:rgb(var(--neeto-ui-gray-500));cursor:not-allowed}.neeto-molecules-profile-sublist__item-btn:focus,.neeto-molecules-profile-sublist__item-btn:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-profile-sublist__item-btn--style-danger{color:rgb(var(--neeto-ui-error-800))}.neeto-molecules-profile-sublist__item-btn-icon{color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-profile-sublist__item-btn-icon svg{height:20px;width:20px}.neeto-molecules-help-sublist__item-btn{border-radius:0;color:rgb(var(--neeto-ui-gray-800));cursor:pointer;display:flex;font-size:var(--neeto-ui-text-sm);font-weight:var(--neeto-ui-font-normal);gap:8px;justify-content:flex-end;line-height:1.143;min-height:32px;outline-color:transparent;padding:6px 40px 6px 12px;position:relative;text-decoration:none;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.neeto-molecules-help-sublist__item-btn.disabled{color:rgb(var(--neeto-ui-gray-500));cursor:not-allowed}.neeto-molecules-help-sublist__item-btn:focus,.neeto-molecules-help-sublist__item-btn:hover{background-color:rgb(var(--neeto-ui-gray-200));box-shadow:none}.neeto-molecules-help-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn--style-danger{color:rgb(var(--neeto-ui-error-800))}.neeto-molecules-help-sublist__item-btn-icon{color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-help-sublist__item-btn-icon svg{height:20px;width:20px}.neeto-molecules-help-sublist__item-btn-count,.neeto-molecules-sidebar__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.neeto-molecules-help-sublist__item-btn-count{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.neeto-molecules-sidebar__notif-count{position:absolute;right:-2px;top:-2px}";
-n(css,{});
-
 var FeaturedTooltip = function FeaturedTooltip(_ref) {
   var label = _ref.label,
     description = _ref.description;
@@ -31752,19 +31752,34 @@ var NavIconWrapper = function NavIconWrapper(_ref) {
   }, children);
 };
 
+var css = ".neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-white));border-right:1px solid rgb(var(--neeto-ui-gray-200));height:100vh;max-width:300px;padding:40px 0;transition:all .3s;width:300px;z-index:99997}.neeto-molecules-sidebar::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:50px}.neeto-molecules-sidebar::-webkit-scrollbar-track{background:\"transparent\"}@media (min-width:1440px){.neeto-molecules-sidebar{max-width:320px;width:320px}}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed{max-width:var(--neeto-ui-sidebar-width);width:var(--neeto-ui-sidebar-width)}.neeto-molecules-sidebar__header{margin-bottom:40px;padding:0 20px;width:100%}.neeto-molecules-sidebar__logo,.neeto-molecules-sidebar__logo svg{height:40px;width:40px}.neeto-molecules-sidebar__info{padding-left:10px;width:calc(100% - 40px)}.neeto-molecules-sidebar__info .neeto-molecules-typography{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.neeto-molecules-sidebar__links{margin-bottom:20px;padding-left:12px;padding-right:12px;width:100%}.neeto-molecules-sidebar__link{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-gray-600));cursor:pointer;margin:8px 0;padding:8px;position:relative;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__link.mb-0{margin-bottom:0}.neeto-molecules-sidebar__link-icon{flex-shrink:0;width:40px}.neeto-molecules-sidebar__link-label{overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 40px)}.neeto-molecules-sidebar__link-sub-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 56px)}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800));outline:none;text-decoration:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-primary-100));color:rgb(var(--neeto-ui-primary-600));text-decoration:none}.neeto-molecules-sidebar__link--button:focus{background-color:transparent}.neeto-molecules-sidebar__link--button:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-sidebar__link--change-log{outline:none!important}.neeto-molecules-sidebar__sublink{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-gray-600));cursor:pointer;margin:4px 0;padding:8px 8px 8px 58px;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-gray-700));text-decoration:none}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{background-color:rgb(var(--neeto-ui-gray-300));color:rgb(var(--neeto-ui-gray-700));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__footer{margin-top:auto;padding:0 12px;width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-wrapper{outline:none!important}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile{background-color:rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);box-shadow:var(--neeto-ui-shadow-sm);cursor:pointer;padding:8px;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-content{padding-left:10px;padding-right:30px;position:relative;width:calc(100% - 40px)}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-content .neeto-molecules-typography{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-drop-icon{color:rgb(var(--neeto-ui-gray-500));position:absolute;right:8px;top:50%;transform:translateY(-50%)}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed{padding:24px 0}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__profile{background-color:transparent;box-shadow:none;padding:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__header,.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__links{padding-left:16px;padding-right:16px}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__link-icon{width:24px}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__footer{padding-left:16px;padding-right:16px}.sidebar-featured-tooltip__content{border-radius:8px!important;box-shadow:var(--neeto-ui-shadow-sm)!important}.sidebar-featured-tooltip__content .tippy-content{padding:0}.sidebar-featured-tooltip{padding:12px;width:150px}.sidebar-featured-tooltip__icon-wrap{background-color:rgb(var(--neeto-ui-gray-100));border-radius:8px;height:40px;margin-bottom:8px;margin-left:auto;margin-right:auto;width:40px}.sidebar-featured-tooltip__title{margin-bottom:4px}.neeto-molecules-help-popup-wrapper,.neeto-molecules-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:var(--neeto-ui-shadow-xs)!important}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400));list-style:none;margin:0;padding:4px 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-profile-sublist__item-btn{align-items:center;border-radius:0;color:rgb(var(--neeto-ui-gray-800));cursor:pointer;display:flex;font-size:var(--neeto-ui-text-sm);font-weight:var(--neeto-ui-font-normal);gap:8px;line-height:1.143;min-height:32px;outline-color:transparent;padding:6px 40px 6px 12px;position:relative;text-decoration:none;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.neeto-molecules-profile-sublist__item-btn.disabled{color:rgb(var(--neeto-ui-gray-500));cursor:not-allowed}.neeto-molecules-profile-sublist__item-btn:focus,.neeto-molecules-profile-sublist__item-btn:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-profile-sublist__item-btn--style-danger{color:rgb(var(--neeto-ui-error-800))}.neeto-molecules-profile-sublist__item-btn-icon{color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-profile-sublist__item-btn-icon svg{height:20px;width:20px}.neeto-molecules-help-sublist__item-btn{border-radius:0;color:rgb(var(--neeto-ui-gray-800));cursor:pointer;display:flex;font-size:var(--neeto-ui-text-sm);font-weight:var(--neeto-ui-font-normal);gap:8px;justify-content:flex-end;line-height:1.143;min-height:32px;outline-color:transparent;padding:6px 40px 6px 12px;position:relative;text-decoration:none;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.neeto-molecules-help-sublist__item-btn.disabled{color:rgb(var(--neeto-ui-gray-500));cursor:not-allowed}.neeto-molecules-help-sublist__item-btn:focus,.neeto-molecules-help-sublist__item-btn:hover{background-color:rgb(var(--neeto-ui-gray-200));box-shadow:none}.neeto-molecules-help-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn--style-danger{color:rgb(var(--neeto-ui-error-800))}.neeto-molecules-help-sublist__item-btn-icon{color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-help-sublist__item-btn-icon svg{height:20px;width:20px}.neeto-molecules-help-sublist__item-btn-count,.neeto-molecules-sidebar__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.neeto-molecules-help-sublist__item-btn-count{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.neeto-molecules-sidebar__notif-count{position:absolute;right:-2px;top:-2px}";
+n(css,{});
+
 var AppSwitcherButton = function AppSwitcherButton(_ref) {
   var onAppSwitcherToggle = _ref.onAppSwitcherToggle;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasHovered = _useState2[0],
+    setHasHovered = _useState2[1];
+  var _useFetchNeetoApps = useFetchNeetoApps(),
+    isFreshLoading = _useFetchNeetoApps.isFreshLoading;
+  var handleAppSwitcherToggle = function handleAppSwitcherToggle(event) {
+    if (isFreshLoading) event.stopPropagation();else onAppSwitcherToggle();
+  };
   return /*#__PURE__*/React.createElement(NavIconWrapper, {
     label: t("neetoMolecules.sidebar.productSwitcher")
   }, /*#__PURE__*/React.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",
-    onClick: onAppSwitcherToggle
+    onClick: handleAppSwitcherToggle,
+    onMouseEnter: function onMouseEnter() {
+      return setHasHovered(true);
+    }
   }, /*#__PURE__*/React.createElement("span", {
-    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React.createElement(AppSwitcher$1, {
+    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center h-6 w-6"
+  }, hasHovered && isFreshLoading ? /*#__PURE__*/React.createElement(Spinner, null) : /*#__PURE__*/React.createElement(AppSwitcher$1, {
     size: 24
   }))));
 };
@@ -31803,7 +31818,7 @@ var DEFAULT_HELP_LINK_PROPS = {
   }
 };
 
-var getProfileInfo = function getProfileInfo(profileInfoOverrides) {
+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),
@@ -31816,7 +31831,7 @@ var getProfileInfo = function getProfileInfo(profileInfoOverrides) {
         return window.open(MY_PROFILE_URL, "_blank");
       },
       "data-cy": "my-profile-button"
-    }, globalProps.isOwner && {
+    }, isOwner && {
       label: t$1("neetoMolecules.sidebar.myOrganization"),
       icon: Settings,
       onClick: function onClick() {
@@ -31836,121 +31851,32 @@ var getProfileInfo = function getProfileInfo(profileInfoOverrides) {
   });
 };
 
-var HelpSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var changesCount = _ref.changesCount;
-  return /*#__PURE__*/React.createElement("button", {
-    className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none",
-    "data-cy": "help-button",
-    ref: ref
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React.createElement(Help, {
-    size: 24
-  }), isPresent(changesCount) && /*#__PURE__*/React.createElement("span", {
-    className: "neeto-molecules-sidebar__notif-count",
-    "data-testid": "help-icon-changes-count"
-  }, changesCount)));
-});
-HelpSection.displayName = "HelpSection";
-HelpSection.propTypes = {
-  changesCount: propTypes.exports.number
-};
-
-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 _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);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-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;
-}
-
-var _excluded$2 = ["label"];
-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; }
-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).map(function (key) {
-    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, 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.createElement("ul", null, helpLinks.map(function (_ref3, idx) {
-    var label = _ref3.label,
-      buttonProps = _objectWithoutProperties(_ref3, _excluded$2);
-    return /*#__PURE__*/React.createElement("li", {
-      className: "neeto-molecules-help-sublist__item",
-      key: idx
-    }, /*#__PURE__*/React.createElement(Button, _extends({
-      className: "neeto-molecules-help-sublist__item-btn",
-      iconPosition: "left",
-      iconSize: 18,
-      style: "text"
-    }, buttonProps), label, isPresent(buttonProps.changesCount) && /*#__PURE__*/React.createElement("span", {
-      className: "neeto-molecules-help-sublist__item-btn-count",
-      "data-testid": "help-section-menu-changes-count"
-    }, buttonProps.changesCount)));
-  }));
-};
-
-var ProfileSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
+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(),
+    isFreshLoading = _useFetchNeetoApps.isFreshLoading;
   return /*#__PURE__*/React.createElement("button", {
     className: "neeto-molecules-sidebar__profile-wrapper neeto-ui-w-full neeto-ui-text-left",
     "data-cy": "profile-section",
-    ref: ref
+    ref: ref,
+    onMouseEnter: function onMouseEnter() {
+      return setHasHovered(true);
+    }
   }, /*#__PURE__*/React.createElement("span", {
     className: "neeto-molecules-sidebar__profile neeto-ui-flex neeto-ui-w-full neeto-ui-flex-shrink-0 neeto-ui-items-center"
-  }, /*#__PURE__*/React.createElement(Avatar, {
+  }, isFreshLoading && hasHovered ? /*#__PURE__*/React.createElement("span", {
+    className: "flex h-11 w-10 items-center justify-center"
+  }, /*#__PURE__*/React.createElement(Spinner, null)) : /*#__PURE__*/React.createElement(Avatar, {
     className: "neeto-ui-flex-shrink-0",
     size: "large",
     user: profileInfo
   })));
-});
-ProfileSection.displayName = "ProfileSection";
+};
+var ProfileSection$1 = /*#__PURE__*/forwardRef(ProfileSection);
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
@@ -31968,7 +31894,7 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-var _excluded$1 = ["onClick", "label", "icon"];
+var _excluded$2 = ["onClick", "label", "icon"];
 var LinkSection = function LinkSection(_ref) {
   var links = _ref.links;
   return /*#__PURE__*/React.createElement("ul", {
@@ -31978,7 +31904,7 @@ var LinkSection = function LinkSection(_ref) {
       label = _ref2.label,
       _ref2$icon = _ref2.icon,
       icon = _ref2$icon === void 0 ? null : _ref2$icon,
-      otherProps = _objectWithoutProperties(_ref2, _excluded$1);
+      otherProps = _objectWithoutProperties(_ref2, _excluded$2);
     var IconSVG = icon;
     return /*#__PURE__*/React.createElement("li", {
       className: "neeto-molecules-profile-sublist__item",
@@ -32037,6 +31963,127 @@ var ProfileMenu = function ProfileMenu(_ref) {
   }));
 };
 
+var ProfileButton = function ProfileButton(_ref) {
+  var extraTopLinks = _ref.extraTopLinks,
+    profileInfoOverrides = _ref.profileInfoOverrides;
+  var _useFetchNeetoApps = useFetchNeetoApps(),
+    data = _useFetchNeetoApps.data,
+    isFreshLoading = _useFetchNeetoApps.isFreshLoading;
+  var profileInfo = getProfileInfo(data === null || data === void 0 ? void 0 : data.isOwner, profileInfoOverrides);
+  var profileInfoComponent = /*#__PURE__*/React.createElement(ProfileSection$1, {
+    profileInfo: profileInfo
+  });
+  if (isFreshLoading) return profileInfoComponent;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    interactive: true,
+    className: "neeto-molecules-profile-popup-wrapper",
+    content: /*#__PURE__*/React.createElement(ProfileMenu, {
+      extraTopLinks: extraTopLinks,
+      profileInfo: profileInfo
+    }),
+    hideOnClick: false,
+    position: "right",
+    theme: "light"
+  }, profileInfoComponent);
+};
+
+var HelpSection = function HelpSection(_ref, ref) {
+  var changesCount = _ref.changesCount;
+  return /*#__PURE__*/React.createElement("button", {
+    className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none",
+    "data-cy": "help-button",
+    ref: ref
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
+  }, /*#__PURE__*/React.createElement(Help, {
+    size: 24
+  }), isPresent(changesCount) && /*#__PURE__*/React.createElement("span", {
+    className: "neeto-molecules-sidebar__notif-count",
+    "data-testid": "help-icon-changes-count"
+  }, changesCount)));
+};
+var HelpSection$1 = /*#__PURE__*/forwardRef(HelpSection);
+
+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 _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);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+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;
+}
+
+var _excluded$1 = ["label"];
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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).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.createElement("ul", null, helpLinks.map(function (_ref3, idx) {
+    var label = _ref3.label,
+      buttonProps = _objectWithoutProperties(_ref3, _excluded$1);
+    return /*#__PURE__*/React.createElement("li", {
+      className: "neeto-molecules-help-sublist__item",
+      key: idx
+    }, /*#__PURE__*/React.createElement(Button, _extends({
+      className: "neeto-molecules-help-sublist__item-btn",
+      iconPosition: "left",
+      iconSize: 18,
+      style: "text"
+    }, buttonProps), label, isPresent(buttonProps.changesCount) && /*#__PURE__*/React.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,
@@ -32044,7 +32091,6 @@ var Footer = function Footer(_ref) {
     _ref$showAppSwitcher = _ref.showAppSwitcher,
     showAppSwitcher = _ref$showAppSwitcher === void 0 ? false : _ref$showAppSwitcher,
     onAppSwitcherToggle = _ref.onAppSwitcherToggle;
-  var profileInfo = getProfileInfo(profileInfoOverrides);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     changesCount = _useState2[0],
@@ -32074,44 +32120,45 @@ var Footer = function Footer(_ref) {
     hideOnClick: false,
     position: "right",
     theme: "light"
-  }, /*#__PURE__*/React.createElement(HelpSection, {
+  }, /*#__PURE__*/React.createElement(HelpSection$1, {
     changesCount: changesCount
   })), showAppSwitcher && /*#__PURE__*/React.createElement(AppSwitcherButton, {
     onAppSwitcherToggle: onAppSwitcherToggle
-  }), /*#__PURE__*/React.createElement(Tooltip, {
-    interactive: true,
-    className: "neeto-molecules-profile-popup-wrapper",
-    hideOnClick: false,
-    position: "right",
-    theme: "light",
-    content: /*#__PURE__*/React.createElement(ProfileMenu, {
-      extraTopLinks: extraTopLinks,
-      profileInfo: profileInfo
-    })
-  }, /*#__PURE__*/React.createElement(ProfileSection, {
-    profileInfo: profileInfo
-  })));
+  }), /*#__PURE__*/React.createElement(ProfileButton, {
+    extraTopLinks: extraTopLinks,
+    profileInfoOverrides: profileInfoOverrides
+  }));
 };
 
 var Header = function Header() {
-  var _findBy$url, _findBy2;
-  var logoName = "Neeto".concat(capitalize(globalProps.appName.substr(5).toLowerCase()));
-  var ProductLogo = ProductLogos[logoName];
-  var homeUrl = new URL((_findBy$url = (_findBy2 = _findBy({
-    name: globalProps.appName.split("neeto")[1]
-  }, globalProps.neetoApps)) === null || _findBy2 === void 0 ? void 0 : _findBy2.url) !== null && _findBy$url !== void 0 ? _findBy$url : window.location.origin);
+  var _ProductLogos$logoNam;
+  var productName = globalProps.appName.substr(5);
+  var logoName = "Neeto".concat(capitalize(productName.toLowerCase()));
+  var ProductLogo = (_ProductLogos$logoNam = ProductLogos[logoName]) !== null && _ProductLogos$logoNam !== void 0 ? _ProductLogos$logoNam : Neeto;
+  var _useFetchNeetoApps = useFetchNeetoApps(),
+    data = _useFetchNeetoApps.data;
+  var homePath = "/";
+  if (data !== null && data !== void 0 && data.neetoApps) {
+    var _findBy = findBy({
+        name: productName
+      }, data.neetoApps),
+      url = _findBy.url;
+    homePath = new URL(url).pathname;
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center neeto-molecules-sidebar__header",
     "data-cy": "sidebar-info"
   }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-molecules-sidebar__logo flex flex-shrink-0 items-center justify-center"
   }, /*#__PURE__*/React.createElement(Link, {
-    to: homeUrl.pathname
-  }, ProductLogo ? /*#__PURE__*/React.createElement(ProductLogo, null) : /*#__PURE__*/React.createElement(Neeto, null))));
+    to: homePath
+  }, /*#__PURE__*/React.createElement(ProductLogo, null))));
 };
 var Header$1 = /*#__PURE__*/React.memo(Header);
 
 var _excluded = ["label", "to", "icon", "description"];
+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; }
 var Links = function Links(_ref) {
   var navLinks = _ref.navLinks;
   var location = useLocation();
@@ -32137,14 +32184,15 @@ var Links = function Links(_ref) {
     };
     return /*#__PURE__*/React.createElement(NavIconWrapper, {
       description: description,
-      key: mainIndex,
-      label: label
+      label: label,
+      key: mainIndex
     }, /*#__PURE__*/React.createElement(NavLink, _extends({
       activeClassName: "active",
-      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link",
+      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link"
+    }, _objectSpread({
       isActive: isActive,
       to: to
-    }, otherProps), icon && /*#__PURE__*/React.createElement("div", {
+    }, otherProps)), icon && /*#__PURE__*/React.createElement("div", {
       className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-molecules-sidebar__link-icon",
       "data-testid": label
     }, /*#__PURE__*/React.createElement(IconSVG, null))));