@bigbinary/neeto-molecules 1.15.39 → 1.15.40

package/dist/cjs/FloatingActionMenu.js

@@ -3,7 +3,6 @@
 var _extends = require('./extends-1b35a664.js');
 var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var React = require('react');
-var index = require('./index-248c4f4c.js');
 var defineProperty = require('./defineProperty-886ed289.js');
 var toConsumableArray = require('./toConsumableArray-9abb3858.js');
 var slicedToArray = require('./slicedToArray-f320d9e7.js');
@@ -21,6 +20,8 @@ var AppIcons = require('@bigbinary/neeto-icons/app-icons');
 var ramda = require('ramda');
 var i18next = require('i18next');
 var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
+var useLocalStorage = require('@bigbinary/neeto-commons-frontend/react-utils/useLocalStorage');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var axios = require('@bigbinary/neeto-commons-frontend/utils/axios');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 require('zustand/shallow');
@@ -55,6 +56,7 @@ var useFetchNeetoApps__default = /*#__PURE__*/_interopDefaultLegacy(useFetchNeet
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var AppIcons__namespace = /*#__PURE__*/_interopNamespace(AppIcons);
 var useBreakpoints__default = /*#__PURE__*/_interopDefaultLegacy(useBreakpoints);
+var useLocalStorage__default = /*#__PURE__*/_interopDefaultLegacy(useLocalStorage);
 
 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}";
 injectCss.n(css$1,{});
@@ -98,7 +100,7 @@ var ProductLink = function ProductLink(_ref) {
 };
 var ProductLink$1 = /*#__PURE__*/React__default["default"].memo(ProductLink);
 
-var Menu = function Menu(_ref) {
+var Menu$1 = function Menu(_ref) {
   var _ref$isMobile = _ref.isMobile,
     isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
   var _useTranslation = reactI18next.useTranslation(),
@@ -170,7 +172,7 @@ var Modal = reactUtils.withT(function (_ref) {
   }, t("neetoMolecules.productSwitcher.chooseNeetoProduct"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-product-switcher_modal-container",
     "data-testid": "product-switcher-modal"
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, {
     isMobile: true
   }))));
 });
@@ -218,6 +220,13 @@ var DEFAULT_MENU_LINK_PROPS = {
 };
 var NON_BUTTON_PROPS = ["isVisible"];
 
