@atlaskit/rovo-agent-components 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/rovo-agent-components
 
+## 1.6.0
+
+### Minor Changes
+
+- [#143665](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143665)
+  [`5b80eb79ccf08`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b80eb79ccf08) -
+  Add browse agents chat pill
+
 ## 1.5.0
 
 ### Minor Changes

package/dist/cjs/common/ui/chat-pill/index.js

@@ -4,12 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChatPill = void 0;
+exports.ChatPill = exports.BrowseAgentsPill = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _aiAgent = _interopRequireDefault(require("@atlaskit/icon/core/ai-agent"));
 var _primitives = require("@atlaskit/primitives");
 var _chatIcon = require("../chat-icon");
+var _messages = _interopRequireDefault(require("./messages"));
 var _excluded = ["children", "whiteSpacePreWrap"];
 var buttonStyles = (0, _primitives.xcss)({
   color: 'color.text',
@@ -55,4 +58,21 @@ var ChatPill = exports.ChatPill = /*#__PURE__*/_react.default.forwardRef(functio
   }, /*#__PURE__*/_react.default.createElement(_chatIcon.ChatPillIcon, null), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
   }, children)));
+});
+var BrowseAgentsPill = exports.BrowseAgentsPill = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
+    ref: ref
+  }, props, {
+    xcss: buttonStyles
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    space: "space.050",
+    xcss: buttonInlineStyles
+  }, /*#__PURE__*/_react.default.createElement(_aiAgent.default, {
+    color: "currentColor",
+    label: ""
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: queryTextStyles
+  }, formatMessage(_messages.default.browseAgentsPillLabel))));
 });

package/dist/cjs/common/ui/chat-pill/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactIntlNext = require("react-intl-next");
+var _default = exports.default = (0, _reactIntlNext.defineMessages)({
+  browseAgentsPillLabel: {
+    id: 'ai-mate.rovo-agent-components.browse-agents-pill.label',
+    defaultMessage: 'Browse Agents',
+    description: 'The label displayed on the browse agents pill'
+  }
+});

package/dist/cjs/index.js

@@ -39,6 +39,12 @@ Object.defineProperty(exports, "AgentStarCount", {
     return _agentProfileInfo.AgentStarCount;
   }
 });
+Object.defineProperty(exports, "BrowseAgentsPill", {
+  enumerable: true,
+  get: function get() {
+    return _chatPill.BrowseAgentsPill;
+  }
+});
 Object.defineProperty(exports, "ChatPill", {
   enumerable: true,
   get: function get() {

package/dist/cjs/ui/agent-conversation-starters/index.js

@@ -68,7 +68,8 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
     _ref3$showReloadButto = _ref3.showReloadButton,
     showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
     _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
-    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC;
+    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
+    onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, starters.map(function (starter, index) {
     var isLastStarter = index === starters.length - 1;
     var chatPill = /*#__PURE__*/_react.default.createElement(_chatPill.ChatPill, {
@@ -89,5 +90,7 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
       appearance: "subtle",
       label: ""
     })) : chatPill;
+  }), !!onBrowseAgentsClick && /*#__PURE__*/_react.default.createElement(_chatPill.BrowseAgentsPill, {
+    onClick: onBrowseAgentsClick
   }));
 };

package/dist/es2019/common/ui/chat-pill/index.js

@@ -1,7 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { useIntl } from 'react-intl-next';
+import AgentIcon from '@atlaskit/icon/core/ai-agent';
 import { Box, Inline, Pressable, xcss } from '@atlaskit/primitives';
 import { ChatPillIcon } from '../chat-icon';
