@bigbinary/neeto-molecules 4.1.55 → 4.1.57

package/dist/v2/FloatingActionMenu.js

@@ -4,12 +4,13 @@ import { memo, useState, useRef, useEffect, useMemo, forwardRef, useCallback } f
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { Spinner, Input, Dialog, DialogContent, DialogTitle, Popover, PopoverAnchor, PopoverContent, Badge, Avatar, AvatarImage, AvatarFallback, Separator } from '@bigbinary/neeto-atoms';
+import { Spinner, Input, Dialog, Badge, Avatar } from '@bigbinary/neeto-atoms';
+import { Popover, PopoverAnchor, PopoverContent, Separator } from '@bigbinary/neeto-atoms/primitives';
 import { isNotEmpty, isNotPresent, isPresent, truncate, humanize } from '@bigbinary/neeto-cist';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Profile from '@bigbinary/neeto-team-members-frontend/Profile';
 import { isEmpty, toLower, mergeDeepLeft, not } from 'ramda';
-import KeyboardShortcuts from '../KeyboardShortcuts.js';
+import KeyboardShortcuts from './KeyboardShortcuts.js';
 import SubscriptionUpgradeRequestModal from '../SubscriptionUpgradeRequestModal.js';
 import classnames from 'classnames';
 import { useTranslation } from 'react-i18next';
@@ -30,22 +31,18 @@ import useLocalStorage from '@bigbinary/neeto-commons-frontend/react-utils/useLo
 import { getFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils';
 import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils/axios';
 import { removeFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils/general';
-import CopyToClipboardButton from '../CopyToClipboardButton.js';
-import '../useKeyboardShortcutsPaneState-Ckzn5mVZ.js';
+import CopyToClipboardButton from './CopyToClipboardButton.js';
+import '../useKeyboardShortcutsPaneState-dNIbb_PI.js';
 import 'zustand/shallow';
 import '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
 import 'zustand';
-import '@bigbinary/neeto-icons/Close';
-import '@bigbinary/neetoui/Typography';
-import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/managers';
 import '@bigbinary/neeto-commons-frontend/react-utils';
-import '@bigbinary/neetoui/Kbd';
 import '../ua-parser-OzUiuIwt.js';
-import '../inject-css-C2dztUxs.js';
+import '../x-B1Er0oV4.js';
+import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Modal';
-import '@bigbinary/neeto-icons/Copy';
-import '@bigbinary/neeto-icons/Check';
+import '@bigbinary/neetoui/Typography';
 
 /**
  * @license lucide-react v1.7.0 - ISC
@@ -490,23 +487,19 @@ var Menu = function Menu(_ref) {
 var Modal = function Modal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/jsx(Dialog, {
-    open: isOpen,
-    onOpenChange: function onOpenChange(open) {
-      return !open && onClose();
-    },
-    children: /*#__PURE__*/jsxs(DialogContent, {
-      "aria-describedby": undefined,
-      className: "sm:max-w-4xl",
-      showCloseButton: false,
-      children: [/*#__PURE__*/jsx(DialogTitle, {
-        className: "sr-only",
-        children: "Product Switcher"
-      }), /*#__PURE__*/jsx("div", {
-        "data-testid": "product-switcher-modal",
-        children: /*#__PURE__*/jsx(Menu, {})
-      })]
-    })
+  return /*#__PURE__*/jsxs(Dialog, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    className: "sm:max-w-4xl",
+    closeButton: false,
+    children: [/*#__PURE__*/jsx(Dialog.Title, {
+      className: "sr-only",
+      children: "Product Switcher"
+    }), /*#__PURE__*/jsx("div", {
+      "data-testid": "product-switcher-modal",
+      children: /*#__PURE__*/jsx(Menu, {})
+    })]
   });
 };
 
@@ -863,11 +856,6 @@ var ProductSwitcher = function ProductSwitcher(_ref) {
 
 var MENU_ITEM_CLASS = "flex h-9 w-full items-center gap-2 neeto-ui-rounded-md px-2.5 text-sm font-medium hover:bg-accent";
 
-var getInitials$1 = function getInitials(name) {
-  return (name || "").split(" ").filter(Boolean).map(function (n) {
-    return n[0];
-  }).join("").toUpperCase().slice(0, 2);
-};
 var ProfileHeader = function ProfileHeader(_ref) {
   var profileInfo = _ref.profileInfo;
   var name = profileInfo.name,
@@ -876,15 +864,13 @@ var ProfileHeader = function ProfileHeader(_ref) {
   return /*#__PURE__*/jsxs("span", {
     className: "flex w-full min-w-0 items-center gap-2 text-start",
     "data-testid": "floating-action-menu-profile-header",
-    children: [/*#__PURE__*/jsxs(Avatar, {
+    children: [/*#__PURE__*/jsx(Avatar, {
       className: "size-8 shrink-0",
       "data-testid": "floating-action-menu-header-profile-icon",
-      children: [/*#__PURE__*/jsx(AvatarImage, {
-        alt: name,
-        src: imageUrl
-      }), /*#__PURE__*/jsx(AvatarFallback, {
-        children: getInitials$1(name)
-      })]
+      user: {
+        name: name,
+        imageUrl: imageUrl
+      }
     }), /*#__PURE__*/jsxs("span", {
       className: "flex min-w-0 flex-grow flex-col gap-1",
       children: [/*#__PURE__*/jsx("span", {
@@ -1212,9 +1198,8 @@ var WorkspaceMenu = function WorkspaceMenu() {
               children: globalProps$1.organization.subdomain
             }), /*#__PURE__*/jsx(CopyToClipboardButton, {
               className: "flex-shrink-0",
-              size: "small",
-              style: "text",
-              value: globalProps$1.organization.subdomain
+              value: globalProps$1.organization.subdomain,
+              variant: "ghost"
             })]
           })]
         })
@@ -1319,11 +1304,6 @@ var ProfileMenu = function ProfileMenu(_ref) {
 
 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), true).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 getInitials = function getInitials(name) {
-  return (name || "").split(" ").filter(Boolean).map(function (n) {
-    return n[0];
-  }).join("").toUpperCase().slice(0, 2);
-};
 var ProfileButton = function ProfileButton(_ref) {
   var profileInfoOverrides = _ref.profileInfoOverrides,
     showProductSwitcher = _ref.showProductSwitcher,
@@ -1417,16 +1397,13 @@ var ProfileButton = function ProfileButton(_ref) {
           type: "button",
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
-          children: [/*#__PURE__*/jsxs(Avatar, {
+          children: [/*#__PURE__*/jsx(Avatar, {
             className: "size-[1.625rem] shrink-0 rounded-full border-2 border-white",
             "data-testid": "profile-avatar",
-            children: [/*#__PURE__*/jsx(AvatarImage, {
-              alt: profileInfo.name,
-              src: profileInfo.imageUrl
-            }), /*#__PURE__*/jsx(AvatarFallback, {
-              className: "text-[10px]",
-              children: getInitials(profileInfo.name)
-            })]
+            user: {
+              name: profileInfo.name,
+              imageUrl: profileInfo.imageUrl
+            }
           }), /*#__PURE__*/jsx("span", {
             className: "flex size-[1.625rem] items-center justify-center rounded-full bg-white",
             children: /*#__PURE__*/jsx(CircleQuestionMark, {