+// Theme switcher
+var APP_THEME_LOCALSTORAGE_KEY = "appTheme";
+var THEMES = {
+  LIGHT: "neeto-ui-theme--light",
+  DARK: "neeto-ui-theme--dark"
+};
+
 var _excluded$2 = ["label", "icon", "changesCount"];
 var LinkSection = function LinkSection(_ref) {
   var links = _ref.links;
@@ -245,7 +254,7 @@ var LinkSection = function LinkSection(_ref) {
 };
 
 var _excluded$1 = ["isLoading", "onMouseEnter"];
-var MenuButton = function MenuButton(_ref) {
+var MenuButton$1 = function MenuButton(_ref) {
   var isLoading = _ref.isLoading,
     onMouseEnter = _ref.onMouseEnter,
     otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
@@ -266,7 +275,7 @@ var MenuButton = function MenuButton(_ref) {
 };
 
 var Dropdown = function Dropdown() {
-  var Menu$1 = neetoui.Dropdown.Menu,
+  var Menu = neetoui.Dropdown.Menu,
     MenuItem = neetoui.Dropdown.MenuItem;
   var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
     data = _useFetchNeetoApps.data,
@@ -280,7 +289,7 @@ var Dropdown = function Dropdown() {
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     className: "neeto-molecules-product-switcher-menu-popup-wrapper",
     closeOnSelect: false,
-    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuButton, {
+    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuButton$1, {
       isLoading: isLoading,
       onMouseEnter: onMouseEnter
     }),
@@ -294,7 +303,7 @@ var Dropdown = function Dropdown() {
     dropdownProps: {
       classNames: "neeto-molecules-product-switcher-menu-popup__dropdown"
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, null, /*#__PURE__*/React__default["default"].createElement(MenuItem, null, /*#__PURE__*/React__default["default"].createElement(Menu, null))));
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem, null, /*#__PURE__*/React__default["default"].createElement(Menu$1, null))));
 };
 
 var ProductSwitcher = function ProductSwitcher(_ref) {
@@ -302,7 +311,7 @@ var ProductSwitcher = function ProductSwitcher(_ref) {
   var _useBreakpoints = useBreakpoints__default["default"](),
     isSize = _useBreakpoints.isSize;
   var isMobile = isSize("mobile");
-  return isMobile ? /*#__PURE__*/React__default["default"].createElement(MenuButton, {
+  return isMobile ? /*#__PURE__*/React__default["default"].createElement(MenuButton$1, {
     onClick: function onClick() {
       return toggleModal(true);
     }
@@ -340,41 +349,6 @@ var ProfileHeader = function ProfileHeader(_ref) {
   }, email)));
 };
 
-var ProfileMenu = function ProfileMenu(_ref) {
-  var profileInfo = _ref.profileInfo,
-    showProductSwitcher = _ref.showProductSwitcher,
-    helpLinks = _ref.helpLinks,
-    defaultLinks = _ref.defaultLinks,
-    topLinks = _ref.topLinks,
-    bottomLinks = _ref.bottomLinks,
-    customContent = _ref.customContent,
-    toggleModal = _ref.toggleModal;
-  var Menu = neetoui.Dropdown.Menu,
-    MenuItem = neetoui.Dropdown.MenuItem,
-    Divider = neetoui.Dropdown.Divider;
-  return /*#__PURE__*/React__default["default"].createElement(Menu, {
-    className: "pb-1"
-  }, /*#__PURE__*/React__default["default"].createElement(MenuItem, {
-    className: "neeto-molecules-profile-popup mb-1",
-    "data-cy": "profile-popup",
-    "data-testid": "profile-popup"
-  }, /*#__PURE__*/React__default["default"].createElement(ProfileHeader, {
-    profileInfo: profileInfo
-  })), showProductSwitcher && /*#__PURE__*/React__default["default"].createElement(ProductSwitcher, {
-    toggleModal: toggleModal
-  }), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
-    links: topLinks
-  }), neetoCist.isPresent(customContent) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(MenuItem, {
-    className: "neeto-molecules-floating-action-button__profile-wrapper-custom-content"
-  }, customContent)), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
-    links: defaultLinks
-  }), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
-    links: helpLinks
-  }), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
-    links: bottomLinks
-  }));
-};
-
 var getSidebarStateLocalStorageKey = function getSidebarStateLocalStorageKey() {
   var _globalProps$user, _globalProps$user2;
   var user = ((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.email) || ((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.phoneNumber);
@@ -417,6 +391,125 @@ var getProfileInfo = function getProfileInfo(profileInfoOverrides) {
   });
 };
 
+// Theme switcher utils.
+var setDarkTheme = function setDarkTheme() {
+  document.body.classList.remove(THEMES.LIGHT);
+  document.body.classList.add(THEMES.DARK);
+};
+var setLightTheme = function setLightTheme() {
+  document.body.classList.remove(THEMES.DARK);
+  document.body.classList.add(THEMES.LIGHT);
+};
+var setAppTheme = function setAppTheme() {
+  var isDarkTheme = utils.getFromLocalStorage(APP_THEME_LOCALSTORAGE_KEY) === THEMES.DARK;
+  isDarkTheme ? setDarkTheme() : setLightTheme();
+};
+
+var MenuItem$1 = neetoui.Dropdown.MenuItem;
+var MenuButton = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    selectedThemeName = _ref.selectedThemeName;
+  return /*#__PURE__*/React__default["default"].createElement(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["default"].createElement(neetoIcons.Right, {
+      size: 18
+    })
+  }, t("neetoMolecules.sidebar.themeSwitcher.label", {
+    selectedTheme: selectedThemeName
+  }));
+});
+
+var Menu = neetoui.Dropdown.Menu,
+  MenuItem = neetoui.Dropdown.MenuItem;
+var ThemeSwitcher = function ThemeSwitcher() {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useBreakpoints = useBreakpoints__default["default"](),
+    isSize = _useBreakpoints.isSize;
+  var _useLocalStorage = useLocalStorage__default["default"](APP_THEME_LOCALSTORAGE_KEY, THEMES.LIGHT),
+    _useLocalStorage2 = slicedToArray._slicedToArray(_useLocalStorage, 2),
+    appTheme = _useLocalStorage2[0],
+    setAppTheme = _useLocalStorage2[1];
+  var isDarkThemeSelected = appTheme === THEMES.DARK;
+  var selectedThemeName = isDarkThemeSelected ? t("neetoMolecules.sidebar.themeSwitcher.dark") : t("neetoMolecules.sidebar.themeSwitcher.light");
+  var isMobile = isSize("mobile");
+  var switchTheme = function switchTheme(theme) {
+    theme === THEMES.LIGHT ? setLightTheme() : setDarkTheme();
+    setAppTheme(theme);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    className: "neeto-molecules-theme-switcher-menu-popup-wrapper",
+    closeOnSelect: false,
+    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuButton, {
+      selectedThemeName: selectedThemeName
+    }),
+    interactiveDebounce: 30,
+    offset: [0, 5],
+    position: isMobile ? "bottom" : "right",
+    trigger: "all",
+    zIndex: 99999
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    suffix: !isDarkThemeSelected && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
+      size: 18
+    }),
+    className: classnames__default["default"]({
+      "neeto-molecules-theme-switcher-active-button": !isDarkThemeSelected
+    }),
+    onClick: function onClick() {
+      return switchTheme(THEMES.LIGHT);
+    }
+  }, t("neetoMolecules.sidebar.themeSwitcher.light")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    suffix: isDarkThemeSelected && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
+      size: 18
+    }),
+    className: classnames__default["default"]({
+      "neeto-molecules-theme-switcher-active-button": isDarkThemeSelected
+    }),
+    onClick: function onClick() {
+      return switchTheme(THEMES.DARK);
+    }
+  }, t("neetoMolecules.sidebar.themeSwitcher.dark"))));
+};
+
+var ProfileMenu = function ProfileMenu(_ref) {
+  var profileInfo = _ref.profileInfo,
+    showProductSwitcher = _ref.showProductSwitcher,
+    helpLinks = _ref.helpLinks,
+    defaultLinks = _ref.defaultLinks,
+    topLinks = _ref.topLinks,
+    bottomLinks = _ref.bottomLinks,
+    customContent = _ref.customContent,
+    toggleModal = _ref.toggleModal,
+    isThemeSwitcherEnabled = _ref.isThemeSwitcherEnabled;
+  var Menu = neetoui.Dropdown.Menu,
+    MenuItem = neetoui.Dropdown.MenuItem,
+    Divider = neetoui.Dropdown.Divider;
+  return /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "pb-1"
+  }, /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+    className: "neeto-molecules-profile-popup mb-1",
+    "data-cy": "profile-popup",
+    "data-testid": "profile-popup"
+  }, /*#__PURE__*/React__default["default"].createElement(ProfileHeader, {
+    profileInfo: profileInfo
+  })), showProductSwitcher && /*#__PURE__*/React__default["default"].createElement(ProductSwitcher, {
+    toggleModal: toggleModal
+  }), isThemeSwitcherEnabled && /*#__PURE__*/React__default["default"].createElement(ThemeSwitcher, null), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
+    links: topLinks
+  }), neetoCist.isPresent(customContent) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+    className: "neeto-molecules-floating-action-button__profile-wrapper-custom-content"
+  }, customContent)), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
+    links: defaultLinks
+  }), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(LinkSection, {
+    links: helpLinks
+  }), /*#__PURE__*/React__default["default"].createElement(Divider, null), /*#__PURE__*/React__default["default"].createElement(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._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 ProfileButton = function ProfileButton(_ref) {
@@ -425,7 +518,8 @@ var ProfileButton = function ProfileButton(_ref) {
     showProductSwitcher = _ref.showProductSwitcher,
     bottomLinks = _ref.bottomLinks,
     topLinks = _ref.topLinks,
-    customContent = _ref.customContent;
+    customContent = _ref.customContent,
+    isThemeSwitcherEnabled = _ref.isThemeSwitcherEnabled;
   var _useState = React.useState(false),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
     isModalOpen = _useState2[0],
@@ -520,6 +614,7 @@ var ProfileButton = function ProfileButton(_ref) {
     customContent: customContent,
     defaultLinks: defaultLinks,
     helpLinks: helpLinks,
+    isThemeSwitcherEnabled: isThemeSwitcherEnabled,
     profileInfo: profileInfo,
     showProductSwitcher: showProductSwitcher,
     bottomLinks: newBottomLinks,
@@ -537,10 +632,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-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}";
+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}.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-primary-600))!important}";
 injectCss.n(css,{});
 
