@atlaskit/rovo-agent-components 0.3.2 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/rovo-agent-components
 
+## 0.4.0
+
+### Minor Changes
+
+- [#122546](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122546)
+  [`b40f5bb07ebcb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b40f5bb07ebcb) -
+  Added LLM-generated contextual conversation starters (feature gated)
+
 ## 0.3.2
 
 ### Patch Changes

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

@@ -10,8 +10,8 @@ var _react = _interopRequireDefault(require("react"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 var CustomGlyph = function CustomGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    width: "20",
-    height: "20",
+    width: "16",
+    height: "16",
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -47,6 +47,7 @@ var CustomGlyph = function CustomGlyph(props) {
 var ChatPillIcon = exports.ChatPillIcon = function ChatPillIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, props, {
     glyph: CustomGlyph,
-    label: ""
+    label: "",
+    size: "small"
   }));
 };

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

@@ -16,7 +16,7 @@ var buttonStyles = (0, _primitives.xcss)({
   padding: 'space.100',
   borderRadius: 'border.radius.200',
   borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
-  lineHeight: '20px',
+  lineHeight: '16px',
   fontWeight: '500',
   fontSize: '14px',
   textOverflow: 'ellipsis',
@@ -40,10 +40,6 @@ var queryTextStyles = (0, _primitives.xcss)({
 var whiteSpacePreWrapStyles = (0, _primitives.xcss)({
   whiteSpace: 'pre-wrap'
 });
-var iconWrapper = (0, _primitives.xcss)({
-  minWidth: '20px',
-  height: '20px'
-});
 var ChatPill = exports.ChatPill = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$whiteSpacePreWra = _ref.whiteSpacePreWrap,
@@ -56,9 +52,7 @@ var ChatPill = exports.ChatPill = /*#__PURE__*/_react.default.forwardRef(functio
   }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     space: "space.050",
     xcss: buttonInlineStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: iconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_chatIcon.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_chatIcon.ChatPillIcon, null), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
   }, children)));
 });

package/dist/cjs/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "ChatPillIcon", {
     return _chatIcon.ChatPillIcon;
   }
 });
+Object.defineProperty(exports, "ConversationStarters", {
+  enumerable: true,
+  get: function get() {
+    return _agentConversationStarters.ConversationStarters;
+  }
+});
 Object.defineProperty(exports, "StarIconButton", {
   enumerable: true,
   get: function get() {

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

@@ -5,101 +5,29 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePageContextType = exports.getConversationStarters = exports.PageContextType = exports.AgentConversationStarters = void 0;
+exports.getConversationStarters = exports.ConversationStarters = exports.AgentConversationStarters = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _bindEventListener = require("bind-event-listener");
 var _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _new = require("@atlaskit/button/new");
+var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
+var _primitives = require("@atlaskit/primitives");
 var _chatPill = require("../../common/ui/chat-pill");
 var _messages = require("./messages");
-var _PAGE_TYPE_CONVERSATI;
+var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function useWindowLocationChange() {
-  var _useState = (0, _react.useState)(window.location.href),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    location = _useState2[0],
-    setLocation = _useState2[1];
-  var handleLocationChange = function handleLocationChange() {
-    setLocation(window.location.href);
-  };
-  (0, _react.useEffect)(function () {
-    var originalPushState = window.history.pushState;
-    var originalReplaceState = window.history.replaceState;
-    window.history.pushState = function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      originalPushState.apply(this, args);
-      handleLocationChange();
-    };
-    window.history.replaceState = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      originalReplaceState.apply(this, args);
-      handleLocationChange();
-    };
-    var unbind = (0, _bindEventListener.bindAll)(window, [{
-      type: 'popstate',
-      listener: handleLocationChange
-    }]);
-    return function () {
-      unbind();
-      window.history.pushState = originalPushState;
-      window.history.replaceState = originalReplaceState;
-    };
-  }, []);
-  return location;
-}
-var PageContextType = exports.PageContextType = /*#__PURE__*/function (PageContextType) {
-  PageContextType["CONFLUENCE_HOME"] = "confluence-home";
-  PageContextType["CONFLUENCE_PAGE_VIEW"] = "confluence-page-view";
-  PageContextType["CONFLUENCE_PAGE_EDIT"] = "confluence-page-edit";
-  PageContextType["JIRA_HOME"] = "jira-home";
-  PageContextType["JIRA_ISSUE_VIEW"] = "jira-issue-view";
-  PageContextType["JIRA_ISSUE_LIST"] = "jira-issue-list";
-  PageContextType["UNKNOWN"] = "unknown";
-  return PageContextType;
-}({});
-var PAGE_TYPE_CONVERSATION_STARTERS = (_PAGE_TYPE_CONVERSATI = {}, (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.CONFLUENCE_HOME, [_messages.messages.confluenceHomeSuggestion1, _messages.messages.confluenceHomeSuggestion2, _messages.messages.confluenceHomeSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.CONFLUENCE_PAGE_EDIT, [_messages.messages.confluencePageEditSuggestion1, _messages.messages.confluencePageEditSuggestion2, _messages.messages.confluencePageEditSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.CONFLUENCE_PAGE_VIEW, [_messages.messages.confluencePageViewSuggestion1, _messages.messages.confluencePageViewSuggestion2, _messages.messages.confluencePageViewSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.JIRA_HOME, [_messages.messages.jiraHomeSuggestion1, _messages.messages.jiraHomeSuggestion2, _messages.messages.jiraHomeSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.JIRA_ISSUE_VIEW, [_messages.messages.jiraIssueViewSuggestion1, _messages.messages.jiraIssueViewSuggestion2, _messages.messages.jiraIssueViewSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.JIRA_ISSUE_LIST, [_messages.messages.jiraIssueListSuggestion1, _messages.messages.jiraIssueListSuggestion2, _messages.messages.jiraIssueListSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.UNKNOWN, [_messages.messages.emptyStateSuggestion1, _messages.messages.emptyStateSuggestion2, _messages.messages.emptyStateSuggestion3]), _PAGE_TYPE_CONVERSATI);
-function determinePageType(location) {
-  var urlPatterns = [[PageContextType.CONFLUENCE_HOME, /\/wiki\/home$/], [PageContextType.CONFLUENCE_PAGE_EDIT, /\/wiki\/spaces\/[^\/]+\/(?:pages|blog)\/edit-v2\//], [PageContextType.CONFLUENCE_PAGE_VIEW, /\/wiki\/spaces\/[^\/]+\/(?:pages|blog)\//], [PageContextType.JIRA_ISSUE_VIEW, /\/browse\/[^\/]+$/], [PageContextType.JIRA_ISSUE_VIEW, /\/jira\/.+\/projects\/.+\?selectedIssue/], [PageContextType.JIRA_ISSUE_LIST, /\/jira\/.+\/projects\//], [PageContextType.JIRA_HOME, /\/jira\/dashboards\/last-visited$/]];
-  for (var _i = 0, _urlPatterns = urlPatterns; _i < _urlPatterns.length; _i++) {
-    var _urlPatterns$_i = (0, _slicedToArray2.default)(_urlPatterns[_i], 2),
-      type = _urlPatterns$_i[0],
-      pattern = _urlPatterns$_i[1];
-    if (pattern.test(location)) {
-      return type;
-    }
-  }
-  return PageContextType.UNKNOWN;
-}
-var usePageContextType = exports.usePageContextType = function usePageContextType() {
-  var location = useWindowLocationChange();
-  var _useState3 = (0, _react.useState)(determinePageType(location)),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    pageContextType = _useState4[0],
-    setPageContextType = _useState4[1];
-  (0, _react.useEffect)(function () {
-    setPageContextType(determinePageType(location));
-  }, [location]);
-  return pageContextType;
-};
 var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
   var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
-    isAgentDefault = _ref.isAgentDefault,
-    _ref$pageContextType = _ref.pageContextType,
-    pageContextType = _ref$pageContextType === void 0 ? PageContextType.UNKNOWN : _ref$pageContextType;
+    isAgentDefault = _ref.isAgentDefault;
   var customAgentConversationStarters = [_messages.messages.agentEmptyStateSuggestion1, _messages.messages.agentEmptyStateSuggestion2, _messages.messages.agentEmptyStateSuggestion3];
   var userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
-  var isPageContextConvoStartersEnabled = (0, _platformFeatureFlags.fg)('rovo_chat_page_context_static_convo_starters');
-  var defaultAgentConversationStarters = isPageContextConvoStartersEnabled ? PAGE_TYPE_CONVERSATION_STARTERS[pageContextType] : [_messages.messages.emptyStateSuggestion1, _messages.messages.emptyStateSuggestion2, _messages.messages.emptyStateSuggestion3];
+  var defaultAgentConversationStarters = [_messages.messages.emptyStateSuggestion1, _messages.messages.emptyStateSuggestion2, _messages.messages.emptyStateSuggestion3];
   var getCombinedConversationStarters = function getCombinedConversationStarters() {
-    if (!isAgentDefault && (0, _platformFeatureFlags.fg)('rovo_chat_new_create_agent')) {
+    var shouldCombine = !isAgentDefault;
+    if (shouldCombine) {
       // Return default suggestions + user defined suggestions with a max of 3 suggestions
       return [].concat((0, _toConsumableArray2.default)(customAgentConversationStarters.slice(0, 3 - userDefinedConversationStarters.length)), (0, _toConsumableArray2.default)(userDefinedConversationStarters));
     }
@@ -115,29 +43,51 @@ var getConversationStarters = exports.getConversationStarters = function getConv
 var AgentConversationStarters = exports.AgentConversationStarters = function AgentConversationStarters(_ref2) {
   var userDefinedConversationStarters = _ref2.userDefinedConversationStarters,
     isAgentDefault = _ref2.isAgentDefault,
-    onConversationStarterClick = _ref2.onConversationStarterClick;
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var pageContextType = usePageContextType();
   var _useMemo = (0, _react.useMemo)(function () {
       return getConversationStarters({
         userDefinedConversationStarters: userDefinedConversationStarters,
-        isAgentDefault: isAgentDefault,
-        pageContextType: pageContextType
+        isAgentDefault: isAgentDefault
       });
-    }, [userDefinedConversationStarters, isAgentDefault, pageContextType]),
+    }, [userDefinedConversationStarters, isAgentDefault]),
     combinedConversationStarters = _useMemo.combinedConversationStarters;
-  var _onClick = (0, _react.useCallback)(function (message) {
-    onConversationStarterClick(message);
-  }, [onConversationStarterClick]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, combinedConversationStarters.map(function (starter) {
-    var translatedMessage = typeof starter === 'string' ? starter : formatMessage(starter);
-    return /*#__PURE__*/_react.default.createElement(_chatPill.ChatPill, {
+  var starters = (0, _react.useMemo)(function () {
+    return combinedConversationStarters.map(function (starter) {
+      return typeof starter === 'string' ? starter : formatMessage(starter);
+    });
+  }, [combinedConversationStarters, formatMessage]);
+  return /*#__PURE__*/_react.default.createElement(ConversationStarters, (0, _extends2.default)({
+    starters: starters
+  }, props));
+};
+var ConversationStarters = exports.ConversationStarters = function ConversationStarters(_ref3) {
+  var starters = _ref3.starters,
+    onConversationStarterClick = _ref3.onConversationStarterClick,
+    _ref3$showReloadButto = _ref3.showReloadButton,
+    showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
+    _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
+    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC;
+  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, {
       testId: "conversation-starter",
-      key: translatedMessage,
+      key: starter,
       onClick: function onClick() {
-        return _onClick(translatedMessage);
+        return onConversationStarterClick(starter);
       }
-    }, translatedMessage);
+    }, starter);
+    return isLastStarter && showReloadButton ? /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+      space: "space.050",
+      grow: "fill",
+      alignInline: "end",
+      key: starter
+    }, chatPill, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+      icon: _retry.default,
+      onClick: onReloadButtonClick,
+      appearance: "subtle",
+      label: ""
+    })) : chatPill;
   }));
 };

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

@@ -35,95 +35,5 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'ai-mate.chat-history.empty-state.agent-suggestion3',
     defaultMessage: "Summarize what I'm looking at",
     description: 'The third suggestion displayed in the empty state when an agent is selected'
-  },
-  confluenceHomeSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.confluence-home.suggestion1',
-    defaultMessage: "Is there any new activity on pages I've written?",
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing confluence home.'
-  },
-  confluenceHomeSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.confluence-home.suggestion2',
-    defaultMessage: "What's popular at the moment?",
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing confluence home.'
-  },
-  confluenceHomeSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.confluence-home.suggestion3',
-    defaultMessage: 'How can Rovo help me use Confluence?',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing confluence home.'
-  },
-  confluencePageEditSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-edit.suggestion1',
-    defaultMessage: 'Can you improve the writing on this page?',
-    description: 'The first suggestion displayed in the empty state of the chat history when editing a confluence page.'
-  },
-  confluencePageEditSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-edit.suggestion2',
-    defaultMessage: 'Write an executive summary for this page.',
-    description: 'The second suggestion displayed in the empty state of the chat history when editing a confluence page.'
-  },
-  confluencePageEditSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-edit.suggestion3',
-    defaultMessage: 'Give me links to some other relevant pages.',
-    description: 'The third suggestion displayed in the empty state of the chat history when editing a confluence page.'
-  },
-  confluencePageViewSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-view.suggestion1',
-    defaultMessage: 'Summarize what I’m looking at.',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing a confluence page.'
-  },
-  confluencePageViewSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-view.suggestion2',
-    defaultMessage: 'Has anything on this page changed in the last week?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing a confluence page.'
-  },
-  confluencePageViewSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-view.suggestion3',
-    defaultMessage: 'Summarize the comments on this page.',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing a confluence page.'
-  },
-  jiraHomeSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.jira-home.suggestion1',
-    defaultMessage: 'What’s changed in the past week?',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing jira home.'
-  },
-  jiraHomeSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.jira-home.suggestion2',
-    defaultMessage: 'What issues are the highest priority?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing jira home.'
-  },
-  jiraHomeSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.jira-home.suggestion3',
-    defaultMessage: 'What issues have comments mentioning me?',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing jira home.'
-  },
-  jiraIssueViewSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-view.suggestion1',
-    defaultMessage: 'Are there any similar issues to this one?',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing a jira issue.'
-  },
-  jiraIssueViewSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-view.suggestion2',
-    defaultMessage: 'What issues aren’t connected to a parent issue?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing a jira issue.'
-  },
-  jiraIssueViewSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-view.suggestion3',
-    defaultMessage: 'List the issues that are currently “In Progress” and group them by assignee.',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing a jira issue.'
-  },
-  jiraIssueListSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-list.suggestion1',
-    defaultMessage: 'What issues are unassigned?',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing a list of jira issues.'
-  },
-  jiraIssueListSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-list.suggestion2',
-    defaultMessage: 'What issues have been open the longest?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing a list of jira issues.'
-  },
-  jiraIssueListSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-list.suggestion3',
-    defaultMessage: 'Who has the most tasks?',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing a list of jira issues.'
   }
 });

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const CustomGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({
-  width: "20",
-  height: "20",
+  width: "16",
+  height: "16",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -37,5 +37,6 @@ const CustomGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({
 }));
 export const ChatPillIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
   glyph: CustomGlyph,
-  label: ""
+  label: "",
+  size: "small"
 }));

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

@@ -7,7 +7,7 @@ const buttonStyles = xcss({
   padding: 'space.100',
   borderRadius: 'border.radius.200',
   borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
-  lineHeight: '20px',
+  lineHeight: '16px',
   fontWeight: '500',
   fontSize: '14px',
   textOverflow: 'ellipsis',
@@ -31,10 +31,6 @@ const queryTextStyles = xcss({
 const whiteSpacePreWrapStyles = xcss({
   whiteSpace: 'pre-wrap'
 });
-const iconWrapper = xcss({
-  minWidth: '20px',
-  height: '20px'
-});
 export const ChatPill = /*#__PURE__*/React.forwardRef(({
   children,
   whiteSpacePreWrap = true,
@@ -46,8 +42,6 @@ export const ChatPill = /*#__PURE__*/React.forwardRef(({
 }), /*#__PURE__*/React.createElement(Inline, {
   space: "space.050",
   xcss: buttonInlineStyles
-}, /*#__PURE__*/React.createElement(Box, {
-  xcss: iconWrapper
-}, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
+}, /*#__PURE__*/React.createElement(ChatPillIcon, null), /*#__PURE__*/React.createElement(Box, {
   xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
 }, children))));

package/dist/es2019/index.js

@@ -1,6 +1,6 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
-export { AgentConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
+export { AgentConversationStarters, ConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
 export { ChatPill } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { AgentAvatar } from './ui/agent-avatar';

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

@@ -1,84 +1,21 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { bindAll } from 'bind-event-listener';
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
+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 { messages } from './messages';
-function useWindowLocationChange() {
-  const [location, setLocation] = useState(window.location.href);
-  const handleLocationChange = () => {
-    setLocation(window.location.href);
-  };
-  useEffect(() => {
-    const originalPushState = window.history.pushState;
-    const originalReplaceState = window.history.replaceState;
-    window.history.pushState = function (...args) {
-      originalPushState.apply(this, args);
-      handleLocationChange();
-    };
-    window.history.replaceState = function (...args) {
-      originalReplaceState.apply(this, args);
-      handleLocationChange();
-    };
-    const unbind = bindAll(window, [{
-      type: 'popstate',
-      listener: handleLocationChange
-    }]);
-    return () => {
-      unbind();
-      window.history.pushState = originalPushState;
-      window.history.replaceState = originalReplaceState;
-    };
-  }, []);
-  return location;
-}
-export let PageContextType = /*#__PURE__*/function (PageContextType) {
-  PageContextType["CONFLUENCE_HOME"] = "confluence-home";
-  PageContextType["CONFLUENCE_PAGE_VIEW"] = "confluence-page-view";
-  PageContextType["CONFLUENCE_PAGE_EDIT"] = "confluence-page-edit";
-  PageContextType["JIRA_HOME"] = "jira-home";
-  PageContextType["JIRA_ISSUE_VIEW"] = "jira-issue-view";
-  PageContextType["JIRA_ISSUE_LIST"] = "jira-issue-list";
-  PageContextType["UNKNOWN"] = "unknown";
-  return PageContextType;
-}({});
-const PAGE_TYPE_CONVERSATION_STARTERS = {
-  [PageContextType.CONFLUENCE_HOME]: [messages.confluenceHomeSuggestion1, messages.confluenceHomeSuggestion2, messages.confluenceHomeSuggestion3],
-  [PageContextType.CONFLUENCE_PAGE_EDIT]: [messages.confluencePageEditSuggestion1, messages.confluencePageEditSuggestion2, messages.confluencePageEditSuggestion3],
-  [PageContextType.CONFLUENCE_PAGE_VIEW]: [messages.confluencePageViewSuggestion1, messages.confluencePageViewSuggestion2, messages.confluencePageViewSuggestion3],
-  [PageContextType.JIRA_HOME]: [messages.jiraHomeSuggestion1, messages.jiraHomeSuggestion2, messages.jiraHomeSuggestion3],
-  [PageContextType.JIRA_ISSUE_VIEW]: [messages.jiraIssueViewSuggestion1, messages.jiraIssueViewSuggestion2, messages.jiraIssueViewSuggestion3],
-  [PageContextType.JIRA_ISSUE_LIST]: [messages.jiraIssueListSuggestion1, messages.jiraIssueListSuggestion2, messages.jiraIssueListSuggestion3],
-  [PageContextType.UNKNOWN]: [messages.emptyStateSuggestion1, messages.emptyStateSuggestion2, messages.emptyStateSuggestion3]
-};
-function determinePageType(location) {
-  const urlPatterns = [[PageContextType.CONFLUENCE_HOME, /\/wiki\/home$/], [PageContextType.CONFLUENCE_PAGE_EDIT, /\/wiki\/spaces\/[^\/]+\/(?:pages|blog)\/edit-v2\//], [PageContextType.CONFLUENCE_PAGE_VIEW, /\/wiki\/spaces\/[^\/]+\/(?:pages|blog)\//], [PageContextType.JIRA_ISSUE_VIEW, /\/browse\/[^\/]+$/], [PageContextType.JIRA_ISSUE_VIEW, /\/jira\/.+\/projects\/.+\?selectedIssue/], [PageContextType.JIRA_ISSUE_LIST, /\/jira\/.+\/projects\//], [PageContextType.JIRA_HOME, /\/jira\/dashboards\/last-visited$/]];
-  for (const [type, pattern] of urlPatterns) {
-    if (pattern.test(location)) {
-      return type;
-    }
-  }
-  return PageContextType.UNKNOWN;
-}
-export const usePageContextType = () => {
-  const location = useWindowLocationChange();
-  const [pageContextType, setPageContextType] = useState(determinePageType(location));
-  useEffect(() => {
-    setPageContextType(determinePageType(location));
-  }, [location]);
-  return pageContextType;
-};
 export const getConversationStarters = ({
   userDefinedConversationStarters: userDefinedConversationStartersParam,
-  isAgentDefault,
-  pageContextType = PageContextType.UNKNOWN
+  isAgentDefault
 }) => {
   const customAgentConversationStarters = [messages.agentEmptyStateSuggestion1, messages.agentEmptyStateSuggestion2, messages.agentEmptyStateSuggestion3];
   const userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
-  const isPageContextConvoStartersEnabled = fg('rovo_chat_page_context_static_convo_starters');
-  const defaultAgentConversationStarters = isPageContextConvoStartersEnabled ? PAGE_TYPE_CONVERSATION_STARTERS[pageContextType] : [messages.emptyStateSuggestion1, messages.emptyStateSuggestion2, messages.emptyStateSuggestion3];
+  const defaultAgentConversationStarters = [messages.emptyStateSuggestion1, messages.emptyStateSuggestion2, messages.emptyStateSuggestion3];
   const getCombinedConversationStarters = () => {
-    if (!isAgentDefault && fg('rovo_chat_new_create_agent')) {
+    const shouldCombine = !isAgentDefault;
+    if (shouldCombine) {
       // Return default suggestions + user defined suggestions with a max of 3 suggestions
       return [...customAgentConversationStarters.slice(0, 3 - userDefinedConversationStarters.length), ...userDefinedConversationStarters];
     }
@@ -94,28 +31,45 @@ export const getConversationStarters = ({
 export const AgentConversationStarters = ({
   userDefinedConversationStarters,
   isAgentDefault,
-  onConversationStarterClick
+  ...props
 }) => {
   const {
     formatMessage
   } = useIntl();
-  const pageContextType = usePageContextType();
   const {
     combinedConversationStarters
   } = useMemo(() => getConversationStarters({
     userDefinedConversationStarters,
-    isAgentDefault,
-    pageContextType
-  }), [userDefinedConversationStarters, isAgentDefault, pageContextType]);
-  const onClick = useCallback(message => {
-    onConversationStarterClick(message);
-  }, [onConversationStarterClick]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, combinedConversationStarters.map(starter => {
-    const translatedMessage = typeof starter === 'string' ? starter : formatMessage(starter);
-    return /*#__PURE__*/React.createElement(ChatPill, {
+    isAgentDefault
+  }), [userDefinedConversationStarters, isAgentDefault]);
+  const starters = useMemo(() => combinedConversationStarters.map(starter => typeof starter === 'string' ? starter : formatMessage(starter)), [combinedConversationStarters, formatMessage]);
+  return /*#__PURE__*/React.createElement(ConversationStarters, _extends({
+    starters: starters
+  }, props));
+};
+export const ConversationStarters = ({
+  starters,
+  onConversationStarterClick,
+  showReloadButton = false,
+  onReloadButtonClick = () => {}
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, starters.map((starter, index) => {
+    const isLastStarter = index === starters.length - 1;
+    const chatPill = /*#__PURE__*/React.createElement(ChatPill, {
       testId: "conversation-starter",
-      key: translatedMessage,
-      onClick: () => onClick(translatedMessage)
-    }, translatedMessage);
+      key: starter,
+      onClick: () => onConversationStarterClick(starter)
+    }, starter);
+    return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
+      space: "space.050",
+      grow: "fill",
+      alignInline: "end",
+      key: starter
+    }, chatPill, /*#__PURE__*/React.createElement(IconButton, {
+      icon: RetryIcon,
+      onClick: onReloadButtonClick,
+      appearance: "subtle",
+      label: ""
+    })) : chatPill;
   }));
 };