@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/FloatingActionMenu.js

@@ -1,7 +1,6 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useState, useEffect, forwardRef } from 'react';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { memo, useState, useEffect, forwardRef } from 'react';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { isNotPresent, isPresent, truncate, noop } from '@bigbinary/neeto-cist';
@@ -21,6 +20,7 @@ import { useTranslation } from 'react-i18next';
 import { n } from './inject-css-c86de496.js';
 import Neeto from '@bigbinary/neeto-icons/typeface-logos/Neeto';
 import * as AppIcons from '@bigbinary/neeto-icons/typeface-logos';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { toLower, omit, mergeDeepLeft } from 'ramda';
 import { t } from 'i18next';
 import Book from '@bigbinary/neeto-icons/Book';
@@ -52,7 +52,7 @@ var ProductLink = function ProductLink(_ref) {
     url = _ref.url;
   var appName = "Neeto".concat(name.charAt(0)).concat(name.slice(1).toLowerCase());
   var AppIcon = AppIcons[appName];
-  return /*#__PURE__*/React__default.createElement("a", {
+  return /*#__PURE__*/jsxs("a", {
     "data-cy": "".concat(name, "-app-link"),
     "data-test-id": "neetoapp-link-".concat(name),
     href: url,
@@ -60,23 +60,29 @@ var ProductLink = function ProductLink(_ref) {
     target: "_blank",
     className: classnames("neeto-molecules-product-switcher-link", {
       "neeto-molecules-product-switcher-link--active": globalProps.appName.includes(name)
-    })
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-product-switcher-link__icon-holder"
-  }, AppIcon ? /*#__PURE__*/React__default.createElement(AppIcon, null) : /*#__PURE__*/React__default.createElement(Neeto, {
-    className: "neeto-molecules-product-switcher-link__icon-default"
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-product-switcher-link__divider neeto-ui-bg-gray-200"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-product-switcher-link__content"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    component: "span",
-    style: "body3",
-    weight: "medium"
-  }, description)));
+    }),
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-product-switcher-link__icon-holder",
+      children: AppIcon ? /*#__PURE__*/jsx(AppIcon, {}) : /*#__PURE__*/jsx(Neeto, {
+        className: "neeto-molecules-product-switcher-link__icon-default"
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-product-switcher-link__divider neeto-ui-bg-gray-200"
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-product-switcher-link__content",
+      children: /*#__PURE__*/jsx(Typography, {
+        component: "span",
+        style: "body3",
+        weight: "medium",
+        children: description
+      })
+    })]
+  });
 };
-var ProductLink$1 = /*#__PURE__*/React__default.memo(ProductLink);
+var ProductLink$1 = /*#__PURE__*/memo(ProductLink);
 