-var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "customContent"];
+var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "isThemeSwitcherEnabled", "customContent"];
 var FloatingActionMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$profileInfoOverr = _ref.profileInfoOverrides,
     profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
@@ -552,8 +647,13 @@ var FloatingActionMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     bottomLinks = _ref$bottomLinks === void 0 ? [] : _ref$bottomLinks,
     _ref$showProductSwitc = _ref.showProductSwitcher,
     showProductSwitcher = _ref$showProductSwitc === void 0 ? true : _ref$showProductSwitc,
+    _ref$isThemeSwitcherE = _ref.isThemeSwitcherEnabled,
+    isThemeSwitcherEnabled = _ref$isThemeSwitcherE === void 0 ? false : _ref$isThemeSwitcherE,
     customContent = _ref.customContent,
     otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  React.useEffect(function () {
+    isThemeSwitcherEnabled && setAppTheme();
+  }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
     ref: ref,
     className: "neeto-molecules-floating-action-menu__container",
@@ -563,50 +663,13 @@ var FloatingActionMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     bottomLinks: bottomLinks,
     customContent: customContent,
     helpLinkOverrides: helpLinkOverrides,
+    isThemeSwitcherEnabled: isThemeSwitcherEnabled,
     profileInfoOverrides: profileInfoOverrides,
     showProductSwitcher: showProductSwitcher,
     topLinks: topLinks
   }));
 });
 FloatingActionMenu.displayName = "FloatingActionMenu";
