@atlaskit/rovo-agent-components 3.8.0 → 3.9.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/rovo-agent-components
 
+## 3.9.0
+
+### Minor Changes
+
+- [`7cdfbaea2c495`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7cdfbaea2c495) -
+  Create AgentCreatorDataComponent for relay component for AgentCreator, share between viewAgent and
+  agentProfile; Above implies that creator logic now purely relying on GraphQL endpoint, before it
+  was mix of GQL and REST;
+
+  Consolidate creator product logic to atlaskit/rovo-agent-components to reduce duplication;
+
+  Undo some relay changes added behind agent_studio_permissions_settings_m3_profiles, left the old
+  component how it was before, and move relay into the new component;
+
+  Remove the usage of useAtlasURL, instead generate home URL with just `cloudId` without the orgId;
+
+  Fix forge author to use forgeCreator from graphql
+
+  See
+  https://hello.atlassian.net/wiki/spaces/agents/pages/5926999212/Consolidating+Agent+creator+component
+
+## 3.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.8.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "StarIconButton", {
     return _starIconButton.StarIconButton;
   }
 });
+Object.defineProperty(exports, "getAgentCreator", {
+  enumerable: true,
+  get: function get() {
+    return _agentProfileInfo.getAgentCreator;
+  }
+});
 Object.defineProperty(exports, "getConversationStarters", {
   enumerable: true,
   get: function get() {

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AgentProfileInfo = exports.AgentProfileCreator = void 0;
+exports.getAgentCreator = exports.AgentProfileInfo = exports.AgentProfileCreator = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
@@ -28,10 +28,53 @@ var styles = {
   tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
   headingWrapper: "_kqswh2mm"
 };
-var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCreator(_ref) {
-  var creator = _ref.creator,
-    onCreatorLinkClick = _ref.onCreatorLinkClick,
-    isLoading = _ref.isLoading;
+var getAgentCreator = exports.getAgentCreator = function getAgentCreator(_ref) {
+  var creatorType = _ref.creatorType,
+    authoringTeam = _ref.authoringTeam,
+    userCreator = _ref.userCreator,
+    forgeCreator = _ref.forgeCreator;
+  if (creatorType === 'SYSTEM') {
+    return {
+      type: 'SYSTEM'
+    };
+  }
+
+  // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
+  if (creatorType === 'FORGE' || creatorType === 'THIRD_PARTY') {
+    return {
+      type: 'FORGE',
+      name: forgeCreator !== null && forgeCreator !== void 0 ? forgeCreator : ''
+    };
+  }
+  if (creatorType === 'OOTB') {
+    return {
+      type: 'OOTB'
+    };
+  }
+  if (creatorType === 'CUSTOMER') {
+    if (authoringTeam && (0, _platformFeatureFlags.fg)('agent_studio_permissions_settings_m3_profiles')) {
+      var _authoringTeam$profil;
+      return {
+        type: 'CUSTOMER',
+        name: authoringTeam.displayName,
+        profileLink: (_authoringTeam$profil = authoringTeam.profileLink) !== null && _authoringTeam$profil !== void 0 ? _authoringTeam$profil : ''
+      };
+    }
+    if (!(userCreator !== null && userCreator !== void 0 && userCreator.profileLink)) {
+      return undefined;
+    }
+    return {
+      type: 'CUSTOMER',
+      name: userCreator.name,
+      profileLink: userCreator.profileLink,
+      status: userCreator.status
+    };
+  }
+};
+var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCreator(_ref2) {
+  var creator = _ref2.creator,
+    onCreatorLinkClick = _ref2.onCreatorLinkClick,
+    isLoading = _ref2.isLoading;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var getCreatorRender = function getCreatorRender() {
@@ -64,7 +107,6 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
     if (creator.type === 'CUSTOMER') {
       return formatMessage(_messages.messages.agentCreatedBy, {
         creatorNameWithLink: (0, _platformFeatureFlags.fg)('dst-a11y__replace-anchor-with-link__ai-mate') ? /*#__PURE__*/_react.default.createElement(_link.default, {
-          "aria-label": creator.name || formatMessage(_messages.messages.creatorLabel),
           href: creator.profileLink,
           onClick: function onClick() {
             return onCreatorLinkClick();
@@ -74,7 +116,6 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
         /*#__PURE__*/
         // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
         _react.default.createElement("a", {
-          "aria-label": creator.name || formatMessage(_messages.messages.creatorLabel),
           href: creator.profileLink,
           onClick: function onClick() {
             return onCreatorLinkClick();
@@ -83,7 +124,9 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
         }, creator.name, ' ', creator.status === 'inactive' && formatMessage(_messages.messages.agentDeactivated))
       });
     }
-    if (creator.type === 'THIRD_PARTY') {
+
+    // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
+    if (creator.type === 'THIRD_PARTY' || creator.type === 'FORGE') {
       return formatMessage(_messages.messages.agentCreatedBy, {
         creatorNameWithLink: creator.name
       });
@@ -98,14 +141,14 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
     size: "small"
   }), creatorRender) : null;
 };
-var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref2) {
-  var agentName = _ref2.agentName,
-    agentDescription = _ref2.agentDescription,
-    creatorRender = _ref2.creatorRender,
-    starCountRender = _ref2.starCountRender,
-    isStarred = _ref2.isStarred,
-    isHidden = _ref2.isHidden,
-    onStarToggle = _ref2.onStarToggle;
+var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref3) {
+  var agentName = _ref3.agentName,
+    agentDescription = _ref3.agentDescription,
+    creatorRender = _ref3.creatorRender,
+    starCountRender = _ref3.starCountRender,
+    isStarred = _ref3.isStarred,
+    isHidden = _ref3.isHidden,
+    onStarToggle = _ref3.onStarToggle;
   var _useIntl2 = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {

package/dist/es2019/index.js

@@ -1,4 +1,4 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, getAgentCreator } from './ui/agent-profile-info';
 export { AgentStarCount } from './ui/agent-profile-info/agent-star-count';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { LinkIconButton } from './common/ui/link-icon-button';

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

@@ -21,10 +21,54 @@ const styles = {
   tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
   headingWrapper: "_kqswh2mm"
 };
+export const getAgentCreator = ({
+  creatorType,
+  authoringTeam,
+  userCreator,
+  forgeCreator
+}) => {
+  if (creatorType === 'SYSTEM') {
+    return {
+      type: 'SYSTEM'
+    };
+  }
+
+  // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
+  if (creatorType === 'FORGE' || creatorType === 'THIRD_PARTY') {
+    return {
+      type: 'FORGE',
+      name: forgeCreator !== null && forgeCreator !== void 0 ? forgeCreator : ''
+    };
+  }
+  if (creatorType === 'OOTB') {
+    return {
+      type: 'OOTB'
+    };
+  }
+  if (creatorType === 'CUSTOMER') {
+    if (authoringTeam && fg('agent_studio_permissions_settings_m3_profiles')) {
+      var _authoringTeam$profil;
+      return {
+        type: 'CUSTOMER',
+        name: authoringTeam.displayName,
+        profileLink: (_authoringTeam$profil = authoringTeam.profileLink) !== null && _authoringTeam$profil !== void 0 ? _authoringTeam$profil : ''
+      };
+    }
+    if (!(userCreator !== null && userCreator !== void 0 && userCreator.profileLink)) {
+      return undefined;
+    }
+    return {
+      type: 'CUSTOMER',
+      name: userCreator.name,
+      profileLink: userCreator.profileLink,
+      status: userCreator.status
+    };
+  }
+};
 export const AgentProfileCreator = ({
   creator,
   onCreatorLinkClick,
-  isLoading: isLoading
+  isLoading
 }) => {
   const {
     formatMessage
@@ -59,7 +103,6 @@ export const AgentProfileCreator = ({
     if (creator.type === 'CUSTOMER') {
       return formatMessage(messages.agentCreatedBy, {
         creatorNameWithLink: fg('dst-a11y__replace-anchor-with-link__ai-mate') ? /*#__PURE__*/React.createElement(Link, {
-          "aria-label": creator.name || formatMessage(messages.creatorLabel),
           href: creator.profileLink,
           onClick: () => onCreatorLinkClick(),
           target: "_blank"
@@ -67,14 +110,15 @@ export const AgentProfileCreator = ({
         /*#__PURE__*/
         // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
         React.createElement("a", {
-          "aria-label": creator.name || formatMessage(messages.creatorLabel),
           href: creator.profileLink,
           onClick: () => onCreatorLinkClick(),
           target: "_blank"
         }, creator.name, ' ', creator.status === 'inactive' && formatMessage(messages.agentDeactivated))
       });
     }
-    if (creator.type === 'THIRD_PARTY') {
+
+    // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
+    if (creator.type === 'THIRD_PARTY' || creator.type === 'FORGE') {
       return formatMessage(messages.agentCreatedBy, {
         creatorNameWithLink: creator.name
       });

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, getAgentCreator } from './ui/agent-profile-info';
 export { AgentStarCount } from './ui/agent-profile-info/agent-star-count';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { LinkIconButton } from './common/ui/link-icon-button';

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

@@ -21,10 +21,53 @@ var styles = {
   tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
   headingWrapper: "_kqswh2mm"
 };
-export var AgentProfileCreator = function AgentProfileCreator(_ref) {
-  var creator = _ref.creator,
-    onCreatorLinkClick = _ref.onCreatorLinkClick,
-    isLoading = _ref.isLoading;
+export var getAgentCreator = function getAgentCreator(_ref) {
+  var creatorType = _ref.creatorType,
+    authoringTeam = _ref.authoringTeam,
+    userCreator = _ref.userCreator,
+    forgeCreator = _ref.forgeCreator;
+  if (creatorType === 'SYSTEM') {
+    return {
+      type: 'SYSTEM'
+    };
+  }
+
+  // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
+  if (creatorType === 'FORGE' || creatorType === 'THIRD_PARTY') {
+    return {
+      type: 'FORGE',
+      name: forgeCreator !== null && forgeCreator !== void 0 ? forgeCreator : ''
+    };
+  }
+  if (creatorType === 'OOTB') {
+    return {
+      type: 'OOTB'
+    };
+  }
+  if (creatorType === 'CUSTOMER') {
+    if (authoringTeam && fg('agent_studio_permissions_settings_m3_profiles')) {
+      var _authoringTeam$profil;
+      return {
+        type: 'CUSTOMER',
+        name: authoringTeam.displayName,
+        profileLink: (_authoringTeam$profil = authoringTeam.profileLink) !== null && _authoringTeam$profil !== void 0 ? _authoringTeam$profil : ''
+      };
+    }
+    if (!(userCreator !== null && userCreator !== void 0 && userCreator.profileLink)) {
+      return undefined;
+    }
+    return {
+      type: 'CUSTOMER',
+      name: userCreator.name,
+      profileLink: userCreator.profileLink,
+      status: userCreator.status
+    };
+  }
+};
+export var AgentProfileCreator = function AgentProfileCreator(_ref2) {
+  var creator = _ref2.creator,
+    onCreatorLinkClick = _ref2.onCreatorLinkClick,
+    isLoading = _ref2.isLoading;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var getCreatorRender = function getCreatorRender() {
@@ -57,7 +100,6 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref) {
     if (creator.type === 'CUSTOMER') {
       return formatMessage(messages.agentCreatedBy, {
         creatorNameWithLink: fg('dst-a11y__replace-anchor-with-link__ai-mate') ? /*#__PURE__*/React.createElement(Link, {
-          "aria-label": creator.name || formatMessage(messages.creatorLabel),
           href: creator.profileLink,
           onClick: function onClick() {
             return onCreatorLinkClick();
@@ -67,7 +109,6 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref) {
         /*#__PURE__*/
         // eslint-disable-next-line @atlaskit/design-system/no-html-anchor
         React.createElement("a", {
-          "aria-label": creator.name || formatMessage(messages.creatorLabel),
           href: creator.profileLink,
           onClick: function onClick() {
             return onCreatorLinkClick();
@@ -76,7 +117,9 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref) {
         }, creator.name, ' ', creator.status === 'inactive' && formatMessage(messages.agentDeactivated))
       });
     }
-    if (creator.type === 'THIRD_PARTY') {
+
+    // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
+    if (creator.type === 'THIRD_PARTY' || creator.type === 'FORGE') {
       return formatMessage(messages.agentCreatedBy, {
         creatorNameWithLink: creator.name
       });
@@ -91,14 +134,14 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref) {
     size: "small"
   }), creatorRender) : null;
 };
-export var AgentProfileInfo = function AgentProfileInfo(_ref2) {
-  var agentName = _ref2.agentName,
-    agentDescription = _ref2.agentDescription,
-    creatorRender = _ref2.creatorRender,
-    starCountRender = _ref2.starCountRender,
-    isStarred = _ref2.isStarred,
-    isHidden = _ref2.isHidden,
-    onStarToggle = _ref2.onStarToggle;
+export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
+  var agentName = _ref3.agentName,
+    agentDescription = _ref3.agentDescription,
+    creatorRender = _ref3.creatorRender,
+    starCountRender = _ref3.starCountRender,
+    isStarred = _ref3.isStarred,
+    isHidden = _ref3.isHidden,
+    onStarToggle = _ref3.onStarToggle;
   var _useIntl2 = useIntl(),
     formatMessage = _useIntl2.formatMessage;
   return /*#__PURE__*/React.createElement(Stack, {

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, getAgentCreator } from './ui/agent-profile-info';
 export { AgentStarCount } from './ui/agent-profile-info/agent-star-count';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { LinkIconButton } from './common/ui/link-icon-button';

package/dist/types/ui/agent-profile-info/index.d.ts

@@ -3,24 +3,37 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoading: isLoading, }: {
-    creator?: {
-        type: "CUSTOMER";
-        name: string;
-        profileLink: string;
-        status?: "active" | "inactive";
-    } | {
-        type: "SYSTEM";
-    } | {
-        type: "THIRD_PARTY";
-        name: string;
-    } | {
-        type: "FORGE";
-        name: string;
-    } | {
-        type: "OOTB";
+type AgentCreator = {
+    type: 'CUSTOMER';
+    name: string;
+    profileLink: string;
+    status?: 'active' | 'inactive' | 'closed' | string;
+} | {
+    type: 'SYSTEM';
+} | {
+    type: 'THIRD_PARTY' | 'FORGE';
+    name: string;
+} | {
+    type: 'OOTB';
+};
+export declare const getAgentCreator: ({ creatorType, authoringTeam, userCreator, forgeCreator, }: {
+    creatorType: string;
+    authoringTeam?: {
+        displayName: string;
+        profileLink?: string;
+    };
+    userCreator?: {
         name: string;
+        status?: string;
+        profileLink?: string;
     };
+    forgeCreator?: string;
+}) => AgentCreator | undefined;
+export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoading, }: {
+    /**
+     * Get this value from `getAgentCreator`
+     */
+    creator?: AgentCreator;
     isLoading: boolean;
     onCreatorLinkClick: () => void;
 }) => JSX.Element | null;
@@ -33,3 +46,4 @@ export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRe
     isHidden: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, getAgentCreator } from './ui/agent-profile-info';
 export { AgentStarCount } from './ui/agent-profile-info/agent-star-count';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { LinkIconButton } from './common/ui/link-icon-button';

package/dist/types-ts4.5/ui/agent-profile-info/index.d.ts

@@ -3,24 +3,37 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoading: isLoading, }: {
-    creator?: {
-        type: "CUSTOMER";
-        name: string;
-        profileLink: string;
-        status?: "active" | "inactive";
-    } | {
-        type: "SYSTEM";
-    } | {
-        type: "THIRD_PARTY";
-        name: string;
-    } | {
-        type: "FORGE";
-        name: string;
-    } | {
-        type: "OOTB";
+type AgentCreator = {
+    type: 'CUSTOMER';
+    name: string;
+    profileLink: string;
+    status?: 'active' | 'inactive' | 'closed' | string;
+} | {
+    type: 'SYSTEM';
+} | {
+    type: 'THIRD_PARTY' | 'FORGE';
+    name: string;
+} | {
+    type: 'OOTB';
+};
+export declare const getAgentCreator: ({ creatorType, authoringTeam, userCreator, forgeCreator, }: {
+    creatorType: string;
+    authoringTeam?: {
+        displayName: string;
+        profileLink?: string;
+    };
+    userCreator?: {
         name: string;
+        status?: string;
+        profileLink?: string;
     };
+    forgeCreator?: string;
+}) => AgentCreator | undefined;
+export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoading, }: {
+    /**
+     * Get this value from `getAgentCreator`
+     */
+    creator?: AgentCreator;
     isLoading: boolean;
     onCreatorLinkClick: () => void;
 }) => JSX.Element | null;
@@ -33,3 +46,4 @@ export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRe
     isHidden: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.8.0",
+	"version": "3.9.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",
@@ -34,9 +34,9 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.3.0",
+		"@atlaskit/avatar": "^25.4.0",
 		"@atlaskit/button": "^23.5.0",
-		"@atlaskit/css": "^0.14.0",
+		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.5.0",
@@ -44,12 +44,12 @@
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/primitives": "^15.0.0",
 		"@atlaskit/skeleton": "^2.1.0",
-		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tokens": "^6.5.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
+		"@compiled/react": "^0.18.6",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-magnetic-di": "^3.1.4"
 	},
@@ -121,6 +121,9 @@
 		"agent_studio_fe_permissions_settings_m1": {
 			"type": "boolean"
 		},
+		"agent_studio_permissions_settings_m3_profiles": {
+			"type": "boolean"
+		},
 		"jira_ai_force_rovo_dev_avatar": {
 			"type": "boolean"
 		}