@atlaskit/rovo-agent-components 4.0.0 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/rovo-agent-components
 
+## 4.2.0
+
+### Minor Changes
+
+- [`266566c8db777`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/266566c8db777) -
+  Duplicate agent via BE mutation when versioning is enabled Changing all duplicate touchpoints to
+  do useMutation and then redirect. So this requires chaging all the onDuplicate to return Promise
+  and handles the loading state.
+
+  3 places where it changes:
+  - conversation-assistant-agent useAgentUrlActions - this is browse agent modal, view agent modal,
+    agent profile, chat sidebar, studio migration modal
+  - atlassian-studio AgentContextMenu - studio `...` buttons in side nav, agent title bar `...`
+  - profile-card useAgentUrlActions - Agent profile card (no relay)
+
+## 4.1.0
+
+### Minor Changes
+
+- [`af7c97b639e4f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af7c97b639e4f) -
+  Removed hardcoded `borderRadius` pixel values from `Skeleton` components
+
 ## 4.0.0
 
 ### Major Changes

package/dist/cjs/ui/agent-dropdown-menu/index.js

@@ -21,6 +21,7 @@ var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _chatIcon = require("../../common/ui/chat-icon");
 var _agentVerificationDropdownItem = require("../agent-verification-dropdown-item");
 var _messages = _interopRequireDefault(require("./messages"));
@@ -83,20 +84,24 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
-  var _useIntl2 = (0, _reactIntl.useIntl)(),
-    formatMessage = _useIntl2.formatMessage;
   var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    hasBeenCopied = _useState4[0],
-    setHasBeenCopied = _useState4[1];
+    isDuplicating = _useState4[0],
+    setIsDuplicating = _useState4[1];
+  var _useIntl2 = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl2.formatMessage;
   var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)(),
+    hasBeenCopied = _useState6[0],
+    setHasBeenCopied = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    permissions = _useState8[0],
-    setPermissions = _useState8[1];
+    isOpen = _useState8[0],
+    setIsOpen = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    permissions = _useState0[0],
+    setPermissions = _useState0[1];
   (0, _react.useEffect)(function () {
     var fetchData = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
@@ -196,8 +201,38 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
   }, formatMessage(_messages.default.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     onClick: onViewAgentFullProfileClick
   }, formatMessage(_messages.default.viewAgentFullProfile)), !isForgeAgent && isCreateAgentsEnabled && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-    onClick: onDuplicateAgent
-  }, isAutodevTemplateAgent ? formatMessage(_messages.default.useTemplateButton) : formatMessage(_messages.default.duplicateAgent)), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+    onClick: ( /*#__PURE__*/function () {
+      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(e) {
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if ((0, _platformFeatureFlags.fg)('rovo_agent_versioning_enabled')) {
+                e.stopPropagation();
+              }
+              setIsDuplicating(true);
+              _context2.prev = 2;
+              _context2.next = 5;
+              return onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e);
+            case 5:
+              _context2.prev = 5;
+              setIsDuplicating(false);
+              return _context2.finish(5);
+            case 8:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[2,, 5, 8]]);
+      }));
+      return function (_x) {
+        return _ref5.apply(this, arguments);
+      };
+    }()),
+    isDisabled: isDuplicating
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.050"
+  }, isDuplicating && /*#__PURE__*/_react.default.createElement(_spinner.default, {
+    size: "small"
+  }), isAutodevTemplateAgent ? formatMessage(_messages.default.useTemplateButton) : formatMessage(_messages.default.duplicateAgent))), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     onClick: function onClick(e) {
       e.stopPropagation();
       setHasBeenCopied(true);

package/dist/cjs/ui/agent-menu-item-skeleton/index.js

@@ -43,7 +43,6 @@ var AgentMenuItemSkeleton = exports.AgentMenuItemSkeleton = function AgentMenuIt
   }), /*#__PURE__*/_react.default.createElement(_skeleton.default, {
     width: skeletonTextWidth,
     height: skeletonTextHeight,
-    borderRadius: 4,
     isShimmering: true,
     testId: "loading-agents-text-skeleton-".concat(index)
   }));

package/dist/cjs/ui/agent-profile-info/agent-star-count/index.js

@@ -38,8 +38,7 @@ var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref) {
     testId: "agent-profile-info-star-count-skeleton",
     isShimmering: true,
     height: 16,
-    width: 75,
-    borderRadius: 3
+    width: 75
   }) : formatMessage(_messages.messages.starredCount, {
     starCount: (0, _utils.formatNumber)(starCount !== null && starCount !== void 0 ? starCount : 0)
   }));

package/dist/cjs/ui/agent-profile-info/index.js

@@ -85,8 +85,7 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
           testId: "agent-profile-creator-skeleton",
           isShimmering: true,
           height: 18,
-          width: 100,
-          borderRadius: 3
+          width: 100
         })
       });
     }

package/dist/es2019/ui/agent-dropdown-menu/index.js

@@ -9,6 +9,7 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
+import Spinner from '@atlaskit/spinner';
 import { ChatPillIcon } from '../../common/ui/chat-icon';
 import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
 import messages from './messages';
@@ -68,6 +69,7 @@ export const AgentDropdownMenu = ({
   customDropdownOptions
 }) => {
   const [isLoading, setIsLoading] = useState(false);
+  const [isDuplicating, setIsDuplicating] = useState(false);
   const {
     formatMessage
   } = useIntl();
@@ -154,8 +156,23 @@ export const AgentDropdownMenu = ({
   }, formatMessage(messages.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(DropdownItem, {
     onClick: onViewAgentFullProfileClick
   }, formatMessage(messages.viewAgentFullProfile)), !isForgeAgent && isCreateAgentsEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
-    onClick: onDuplicateAgent
-  }, isAutodevTemplateAgent ? formatMessage(messages.useTemplateButton) : formatMessage(messages.duplicateAgent)), /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: async e => {
+      if (fg('rovo_agent_versioning_enabled')) {
+        e.stopPropagation();
+      }
+      setIsDuplicating(true);
+      try {
+        await (onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e));
+      } finally {
+        setIsDuplicating(false);
+      }
+    },
+    isDisabled: isDuplicating
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050"
+  }, isDuplicating && /*#__PURE__*/React.createElement(Spinner, {
+    size: "small"
+  }), isAutodevTemplateAgent ? formatMessage(messages.useTemplateButton) : formatMessage(messages.duplicateAgent))), /*#__PURE__*/React.createElement(DropdownItem, {
     onClick: e => {
       e.stopPropagation();
       setHasBeenCopied(true);

package/dist/es2019/ui/agent-menu-item-skeleton/index.js

@@ -32,7 +32,6 @@ export const AgentMenuItemSkeleton = ({
   }), /*#__PURE__*/React.createElement(Skeleton, {
     width: skeletonTextWidth,
     height: skeletonTextHeight,
-    borderRadius: 4,
     isShimmering: true,
     testId: `loading-agents-text-skeleton-${index}`
   }));

package/dist/es2019/ui/agent-profile-info/agent-star-count/index.js

@@ -31,8 +31,7 @@ export const AgentStarCount = ({
     testId: "agent-profile-info-star-count-skeleton",
     isShimmering: true,
     height: 16,
-    width: 75,
-    borderRadius: 3
+    width: 75
   }) : formatMessage(messages.starredCount, {
     starCount: formatNumber(starCount !== null && starCount !== void 0 ? starCount : 0)
   }));

package/dist/es2019/ui/agent-profile-info/index.js

@@ -81,8 +81,7 @@ export const AgentProfileCreator = ({
           testId: "agent-profile-creator-skeleton",
           isShimmering: true,
           height: 18,
-          width: 100,
-          borderRadius: 3
+          width: 100
         })
       });
     }

package/dist/esm/ui/agent-dropdown-menu/index.js

@@ -14,6 +14,7 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
+import Spinner from '@atlaskit/spinner';
 import { ChatPillIcon } from '../../common/ui/chat-icon';
 import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
 import messages from './messages';
@@ -74,20 +75,24 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
-  var _useIntl2 = useIntl(),
-    formatMessage = _useIntl2.formatMessage;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    hasBeenCopied = _useState4[0],
-    setHasBeenCopied = _useState4[1];
+    isDuplicating = _useState4[0],
+    setIsDuplicating = _useState4[1];
+  var _useIntl2 = useIntl(),
+    formatMessage = _useIntl2.formatMessage;
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  var _useState7 = useState(),
+    hasBeenCopied = _useState6[0],
+    setHasBeenCopied = _useState6[1];
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    permissions = _useState8[0],
-    setPermissions = _useState8[1];
+    isOpen = _useState8[0],
+    setIsOpen = _useState8[1];
+  var _useState9 = useState(),
+    _useState0 = _slicedToArray(_useState9, 2),
+    permissions = _useState0[0],
+    setPermissions = _useState0[1];
   useEffect(function () {
     var fetchData = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -187,8 +192,38 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
   }, formatMessage(messages.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(DropdownItem, {
     onClick: onViewAgentFullProfileClick
   }, formatMessage(messages.viewAgentFullProfile)), !isForgeAgent && isCreateAgentsEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
-    onClick: onDuplicateAgent
-  }, isAutodevTemplateAgent ? formatMessage(messages.useTemplateButton) : formatMessage(messages.duplicateAgent)), /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: ( /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (fg('rovo_agent_versioning_enabled')) {
+                e.stopPropagation();
+              }
+              setIsDuplicating(true);
+              _context2.prev = 2;
+              _context2.next = 5;
+              return onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e);
+            case 5:
+              _context2.prev = 5;
+              setIsDuplicating(false);
+              return _context2.finish(5);
+            case 8:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[2,, 5, 8]]);
+      }));
+      return function (_x) {
+        return _ref5.apply(this, arguments);
+      };
+    }()),
+    isDisabled: isDuplicating
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050"
+  }, isDuplicating && /*#__PURE__*/React.createElement(Spinner, {
+    size: "small"
+  }), isAutodevTemplateAgent ? formatMessage(messages.useTemplateButton) : formatMessage(messages.duplicateAgent))), /*#__PURE__*/React.createElement(DropdownItem, {
     onClick: function onClick(e) {
       e.stopPropagation();
       setHasBeenCopied(true);

package/dist/esm/ui/agent-menu-item-skeleton/index.js

@@ -36,7 +36,6 @@ export var AgentMenuItemSkeleton = function AgentMenuItemSkeleton(_ref) {
   }), /*#__PURE__*/React.createElement(Skeleton, {
     width: skeletonTextWidth,
     height: skeletonTextHeight,
-    borderRadius: 4,
     isShimmering: true,
     testId: "loading-agents-text-skeleton-".concat(index)
   }));

package/dist/esm/ui/agent-profile-info/agent-star-count/index.js

@@ -29,8 +29,7 @@ export var AgentStarCount = function AgentStarCount(_ref) {
     testId: "agent-profile-info-star-count-skeleton",
     isShimmering: true,
     height: 16,
-    width: 75,
-    borderRadius: 3
+    width: 75
   }) : formatMessage(messages.starredCount, {
     starCount: formatNumber(starCount !== null && starCount !== void 0 ? starCount : 0)
   }));

package/dist/esm/ui/agent-profile-info/index.js

@@ -78,8 +78,7 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref2) {
           testId: "agent-profile-creator-skeleton",
           isShimmering: true,
           height: 18,
-          width: 100,
-          borderRadius: 3
+          width: 100
         })
       });
     }

package/dist/types/ui/agent-dropdown-menu/index.d.ts

@@ -36,7 +36,7 @@ type AgentDropdownMenuProps = {
     agentName?: string;
     onEditAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
     onCopyAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
-    onDuplicateAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
+    onDuplicateAgent?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => Promise<void>;
     onDeleteAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
     isForgeAgent: boolean;
     onDropdownTriggerClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent) => void;

package/dist/types-ts4.5/ui/agent-dropdown-menu/index.d.ts

@@ -36,7 +36,7 @@ type AgentDropdownMenuProps = {
     agentName?: string;
     onEditAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
     onCopyAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
-    onDuplicateAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
+    onDuplicateAgent?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => Promise<void>;
     onDeleteAgent?: React.ComponentProps<typeof DropdownItem>['onClick'];
     isForgeAgent: boolean;
     onDropdownTriggerClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "4.0.0",
+	"version": "4.2.0",
 	"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-monorepo",
 	"atlassian": {
@@ -47,13 +47,14 @@
 		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/flag": "^17.9.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.0.0",
+		"@atlaskit/icon": "^34.2.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/logo": "^20.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/rovo-agent-analytics": "^1.1.0",
+		"@atlaskit/rovo-agent-analytics": "^1.2.0",
 		"@atlaskit/skeleton": "^2.1.0",
+		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -123,6 +124,9 @@
 		"should-render-to-parent-should-be-true-ai-mate": {
 			"type": "boolean"
 		},
+		"rovo_agent_versioning_enabled": {
+			"type": "boolean"
+		},
 		"jira_ai_force_rovo_dev_avatar": {
 			"type": "boolean"
 		},