-FloatingActionMenu.propTypes = {
-  /**
-   * To specify the profile info to be rendered in the menu
-   */
-  profileInfoOverrides: index.propTypes.exports.shape({
-    name: index.propTypes.exports.string,
-    email: index.propTypes.exports.string,
-    imageUrl: index.propTypes.exports.string
-  }),
-  /**
-   * Custom content to be rendered in the menu between the top and bottom links if any
-   */
-  customContent: index.propTypes.exports.element,
-  /**
-   * Any extra links to be rendered at the top of the menu.
-   */
-  topLinks: index.propTypes.exports.arrayOf(index.propTypes.exports.shape({
-    onClick: index.propTypes.exports.func,
-    label: index.propTypes.exports.string,
-    icon: index.propTypes.exports.oneOfType([index.propTypes.exports.element, index.propTypes.exports.func])
-  })),
-  /**
-   * Any extra links to be rendered at the bottom of the menu.
-   */
-  bottomLinks: index.propTypes.exports.arrayOf(index.propTypes.exports.shape({
-    onClick: index.propTypes.exports.func,
-    label: index.propTypes.exports.string,
-    icon: index.propTypes.exports.oneOfType([index.propTypes.exports.element, index.propTypes.exports.func])
-  })),
-  /**
-   * To override the values in the help links section in the menu.
-   */
-  helpLinkOverrides: index.propTypes.exports.object,
-  /**
-   * To display the product switcher menu option.
-   */
-  showProductSwitcher: index.propTypes.exports.bool
-};
 
 module.exports = FloatingActionMenu;
 //# sourceMappingURL=FloatingActionMenu.js.map