@bigbinary/neeto-molecules 1.15.2 → 1.15.4

package/dist/ConfigurePageSidebar.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { S as SelectedLink } from './sidebar-8e96016c.js';
+import { S as SelectedLink } from './sidebar-50ba4b0a.js';
 import './extends-093996c9.js';
 import './defineProperty-549061a7.js';
 import './objectWithoutProperties-a0edb288.js';

package/dist/FloatingActionMenu.js

@@ -8,17 +8,17 @@ import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
 import { isNotPresent, isPresent, truncate, noop } from '@bigbinary/neeto-cist';
 import useFetchNeetoApps from '@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps';
 import { Profile } from '@bigbinary/neeto-team-members-frontend';
-import { Typography, Input, Modal, Dropdown, Spinner, Avatar } from '@bigbinary/neetoui';
+import { Typography, Input, Modal as Modal$1, Dropdown as Dropdown$1, Spinner, Avatar } from '@bigbinary/neetoui';
 import KeyboardShortcuts from './KeyboardShortcuts.js';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { n } from './inject-css-c86de496.js';
 import classnames from 'classnames';
-import { NeetoIcon, Search, Right, Book, Help } from '@bigbinary/neeto-icons';
+import { NeetoIcon, Search, Book, Help, Right } from '@bigbinary/neeto-icons';
 import { useTranslation } from 'react-i18next';
+import { n } from './inject-css-c86de496.js';
 import * as AppIcons from '@bigbinary/neeto-icons/app-icons';
-import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
 import { toLower, omit, mergeDeepLeft } from 'ramda';
 import { t } from 'i18next';