+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 Menu$1 = function Menu(_ref) {
   var _ref$isMobile = _ref.isMobile,
     isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
@@ -98,60 +104,71 @@ var Menu$1 = function Menu(_ref) {
   var handleSearch = function handleSearch(e) {
     return setSearchTerm(e.target.value);
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("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.productSwitcher.chooseNeetoProduct")), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-product-switcher__search-wrapper"
-  }, /*#__PURE__*/React__default.createElement(Input, {
-    autoFocus: true,
-    "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-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-product-switcher__grid"
-  }, filteredApps.map(function (app) {
-    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.productSwitcher.noApps"))));
+    children: [/*#__PURE__*/jsxs("div", {
+      "data-cy": "product-switcher-body-wrapper",
+      className: classnames("neeto-molecules-product-switcher__header", {
+        "neeto-molecules-product-switcher__header-mobile": isMobile
+      }),
+      children: [!isMobile && /*#__PURE__*/jsx(Typography, {
+        style: "h1",
+        children: t("neetoMolecules.productSwitcher.chooseNeetoProduct")
+      }), /*#__PURE__*/jsx("div", {
+        className: "neeto-molecules-product-switcher__search-wrapper",
+        children: /*#__PURE__*/jsx(Input, {
+          autoFocus: true,
+          "data-cy": "product-switcher-search-input",
+          placeholder: t("neetoMolecules.productSwitcher.searchProducts"),
+          prefix: /*#__PURE__*/jsx(Search, {}),
+          type: "search",
+          value: searchTerm,
+          onChange: handleSearch
+        })
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames("neeto-molecules-product-switcher__body", _defineProperty({}, "neeto-molecules-product-switcher__body-mobile", isMobile)),
+      children: (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/jsx("div", {
+        className: "neeto-molecules-product-switcher__grid",
+        children: filteredApps.map(function (app) {
+          return /*#__PURE__*/jsx(ProductLink$1, _objectSpread$4({}, app), app.name);
+        })
+      }) : /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-center",
+        style: "body1",
+        children: t("neetoMolecules.productSwitcher.noApps")
+      })
+    })]
+  }, "switcher-wrapper");
 };
 
 var Modal = withT(function (_ref) {
   var t = _ref.t,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/React__default.createElement(Modal$1, {
+  return /*#__PURE__*/jsxs(Modal$1, {
     isOpen: isOpen,
     onClose: onClose,
     backdropClassName: "neeto-molecules-product-switcher_modal",
-    size: "fullScreen"
-  }, /*#__PURE__*/React__default.createElement(Modal$1.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "pr-4",
-    style: "h2"
-  }, 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$1, {
-    isMobile: true
-  }))));
+    size: "fullScreen",
+    children: [/*#__PURE__*/jsx(Modal$1.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        className: "pr-4",
+        style: "h2",
+        children: t("neetoMolecules.productSwitcher.chooseNeetoProduct")
+      })
+    }), /*#__PURE__*/jsx(Modal$1.Body, {
+      children: /*#__PURE__*/jsx("div", {
+        className: "neeto-molecules-product-switcher_modal-container",
+        "data-testid": "product-switcher-modal",
+        children: /*#__PURE__*/jsx(Menu$1, {
+          isMobile: true
+        })
+      })
+    })]
+  });
 });
 
 var shouldShowWhatsNew = function shouldShowWhatsNew() {
@@ -205,32 +222,40 @@ var THEMES = {
 };
 
 var _excluded$2 = ["label", "icon", "changesCount"];
+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;
   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$2);
-    return /*#__PURE__*/React__default.createElement(MenuItem.Button, _extends({
-      className: "neeto-molecules-menu-sublist__item-btn",
-      "data-cy": "floating-action-menu-link-section",
-      key: idx,
-      style: "text",
-      prefix: MENU_ITEMS_WITH_ICONS.includes(label) ? /*#__PURE__*/React__default.createElement(Icon, {
-        size: 18
-      }) : undefined
-    }, omit(NON_BUTTON_PROPS, otherProps)), label, isPresent(changesCount) && /*#__PURE__*/React__default.createElement("span", {
-      className: "neeto-molecules-menu-list__item-btn-count",
-      "data-cy": "help-section-menu-changes-count",
-      "data-testid": "help-section-menu-changes-count"
-    }, changesCount));
-  }));
+  return /*#__PURE__*/jsx(Fragment, {
+    children: links.map(function (_ref2, idx) {
+      var label = _ref2.label,
+        Icon = _ref2.icon,
+        changesCount = _ref2.changesCount,
+        otherProps = _objectWithoutProperties(_ref2, _excluded$2);
+      return /*#__PURE__*/jsxs(MenuItem.Button, _objectSpread$3(_objectSpread$3({
+        className: "neeto-molecules-menu-sublist__item-btn",
+        "data-cy": "floating-action-menu-link-section",
+        style: "text",
+        prefix: MENU_ITEMS_WITH_ICONS.includes(label) ? /*#__PURE__*/jsx(Icon, {
+          size: 18
+        }) : undefined
+      }, omit(NON_BUTTON_PROPS, otherProps)), {}, {
+        children: [label, isPresent(changesCount) && /*#__PURE__*/jsx("span", {
+          className: "neeto-molecules-menu-list__item-btn-count",
+          "data-cy": "help-section-menu-changes-count",
+          "data-testid": "help-section-menu-changes-count",
+          children: changesCount
+        })]
+      }), idx);
+    })
+  });
 };
 
 var _excluded$1 = ["isLoading", "onMouseEnter"];
