@bigbinary/neeto-molecules 1.11.4 → 1.11.5

package/dist/Sidebar.js

@@ -1,124 +1,65 @@
-import React, { useState, forwardRef, useEffect, useRef } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import React__default, { useState, forwardRef, useEffect, useRef } from 'react';
 import classnames from 'classnames';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 import useLocalStorage from '@bigbinary/neeto-commons-frontend/react-utils/useLocalStorage';
-import { Typography, Input, Tooltip, Spinner, Avatar, Button, Dropdown, Alert, Pane, Toastr } from '@bigbinary/neetoui';
-import { toLower, all, mergeDeepLeft, mergeRight, curry, is, includes, __, not } from 'ramda';
+import { Typography, Input, Tooltip, Spinner, Avatar, Button, Alert, Pane, Toastr } from '@bigbinary/neetoui';
+import { toLower, all, mergeDeepLeft, curry, is, includes, __, not } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { Link, NavLink, useHistory, useLocation } from 'react-router-dom';
 import useFetchNeetoApps from '@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps';
-import { NeetoIcon, Search, AppSwitcher as AppSwitcher$1, ChatEmpty, Book, Gift, Keyboard, User, Settings, LeftArrow, Help, MenuVertical, MenuHorizontal, Down } from '@bigbinary/neeto-icons';
+import { NeetoIcon, Search, AppSwitcher as AppSwitcher$1, ChatEmpty, Book, Gift, Keyboard, User, Settings, LeftArrow, Help, Down } from '@bigbinary/neeto-icons';
+import { n } from './inject-css-c86de496.js';
+import { _ as _extends } from './extends-093996c9.js';
 import { capitalize, isPresent, truncate, findBy, hyphenate, _findIndexBy, isNotPresent } from '@bigbinary/neeto-cist';
 import * as AppIcons from '@bigbinary/neeto-icons/app-icons';
-import { t as t$1 } from 'i18next';
+import { t } from 'i18next';
 import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils/axios';
 import { removeFromLocalStorage, getQueryParams } from '@bigbinary/neeto-commons-frontend/utils/general';