+import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
 import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils/axios';
 import { removeFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils/general';
 import 'zustand/shallow';
@@ -28,10 +28,10 @@ import '@bigbinary/neetoui/managers';
 import '@bigbinary/neeto-hotkeys';
 import 'platform';
 
-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;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-app-switcher__header h1{font-size:24px}}@media only screen and (max-width:768px){.neeto-molecules-app-switcher_modal-container .neeto-molecules-app-switcher__header-mobile{align-items:flex-start;margin-bottom: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}.neeto-molecules-app-switcher_modal{z-index:100000}.neeto-molecules-app-switcher_modal .neeto-ui-modal__wrapper--fullscreen{display:flex;flex-direction:column;height:100dvh!important;width:100vw!important}.neeto-molecules-app-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__header{flex-shrink:0}.neeto-molecules-app-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__body{flex-grow:1;min-height:0;overflow-y:auto}";
+var css$1 = ".neeto-molecules-product-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-product-switcher__wrapper{padding:32px}}@media screen and (max-width:768px){.neeto-molecules-product-switcher__wrapper{padding:16px}}.neeto-molecules-product-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-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-product-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-product-switcher__header{align-items:flex-start;flex-direction:column;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__header h1{font-size:24px}}@media only screen and (max-width:768px){.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__header-mobile{align-items:flex-start;margin-bottom:24px}}.neeto-molecules-product-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-product-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-product-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-product-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-product-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-product-switcher-link:focus,.neeto-molecules-product-switcher-link:focus-visible{outline:none}.neeto-molecules-product-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link:not(.neeto-molecules-product-switcher-link--active):hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link--active{background:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-600))}.neeto-molecules-product-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-product-switcher-link__content{flex-grow:1}.neeto-molecules-product-switcher-link__content span{display:block}.neeto-molecules-product-switcher_modal{z-index:100000}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen{display:flex;flex-direction:column;height:100dvh!important;width:100vw!important}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__header{flex-shrink:0}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__body{flex-grow:1;min-height:0;overflow-y:auto}";
 n(css$1,{});
 
-var AppLink = function AppLink(_ref) {
+var ProductLink = function ProductLink(_ref) {
   var name = _ref.name,
     description = _ref.description,
     url = _ref.url;
@@ -43,11 +43,11 @@ var AppLink = function AppLink(_ref) {
     href: url,
     rel: "noreferrer",
     target: "_blank",
-    className: classnames("neeto-molecules-app-switcher-link", {
-      "neeto-molecules-app-switcher-link--active": globalProps.appName.includes(name)
+    className: classnames("neeto-molecules-product-switcher-link", {
+      "neeto-molecules-product-switcher-link--active": globalProps.appName.includes(name)
     })
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-molecules-app-switcher-link__icon-holder", {
+    className: classnames("neeto-molecules-product-switcher-link__icon-holder", {
       "neeto-ui-bg-primary-500": !AppIcon
     })
   }, AppIcon ? /*#__PURE__*/React__default.createElement(AppIcon, {
@@ -56,7 +56,7 @@ var AppLink = function AppLink(_ref) {
     color: "white",
     size: 42
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher-link__content"
+    className: "neeto-molecules-product-switcher-link__content"
   }, /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     lineHeight: "relaxed",
@@ -68,10 +68,11 @@ var AppLink = function AppLink(_ref) {
     weight: "normal"
   }, description)));
 };
-var AppLink$1 = /*#__PURE__*/React__default.memo(AppLink);
+var ProductLink$1 = /*#__PURE__*/React__default.memo(ProductLink);
 
-var Body = function Body(_ref) {
-  var isMobile = _ref.isMobile;
+var Menu = function Menu(_ref) {
+  var _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(""),
@@ -90,140 +91,62 @@ var Body = function Body(_ref) {
   var handleSearch = function handleSearch(e) {
     return setSearchTerm(e.target.value);
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    "data-cy": "app-switcher-body-wrapper",
-    className: classnames("neeto-molecules-app-switcher__header", {
-      "neeto-molecules-app-switcher__header-mobile": isMobile
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-product-switcher__wrapper",
+    "data-cy": "switcher-wrapper",
+    "data-testid": "switcher-wrapper",
+    key: "switcher-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    "data-cy": "product-switcher-body-wrapper",
+    className: classnames("neeto-molecules-product-switcher__header", {
+      "neeto-molecules-product-switcher__header-mobile": isMobile
     })
   }, !isMobile && /*#__PURE__*/React__default.createElement(Typography, {
     style: "h1"
-  }, t("neetoMolecules.appSwitcher.chooseNeetoProduct")), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__search-wrapper"
+  }, t("neetoMolecules.productSwitcher.chooseNeetoProduct")), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-product-switcher__search-wrapper"
   }, /*#__PURE__*/React__default.createElement(Input, {
     autoFocus: true,
-    "data-cy": "app-switcher-search-input",
-    placeholder: t("neetoMolecules.appSwitcher.searchProducts"),
+    "data-cy": "product-switcher-search-input",
+    placeholder: t("neetoMolecules.productSwitcher.searchProducts"),
     prefix: /*#__PURE__*/React__default.createElement(Search, null),
     type: "search",
     value: searchTerm,
     onChange: handleSearch
   }))), /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-molecules-app-switcher__body", _defineProperty({}, "neeto-molecules-app-switcher__body-mobile", isMobile))
+    className: classnames("neeto-molecules-product-switcher__body", _defineProperty({}, "neeto-molecules-product-switcher__body-mobile", isMobile))
   }, (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__grid"
+    className: "neeto-molecules-product-switcher__grid"
   }, filteredApps.map(function (app) {
-    return /*#__PURE__*/React__default.createElement(AppLink$1, _extends({
+    return /*#__PURE__*/React__default.createElement(ProductLink$1, _extends({
       key: app.name
     }, app));
   })) : /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-text-center",
     style: "body1"
-  }, t("neetoMolecules.appSwitcher.noApps"))));
-};
-
-var AppSwitcher = function AppSwitcher(_ref) {
-  var _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher__wrapper",
-    "data-cy": "switcher-wrapper",
-    "data-testid": "switcher-wrapper",
-    key: "switcher-wrapper"
-  }, /*#__PURE__*/React__default.createElement(Body, {
-    isMobile: isMobile
-  }));
+  }, t("neetoMolecules.productSwitcher.noApps"))));
 };
 