+import messages from './messages';
 const buttonStyles = xcss({
   color: 'color.text',
   padding: 'space.100',
@@ -44,4 +47,22 @@ export const ChatPill = /*#__PURE__*/React.forwardRef(({
   xcss: buttonInlineStyles
 }, /*#__PURE__*/React.createElement(ChatPillIcon, null), /*#__PURE__*/React.createElement(Box, {
   xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
-}, children))));
+}, children))));
+export const BrowseAgentsPill = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    formatMessage
+  } = useIntl();
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    ref: ref
+  }, props, {
+    xcss: buttonStyles
+  }), /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    xcss: buttonInlineStyles
+  }, /*#__PURE__*/React.createElement(AgentIcon, {
+    color: "currentColor",
+    label: ""
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: queryTextStyles
+  }, formatMessage(messages.browseAgentsPillLabel))));
+});

package/dist/es2019/common/ui/chat-pill/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  browseAgentsPillLabel: {
+    id: 'ai-mate.rovo-agent-components.browse-agents-pill.label',
+    defaultMessage: 'Browse Agents',
+    description: 'The label displayed on the browse agents pill'
+  }
+});

package/dist/es2019/index.js

@@ -1,7 +1,7 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
-export { ChatPill } from './common/ui/chat-pill';
+export { ChatPill, BrowseAgentsPill } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';

package/dist/es2019/ui/agent-conversation-starters/index.js

@@ -4,7 +4,7 @@ import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import RetryIcon from '@atlaskit/icon/core/retry';
 import { Inline } from '@atlaskit/primitives';
-import { ChatPill } from '../../common/ui/chat-pill';
+import { BrowseAgentsPill, ChatPill } from '../../common/ui/chat-pill';
 import { messages } from './messages';
 export const getConversationStarters = ({
   userDefinedConversationStarters: userDefinedConversationStartersParam,
@@ -51,7 +51,8 @@ export const ConversationStarters = ({
   starters,
   onConversationStarterClick,
   showReloadButton = false,
-  onReloadButtonClick = () => {}
+  onReloadButtonClick = () => {},
+  onBrowseAgentsClick
 }) => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, starters.map((starter, index) => {
     const isLastStarter = index === starters.length - 1;
@@ -71,5 +72,7 @@ export const ConversationStarters = ({
       appearance: "subtle",
       label: ""
     })) : chatPill;
+  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(BrowseAgentsPill, {
+    onClick: onBrowseAgentsClick
   }));
 };

package/dist/esm/common/ui/chat-pill/index.js

@@ -2,8 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "whiteSpacePreWrap"];
 import React from 'react';
+import { useIntl } from 'react-intl-next';
+import AgentIcon from '@atlaskit/icon/core/ai-agent';
 import { Box, Inline, Pressable, xcss } from '@atlaskit/primitives';
 import { ChatPillIcon } from '../chat-icon';
+import messages from './messages';
 var buttonStyles = xcss({
   color: 'color.text',
   padding: 'space.100',
@@ -48,4 +51,21 @@ export var ChatPill = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(ChatPillIcon, null), /*#__PURE__*/React.createElement(Box, {
     xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
   }, children)));
+});
+export var BrowseAgentsPill = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    ref: ref
+  }, props, {
+    xcss: buttonStyles
+  }), /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    xcss: buttonInlineStyles
+  }, /*#__PURE__*/React.createElement(AgentIcon, {
+    color: "currentColor",
+    label: ""
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: queryTextStyles
+  }, formatMessage(messages.browseAgentsPillLabel))));
 });

package/dist/esm/common/ui/chat-pill/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  browseAgentsPillLabel: {
+    id: 'ai-mate.rovo-agent-components.browse-agents-pill.label',
+    defaultMessage: 'Browse Agents',
+    description: 'The label displayed on the browse agents pill'
+  }
+});

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
-export { ChatPill } from './common/ui/chat-pill';
+export { ChatPill, BrowseAgentsPill } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';

package/dist/esm/ui/agent-conversation-starters/index.js

@@ -7,7 +7,7 @@ import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import RetryIcon from '@atlaskit/icon/core/retry';
 import { Inline } from '@atlaskit/primitives';
