@bigbinary/neeto-commons-frontend 2.0.52 → 2.0.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.52",
+  "version": "2.0.54",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -63,7 +63,7 @@
     "@bigbinary/neeto-commons-frontend": "latest",
     "@bigbinary/neeto-editor": "1.23.3",
     "@bigbinary/neeto-icons": "^1.9.15",
-    "@bigbinary/neetoui": "4.4.3",
+    "@bigbinary/neetoui": "^4.4.9",
     "@honeybadger-io/react": "2.0.1",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-babel": "^5.3.1",
@@ -136,14 +136,14 @@
     "sass-loader": "10.0.2",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",
     "yup": "^0.32.11",
-    "zustand": "^4.1.2"
+    "zustand": "4.3.2"
   },
   "dependencies": {},
   "peerDependencies": {
     "@bigbinary/neeto-commons-frontend": "latest",
     "@bigbinary/neeto-editor": "latest",
     "@bigbinary/neeto-icons": "^1.9.15",
-    "@bigbinary/neetoui": "^4.4.3",
+    "@bigbinary/neetoui": "^4.4.9",
     "@honeybadger-io/react": "2.0.1",
     "@svgr/webpack": "^6.5.1",
     "antd": "4.18.7",

package/react-utils.cjs.js

@@ -3502,24 +3502,33 @@ var OS = {
   mac: "OS X",
   windows: "Windows"
 };
+var KEY_NAMES = {
+  "delete": "delete",
+  backspace: "backspace"
+};
 
+var isMultipleHotkey = function isMultipleHotkey(hotkey) {
+  return Array.isArray(hotkey);
+};
+var replaceKeys = function replaceKeys(hotkey, keyName, replaceWith) {
+  return isMultipleHotkey(hotkey) ? hotkey.map(function (item) {
+    return item.replaceAll(keyName, replaceWith);
+  }) : hotkey.replaceAll(keyName, replaceWith);
+};
 var convertHotKeyToWindows = function convertHotKeyToWindows(hotkey) {
   ramda.toPairs(MAC_TO_WINDOWS_KEYS_MAP).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       macKey = _ref2[0],
       windowsKey = _ref2[1];
-    hotkey = hotkey.replaceAll(macKey, windowsKey);
+    hotkey = replaceKeys(hotkey, macKey, windowsKey);
   });
   return hotkey;
 };
-var replaceDeleteKeyWithBackspace = function replaceDeleteKeyWithBackspace(hotkey) {
-  return hotkey.replaceAll("delete", "backspace");
-};
 var convertHotkeyToUsersPlatform = function convertHotkeyToUsersPlatform(hotkey) {
   var _platformInfo$os, _platformInfo$os$fami;
   var platformInfo = platform.parse(navigator.userAgent);
   var isOSX = (_platformInfo$os = platformInfo.os) === null || _platformInfo$os === void 0 ? void 0 : (_platformInfo$os$fami = _platformInfo$os.family) === null || _platformInfo$os$fami === void 0 ? void 0 : _platformInfo$os$fami.includes(OS.mac);
-  if (isOSX) return replaceDeleteKeyWithBackspace(hotkey);
+  if (isOSX) return replaceKeys(hotkey, KEY_NAMES["delete"], KEY_NAMES.backspace);
   return convertHotKeyToWindows(hotkey);
 };
 
@@ -4002,14 +4011,14 @@ var customDomainApi = {
   updateCustomDomain: updateCustomDomain
 };
 