+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 MenuButton$1 = function MenuButton(_ref) {
   var isLoading = _ref.isLoading,
     onMouseEnter = _ref.onMouseEnter,
@@ -238,17 +263,19 @@ var MenuButton$1 = function MenuButton(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var MenuItem = Dropdown$1.MenuItem;
-  return /*#__PURE__*/React__default.createElement(MenuItem.Button, _extends({
+  return /*#__PURE__*/jsx(MenuItem.Button, _objectSpread$2(_objectSpread$2({
     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, {
+    suffix: isLoading ? /*#__PURE__*/jsx(Spinner, {}) : /*#__PURE__*/jsx(Right, {
       size: 18
     })
-  }, otherProps), t("neetoMolecules.sidebar.productSwitcher"));
+  }, otherProps), {}, {
+    children: t("neetoMolecules.sidebar.productSwitcher")
+  }));
 };
 
 var Dropdown = function Dropdown() {
@@ -263,10 +290,10 @@ var Dropdown = function Dropdown() {
     if (!isStale) return;
     refetchNeetoApps();
   };
-  return /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  return /*#__PURE__*/jsx(Dropdown$1, {
     className: "neeto-molecules-product-switcher-menu-popup-wrapper",
     closeOnSelect: false,
-    customTarget: /*#__PURE__*/React__default.createElement(MenuButton$1, {
+    customTarget: /*#__PURE__*/jsx(MenuButton$1, {
       isLoading: isLoading,
       onMouseEnter: onMouseEnter
     }),
@@ -279,8 +306,13 @@ var Dropdown = function Dropdown() {
     zIndex: 99999,
     dropdownProps: {
       classNames: "neeto-molecules-product-switcher-menu-popup__dropdown"
-    }
-  }, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem, null, /*#__PURE__*/React__default.createElement(Menu$1, null))));
+    },
+    children: /*#__PURE__*/jsx(Menu, {
+      children: /*#__PURE__*/jsx(MenuItem, {
+        children: /*#__PURE__*/jsx(Menu$1, {})
+      })
+    })
+  });
 };
 
 var ProductSwitcher = function ProductSwitcher(_ref) {
@@ -288,42 +320,47 @@ var ProductSwitcher = function ProductSwitcher(_ref) {
   var _useBreakpoints = useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   var isMobile = isSize("mobile");
-  return isMobile ? /*#__PURE__*/React__default.createElement(MenuButton$1, {
+  return isMobile ? /*#__PURE__*/jsx(MenuButton$1, {
     onClick: function onClick() {
       return toggleModal(true);
     }
-  }) : /*#__PURE__*/React__default.createElement(Dropdown, null);
+  }) : /*#__PURE__*/jsx(Dropdown, {});
 };
 
 var ProfileHeader = function ProfileHeader(_ref) {
   var profileInfo = _ref.profileInfo;
   var name = profileInfo.name,
     email = profileInfo.email;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "neeto-ui-relative neeto-ui-flex neeto-ui-items-center neeto-ui-p-3 neeto-ui-bg-primary-50 neeto-molecules-profile-popup__top-section",
-    "data-cy": "floating-action-menu-profile-header"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "left-0 top-0"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    "data-cy": "floating-action-menu-header-profile-icon",
-    size: "large",
-    user: profileInfo
-  })), /*#__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__default.createElement(Typography, {
-    className: "neeto-ui-m-0",
-    component: "h2",
-    "data-cy": "floating-action-menu-header-user-name",
-    lineHeight: "tight",
-    style: "h5",
-    title: name,
-    weight: "semibold"
-  }, truncate(name, 18)), email && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-700",
-    "data-cy": "floating-action-menu-header-user-email",
-    lineHeight: "tight",
-    style: "body3"
-  }, email)));
+    "data-cy": "floating-action-menu-profile-header",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "left-0 top-0",
+      children: /*#__PURE__*/jsx(Avatar, {
+        "data-cy": "floating-action-menu-header-profile-icon",
+        size: "large",
+        user: profileInfo
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-grow neeto-ui-min-w-0 neeto-ui-pl-3",
+      children: [/*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-m-0",
+        component: "h2",
+        "data-cy": "floating-action-menu-header-user-name",
+        lineHeight: "tight",
+        style: "h5",
+        title: name,
+        weight: "semibold",
+        children: truncate(name, 18)
+      }), email && /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-w-full neeto-ui-truncate neeto-ui-text-gray-700",
+        "data-cy": "floating-action-menu-header-user-email",
+        lineHeight: "tight",
+        style: "body3",
+        children: email
+      })]
+    })]
+  });
 };
 
 var getSidebarStateLocalStorageKey = function getSidebarStateLocalStorageKey() {
@@ -386,17 +423,18 @@ var MenuItem$1 = Dropdown$1.MenuItem;
 var MenuButton = withT(function (_ref) {
   var t = _ref.t,
     selectedThemeName = _ref.selectedThemeName;
-  return /*#__PURE__*/React__default.createElement(MenuItem$1.Button, {
+  return /*#__PURE__*/jsx(MenuItem$1.Button, {
     className: "neeto-molecules-menu-sublist__item-btn",
     "data-cy": "theme-switcher-button",
     "data-testid": "theme-switcher-button",
     style: "text",
-    suffix: /*#__PURE__*/React__default.createElement(Right, {
+    suffix: /*#__PURE__*/jsx(Right, {
       size: 18
+    }),
+    children: t("neetoMolecules.sidebar.themeSwitcher.label", {
+      selectedTheme: selectedThemeName
     })
-  }, t("neetoMolecules.sidebar.themeSwitcher.label", {
-    selectedTheme: selectedThemeName
-  }));
+  });
 });
 
 var Menu = Dropdown$1.Menu,
@@ -417,38 +455,43 @@ var ThemeSwitcher = function ThemeSwitcher() {
     theme === THEMES.LIGHT ? setLightTheme() : setDarkTheme();
     setAppTheme(theme);
   };
-  return /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  return /*#__PURE__*/jsx(Dropdown$1, {
     className: "neeto-molecules-theme-switcher-menu-popup-wrapper",
     closeOnSelect: false,
-    customTarget: /*#__PURE__*/React__default.createElement(MenuButton, {
+    customTarget: /*#__PURE__*/jsx(MenuButton, {
       selectedThemeName: selectedThemeName
     }),
     interactiveDebounce: 30,
     offset: [0, 5],
     position: isMobile ? "bottom" : "right",
     trigger: "all",
-    zIndex: 99999
-  }, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    suffix: !isDarkThemeSelected && /*#__PURE__*/React__default.createElement(Check, {
-      size: 18
-    }),
-    className: classnames({
-      "neeto-molecules-theme-switcher-active-button": !isDarkThemeSelected
-    }),
-    onClick: function onClick() {
-      return switchTheme(THEMES.LIGHT);
-    }
-  }, t("neetoMolecules.sidebar.themeSwitcher.light")), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
-    suffix: isDarkThemeSelected && /*#__PURE__*/React__default.createElement(Check, {
-      size: 18
-    }),
-    className: classnames({
-      "neeto-molecules-theme-switcher-active-button": isDarkThemeSelected
-    }),
-    onClick: function onClick() {
-      return switchTheme(THEMES.DARK);
-    }
-  }, t("neetoMolecules.sidebar.themeSwitcher.dark"))));
+    zIndex: 99999,
+    children: /*#__PURE__*/jsxs(Menu, {
+      children: [/*#__PURE__*/jsx(MenuItem.Button, {
+        suffix: !isDarkThemeSelected && /*#__PURE__*/jsx(Check, {
+          size: 18
+        }),
+        className: classnames({
+          "neeto-molecules-theme-switcher-active-button": !isDarkThemeSelected
+        }),
+        onClick: function onClick() {
+          return switchTheme(THEMES.LIGHT);
+        },
+        children: t("neetoMolecules.sidebar.themeSwitcher.light")
+      }), /*#__PURE__*/jsx(MenuItem.Button, {
+        suffix: isDarkThemeSelected && /*#__PURE__*/jsx(Check, {
+          size: 18
+        }),
+        className: classnames({
+          "neeto-molecules-theme-switcher-active-button": isDarkThemeSelected
+        }),
+        onClick: function onClick() {
+          return switchTheme(THEMES.DARK);
+        },
+        children: t("neetoMolecules.sidebar.themeSwitcher.dark")
+      })]
+    })
+  });
 };
 
 var ProfileMenu = function ProfileMenu(_ref) {
@@ -464,31 +507,36 @@ var ProfileMenu = function ProfileMenu(_ref) {
   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, {
-    className: "neeto-molecules-profile-popup mb-1",
-    "data-cy": "profile-popup",
-    "data-testid": "profile-popup"
-  }, /*#__PURE__*/React__default.createElement(ProfileHeader, {
-    profileInfo: profileInfo
-  })), showProductSwitcher && /*#__PURE__*/React__default.createElement(ProductSwitcher, {
-    toggleModal: toggleModal
-  }), isThemeSwitcherEnabled && /*#__PURE__*/React__default.createElement(ThemeSwitcher, null), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
-    links: topLinks
-  }), isPresent(customContent) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(MenuItem, {
-    className: "neeto-molecules-floating-action-button__profile-wrapper-custom-content"
-  }, customContent)), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
-    links: defaultLinks
-  }), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
-    links: helpLinks
-  }), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
-    links: bottomLinks
-  }));
+  return /*#__PURE__*/jsxs(Menu, {
+    className: "pb-1",
+    children: [/*#__PURE__*/jsx(MenuItem, {
+      className: "neeto-molecules-profile-popup mb-1",
+      "data-cy": "profile-popup",
+      "data-testid": "profile-popup",
+      children: /*#__PURE__*/jsx(ProfileHeader, {
+        profileInfo: profileInfo
+      })
+    }), showProductSwitcher && /*#__PURE__*/jsx(ProductSwitcher, {
+      toggleModal: toggleModal
+    }), isThemeSwitcherEnabled && /*#__PURE__*/jsx(ThemeSwitcher, {}), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(LinkSection, {
+      links: topLinks
+    }), isPresent(customContent) && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(MenuItem, {
+        className: "neeto-molecules-floating-action-button__profile-wrapper-custom-content",
+        children: customContent
+      })]
+    }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(LinkSection, {
+      links: defaultLinks
+    }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(LinkSection, {
+      links: helpLinks
+    }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx(LinkSection, {
+      links: bottomLinks
+    })]
+  });
 };
 