-import KeyboardShortcuts from '@bigbinary/neeto-molecules/KeyboardShortcuts';
+import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
+import { _ as _defineProperty } from './defineProperty-549061a7.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import KeyboardShortcuts from './KeyboardShortcuts.js';
 import * as ProductTypefaceLogos from '@bigbinary/neeto-icons/typeface-logos';
 import { Neeto } from '@bigbinary/neeto-icons/typeface-logos';
 import { SINGULAR, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import { useNavigationCheckpoints } from '@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint';
 import { useDestroySegment, buildUrlFromFilters, useUpdateSegment, buildUrlFromSegment } from '@bigbinary/neeto-filters-frontend';
 import { useHistory as useHistory$1 } from 'react-router-dom/cjs/react-router-dom.min';
+import MoreDropdown from './MoreDropdown.js';
 import { showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/utils';
 import { Form, Input as Input$1, ActionBlock } from '@bigbinary/neetoui/formik';
 import * as yup from 'yup';
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
+import '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
+import 'zustand';
+import 'zustand/shallow';
+import '@bigbinary/neetoui/managers';
+import '@bigbinary/neeto-hotkeys';
+import 'platform';
 
 var Chevron = function Chevron(_ref) {
   var style = _ref.style;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default.createElement("svg", {
     height: "16",
     viewBox: "0 0 16 16",
     width: "16",
     style: style
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default.createElement("path", {
     d: "M7.07031 13.8887C7.2207 14.0391 7.40527 14.1211 7.62402 14.1211C8.06836 14.1211 8.41699 13.7725 8.41699 13.3281C8.41699 13.1094 8.32812 12.9043 8.17773 12.7539L3.37207 8.05762L8.17773 3.375C8.32812 3.21777 8.41699 3.0127 8.41699 2.80078C8.41699 2.35645 8.06836 2.00781 7.62402 2.00781C7.40527 2.00781 7.2207 2.08984 7.07031 2.24023L1.73828 7.44922C1.56055 7.62012 1.46484 7.8252 1.46484 8.06445C1.46484 8.29688 1.55371 8.49512 1.73828 8.67969L7.07031 13.8887ZM13.1748 13.8887C13.3252 14.0391 13.5098 14.1211 13.7354 14.1211C14.1797 14.1211 14.5283 13.7725 14.5283 13.3281C14.5283 13.1094 14.4395 12.9043 14.2891 12.7539L9.4834 8.05762L14.2891 3.375C14.4395 3.21777 14.5283 3.0127 14.5283 2.80078C14.5283 2.35645 14.1797 2.00781 13.7354 2.00781C13.5098 2.00781 13.3252 2.08984 13.1748 2.24023L7.84961 7.44922C7.66504 7.62012 7.57617 7.8252 7.56934 8.06445C7.56934 8.29688 7.66504 8.49512 7.84961 8.67969L13.1748 13.8887Z",
     fill: "currentColor"
   }));
 };
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
 var css$1 = ".neeto-molecules-app-switcher__wrapper{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:40px;position:relative;transition:all .3s;width:100%}@media only screen and (max-width:992px){.neeto-molecules-app-switcher__wrapper{padding:32px}}@media screen and (max-width:768px){.neeto-molecules-app-switcher__wrapper{padding:16px}}.neeto-molecules-app-switcher__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media only screen and (max-width:992px){.neeto-molecules-app-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-app-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-app-switcher__header{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}@media only screen and (max-width:768px){.neeto-molecules-app-switcher__header{align-items:flex-start;flex-direction:column-reverse;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-app-switcher__header h1{font-size:24px}}.neeto-molecules-app-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-app-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-app-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-app-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-app-switcher-link{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:2px;cursor:pointer;display:flex;gap:12px;max-width:100%;padding:12px 16px;text-decoration:none;transition:background-color .3s ease-in-out;width:100%}.neeto-molecules-app-switcher-link:focus,.neeto-molecules-app-switcher-link:focus-visible{outline:none}.neeto-molecules-app-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-app-switcher-link:not(.neeto-molecules-app-switcher-link--active):hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-app-switcher-link--active{background:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-600))}.neeto-molecules-app-switcher-link__icon-holder{align-items:center;border-radius:var(--neeto-ui-rounded-lg);display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.neeto-molecules-app-switcher-link__content{flex-grow:1}.neeto-molecules-app-switcher-link__content span{display:block}";
 n(css$1,{});
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 var AppLink = function AppLink(_ref) {
   var name = _ref.name,
     description = _ref.description,
     url = _ref.url;
   var appName = "Neeto".concat(name.charAt(0)).concat(name.slice(1).toLowerCase());
   var AppIcon = AppIcons[appName];
-  return /*#__PURE__*/React.createElement("a", {
+  return /*#__PURE__*/React__default.createElement("a", {
     "data-cy": "".concat(name, "-app-link"),
     "data-test-id": "neetoapp-link-".concat(name),
     href: url,
@@ -127,29 +68,29 @@ var AppLink = function AppLink(_ref) {
     className: classnames("neeto-molecules-app-switcher-link", {
       "neeto-molecules-app-switcher-link--active": capitalize(globalProps.appName) === appName
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: classnames("neeto-molecules-app-switcher-link__icon-holder", {
       "neeto-ui-bg-primary-500": !AppIcon
     })
-  }, AppIcon ? /*#__PURE__*/React.createElement(AppIcon, {
+  }, AppIcon ? /*#__PURE__*/React__default.createElement(AppIcon, {
     size: 42
-  }) : /*#__PURE__*/React.createElement(NeetoIcon, {
+  }) : /*#__PURE__*/React__default.createElement(NeetoIcon, {
     color: "white",
     size: 42
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-app-switcher-link__content"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     lineHeight: "relaxed",
     style: "h4",
     weight: "medium"
-  }, name), /*#__PURE__*/React.createElement(Typography, {
+  }, name), /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     style: "body3",
     weight: "normal"
   }, description)));
 };
-var AppLink$1 = /*#__PURE__*/React.memo(AppLink);
+var AppLink$1 = /*#__PURE__*/React__default.memo(AppLink);
 
 var Body = function Body() {
   var _useTranslation = useTranslation(),
@@ -168,42 +109,42 @@ var Body = function Body() {
   var handleSearch = function handleSearch(e) {
     return setSearchTerm(e.target.value);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-app-switcher__header",
     "data-cy": "app-switcher-body-wrapper"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     style: "h1"
-  }, t("neetoMolecules.appSwitcher.chooseNeetoProduct")), /*#__PURE__*/React.createElement("div", {
+  }, t("neetoMolecules.appSwitcher.chooseNeetoProduct")), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-app-switcher__search-wrapper"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React__default.createElement(Input, {
     autoFocus: true,
     "data-cy": "app-switcher-search-input",
     placeholder: t("neetoMolecules.appSwitcher.searchProducts"),
-    prefix: /*#__PURE__*/React.createElement(Search, null),
+    prefix: /*#__PURE__*/React__default.createElement(Search, null),
     type: "search",
     value: searchTerm,
     onChange: handleSearch
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-app-switcher__body"
-  }, (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/React.createElement("div", {
+  }, (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-app-switcher__grid"
   }, filteredApps.map(function (app) {
-    return /*#__PURE__*/React.createElement(AppLink$1, _extends({
+    return /*#__PURE__*/React__default.createElement(AppLink$1, _extends({
       key: app.name
     }, app));
-  })) : /*#__PURE__*/React.createElement(Typography, {
+  })) : /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-text-center",
     style: "body1"
   }, t("neetoMolecules.appSwitcher.noApps"))));
 };
 
 var AppSwitcher = function AppSwitcher() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-app-switcher__wrapper",
     "data-cy": "switcher-wrapper",
     "data-testid": "switcher-wrapper",
     key: "switcher-wrapper"
-  }, /*#__PURE__*/React.createElement(Body, null));
+  }, /*#__PURE__*/React__default.createElement(Body, null));
 };
 
 var css = ":root{--neeto-molecules-sidebar-width:240px;--neeto-molecules-sidebar-wrapper-z-index:99997;--neeto-molecules-sidebar-z-index:99998;--neeto-chat-primary:136,134,255;--neeto-wireframe-primary:106,103,232;--neeto-site-primary:129,118,255;--neeto-desk-primary:253,148,55;--neeto-planner-primary:82,169,198;--neeto-replay-primary:32,199,189;--neeto-course-primary:140,214,114;--neeto-ci-primary:255,133,184;--neeto-invoice-primary:70,160,211;--neeto-quiz-primary:254,99,99;--neeto-runner-primary:75,71,255;--neeto-form-primary:254,128,114;--neeto-crm-primary:96,154,240;--neeto-changelog-primary:255,135,135;--neeto-deploy-primary:20,209,164;--neeto-kb-primary:101,205,161;--neeto-cal-primary:238,77,95;--neeto-invisible-primary:121,157,250;--neeto-testify-primary:255,158,69;--neeto-monitor-primary:70,181,197;--neeto-git-primary:255,78,110}@media screen and (min-width:1024px){:root{--neeto-molecules-sidebar-width:240px}}.neeto-molecules-sidebar__wrapper{display:flex;max-width:240px;max-width:var(--neeto-molecules-sidebar-width);position:relative;transition:all .15s;width:240px;width:var(--neeto-molecules-sidebar-width)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper{height:100%;left:0;max-width:100%;position:fixed;top:0;transition:none;width:100%;z-index:99997;z-index:var(--neeto-molecules-sidebar-wrapper-z-index)}.neeto-molecules-sidebar__wrapper .neeto-molecules-sidebar{left:0;max-width:240px;max-width:var(--neeto-molecules-sidebar-width);position:fixed;top:0;transition:none;width:240px;width:var(--neeto-molecules-sidebar-width)}}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{right:-36px;transform:scale(-1)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{left:8px;right:auto}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar{left:-240px;left:calc(var(--neeto-molecules-sidebar-width)*-1)}}.neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-gray-100));border-right:1px solid rgb(var(--neeto-ui-gray-100));height:100vh;padding:24px 0;width:100%;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}.neeto-molecules-sidebar__no-shrinkable{max-width:240px;max-width:var(--neeto-molecules-sidebar-width);width:240px;width:var(--neeto-molecules-sidebar-width)}.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\"}.neeto-molecules-sidebar__toggler{position:absolute;right:8px;top:8px;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}@media screen and (max-width:768px){.neeto-molecules-sidebar__toggler{left:202px;left:calc(var(--neeto-molecules-sidebar-width) - 38px);right:auto;transition:none}}.neeto-molecules-sidebar__header{margin:14px 0 28px;padding:0 24px}.neeto-molecules-sidebar__logo svg{height:20px;max-width:100%;width:auto}.neeto-molecules-sidebar__links{margin-bottom:40px}.neeto-molecules-sidebar__link{color:rgb(var(--neeto-ui-gray-800));gap:10px;padding:12px 24px;position:relative;text-decoration:none!important;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__link-icon{flex-shrink:0;transition:var(--neeto-ui-transition)}.neeto-molecules-sidebar__link-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-sidebar__link-icon--rotate{transform:scale(-1)}.neeto-molecules-sidebar__link-icon--caret{opacity:0;transition:opacity .3s ease-in-out}.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{flex-grow:1;text-align:left}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible,.neeto-molecules-sidebar__link[aria-expanded=true]{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));outline:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-label{font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus-visible .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:hover .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link[aria-expanded=true] .neeto-molecules-sidebar__link-icon--caret{opacity:1}.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-wrapper{background-color:rgb(var(--neeto-ui-white));padding:4px 0}.neeto-molecules-sidebar__sublink{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-gray-700));cursor:pointer;gap:8px;padding:8px 24px 8px 58px;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__sublink:not(:last-child){margin-bottom:4px}.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{opacity:.75}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__sublink:hover .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{color:rgb(var(--neeto-ui-gray-800));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink:focus .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:focus-visible .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);text-decoration:none}.neeto-molecules-sidebar__sublink.active .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:active .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__footer{margin-top:auto}.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-app-switcher-popup-wrapper,.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:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-molecules-app-switcher-popup-wrapper .tippy-content,.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-app-switcher-popup-wrapper .tippy-svg-arrow,.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-help-sublist,.neeto-molecules-profile-sublist{list-style:none;margin:0;padding:4px 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-help-sublist__item-btn,.neeto-molecules-profile-sublist__item-btn{border-radius:0;justify-content:flex-end!important;min-height:40px;text-align:left}.neeto-molecules-help-sublist__item-btn.active,.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn-icon svg path,.neeto-molecules-profile-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-help-sublist__item-btn span,.neeto-molecules-profile-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-sidebar__link-icon{position:relative}.neeto-molecules-sidebar__notif-count{position:absolute;right:-6px;top:-6px;z-index:1}.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;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-molecules-app-switcher-popup-wrapper{height:calc(100vh - 16px);margin-bottom:8px;min-width:calc(100vw - 176px);overflow-y:auto}@media screen and (max-width:768px){.neeto-molecules-app-switcher-popup-wrapper{width:calc(100vw - 185px)!important}}.neeto-molecules-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:769px){.neeto-molecules-sidebar__backdrop{display:none;visibility:hidden}}.neeto-molecules-sidebar-segments-header{padding-left:58px}";