-var AppSwitcherModal = withT(function (_ref) {
+var Modal = withT(function (_ref) {
   var t = _ref.t,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/React__default.createElement(Modal$1, {
     isOpen: isOpen,
     onClose: onClose,
-    backdropClassName: "neeto-molecules-app-switcher_modal",
+    backdropClassName: "neeto-molecules-product-switcher_modal",
     size: "fullScreen"
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Modal$1.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
     className: "pr-4",
     style: "h2"
-  }, t("neetoMolecules.appSwitcher.chooseNeetoProduct"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-app-switcher_modal-container",
-    "data-testid": "app-switcher-modal"
-  }, /*#__PURE__*/React__default.createElement(AppSwitcher, {
+  }, t("neetoMolecules.productSwitcher.chooseNeetoProduct"))), /*#__PURE__*/React__default.createElement(Modal$1.Body, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-product-switcher_modal-container",
+    "data-testid": "product-switcher-modal"
+  }, /*#__PURE__*/React__default.createElement(Menu, {
     isMobile: true
   }))));
 });
 
-var _excluded$2 = ["isLoading", "onMouseEnter"];
-var MenuItemButton = function MenuItemButton(_ref) {
-  var isLoading = _ref.isLoading,
-    onMouseEnter = _ref.onMouseEnter,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var MenuItem = Dropdown.MenuItem;
-  return /*#__PURE__*/React__default.createElement(MenuItem.Button, _extends({
-    onMouseEnter: onMouseEnter,
-    className: "neeto-molecules-menu-sublist__item-btn",
-    "data-cy": "app-switcher-button",
-    "data-testid": "app-switcher-button",
-    label: t("neetoMolecules.sidebar.productSwitcher"),
-    style: "text",
-    suffix: isLoading ? /*#__PURE__*/React__default.createElement(Spinner, null) : /*#__PURE__*/React__default.createElement(Right, {
-      size: 18
-    })
-  }, otherProps), t("neetoMolecules.sidebar.productSwitcher"));
-};
-
-var AppSwitcherDropdown = function AppSwitcherDropdown() {
-  var Menu = Dropdown.Menu,
-    MenuItem = Dropdown.MenuItem;
-  var _useBreakpoints = useBreakpoints(),
-    isSize = _useBreakpoints.isSize;
-  var isMobile = isSize("mobile");
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data,
-    isLoading = _useFetchNeetoApps.isLoading,
-    isStale = _useFetchNeetoApps.isStale,
-    refetchNeetoApps = _useFetchNeetoApps.refetch;
-  var onMouseEnter = function onMouseEnter() {
-    if (!isStale) return;
-    refetchNeetoApps();
-  };
-  return /*#__PURE__*/React__default.createElement(Dropdown, {
-    className: "neeto-molecules-app-switcher-menu-popup-wrapper",
-    closeOnSelect: false,
-    customTarget: /*#__PURE__*/React__default.createElement(MenuItemButton, {
-      isLoading: isLoading,
-      onMouseEnter: onMouseEnter
-    }),
-    disabled: !data || isLoading,
-    interactiveDebounce: 30,
-    isOpen: !data ? false : undefined,
-    offset: [0, 5],
-    position: "right",
-    trigger: isMobile ? "click" : "hover",
-    zIndex: 99999,
-    dropdownProps: {
-      classNames: "neeto-molecules-app-switcher-menu-popup__dropdown"
-    }
-  }, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem, null, /*#__PURE__*/React__default.createElement(AppSwitcher, null))));
-};
-
-var AppSwitcherMenu = function AppSwitcherMenu(_ref) {
-  var toggleModal = _ref.toggleModal;
-  var _useBreakpoints = useBreakpoints(),
-    isSize = _useBreakpoints.isSize;
-  var isMobile = isSize("mobile");
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isMobile ? /*#__PURE__*/React__default.createElement(MenuItemButton, {
-    "data-cy": "app-switcher-button",
-    "data-testid": "app-switcher-button",
-    onClick: function onClick() {
-      return toggleModal(true);
-    }
-  }) : /*#__PURE__*/React__default.createElement(AppSwitcherDropdown, null));
-};
-
 var shouldShowWhatsNew = function shouldShowWhatsNew() {
   var _window$globalProps, _window$globalProps$u;
   var currentUserEmail = (_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : (_window$globalProps$u = _window$globalProps.user) === null || _window$globalProps$u === void 0 ? void 0 : _window$globalProps$u.email;
@@ -267,16 +190,16 @@ var DEFAULT_MENU_LINK_PROPS = {
 };
 var NON_BUTTON_PROPS = ["isVisible"];
 
-var _excluded$1 = ["label", "icon", "changesCount"];
+var _excluded$2 = ["label", "icon", "changesCount"];
 var LinkSection = function LinkSection(_ref) {
   var links = _ref.links;
-  var MenuItem = Dropdown.MenuItem;
+  var MenuItem = Dropdown$1.MenuItem;
   if (isNotPresent(links)) return null;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, links.map(function (_ref2, idx) {
     var label = _ref2.label,
       Icon = _ref2.icon,
       changesCount = _ref2.changesCount,
-      otherProps = _objectWithoutProperties(_ref2, _excluded$1);
+      otherProps = _objectWithoutProperties(_ref2, _excluded$2);
     return /*#__PURE__*/React__default.createElement(MenuItem.Button, _extends({
       className: "neeto-molecules-menu-sublist__item-btn",
       "data-cy": "floating-action-menu-link-section",
@@ -293,6 +216,71 @@ var LinkSection = function LinkSection(_ref) {
   }));
 };
 
+var _excluded$1 = ["isLoading", "onMouseEnter"];
+var MenuButton = function MenuButton(_ref) {
+  var isLoading = _ref.isLoading,
+    onMouseEnter = _ref.onMouseEnter,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var MenuItem = Dropdown$1.MenuItem;
+  return /*#__PURE__*/React__default.createElement(MenuItem.Button, _extends({
+    onMouseEnter: onMouseEnter,
+    className: "neeto-molecules-menu-sublist__item-btn",
+    "data-cy": "product-switcher-button",
+    "data-testid": "product-switcher-button",
+    label: t("neetoMolecules.sidebar.productSwitcher"),
+    style: "text",
+    suffix: isLoading ? /*#__PURE__*/React__default.createElement(Spinner, null) : /*#__PURE__*/React__default.createElement(Right, {
+      size: 18
+    })
+  }, otherProps), t("neetoMolecules.sidebar.productSwitcher"));
+};
+
+var Dropdown = function Dropdown() {
+  var Menu$1 = Dropdown$1.Menu,
+    MenuItem = Dropdown$1.MenuItem;
+  var _useFetchNeetoApps = useFetchNeetoApps(),
+    data = _useFetchNeetoApps.data,
+    isLoading = _useFetchNeetoApps.isLoading,
+    isStale = _useFetchNeetoApps.isStale,
+    refetchNeetoApps = _useFetchNeetoApps.refetch;
+  var onMouseEnter = function onMouseEnter() {
+    if (!isStale) return;
+    refetchNeetoApps();
+  };
+  return /*#__PURE__*/React__default.createElement(Dropdown$1, {
+    className: "neeto-molecules-product-switcher-menu-popup-wrapper",
+    closeOnSelect: false,
+    customTarget: /*#__PURE__*/React__default.createElement(MenuButton, {
+      isLoading: isLoading,
+      onMouseEnter: onMouseEnter
+    }),
+    disabled: !data || isLoading,
+    interactiveDebounce: 30,
+    isOpen: !data ? false : undefined,
+    offset: [0, 5],
+    position: "right",
+    trigger: "all",
+    zIndex: 99999,
+    dropdownProps: {
+      classNames: "neeto-molecules-product-switcher-menu-popup__dropdown"
+    }
+  }, /*#__PURE__*/React__default.createElement(Menu$1, null, /*#__PURE__*/React__default.createElement(MenuItem, null, /*#__PURE__*/React__default.createElement(Menu, null))));
+};
+
+var ProductSwitcher = function ProductSwitcher(_ref) {
+  var toggleModal = _ref.toggleModal;
+  var _useBreakpoints = useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
+  var isMobile = isSize("mobile");
+  return isMobile ? /*#__PURE__*/React__default.createElement(MenuButton, {
+    onClick: function onClick() {
+      return toggleModal(true);
+    }
+  }) : /*#__PURE__*/React__default.createElement(Dropdown, null);
+};
+
 var ProfileHeader = function ProfileHeader(_ref) {
   var profileInfo = _ref.profileInfo;
   var name = profileInfo.name,
@@ -326,16 +314,16 @@ var ProfileHeader = function ProfileHeader(_ref) {
 
 var ProfileMenu = function ProfileMenu(_ref) {
   var profileInfo = _ref.profileInfo,
-    showAppSwitcher = _ref.showAppSwitcher,
+    showProductSwitcher = _ref.showProductSwitcher,
     helpLinks = _ref.helpLinks,
     defaultLinks = _ref.defaultLinks,
     topLinks = _ref.topLinks,
     bottomLinks = _ref.bottomLinks,
     customContent = _ref.customContent,
     toggleModal = _ref.toggleModal;
-  var Menu = Dropdown.Menu,
-    MenuItem = Dropdown.MenuItem,
-    Divider = Dropdown.Divider;
+  var Menu = Dropdown$1.Menu,
+    MenuItem = Dropdown$1.MenuItem,
+    Divider = Dropdown$1.Divider;
   return /*#__PURE__*/React__default.createElement(Menu, {
     className: "pb-1"
   }, /*#__PURE__*/React__default.createElement(MenuItem, {
@@ -344,7 +332,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
     "data-testid": "profile-popup"
   }, /*#__PURE__*/React__default.createElement(ProfileHeader, {
     profileInfo: profileInfo
-  })), showAppSwitcher && /*#__PURE__*/React__default.createElement(AppSwitcherMenu, {
+  })), showProductSwitcher && /*#__PURE__*/React__default.createElement(ProductSwitcher, {
     toggleModal: toggleModal
   }), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
     links: topLinks
@@ -406,7 +394,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var ProfileButton = function ProfileButton(_ref) {
   var helpLinkOverrides = _ref.helpLinkOverrides,
     profileInfoOverrides = _ref.profileInfoOverrides,
-    showAppSwitcher = _ref.showAppSwitcher,
+    showProductSwitcher = _ref.showProductSwitcher,
     bottomLinks = _ref.bottomLinks,
     topLinks = _ref.topLinks,
     customContent = _ref.customContent;
@@ -470,7 +458,7 @@ var ProfileButton = function ProfileButton(_ref) {
     var hide = _ref3.hide;
     return !hide;
   });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Profile.Pane, null), /*#__PURE__*/React__default.createElement(Dropdown, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Profile.Pane, null), /*#__PURE__*/React__default.createElement(Dropdown$1, {
     isMultiLevel: true,
     appendTo: function appendTo() {
       return document.body;
@@ -485,7 +473,7 @@ var ProfileButton = function ProfileButton(_ref) {
     position: "right-end",
     strategy: "fixed",
     theme: "light",
-    trigger: "hover",
+    trigger: "all",
     zIndex: 99999,
     customTarget: /*#__PURE__*/React__default.createElement("button", {
       className: "neeto-molecules-floating-action-button",
@@ -505,7 +493,7 @@ var ProfileButton = function ProfileButton(_ref) {
     defaultLinks: defaultLinks,
     helpLinks: helpLinks,
     profileInfo: profileInfo,
-    showAppSwitcher: showAppSwitcher,
+    showProductSwitcher: showProductSwitcher,
     bottomLinks: newBottomLinks,
     toggleModal: setIsModalOpen,
     topLinks: newTopLinks
@@ -513,7 +501,7 @@ var ProfileButton = function ProfileButton(_ref) {
     className: "neeto-molecules-menu__notif-count",
     "data-cy": "help-icon-changes-count",
     "data-testid": "help-icon-changes-count"
-  }, changesCount), /*#__PURE__*/React__default.createElement(AppSwitcherModal, {
+  }, changesCount), /*#__PURE__*/React__default.createElement(Modal, {
     isOpen: isModalOpen,
     onClose: function onClose() {
       return setIsModalOpen(false);
@@ -521,10 +509,10 @@ var ProfileButton = function ProfileButton(_ref) {
   }));
 };
 
-var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:16px;left:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgba(var(--neeto-ui-primary-500),.6);border-bottom-right-radius:30px;border-color:rgba(var(--neeto-ui-primary-500),.6);border-top-right-radius:30px;display:flex;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__profile-avatar{border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{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;flex-shrink:0;max-height:none!important;max-width:none;width:256px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-app-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{position:absolute;right:3px;top:3px;z-index:1}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__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:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-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-ui-dropdown__popup .neeto-molecules-app-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-app-switcher-menu-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-menu-sublist__item-btn{font-weight:500!important;height:40px}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-app-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 400px)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}";
+var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:16px;left:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgba(var(--neeto-ui-primary-500),.6);border-bottom-right-radius:30px;border-color:rgba(var(--neeto-ui-primary-500),.6);border-top-right-radius:30px;display:flex;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__profile-avatar{border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{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;flex-shrink:0;max-height:none!important;max-width:none;width:256px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-product-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{position:absolute;right:3px;top:3px;z-index:1}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__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:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-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-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-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-menu-sublist__item-btn{font-weight:500!important;height:40px}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-product-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 400px)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}";
 n(css,{});
 
-var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showAppSwitcher", "customContent"];
+var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "customContent"];
 var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$profileInfoOverr = _ref.profileInfoOverrides,
     profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
@@ -534,8 +522,8 @@ var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
     topLinks = _ref$topLinks === void 0 ? [] : _ref$topLinks,
     _ref$bottomLinks = _ref.bottomLinks,
     bottomLinks = _ref$bottomLinks === void 0 ? [] : _ref$bottomLinks,
-    _ref$showAppSwitcher = _ref.showAppSwitcher,
-    showAppSwitcher = _ref$showAppSwitcher === void 0 ? true : _ref$showAppSwitcher,
+    _ref$showProductSwitc = _ref.showProductSwitcher,
+    showProductSwitcher = _ref$showProductSwitc === void 0 ? true : _ref$showProductSwitc,
     customContent = _ref.customContent,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("div", _extends({
@@ -548,7 +536,7 @@ var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
     customContent: customContent,
     helpLinkOverrides: helpLinkOverrides,
     profileInfoOverrides: profileInfoOverrides,
-    showAppSwitcher: showAppSwitcher,
+    showProductSwitcher: showProductSwitcher,
     topLinks: topLinks
   }));
 });
@@ -587,9 +575,9 @@ FloatingActionMenu.propTypes = {
    */
   helpLinkOverrides: propTypes.exports.object,
   /**
-   * To display the app switcher menu option.
+   * To display the product switcher menu option.
    */
-  showAppSwitcher: propTypes.exports.bool
+  showProductSwitcher: propTypes.exports.bool
 };
 
 export { FloatingActionMenu as default };