-function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProfileButton = function ProfileButton(_ref) {
   var helpLinkOverrides = _ref.helpLinkOverrides,
     profileInfoOverrides = _ref.profileInfoOverrides,
@@ -535,7 +583,7 @@ var ProfileButton = function ProfileButton(_ref) {
   var newTopLinks = globalProps.appName !== "neetoAuth" ? [].concat(_toConsumableArray(getDefaultTopLinks(data === null || data === void 0 ? void 0 : data.isOwner, setIsProfilePaneOpen)), _toConsumableArray(topLinks)) : topLinks;
   var newBottomLinks = [].concat(_toConsumableArray(getDefaultBottomLinks()), _toConsumableArray(bottomLinks));
   var helpLinks = Object.keys(DEFAULT_HELP_LINK_PROPS).map(function (key) {
-    return _objectSpread({}, DEFAULT_HELP_LINK_PROPS[key]);
+    return _objectSpread$1({}, DEFAULT_HELP_LINK_PROPS[key]);
   }).filter(function (_ref2) {
     var hide = _ref2.hide;
     return !hide;
@@ -544,7 +592,7 @@ var ProfileButton = function ProfileButton(_ref) {
     var _DEFAULT_MENU_LINK_PR, _DEFAULT_MENU_LINK_PR2, _DEFAULT_MENU_LINK_PR3;
     return (_DEFAULT_MENU_LINK_PR = (_DEFAULT_MENU_LINK_PR2 = (_DEFAULT_MENU_LINK_PR3 = DEFAULT_MENU_LINK_PROPS[key]).isVisible) === null || _DEFAULT_MENU_LINK_PR2 === void 0 ? void 0 : _DEFAULT_MENU_LINK_PR2.call(_DEFAULT_MENU_LINK_PR3)) !== null && _DEFAULT_MENU_LINK_PR !== void 0 ? _DEFAULT_MENU_LINK_PR : true;
   }).map(function (key) {
-    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DEFAULT_MENU_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
+    return _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({}, DEFAULT_MENU_LINK_PROPS[key]), helpLinkOverrides[key]), key === "keyboardShortcutProps" && {
       onClick: function onClick() {
         return setIsOpen(function (prev) {
           return !prev;
@@ -557,66 +605,74 @@ 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$1, {
-    isMultiLevel: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    buttonStyle: "link",
-    closeOnSelect: false,
-    "data-cy": "floating-action-button",
-    "data-testid": "floating-action-button",
-    icon: noop,
-    interactiveDebounce: 30,
-    offset: [15, 10],
-    position: "right-end",
-    strategy: "fixed",
-    theme: "light",
-    trigger: "all",
-    zIndex: 99999,
-    customTarget: /*#__PURE__*/React__default.createElement("button", {
-      className: "neeto-molecules-floating-action-button",
-      type: "button"
-    }, /*#__PURE__*/React__default.createElement(Avatar, {
-      className: "neeto-ui-flex-shrink-0 neeto-molecules-floating-action-button__profile-avatar",
-      "data-cy": "profile-avatar",
-      "data-testid": "profile-avatar",
-      size: "medium",
-      user: profileInfo
-    }), /*#__PURE__*/React__default.createElement("span", {
-      className: "neeto-molecules-floating-action-button__help-icon"
-    }, /*#__PURE__*/React__default.createElement(Help, {
-      size: 20
-    }))),
-    dropdownProps: {
-      classNames: "neeto-molecules-floating-action-button__dropdown"
-    }
-  }, /*#__PURE__*/React__default.createElement(ProfileMenu, {
-    customContent: customContent,
-    defaultLinks: defaultLinks,
-    helpLinks: helpLinks,
-    isThemeSwitcherEnabled: isThemeSwitcherEnabled,
-    profileInfo: profileInfo,
-    showProductSwitcher: showProductSwitcher,
-    bottomLinks: newBottomLinks,
-    toggleModal: setIsModalOpen,
-    topLinks: newTopLinks
-  })), isPresent(changesCount) && /*#__PURE__*/React__default.createElement("span", {
-    className: "neeto-molecules-menu__notif-count",
-    "data-cy": "help-icon-changes-count",
-    "data-testid": "help-icon-changes-count"
-  }, changesCount), /*#__PURE__*/React__default.createElement(Modal, {
-    isOpen: isModalOpen,
-    onClose: function onClose() {
-      return setIsModalOpen(false);
-    }
-  }));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Profile.Pane, {}), /*#__PURE__*/jsx(Dropdown$1, {
+      isMultiLevel: true,
+      appendTo: function appendTo() {
+        return document.body;
+      },
+      buttonStyle: "link",
+      closeOnSelect: false,
+      "data-cy": "floating-action-button",
+      "data-testid": "floating-action-button",
+      icon: noop,
+      interactiveDebounce: 30,
+      offset: [15, 10],
+      position: "right-end",
+      strategy: "fixed",
+      theme: "light",
+      trigger: "all",
+      zIndex: 99999,
+      customTarget: /*#__PURE__*/jsxs("button", {
+        className: "neeto-molecules-floating-action-button",
+        type: "button",
+        children: [/*#__PURE__*/jsx(Avatar, {
+          className: "neeto-ui-flex-shrink-0 neeto-molecules-floating-action-button__profile-avatar",
+          "data-cy": "profile-avatar",
+          "data-testid": "profile-avatar",
+          size: "medium",
+          user: profileInfo
+        }), /*#__PURE__*/jsx("span", {
+          className: "neeto-molecules-floating-action-button__help-icon",
+          children: /*#__PURE__*/jsx(Help, {
+            size: 20
+          })
+        })]
+      }),
+      dropdownProps: {
+        classNames: "neeto-molecules-floating-action-button__dropdown"
+      },
+      children: /*#__PURE__*/jsx(ProfileMenu, {
+        customContent: customContent,
+        defaultLinks: defaultLinks,
+        helpLinks: helpLinks,
+        isThemeSwitcherEnabled: isThemeSwitcherEnabled,
+        profileInfo: profileInfo,
+        showProductSwitcher: showProductSwitcher,
+        bottomLinks: newBottomLinks,
+        toggleModal: setIsModalOpen,
+        topLinks: newTopLinks
+      })
+    }), isPresent(changesCount) && /*#__PURE__*/jsx("span", {
+      className: "neeto-molecules-menu__notif-count",
+      "data-cy": "help-icon-changes-count",
+      "data-testid": "help-icon-changes-count",
+      children: changesCount
+    }), /*#__PURE__*/jsx(Modal, {
+      isOpen: isModalOpen,
+      onClose: function onClose() {
+        return setIsModalOpen(false);
+      }
+    })]
+  });
 };
 
 var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-white));border-bottom-right-radius:17px;border-left:none;border-top-right-radius:17px;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:rgb(var(--neeto-ui-primary-500));border-bottom-right-radius:16px;border-color:rgb(var(--neeto-ui-primary-500));border-top-right-radius:16px;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__help-icon{align-items:center;background-color:#fff;border-radius:100px;display:flex;height:26px;justify-content:center;width:26px}.neeto-molecules-floating-action-button__profile-avatar{--neeto-ui-avatar-container-width:26px;--neeto-ui-avatar-container-height:26px;border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar>div{height:100%;width:100%}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{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{border:1px solid #fff;height:15px;min-width:15px;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-accent-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);justify-content:center;padding-left:4px;padding-right:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-menu-list__item-btn-count{height:18px;min-width:18px}.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;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}.neeto-molecules-theme-switcher-menu-popup-wrapper .neeto-ui-dropdown__popup-menu{padding-top:4px!important}.neeto-molecules-theme-switcher-active-button{color:rgb(var(--neeto-ui-success-600))!important}";
 n(css,{});
 
 var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "isThemeSwitcherEnabled", "customContent"];