-function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useCreateCustomDomain = function useCreateCustomDomain() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (payload) {
     return customDomainApi.createCustomDomain(payload);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -4020,7 +4029,7 @@ var useDeleteCustomDomain = function useDeleteCustomDomain() {
   var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (id) {
     return customDomainApi.deleteCustomDomain(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess(result) {
       var _options$onSuccess;
       (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, result);
@@ -4029,7 +4038,7 @@ var useDeleteCustomDomain = function useDeleteCustomDomain() {
   }));
 };
 var useFetchCustomDomains = function useFetchCustomDomains(payload) {
-  return reactQuery.useQuery([DOMAIN_QUERY_KEY, _objectSpread$3({}, payload)], function () {
+  return reactQuery.useQuery([DOMAIN_QUERY_KEY, _objectSpread$4({}, payload)], function () {
     return customDomainApi.fetchCustomDomains(payload);
   }, {
     staleTime: DEFAULT_STALE_TIME
@@ -4040,7 +4049,7 @@ var useValidateTxt = function useValidateTxt() {
   var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (id) {
     return customDomainApi.validateTxt(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -4051,7 +4060,7 @@ var useValidateCname = function useValidateCname() {
   var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (id) {
     return customDomainApi.validateCname(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -4062,7 +4071,7 @@ var useUpdateCustomDomain = function useUpdateCustomDomain() {
   var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (id) {
     return customDomainApi.updateCustomDomain(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -8421,9 +8430,9 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
 }
 
-function ownKeys$2(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 ownKeys$3(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 //
 // Super simple, non-algorithmic solution since the
 // number of class names will not be greater than 4
@@ -8469,7 +8478,7 @@ function createStyleObject(classNames) {
   });
   var classNamesCombinations = getClassNameCombinations(nonTokenClassNames);
   return classNamesCombinations.reduce(function (styleObject, className) {
-    return _objectSpread$2(_objectSpread$2({}, styleObject), stylesheet[className]);
+    return _objectSpread$3(_objectSpread$3({}, styleObject), stylesheet[className]);
   }, elementStyle);
 }
 function createClassNameString(classNames) {
@@ -8508,7 +8517,7 @@ function createElement(_ref) {
     var props;
 
     if (!useInlineStyles) {
-      props = _objectSpread$2(_objectSpread$2({}, properties), {}, {
+      props = _objectSpread$3(_objectSpread$3({}, properties), {}, {
         className: createClassNameString(properties.className)
       });
     } else {
@@ -8523,7 +8532,7 @@ function createElement(_ref) {
       var className = properties.className && startingClassName.concat(properties.className.filter(function (className) {
         return !allStylesheetSelectors.includes(className);
       }));
-      props = _objectSpread$2(_objectSpread$2({}, properties), {}, {
+      props = _objectSpread$3(_objectSpread$3({}, properties), {}, {
         className: createClassNameString(className) || undefined,
         style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
       });
@@ -8543,9 +8552,9 @@ var checkForListedLanguage = (function (astGenerator, language) {
 
 var _excluded$1 = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
 
-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 ownKeys$2(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; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var newLineRegex = /\n/g;
 
 function getNewLines(str) {
@@ -8618,7 +8627,7 @@ function assembleLineNumberStyles(lineNumberStyle, lineNumber, largestLineNumber
 
   var customLineNumberStyle = typeof lineNumberStyle === 'function' ? lineNumberStyle(lineNumber) : lineNumberStyle; // combine
 
-  var assembledStyle = _objectSpread$1(_objectSpread$1({}, defaultLineNumberStyle), customLineNumberStyle);
+  var assembledStyle = _objectSpread$2(_objectSpread$2({}, defaultLineNumberStyle), customLineNumberStyle);
 
   return assembledStyle;
 }
@@ -8644,7 +8653,7 @@ function createLineElement(_ref3) {
   }
 
   if (wrapLongLines & showLineNumbers) {
-    properties.style = _objectSpread$1(_objectSpread$1({}, properties.style), {}, {
+    properties.style = _objectSpread$2(_objectSpread$2({}, properties.style), {}, {
       display: 'flex'
     });
   }
@@ -8860,7 +8869,7 @@ function highlight$3 (defaultAstGenerator, defaultStyle) {
         _ref7$codeTagProps = _ref7.codeTagProps,
         codeTagProps = _ref7$codeTagProps === void 0 ? {
       className: language ? "language-".concat(language) : undefined,
-      style: _objectSpread$1(_objectSpread$1({}, style['code[class*="language-"]']), style["code[class*=\"language-".concat(language, "\"]")])
+      style: _objectSpread$2(_objectSpread$2({}, style['code[class*="language-"]']), style["code[class*=\"language-".concat(language, "\"]")])
     } : _ref7$codeTagProps,
         _ref7$useInlineStyles = _ref7.useInlineStyles,
         useInlineStyles = _ref7$useInlineStyles === void 0 ? true : _ref7$useInlineStyles,
@@ -8908,11 +8917,11 @@ function highlight$3 (defaultAstGenerator, defaultStyle) {
     });
 
     if (wrapLongLines) {
-      codeTagProps.style = _objectSpread$1(_objectSpread$1({}, codeTagProps.style), {}, {
+      codeTagProps.style = _objectSpread$2(_objectSpread$2({}, codeTagProps.style), {}, {
         whiteSpace: 'pre-wrap'
       });
     } else {
-      codeTagProps.style = _objectSpread$1(_objectSpread$1({}, codeTagProps.style), {}, {
+      codeTagProps.style = _objectSpread$2(_objectSpread$2({}, codeTagProps.style), {}, {
         whiteSpace: 'pre'
       });
     }
@@ -91949,8 +91958,8 @@ var timeFormat = {
 
 var INTERVALS = ["year", "quarter", "month", "week", "day", "hour", "minute", "second"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function 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 REMOVE_SELECT_DOWN_ARROW = {
   DropdownIndicator: function DropdownIndicator() {
     return null;
@@ -91961,7 +91970,7 @@ var REMOVE_SELECT_DOWN_ARROW = {
 };
 var BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN = {
   singleValue: function singleValue(base, state) {
-    return _objectSpread(_objectSpread({}, base), {}, {
+    return _objectSpread$1(_objectSpread$1({}, base), {}, {
       color: state.selectProps.menuIsOpen ? "#c2c8cc" : base.color
     });
   }
@@ -93891,33 +93900,15 @@ var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
 var PRODUCT_LOGO_WIDTH = 40;
 var PRODUCT_LOGO_HEIGHT = 40;
 
-var getTopLinks = function getTopLinks() {
-  var topLinks = [{
-    label: i18next__default["default"].t("neetoCommons.sidebar.myProfile"),
-    icon: neetoIcons.User,
-    onClick: function onClick() {
-      return window.open(MY_PROFILE_URL, "_blank");
-    },
-    "data-cy": "my-profile-button"
-  }];
-  return globalProps.isOwner ? topLinks.concat({
-    label: i18next__default["default"].t("neetoCommons.sidebar.myOrganization"),
-    icon: neetoIcons.Settings,
-    onClick: function onClick() {
-      return window.open(MY_ORGANIZATION_URL, "_blank");
-    },
-    "data-cy": "profile-organization-settings-button"
-  }) : topLinks;
-};
+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 convertAppNameToLogoName = function convertAppNameToLogoName(appName) {
   return "Neeto".concat(pure$1.capitalize(appName.substr(5).toLowerCase()));
 };
 var buildProductLogo = function buildProductLogo() {
   var logoName = convertAppNameToLogoName(globalProps.appName);
   var ProductLogo = ProductLogos__namespace[logoName];
-  if (!ProductLogo) {
-    return {};
-  }
+  if (!ProductLogo) return {};
   return {
     logo: /*#__PURE__*/React__default["default"].createElement(ProductLogo, {
       height: PRODUCT_LOGO_HEIGHT,
@@ -93941,6 +93932,8 @@ var Sidebar = function Sidebar(_ref) {
     isAppSwitcherOpen = _useState2[0],
     setIsAppSwitcherOpen = _useState2[1];
   var location = reactRouterDom.useLocation();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var _useKeyboardShortcuts = useKeyboardShortcutsPaneState(),
     _useKeyboardShortcuts2 = _slicedToArray(_useKeyboardShortcuts, 2),
     setIsOpen = _useKeyboardShortcuts2[1];
@@ -93961,44 +93954,60 @@ var Sidebar = function Sidebar(_ref) {
     name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
     imageUrl: globalProps.user.profileImageUrl,
     email: globalProps.user.email || globalProps.user.phoneNumber,
-    topLinks: extraTopLinks.concat(getTopLinks()),
+    topLinks: [].concat(_toConsumableArray(extraTopLinks), [{
+      label: t("neetoCommons.sidebar.myProfile"),
+      icon: neetoIcons.User,
+      onClick: function onClick() {
+        return window.open(MY_PROFILE_URL, "_blank");
+      },
+      "data-cy": "my-profile-button"
+    }, globalProps.isOwner && {
+      label: t("neetoCommons.sidebar.myOrganization"),
+      icon: neetoIcons.Settings,
+      onClick: function onClick() {
+        return window.open(MY_ORGANIZATION_URL, "_blank");
+      },
+      "data-cy": "profile-organization-settings-button"
+    }]).filter(Boolean),
     bottomLinks: [{
       icon: neetoIcons.ChatBubble,
-      label: i18next__default["default"].t("neetoCommons.sidebar.livechat"),
+      label: t("neetoCommons.sidebar.livechat"),
       onClick: openChatWidget,
       "data-cy": "profile-livechat-button"
-    }, {
-      icon: neetoIcons.Keyboard,
-      label: i18next__default["default"].t("neetoCommons.sidebar.keyboardShortcuts"),
-      onClick: function onClick() {
-        return setIsOpen(true);
-      },
-      "data-cy": "profile-keyboard-shortcuts-button"
     }, {
       icon: neetoIcons.LeftArrow,
-      label: i18next__default["default"].t("neetoCommons.sidebar.logout"),
+      label: t("neetoCommons.sidebar.logout"),
       onClick: handleLogout,
       "data-cy": "profile-logout-button"
-    }],
-    helpProps: {
-      icon: neetoIcons.Help,
-      label: i18next__default["default"].t("neetoCommons.sidebar.help"),
-      onClick: function onClick() {
-        return window.open("https://help.neeto".concat(ramda.toLower(appName), ".com/"), "_blank");
-      }
-    },
-    changelogProps: {
-      id: CHANGELOG_WIDGET_TRIGGER_ID
-    }
+    }]
   });
-  var organizationInfo = ramda.mergeLeft(organizationInfoOverrides, ramda.mergeLeft(globalProps.organization, buildProductLogo()));
+  var organizationInfo = _objectSpread(_objectSpread(_objectSpread({}, organizationInfoOverrides), globalProps.organization), buildProductLogo());
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Sidebar, {
-    isCollapsed: true,
     appName: "neeto".concat(pure$1.capitalize(appName)),
     navLinks: navLinks,
     organizationInfo: organizationInfo,
     profileInfo: profileInfo,
     showAppSwitcher: showAppSwitcher,
+    helpLinks: {
+      documentationProps: {
+        icon: neetoIcons.Help,
+        label: t("neetoCommons.sidebar.help"),
+        onClick: function onClick() {
+          return window.open("https://help.neeto".concat(ramda.toLower(appName), ".com/"), "_blank");
+        }
+      },
+      changelogProps: {
+        id: CHANGELOG_WIDGET_TRIGGER_ID
+      },
+      keyboardShortcutProps: {
+        icon: neetoIcons.Keyboard,
+        label: t("neetoCommons.sidebar.keyboardShortcuts"),
+        onClick: function onClick() {
+          return setIsOpen(true);
+        },
+        "data-cy": "profile-keyboard-shortcuts-button"
+      }
+    },
     onAppSwitcherToggle: function onAppSwitcherToggle() {
       return setIsAppSwitcherOpen(ramda.not);
     }

package/react-utils.js

@@ -5,7 +5,7 @@ import i18next, { t as t$1 } from 'i18next';
 import { mergeLeft, isNil, curryN, either as either$1, isEmpty, curry, complement as complement$1, includes, __, filter, trim, toLower, identity, without, append, prop as prop$1, toPairs, fromPairs, keys, values, last as last$1, assoc, pluck, any, uniq, intersection, difference, pick, not as not$2 } from 'ramda';
 import { Trans, useTranslation } from 'react-i18next';
 import { removeBy as removeBy$1, isNotEmpty, snakeToCamelCase, capitalize, noop as noop$2, findIndexBy, isPresent, isNotPresent as isNotPresent$1, slugify } from '@bigbinary/neeto-commons-frontend/pure';
-import { Search, MenuHorizontal, Info as Info$3, Copy, Check, Close, Delete, Edit, Plus, Help, ExternalLink, Undo, MenuVertical, Clock, Facebook, Linkedin, Twitter, QrCode, ChatBubble, Keyboard, LeftArrow as LeftArrow$1, User, Settings } from '@bigbinary/neeto-icons';
+import { Search, MenuHorizontal, Info as Info$3, Copy, Check, Close, Delete, Edit, Plus, Help, ExternalLink, Undo, MenuVertical, Clock, Facebook, Linkedin, Twitter, QrCode, User, Settings, ChatBubble, LeftArrow as LeftArrow$1, Keyboard } from '@bigbinary/neeto-icons';
 import { Container, Header as Header$1, SubHeader, Sidebar as Sidebar$1, AppSwitcher } from '@bigbinary/neetoui/layouts';
 import { Input as Input$1, Form as Form$2, Button as Button$1, MultiEmailInput, Select as Select$1, Checkbox as Checkbox$1 } from '@bigbinary/neetoui/formik';
 import { Formik, Form as Form$1, FieldArray, ErrorMessage, useFormikContext } from 'formik';
@@ -3465,24 +3465,33 @@ var OS = {
   mac: "OS X",
   windows: "Windows"
 };
+var KEY_NAMES = {
+  "delete": "delete",
+  backspace: "backspace"
+};
 
+var isMultipleHotkey = function isMultipleHotkey(hotkey) {
+  return Array.isArray(hotkey);
+};
+var replaceKeys = function replaceKeys(hotkey, keyName, replaceWith) {
+  return isMultipleHotkey(hotkey) ? hotkey.map(function (item) {
+    return item.replaceAll(keyName, replaceWith);
+  }) : hotkey.replaceAll(keyName, replaceWith);
+};
 var convertHotKeyToWindows = function convertHotKeyToWindows(hotkey) {
   toPairs(MAC_TO_WINDOWS_KEYS_MAP).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       macKey = _ref2[0],
       windowsKey = _ref2[1];
-    hotkey = hotkey.replaceAll(macKey, windowsKey);
+    hotkey = replaceKeys(hotkey, macKey, windowsKey);
   });
   return hotkey;
 };
-var replaceDeleteKeyWithBackspace = function replaceDeleteKeyWithBackspace(hotkey) {
-  return hotkey.replaceAll("delete", "backspace");
-};
 var convertHotkeyToUsersPlatform = function convertHotkeyToUsersPlatform(hotkey) {
   var _platformInfo$os, _platformInfo$os$fami;
   var platformInfo = platform.parse(navigator.userAgent);
   var isOSX = (_platformInfo$os = platformInfo.os) === null || _platformInfo$os === void 0 ? void 0 : (_platformInfo$os$fami = _platformInfo$os.family) === null || _platformInfo$os$fami === void 0 ? void 0 : _platformInfo$os$fami.includes(OS.mac);
-  if (isOSX) return replaceDeleteKeyWithBackspace(hotkey);
+  if (isOSX) return replaceKeys(hotkey, KEY_NAMES["delete"], KEY_NAMES.backspace);
   return convertHotKeyToWindows(hotkey);
 };
 
@@ -3965,14 +3974,14 @@ var customDomainApi = {
   updateCustomDomain: updateCustomDomain
 };
 
-function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useCreateCustomDomain = function useCreateCustomDomain() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var queryClient = useQueryClient();
   return useMutation(function (payload) {
     return customDomainApi.createCustomDomain(payload);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -3983,7 +3992,7 @@ var useDeleteCustomDomain = function useDeleteCustomDomain() {
   var queryClient = useQueryClient();
   return useMutation(function (id) {
     return customDomainApi.deleteCustomDomain(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess(result) {
       var _options$onSuccess;
       (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, result);
@@ -3992,7 +4001,7 @@ var useDeleteCustomDomain = function useDeleteCustomDomain() {
   }));
 };
 var useFetchCustomDomains = function useFetchCustomDomains(payload) {
-  return useQuery([DOMAIN_QUERY_KEY, _objectSpread$3({}, payload)], function () {
+  return useQuery([DOMAIN_QUERY_KEY, _objectSpread$4({}, payload)], function () {
     return customDomainApi.fetchCustomDomains(payload);
   }, {
     staleTime: DEFAULT_STALE_TIME
@@ -4003,7 +4012,7 @@ var useValidateTxt = function useValidateTxt() {
   var queryClient = useQueryClient();
   return useMutation(function (id) {
     return customDomainApi.validateTxt(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -4014,7 +4023,7 @@ var useValidateCname = function useValidateCname() {
   var queryClient = useQueryClient();
   return useMutation(function (id) {
     return customDomainApi.validateCname(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -4025,7 +4034,7 @@ var useUpdateCustomDomain = function useUpdateCustomDomain() {
   var queryClient = useQueryClient();
   return useMutation(function (id) {
     return customDomainApi.updateCustomDomain(id);
-  }, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  }, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       return queryClient.invalidateQueries(DOMAIN_QUERY_KEY);
     }
@@ -8384,9 +8393,9 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
 }
 
-function ownKeys$2(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 ownKeys$3(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 //
 // Super simple, non-algorithmic solution since the
 // number of class names will not be greater than 4
@@ -8432,7 +8441,7 @@ function createStyleObject(classNames) {
   });
   var classNamesCombinations = getClassNameCombinations(nonTokenClassNames);
   return classNamesCombinations.reduce(function (styleObject, className) {
-    return _objectSpread$2(_objectSpread$2({}, styleObject), stylesheet[className]);
+    return _objectSpread$3(_objectSpread$3({}, styleObject), stylesheet[className]);
   }, elementStyle);
 }
 function createClassNameString(classNames) {
@@ -8471,7 +8480,7 @@ function createElement(_ref) {
     var props;
 
     if (!useInlineStyles) {
-      props = _objectSpread$2(_objectSpread$2({}, properties), {}, {
+      props = _objectSpread$3(_objectSpread$3({}, properties), {}, {
         className: createClassNameString(properties.className)
       });
     } else {
@@ -8486,7 +8495,7 @@ function createElement(_ref) {
       var className = properties.className && startingClassName.concat(properties.className.filter(function (className) {
         return !allStylesheetSelectors.includes(className);
       }));
-      props = _objectSpread$2(_objectSpread$2({}, properties), {}, {
+      props = _objectSpread$3(_objectSpread$3({}, properties), {}, {
         className: createClassNameString(className) || undefined,
         style: createStyleObject(properties.className, Object.assign({}, properties.style, style), stylesheet)
       });
@@ -8506,9 +8515,9 @@ var checkForListedLanguage = (function (astGenerator, language) {
 
 var _excluded$1 = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "startingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "code", "astGenerator"];
 
-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 ownKeys$2(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; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var newLineRegex = /\n/g;
 
 function getNewLines(str) {
@@ -8581,7 +8590,7 @@ function assembleLineNumberStyles(lineNumberStyle, lineNumber, largestLineNumber
 
   var customLineNumberStyle = typeof lineNumberStyle === 'function' ? lineNumberStyle(lineNumber) : lineNumberStyle; // combine
 
-  var assembledStyle = _objectSpread$1(_objectSpread$1({}, defaultLineNumberStyle), customLineNumberStyle);
+  var assembledStyle = _objectSpread$2(_objectSpread$2({}, defaultLineNumberStyle), customLineNumberStyle);
 
   return assembledStyle;
 }
@@ -8607,7 +8616,7 @@ function createLineElement(_ref3) {
   }
 
   if (wrapLongLines & showLineNumbers) {
-    properties.style = _objectSpread$1(_objectSpread$1({}, properties.style), {}, {
+    properties.style = _objectSpread$2(_objectSpread$2({}, properties.style), {}, {
       display: 'flex'
     });
   }
@@ -8823,7 +8832,7 @@ function highlight$3 (defaultAstGenerator, defaultStyle) {
         _ref7$codeTagProps = _ref7.codeTagProps,
         codeTagProps = _ref7$codeTagProps === void 0 ? {
       className: language ? "language-".concat(language) : undefined,
-      style: _objectSpread$1(_objectSpread$1({}, style['code[class*="language-"]']), style["code[class*=\"language-".concat(language, "\"]")])
+      style: _objectSpread$2(_objectSpread$2({}, style['code[class*="language-"]']), style["code[class*=\"language-".concat(language, "\"]")])
     } : _ref7$codeTagProps,
         _ref7$useInlineStyles = _ref7.useInlineStyles,
         useInlineStyles = _ref7$useInlineStyles === void 0 ? true : _ref7$useInlineStyles,
@@ -8871,11 +8880,11 @@ function highlight$3 (defaultAstGenerator, defaultStyle) {
     });
 
     if (wrapLongLines) {
-      codeTagProps.style = _objectSpread$1(_objectSpread$1({}, codeTagProps.style), {}, {
+      codeTagProps.style = _objectSpread$2(_objectSpread$2({}, codeTagProps.style), {}, {
         whiteSpace: 'pre-wrap'
       });
     } else {
-      codeTagProps.style = _objectSpread$1(_objectSpread$1({}, codeTagProps.style), {}, {
+      codeTagProps.style = _objectSpread$2(_objectSpread$2({}, codeTagProps.style), {}, {
         whiteSpace: 'pre'
       });
     }
@@ -91912,8 +91921,8 @@ var timeFormat = {
 
 var INTERVALS = ["year", "quarter", "month", "week", "day", "hour", "minute", "second"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function 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 REMOVE_SELECT_DOWN_ARROW = {
   DropdownIndicator: function DropdownIndicator() {
     return null;
@@ -91924,7 +91933,7 @@ var REMOVE_SELECT_DOWN_ARROW = {
 };
 var BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN = {
   singleValue: function singleValue(base, state) {
-    return _objectSpread(_objectSpread({}, base), {}, {
+    return _objectSpread$1(_objectSpread$1({}, base), {}, {
       color: state.selectProps.menuIsOpen ? "#c2c8cc" : base.color
     });
   }
@@ -93854,33 +93863,15 @@ var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
 var PRODUCT_LOGO_WIDTH = 40;
 var PRODUCT_LOGO_HEIGHT = 40;
 
-var getTopLinks = function getTopLinks() {
-  var topLinks = [{
-    label: i18next.t("neetoCommons.sidebar.myProfile"),
-    icon: User,
-    onClick: function onClick() {
-      return window.open(MY_PROFILE_URL, "_blank");
-    },
-    "data-cy": "my-profile-button"
-  }];
-  return globalProps.isOwner ? topLinks.concat({
-    label: i18next.t("neetoCommons.sidebar.myOrganization"),
-    icon: Settings,
-    onClick: function onClick() {
-      return window.open(MY_ORGANIZATION_URL, "_blank");
-    },
-    "data-cy": "profile-organization-settings-button"
-  }) : topLinks;
-};
+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 convertAppNameToLogoName = function convertAppNameToLogoName(appName) {
   return "Neeto".concat(capitalize(appName.substr(5).toLowerCase()));
 };
 var buildProductLogo = function buildProductLogo() {
   var logoName = convertAppNameToLogoName(globalProps.appName);
   var ProductLogo = ProductLogos[logoName];
-  if (!ProductLogo) {
-    return {};
-  }
+  if (!ProductLogo) return {};
   return {
     logo: /*#__PURE__*/React__default.createElement(ProductLogo, {
       height: PRODUCT_LOGO_HEIGHT,
@@ -93904,6 +93895,8 @@ var Sidebar = function Sidebar(_ref) {
     isAppSwitcherOpen = _useState2[0],
     setIsAppSwitcherOpen = _useState2[1];
   var location = useLocation();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useKeyboardShortcuts = useKeyboardShortcutsPaneState(),
     _useKeyboardShortcuts2 = _slicedToArray(_useKeyboardShortcuts, 2),
     setIsOpen = _useKeyboardShortcuts2[1];
@@ -93924,44 +93917,60 @@ var Sidebar = function Sidebar(_ref) {
     name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
     imageUrl: globalProps.user.profileImageUrl,
     email: globalProps.user.email || globalProps.user.phoneNumber,
-    topLinks: extraTopLinks.concat(getTopLinks()),
+    topLinks: [].concat(_toConsumableArray(extraTopLinks), [{
+      label: t("neetoCommons.sidebar.myProfile"),
+      icon: User,
+      onClick: function onClick() {
+        return window.open(MY_PROFILE_URL, "_blank");
+      },
+      "data-cy": "my-profile-button"
+    }, globalProps.isOwner && {
+      label: t("neetoCommons.sidebar.myOrganization"),
+      icon: Settings,
+      onClick: function onClick() {
+        return window.open(MY_ORGANIZATION_URL, "_blank");
+      },
+      "data-cy": "profile-organization-settings-button"
+    }]).filter(Boolean),
     bottomLinks: [{
       icon: ChatBubble,
-      label: i18next.t("neetoCommons.sidebar.livechat"),
+      label: t("neetoCommons.sidebar.livechat"),
       onClick: openChatWidget,
       "data-cy": "profile-livechat-button"
-    }, {
-      icon: Keyboard,
-      label: i18next.t("neetoCommons.sidebar.keyboardShortcuts"),
-      onClick: function onClick() {
-        return setIsOpen(true);
-      },
-      "data-cy": "profile-keyboard-shortcuts-button"
     }, {
       icon: LeftArrow$1,
-      label: i18next.t("neetoCommons.sidebar.logout"),
+      label: t("neetoCommons.sidebar.logout"),
       onClick: handleLogout,
       "data-cy": "profile-logout-button"
-    }],
-    helpProps: {
-      icon: Help,
-      label: i18next.t("neetoCommons.sidebar.help"),
-      onClick: function onClick() {
-        return window.open("https://help.neeto".concat(toLower(appName), ".com/"), "_blank");
-      }
-    },
-    changelogProps: {
-      id: CHANGELOG_WIDGET_TRIGGER_ID
-    }
+    }]
   });
-  var organizationInfo = mergeLeft(organizationInfoOverrides, mergeLeft(globalProps.organization, buildProductLogo()));
+  var organizationInfo = _objectSpread(_objectSpread(_objectSpread({}, organizationInfoOverrides), globalProps.organization), buildProductLogo());
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Sidebar$1, {
-    isCollapsed: true,
     appName: "neeto".concat(capitalize(appName)),
     navLinks: navLinks,
     organizationInfo: organizationInfo,
     profileInfo: profileInfo,
     showAppSwitcher: showAppSwitcher,
+    helpLinks: {
+      documentationProps: {
+        icon: Help,
+        label: t("neetoCommons.sidebar.help"),
+        onClick: function onClick() {
+          return window.open("https://help.neeto".concat(toLower(appName), ".com/"), "_blank");
+        }
+      },
+      changelogProps: {
+        id: CHANGELOG_WIDGET_TRIGGER_ID
+      },
+      keyboardShortcutProps: {
+        icon: Keyboard,
+        label: t("neetoCommons.sidebar.keyboardShortcuts"),
+        onClick: function onClick() {
+          return setIsOpen(true);
+        },
+        "data-cy": "profile-keyboard-shortcuts-button"
+      }
+    },
     onAppSwitcherToggle: function onAppSwitcherToggle() {
       return setIsAppSwitcherOpen(not$2);
     }