npm - @bigbinary/neeto-commons-frontend - Versions diffs - 2.0.53 → 2.0.54 - Mend

@bigbinary/neeto-commons-frontend 2.0.53 → 2.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.53",
+  "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",
@@ -143,7 +143,7 @@
     "@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 CHANGED Viewed

@@ -4011,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);
     }
@@ -4029,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);
@@ -4038,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
@@ -4049,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);
     }
@@ -4060,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);
     }
@@ -4071,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);
     }
@@ -8430,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
@@ -8478,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) {
@@ -8517,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 {
@@ -8532,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)
       });
@@ -8552,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) {
@@ -8627,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;
 }
@@ -8653,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'
     });
   }
@@ -8869,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,
@@ -8917,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'
       });
     }
@@ -91958,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;
@@ -91970,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
     });
   }
@@ -93900,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,
@@ -93950,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];
@@ -93970,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 CHANGED Viewed

@@ -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';
@@ -3974,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);
     }
@@ -3992,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);
@@ -4001,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
@@ -4012,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);
     }
@@ -4023,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);
     }
@@ -4034,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);
     }
@@ -8393,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
@@ -8441,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) {
@@ -8480,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 {
@@ -8495,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)
       });
@@ -8515,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) {
@@ -8590,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;
 }
@@ -8616,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'
     });
   }
@@ -8832,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,
@@ -8880,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'
       });
     }
@@ -91921,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;
@@ -91933,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
     });
   }
@@ -93863,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,
@@ -93913,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];
@@ -93933,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);
     }