+function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$profileInfoOverr = _ref.profileInfoOverrides,
     profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
@@ -635,19 +691,21 @@ var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useEffect(function () {
     isThemeSwitcherEnabled && setAppTheme();
   }, []);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     ref: ref,
     className: "neeto-molecules-floating-action-menu__container",
     "data-cy": "floating-action-menu-container",
     "data-testid": "floating-action-menu-container"
-  }, otherProps), /*#__PURE__*/React__default.createElement(ProfileButton, {
-    bottomLinks: bottomLinks,
-    customContent: customContent,
-    helpLinkOverrides: helpLinkOverrides,
-    isThemeSwitcherEnabled: isThemeSwitcherEnabled,
-    profileInfoOverrides: profileInfoOverrides,
-    showProductSwitcher: showProductSwitcher,
-    topLinks: topLinks
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsx(ProfileButton, {
+      bottomLinks: bottomLinks,
+      customContent: customContent,
+      helpLinkOverrides: helpLinkOverrides,
+      isThemeSwitcherEnabled: isThemeSwitcherEnabled,
+      profileInfoOverrides: profileInfoOverrides,
+      showProductSwitcher: showProductSwitcher,
+      topLinks: topLinks
+    })
   }));
 });
 FloatingActionMenu.displayName = "FloatingActionMenu";