@@ -220,13 +161,13 @@ var AppSwitcherButton = function AppSwitcherButton() {
     data = _useFetchNeetoApps.data,
     refetchNeetoApps = _useFetchNeetoApps.refetch,
     isStale = _useFetchNeetoApps.isStale;
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
     interactive: true,
     appendTo: function appendTo() {
       return document.body;
     },
     className: "neeto-molecules-app-switcher-popup-wrapper",
-    content: /*#__PURE__*/React.createElement(AppSwitcher, null),
+    content: /*#__PURE__*/React__default.createElement(AppSwitcher, null),
     delay: [300, null],
     disabled: !data,
     hideOnClick: false,
@@ -234,7 +175,7 @@ var AppSwitcherButton = function AppSwitcherButton() {
     position: "right",
     strategy: "fixed",
     theme: "light"
-  }, /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React__default.createElement("button", {
     className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--app-switcher neeto-molecules-sidebar__link--button neeto-ui-flex neeto-ui-w-full neeto-ui-select-none neeto-ui-items-center neeto-ui-justify-start neeto-ui-shadow-none",
     "data-cy": "app-switcher-button",
     "data-testid": "app-switcher-button",
@@ -243,13 +184,13 @@ var AppSwitcherButton = function AppSwitcherButton() {
       refetchNeetoApps();
       setHasHovered(true);
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center h-6 w-6"
-  }, !data && hasHovered ? /*#__PURE__*/React.createElement("span", {
+  }, !data && hasHovered ? /*#__PURE__*/React__default.createElement("span", {
     "data-testid": "app-switcher-button-loader"
-  }, /*#__PURE__*/React.createElement(Spinner, null)) : /*#__PURE__*/React.createElement(AppSwitcher$1, {
+  }, /*#__PURE__*/React__default.createElement(Spinner, null)) : /*#__PURE__*/React__default.createElement(AppSwitcher$1, {
     size: 24
-  })), /*#__PURE__*/React.createElement(Typography, {
+  })), /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-molecules-sidebar__link-label",
     component: "span",
     style: "body2",
@@ -271,7 +212,7 @@ var SUB_LINK_TYPES = {
 };
 var DEFAULT_HELP_LINK_PROPS = {
   liveChatProps: {
-    label: t$1("neetoMolecules.sidebar.helpLinks.liveChat"),
+    label: t("neetoMolecules.sidebar.helpLinks.liveChat"),
     icon: ChatEmpty,
     "data-cy": "help-link-live-chat-button",
     onClick: function onClick() {
@@ -281,7 +222,7 @@ var DEFAULT_HELP_LINK_PROPS = {
     }
   },
   helpCenterProps: {
-    label: t$1("neetoMolecules.sidebar.helpLinks.helpArticles"),
+    label: t("neetoMolecules.sidebar.helpLinks.helpArticles"),
     icon: Book,
     "data-cy": "help-link-help-center-button",
     href: "https://help.".concat(toLower(globalProps.appName), ".com/"),
@@ -289,13 +230,13 @@ var DEFAULT_HELP_LINK_PROPS = {
   },
   changelogProps: {
     id: CHANGELOG_WIDGET_TRIGGER_ID,
-    label: t$1("neetoMolecules.sidebar.helpLinks.whatsNew"),
+    label: t("neetoMolecules.sidebar.helpLinks.whatsNew"),
     icon: Gift,
     "data-cy": "help-link-changelog-button",
     isVisible: shouldShowWhatsNew
   },
   keyboardShortcutProps: {
-    label: t$1("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
+    label: t("neetoMolecules.sidebar.helpLinks.keyboardShortcuts"),
     icon: Keyboard,
     "data-cy": "help-link-keyboard-shortcut-button"
   }
@@ -329,14 +270,14 @@ var getProfileInfo = function getProfileInfo(isOwner, profileInfoOverrides) {
     imageUrl: (_globalProps$user3 = globalProps.user) === null || _globalProps$user3 === void 0 ? void 0 : _globalProps$user3.profileImageUrl,
     email: ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.email) || ((_globalProps$user5 = globalProps.user) === null || _globalProps$user5 === void 0 ? void 0 : _globalProps$user5.phoneNumber),
     topLinks: [{
-      label: t$1("neetoMolecules.sidebar.myProfile"),
+      label: t("neetoMolecules.sidebar.myProfile"),
       icon: User,
       onClick: function onClick() {
         return window.open(MY_PROFILE_URL, "_blank");
       },
       "data-cy": "my-profile-button"
     }, isOwner && {
-      label: t$1("neetoMolecules.sidebar.myOrganization"),
+      label: t("neetoMolecules.sidebar.myOrganization"),
       icon: Settings,
       onClick: function onClick() {
         return window.open(MY_ORGANIZATION_URL, "_blank");
@@ -345,7 +286,7 @@ var getProfileInfo = function getProfileInfo(isOwner, profileInfoOverrides) {
     }].filter(Boolean),
     bottomLinks: [{
       icon: LeftArrow,
-      label: t$1("neetoMolecules.sidebar.logout"),
+      label: t("neetoMolecules.sidebar.logout"),
       onClick: function onClick() {
         resetAuthTokens();
         removeFromLocalStorage(getSidebarStateLocalStorageKey());
@@ -368,7 +309,7 @@ var ProfileSection = function ProfileSection(_ref, ref) {
     data = _useFetchNeetoApps.data,
     refetchNeetoApps = _useFetchNeetoApps.refetch,
     isStale = _useFetchNeetoApps.isStale;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", {
     ref: ref,
     className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none",
     "data-cy": "profile-section",
@@ -378,14 +319,14 @@ var ProfileSection = function ProfileSection(_ref, ref) {
       refetchNeetoApps();
       setHasHovered(true);
     }
-  }, !data && hasHovered ? /*#__PURE__*/React.createElement("span", {
+  }, !data && hasHovered ? /*#__PURE__*/React__default.createElement("span", {
     "data-testid": "profile-avatar-loader"
-  }, /*#__PURE__*/React.createElement(Spinner, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {
+  }, /*#__PURE__*/React__default.createElement(Spinner, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Avatar, {
     className: "neeto-ui-flex-shrink-0 neeto-molecules-sidebar__profile-avatar",
     "data-testid": "profile-avatar",
     size: "small",
     user: profileInfo
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-molecules-sidebar__link-label",
     component: "span",
     style: "body2",
@@ -394,115 +335,29 @@ var ProfileSection = function ProfileSection(_ref, ref) {
 };
 var ProfileSection$1 = /*#__PURE__*/forwardRef(ProfileSection);
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-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;
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var _excluded$7 = ["onClick", "label", "icon"];
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$4 = ["onClick", "label", "icon"];
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LinkSection = function LinkSection(_ref) {
   var links = _ref.links;
-  return /*#__PURE__*/React.createElement("ul", {
+  return /*#__PURE__*/React__default.createElement("ul", {
     className: "neeto-molecules-profile-sublist"
   }, links.map(function (_ref2, idx) {
     var onClick = _ref2.onClick,
       label = _ref2.label,
       _ref2$icon = _ref2.icon,
       icon = _ref2$icon === void 0 ? null : _ref2$icon,
-      otherProps = _objectWithoutProperties(_ref2, _excluded$7);
-    return /*#__PURE__*/React.createElement("li", {
+      otherProps = _objectWithoutProperties(_ref2, _excluded$4);
+    return /*#__PURE__*/React__default.createElement("li", {
       className: "neeto-molecules-profile-sublist__item",
       key: idx
-    }, /*#__PURE__*/React.createElement(Button, _extends({
+    }, /*#__PURE__*/React__default.createElement(Button, _extends({
       fullWidth: true,
       className: "neeto-molecules-profile-sublist__item-btn",
       iconPosition: "left",
       iconSize: 18,
       style: "text"
-    }, _objectSpread$5({
+    }, _objectSpread$3({
       icon: icon,
       label: label,
       onClick: onClick
@@ -518,35 +373,35 @@ var ProfileMenu = function ProfileMenu(_ref) {
     topLinks = profileInfo.topLinks,
     bottomLinks = profileInfo.bottomLinks,
     customContent = profileInfo.customContent;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-molecules-profile-popup",
     "data-cy": "profile-popup",
     "data-testid": "profile-popup"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: classnames("neeto-ui-relative neeto-ui-flex neeto-ui-items-center neeto-ui-p-3 neeto-ui-bg-primary-100 neeto-molecules-profile-popup__top-section")
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "top-0 left-0"
-  }, /*#__PURE__*/React.createElement(Avatar, {
+  }, /*#__PURE__*/React__default.createElement(Avatar, {
     size: "large",
     user: profileInfo
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-grow neeto-ui-min-w-0 neeto-ui-pl-3"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-m-0",
     component: "h2",
     lineHeight: "tight",
     style: "h5",
     title: name,
     weight: "semibold"
-  }, truncate(name, 18)), email && /*#__PURE__*/React.createElement(Typography, {
+  }, truncate(name, 18)), email && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-700",
     lineHeight: "tight",
     style: "body3"
-  }, email))), /*#__PURE__*/React.createElement("div", {
+  }, email))), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-sidebar__profile-wrapper-custom-content"
-  }, customContent), topLinks && /*#__PURE__*/React.createElement(LinkSection, {
+  }, customContent), topLinks && /*#__PURE__*/React__default.createElement(LinkSection, {
     links: [].concat(_toConsumableArray(extraTopLinks), _toConsumableArray(topLinks))
-  }), bottomLinks && /*#__PURE__*/React.createElement(LinkSection, {
+  }), bottomLinks && /*#__PURE__*/React__default.createElement(LinkSection, {
     links: bottomLinks
   }));
 };
@@ -557,13 +412,13 @@ var ProfileButton = function ProfileButton(_ref) {
   var _useFetchNeetoApps = useFetchNeetoApps(),
     data = _useFetchNeetoApps.data;
   var profileInfo = getProfileInfo(data === null || data === void 0 ? void 0 : data.isOwner, profileInfoOverrides);
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
     interactive: true,
     appendTo: function appendTo() {
       return document.body;
     },
     className: "neeto-molecules-profile-popup-wrapper",
-    content: /*#__PURE__*/React.createElement(ProfileMenu, {
+    content: /*#__PURE__*/React__default.createElement(ProfileMenu, {
       extraTopLinks: extraTopLinks,
       profileInfo: profileInfo
     }),
@@ -574,7 +429,7 @@ var ProfileButton = function ProfileButton(_ref) {
     position: "right",
     strategy: "fixed",
     theme: "light"
-  }, /*#__PURE__*/React.createElement(ProfileSection$1, {
+  }, /*#__PURE__*/React__default.createElement(ProfileSection$1, {
     profileInfo: profileInfo
   }));
 };
@@ -585,18 +440,18 @@ var HelpSection = function HelpSection(_ref, ref) {
   var changesCount = _ref.changesCount;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", {
     ref: ref,
     className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none",
     "data-cy": "help-button"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React.createElement(Help, {
+  }, /*#__PURE__*/React__default.createElement(Help, {
     size: 24
-  }), isPresent(changesCount) && /*#__PURE__*/React.createElement("span", {
+  }), isPresent(changesCount) && /*#__PURE__*/React__default.createElement("span", {
     className: "neeto-molecules-sidebar__notif-count",
     "data-testid": "help-icon-changes-count"
-  }, changesCount)), /*#__PURE__*/React.createElement(Typography, {
+  }, changesCount)), /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-molecules-sidebar__link-label",
     component: "span",
     style: "body2",
@@ -605,9 +460,9 @@ var HelpSection = function HelpSection(_ref, ref) {
 };
 var HelpSection$1 = /*#__PURE__*/forwardRef(HelpSection);
 
-var _excluded$6 = ["label"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$3 = ["label"];
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HelpSectionMenu = function HelpSectionMenu(_ref) {
   var helpLinkOverrides = _ref.helpLinkOverrides,
     changesCount = _ref.changesCount;
@@ -618,7 +473,7 @@ var HelpSectionMenu = function HelpSectionMenu(_ref) {
     var _DEFAULT_HELP_LINK_PR, _DEFAULT_HELP_LINK_PR2, _DEFAULT_HELP_LINK_PR3;
     return (_DEFAULT_HELP_LINK_PR = (_DEFAULT_HELP_LINK_PR2 = (_DEFAULT_HELP_LINK_PR3 = DEFAULT_HELP_LINK_PROPS[key]).isVisible) === null || _DEFAULT_HELP_LINK_PR2 === void 0 ? void 0 : _DEFAULT_HELP_LINK_PR2.call(_DEFAULT_HELP_LINK_PR3)) !== null && _DEFAULT_HELP_LINK_PR !== void 0 ? _DEFAULT_HELP_LINK_PR : true;
   }).map(function (key) {
-    return _objectSpread$4(_objectSpread$4(_objectSpread$4(_objectSpread$4({}, DEFAULT_HELP_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
+    return _objectSpread$2(_objectSpread$2(_objectSpread$2(_objectSpread$2({}, DEFAULT_HELP_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
       onClick: function onClick() {
         return setIsOpen(true);
       }
@@ -629,21 +484,21 @@ var HelpSectionMenu = function HelpSectionMenu(_ref) {
     var hide = _ref2.hide;
     return !hide;
   });
-  return /*#__PURE__*/React.createElement("ul", {
+  return /*#__PURE__*/React__default.createElement("ul", {
     className: "neeto-molecules-help-sublist"
   }, helpLinks.map(function (_ref3, idx) {
     var label = _ref3.label,
-      buttonProps = _objectWithoutProperties(_ref3, _excluded$6);
-    return /*#__PURE__*/React.createElement("li", {
+      buttonProps = _objectWithoutProperties(_ref3, _excluded$3);
+    return /*#__PURE__*/React__default.createElement("li", {
       className: "neeto-molecules-help-sublist__item",
       key: idx
-    }, /*#__PURE__*/React.createElement(Button, _extends({
+    }, /*#__PURE__*/React__default.createElement(Button, _extends({
       fullWidth: true,
       className: "neeto-molecules-help-sublist__item-btn",
       iconPosition: "left",
       iconSize: 18,
       style: "text"
-    }, buttonProps), label, isPresent(buttonProps.changesCount) && /*#__PURE__*/React.createElement("span", {
+    }, buttonProps), label, isPresent(buttonProps.changesCount) && /*#__PURE__*/React__default.createElement("span", {
       className: "neeto-molecules-help-sublist__item-btn-count",
       "data-testid": "help-section-menu-changes-count"
     }, buttonProps.changesCount)));
@@ -672,15 +527,15 @@ var Footer = function Footer(_ref) {
     };
     window.Nv = window.Nv ? Object.assign(window.Nv, Nv) : Nv;
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-sidebar__footer neeto-molecules-sidebar__no-shrinkable"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React__default.createElement(Tooltip, {
     interactive: true,
     appendTo: function appendTo() {
       return document.body;
     },
     className: "neeto-molecules-help-popup-wrapper",
-    content: /*#__PURE__*/React.createElement(HelpSectionMenu, {
+    content: /*#__PURE__*/React__default.createElement(HelpSectionMenu, {
       changesCount: changesCount,
       helpLinkOverrides: helpLinkOverrides
     }),
@@ -689,9 +544,9 @@ var Footer = function Footer(_ref) {
     offset: [0, -70],
     position: "right",
     theme: "light"
-  }, /*#__PURE__*/React.createElement(HelpSection$1, {
+  }, /*#__PURE__*/React__default.createElement(HelpSection$1, {
     changesCount: changesCount
-  })), showAppSwitcher && /*#__PURE__*/React.createElement(AppSwitcherButton, null), /*#__PURE__*/React.createElement(ProfileButton, {
+  })), showAppSwitcher && /*#__PURE__*/React__default.createElement(AppSwitcherButton, null), /*#__PURE__*/React__default.createElement(ProfileButton, {
     extraTopLinks: extraTopLinks,
     profileInfoOverrides: profileInfoOverrides
   }));
@@ -715,147 +570,29 @@ var Header = function Header(_ref) {
       homePath = new URL(thisApp === null || thisApp === void 0 ? void 0 : thisApp.url).pathname;
     }
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-sidebar__header neeto-molecules-sidebar__no-shrinkable",
     "data-cy": "sidebar-info"
-  }, /*#__PURE__*/React.createElement(Link, {
+  }, /*#__PURE__*/React__default.createElement(Link, {
     className: "neeto-molecules-sidebar__logo neeto-ui-w-full",
     to: homePath
-  }, /*#__PURE__*/React.createElement(LogoComponent, null)));
+  }, /*#__PURE__*/React__default.createElement(LogoComponent, null)));
 };
-var Header$1 = /*#__PURE__*/React.memo(Header);
+var Header$1 = /*#__PURE__*/React__default.memo(Header);
 
-var _excluded$5 = ["checkpointKey", "to", "children"];
+var _excluded$2 = ["checkpointKey", "to", "children"];
 var CheckPointNavLinks = function CheckPointNavLinks(_ref) {
   var checkpointKey = _ref.checkpointKey,
     to = _ref.to,
     children = _ref.children,
-    others = _objectWithoutProperties(_ref, _excluded$5);
+    others = _objectWithoutProperties(_ref, _excluded$2);
   var _useNavigationCheckpo = useNavigationCheckpoints(checkpointKey),
     checkpoint = _useNavigationCheckpo[checkpointKey];
-  return /*#__PURE__*/React.createElement(NavLink, _extends({
+  return /*#__PURE__*/React__default.createElement(NavLink, _extends({
     to: checkpoint || to
   }, others), children);
 };
 
-var MENU_ITEM_TYPES = {
-  menuItem: "menuItem",
-  divider: "divider"
-};
-var DEFAULT_TOOLTIP_PROPS = {
-  disabled: true,
-  position: "bottom"
-};
-
-var _excluded$4 = ["label", "key"],
-  _excluded2 = ["isVisible", "key"];
-var MenuItem$1 = Dropdown.MenuItem,
-  Menu$1 = Dropdown.Menu;
-var Submenu = function Submenu(_ref) {
-  var label = _ref.label,
-    key = _ref.key,
-    menuItemProps = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    customTarget: /*#__PURE__*/React.createElement(MenuItem$1.Button, null, label),
-    key: key,
-    position: "left",
-    trigger: "hover"
-  }, menuItemProps.dropdownProps), /*#__PURE__*/React.createElement(Menu$1, null, menuItemProps.menuItems.map(function (_ref2) {
-    var _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      key = _ref2.key,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded2);
-    if (!isVisible) return null;
-    return /*#__PURE__*/React.createElement(MoreDropdownMenuItem, _extends({
-      key: key
-    }, menuItemProps));
-  })));
-};
-
-var _excluded$3 = ["onClick", "label", "type", "hasSubItems"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuItem = Dropdown.MenuItem,
-  Divider = Dropdown.Divider;
-var MoreDropdownMenuItem = function MoreDropdownMenuItem(_ref) {
-  var onClick = _ref.onClick,
-    label = _ref.label,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref$type,
-    _ref$hasSubItems = _ref.hasSubItems,
-    hasSubItems = _ref$hasSubItems === void 0 ? false : _ref$hasSubItems,
-    menuItemProps = _objectWithoutProperties(_ref, _excluded$3);
-  if (type === MENU_ITEM_TYPES.divider) {
-    return /*#__PURE__*/React.createElement(Divider, null);
-  }
-  if (hasSubItems) {
-    return /*#__PURE__*/React.createElement(Submenu, _objectSpread$3({
-      label: label
-    }, menuItemProps));
-  }
-  return /*#__PURE__*/React.createElement(MenuItem.Button, _objectSpread$3({
-    onClick: onClick
-  }, menuItemProps), label);
-};
-
-var _excluded$2 = ["isVisible", "key"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu = Dropdown.Menu;
-var MoreDropdown = function MoreDropdown(_ref) {
-  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
-    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
-    _ref$isVertical = _ref.isVertical,
-    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    menuTopChildren = _ref.menuTopChildren,
-    menuBottomChildren = _ref.menuBottomChildren,
-    _ref$menuItems = _ref.menuItems,
-    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tooltipProps = mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
-  var targetIcon = isVertical ? MenuVertical : MenuHorizontal;
-  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
-  if (isDropdownDisabled && !tooltipProps.disabled) {
-    return /*#__PURE__*/React.createElement(Tooltip, tooltipProps, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, _extends({
-      disabled: true,
-      "data-cy": "more-dropdown-button",
-      "data-testid": "nui-dropdown-button",
-      icon: targetIcon,
-      iconPosition: "right",
-      size: "medium",
-      style: "text"
-    }, dropdownButtonProps))));
-  }
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    autoWidth: true,
-    className: "flex",
-    disabled: isDisabled,
-    icon: targetIcon,
-    buttonProps: _objectSpread$2({
-      className: "min-h-0 flex-shrink-0",
-      style: "text",
-      tooltipProps: {
-        content: t("neetoMolecules.moreDropdown.tooltip"),
-        position: "top"
-      }
-    }, dropdownButtonProps)
-  }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
-    var _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      key = _ref2.key,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded$2);
-    if (!isVisible) return null;
-    return /*#__PURE__*/React.createElement(MoreDropdownMenuItem, _extends({
-      key: key
-    }, menuItemProps));
-  }), menuBottomChildren));
-};
-
 var DeleteAlert = function DeleteAlert(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -885,12 +622,12 @@ var DeleteAlert = function DeleteAlert(_ref) {
       onSuccess: onClose
     });
   };
-  return /*#__PURE__*/React.createElement(Alert, {
+  return /*#__PURE__*/React__default.createElement(Alert, {
     isOpen: isOpen,
     onClose: onClose,
     isSubmitting: isDeleting,
     submitButtonLabel: t("neetoMolecules.common.actions.delete"),
-    message: /*#__PURE__*/React.createElement(Trans, {
+    message: /*#__PURE__*/React__default.createElement(Trans, {
       i18nKey: "neetoMolecules.sidebar.segments.deleteAlertMessage",
       values: {
         entity: segment.name
@@ -904,7 +641,7 @@ var DeleteAlert = function DeleteAlert(_ref) {
 };
 
 var RENAME_SEGMENT_FORM_VALIDATION = yup.object().shape({
-  name: yup.string().trim().required(t$1("neetoMolecules.sidebar.segments.validations.nameIsRequired"))
+  name: yup.string().trim().required(t("neetoMolecules.sidebar.segments.validations.nameIsRequired"))
 });
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -946,16 +683,16 @@ var Rename = function Rename(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React.createElement(Pane, {
+  return /*#__PURE__*/React__default.createElement(Pane, {
     isOpen: isOpen,
     initialFocusRef: inputRef,
     onClose: function onClose() {
       return setIsOpen(false);
     }
-  }, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
     "data-cy": "edit-pane-header",
     style: "h2"
-  }, t("neetoMolecules.sidebar.segments.renameTitle"))), /*#__PURE__*/React.createElement(Form, {
+  }, t("neetoMolecules.sidebar.segments.renameTitle"))), /*#__PURE__*/React__default.createElement(Form, {
     className: "w-full",
     formikProps: {
       initialValues: {
@@ -966,16 +703,16 @@ var Rename = function Rename(_ref) {
       validationSchema: RENAME_SEGMENT_FORM_VALIDATION,
       onSubmit: handleSubmit
     }
-  }, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement(Input$1, {
+  }, /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement(Input$1, {
     required: true,
     className: "w-full",
     "data-testid": "segment-name-input-field",
     label: t("neetoMolecules.sidebar.segments.renameFieldLabel"),
     name: "name",
     ref: inputRef
-  })), /*#__PURE__*/React.createElement(Pane.Footer, {
+  })), /*#__PURE__*/React__default.createElement(Pane.Footer, {
     className: "flex items-center space-x-2"
-  }, /*#__PURE__*/React.createElement(ActionBlock, {
+  }, /*#__PURE__*/React__default.createElement(ActionBlock, {
     cancelButtonProps: {
       onClick: function onClick() {
         return setIsOpen(false);
@@ -1015,18 +752,18 @@ var Segment = function Segment(_ref) {
     });
   };
   var dataCyPrefix = dataCy || hyphenate(label);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
     "data-cy": "".concat(dataCyPrefix, "-segment-link"),
     className: classnames("neeto-molecules-sidebar-segment neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none mb-0 w-full py-1", {
       active: segmentId === segment.id
     }),
     onClick: handleSelectSegment
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
     component: "span",
     "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
     style: "body2"
-  }, label), /*#__PURE__*/React.createElement(MoreDropdown, {
+  }, label), /*#__PURE__*/React__default.createElement(MoreDropdown, {
     dropdownButtonProps: {
       "data-testid": "segment-more-menu-".concat(dataCyPrefix),
       className: "flex-shrink-0",
@@ -1056,14 +793,14 @@ var Segment = function Segment(_ref) {
       },
       key: "delete-custom-segment-button"
     }]
-  })), /*#__PURE__*/React.createElement(DeleteAlert, {
+  })), /*#__PURE__*/React__default.createElement(DeleteAlert, {
     columns: columns,
     segment: segment,
     isOpen: isDeleteAlertOpen,
     onClose: function onClose() {
       return setIsDeleteAlertOpen(false);
     }
-  }), /*#__PURE__*/React.createElement(Rename, {
+  }), /*#__PURE__*/React__default.createElement(Rename, {
     segment: segment,
     isOpen: isRenamePaneOpen,
     setIsOpen: setIsRenamePaneOpen
@@ -1089,7 +826,7 @@ var SubLink = function SubLink(_ref) {
     filters: filters
   };
   if (type === SUB_LINK_TYPES.SEGMENT) {
-    return /*#__PURE__*/React.createElement(Segment, {
+    return /*#__PURE__*/React__default.createElement(Segment, {
       columns: columns,
       dataCy: dataCy,
       label: label,
@@ -1100,7 +837,7 @@ var SubLink = function SubLink(_ref) {
   var renderCount = function renderCount(count) {
     return count > 999 ? "999+" : count;
   };
-  return /*#__PURE__*/React.createElement(CheckPointNavLinks, _extends({
+  return /*#__PURE__*/React__default.createElement(CheckPointNavLinks, _extends({
     to: to,
     activeClassName: "active",
     className: "neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none",
@@ -1108,17 +845,17 @@ var SubLink = function SubLink(_ref) {
     isActive: function isActive() {
       return isSubRouteActive(to, location);
     }
-  }, otherProps), /*#__PURE__*/React.createElement(Typography, {
+  }, otherProps), /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow",
     component: "span",
     "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
     style: "body2"
-  }, label), /*#__PURE__*/React.createElement(Typography, {
+  }, label), /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0",
     component: "span",
     "data-cy": "".concat(dataCyPrefix, "-sub-link-count"),
     style: "body2"
-  }, isCountsLoading ? /*#__PURE__*/React.createElement("div", {
+  }, isCountsLoading ? /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse"
   }) : renderCount(count)));
 };
@@ -1152,7 +889,7 @@ var Links = function Links(_ref) {
     }
     setIsActiveLinkExpanded(true);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-sidebar__links neeto-molecules-sidebar__no-shrinkable"
   }, navLinks.filter(filterByPermissions).map(function (_ref3, mainIndex) {
     var label = _ref3.label,
@@ -1171,9 +908,9 @@ var Links = function Links(_ref) {
     var firstSegmentIndex = _findIndexBy({
       type: SUB_LINK_TYPES.SEGMENT
     }, items);
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: mainIndex
-    }, /*#__PURE__*/React.createElement(CheckPointNavLinks, _extends({
+    }, /*#__PURE__*/React__default.createElement(CheckPointNavLinks, _extends({
       activeClassName: "active",
       className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link",
       "data-testid": "navlink-".concat(hyphenate(label)),
@@ -1183,31 +920,31 @@ var Links = function Links(_ref) {
     }, _objectSpread({
       isActive: isActive,
       to: to
-    }, otherProps)), icon && /*#__PURE__*/React.createElement("span", {
+    }, otherProps)), icon && /*#__PURE__*/React__default.createElement("span", {
       className: "neeto-molecules-sidebar__link-icon",
       "data-testid": label
-    }, /*#__PURE__*/React.createElement(IconSVG, null)), /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/React__default.createElement(IconSVG, null)), /*#__PURE__*/React__default.createElement(Typography, {
       className: "neeto-molecules-sidebar__link-label",
       component: "span",
       style: "body2",
       weight: "normal"
-    }, label), items && /*#__PURE__*/React.createElement("span", {
+    }, label), items && /*#__PURE__*/React__default.createElement("span", {
       className: classnames("neeto-molecules-sidebar__link-icon neeto-molecules-sidebar__link-icon--caret", {
         "neeto-molecules-sidebar__link-icon--rotate": isMenuExpanded
       })
-    }, /*#__PURE__*/React.createElement(Down, {
+    }, /*#__PURE__*/React__default.createElement(Down, {
       size: 16
-    }))), items && isMenuExpanded && /*#__PURE__*/React.createElement("div", {
+    }))), items && isMenuExpanded && /*#__PURE__*/React__default.createElement("div", {
       className: "neeto-molecules-sidebar__sublink-wrapper",
       "data-cy": "sidebar-sub-link-wrapper"
     }, items.filter(filterByPermissions).map(function (subItem, subIndex) {
-      return /*#__PURE__*/React.createElement(React.Fragment, {
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
         key: subIndex
-      }, subIndex === firstSegmentIndex && /*#__PURE__*/React.createElement(Typography, {
+      }, subIndex === firstSegmentIndex && /*#__PURE__*/React__default.createElement(Typography, {
         className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase",
         style: "body3",
         weight: "semibold"
-      }, t("neetoMolecules.sidebar.segments.segment", PLURAL)), /*#__PURE__*/React.createElement(SubLink, _extends({}, _objectSpread(_objectSpread({}, subItem), {}, {
+      }, t("neetoMolecules.sidebar.segments.segment", PLURAL)), /*#__PURE__*/React__default.createElement(SubLink, _extends({}, _objectSpread(_objectSpread({}, subItem), {}, {
         isCountsLoading: isCountsLoading
       }), {
         columns: otherProps.columns
@@ -1266,37 +1003,37 @@ var Sidebar = function Sidebar(_ref) {
     };
   }, []);
   var productName = globalProps$1.appName.substr(5).toLowerCase();
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "sidebar-container",
     className: classnames("neeto-molecules-sidebar__wrapper", {
       "neeto-molecules-sidebar__wrapper--collapsed": isLargerScreen() ? isSidebarCollapsed : not(isSidebarPaneOpen)
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-sidebar__backdrop",
     onClick: function onClick() {
       setIsSidebarPaneOpen(false);
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-sidebar neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden",
     "data-cy": "sidebar-wrapper",
     "data-testid": "sidebar"
-  }, /*#__PURE__*/React.createElement(Header$1, {
+  }, /*#__PURE__*/React__default.createElement(Header$1, {
     customLogo: customLogo
-  }), /*#__PURE__*/React.createElement(Links, {
+  }), /*#__PURE__*/React__default.createElement(Links, {
     isCountsLoading: isCountsLoading,
     navLinks: navLinks
-  }), showFooter && /*#__PURE__*/React.createElement(Footer, {
+  }), showFooter && /*#__PURE__*/React__default.createElement(Footer, {
     extraTopLinks: extraTopLinks,
     helpLinkOverrides: helpLinkOverrides,
     profileInfoOverrides: profileInfoOverrides,
     showAppSwitcher: showAppSwitcher
-  })), /*#__PURE__*/React.createElement(Button, {
+  })), /*#__PURE__*/React__default.createElement(Button, {
     className: "neeto-molecules-sidebar__toggler",
     "data-cy": "neeto-molecules-sidebar-toggler",
     "data-testid": "sidebar-toggleButton",
     style: isLargerScreen() ? "text" : "secondary",
     icon: function icon() {
-      return /*#__PURE__*/React.createElement(Chevron, {
+      return /*#__PURE__*/React__default.createElement(Chevron, {
         style: {
           color: "rgb(var(--neeto-".concat(productName, "-primary))")
         }