-import { ChatPill } from '../../common/ui/chat-pill';
+import { BrowseAgentsPill, ChatPill } from '../../common/ui/chat-pill';
 import { messages } from './messages';
 export var getConversationStarters = function getConversationStarters(_ref) {
   var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
@@ -58,7 +58,8 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
     _ref3$showReloadButto = _ref3.showReloadButton,
     showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
     _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
-    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC;
+    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
+    onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
   return /*#__PURE__*/React.createElement(React.Fragment, null, starters.map(function (starter, index) {
     var isLastStarter = index === starters.length - 1;
     var chatPill = /*#__PURE__*/React.createElement(ChatPill, {
@@ -79,5 +80,7 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
       appearance: "subtle",
       label: ""
     })) : chatPill;
+  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(BrowseAgentsPill, {
+    onClick: onBrowseAgentsClick
   }));
 };

package/dist/types/common/ui/chat-pill/index.d.ts

@@ -6,3 +6,5 @@ export type ChatPillProps = Omit<ButtonProps, 'iconBefore'> & {
 export declare const ChatPill: React.ForwardRefExoticComponent<Omit<ButtonProps, "iconBefore"> & {
     whiteSpacePreWrap?: boolean | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
+export type BrowseAgentsPillProps = Omit<ButtonProps, 'iconBefore' | 'children'>;
+export declare const BrowseAgentsPill: React.ForwardRefExoticComponent<BrowseAgentsPillProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/common/ui/chat-pill/messages.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    browseAgentsPillLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/dist/types/index.d.ts

@@ -1,7 +1,8 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, type AgentConversationStartersProps, type ConversationStartersProps, getConversationStarters, } from './ui/agent-conversation-starters';
-export { ChatPill, type ChatPillProps } from './common/ui/chat-pill';
+export { ChatPill, type ChatPillProps, BrowseAgentsPill } from './common/ui/chat-pill';
+export type { BrowseAgentsPillProps } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';

package/dist/types/ui/agent-conversation-starters/index.d.ts

@@ -21,6 +21,7 @@ export type ConversationStartersProps = {
     onConversationStarterClick: (conversationStarter: string) => void;
     showReloadButton?: boolean;
     onReloadButtonClick?: () => void;
+    onBrowseAgentsClick?: () => void;
 };
-export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, }: ConversationStartersProps) => JSX.Element;
+export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/common/ui/chat-pill/index.d.ts

@@ -6,3 +6,5 @@ export type ChatPillProps = Omit<ButtonProps, 'iconBefore'> & {
 export declare const ChatPill: React.ForwardRefExoticComponent<Omit<ButtonProps, "iconBefore"> & {
     whiteSpacePreWrap?: boolean | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
+export type BrowseAgentsPillProps = Omit<ButtonProps, 'iconBefore' | 'children'>;
+export declare const BrowseAgentsPill: React.ForwardRefExoticComponent<BrowseAgentsPillProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/common/ui/chat-pill/messages.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    browseAgentsPillLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/dist/types-ts4.5/index.d.ts

@@ -1,7 +1,8 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, type AgentConversationStartersProps, type ConversationStartersProps, getConversationStarters, } from './ui/agent-conversation-starters';
-export { ChatPill, type ChatPillProps } from './common/ui/chat-pill';
+export { ChatPill, type ChatPillProps, BrowseAgentsPill } from './common/ui/chat-pill';
+export type { BrowseAgentsPillProps } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';

package/dist/types-ts4.5/ui/agent-conversation-starters/index.d.ts

@@ -21,6 +21,7 @@ export type ConversationStartersProps = {
     onConversationStarterClick: (conversationStarter: string) => void;
     showReloadButton?: boolean;
     onReloadButtonClick?: () => void;
+    onBrowseAgentsClick?: () => void;
 };
-export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, }: ConversationStartersProps) => JSX.Element;
+export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,7 +36,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/avatar": "^21.15.0",
-		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/button": "^20.2.0",
 		"@atlaskit/heading": "^2.4.3",
 		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/logo": "^14.3.0",