@atlaskit/rovo-agent-components 3.6.0 → 3.7.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/rovo-agent-components
 
+## 3.7.0
+
+### Minor Changes
+
+- [`ef771fd2f0150`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef771fd2f0150) -
+  [ux] add RovoDev avatar into getAvatarRender based on agentNameId for TeamEU25
+
 ## 3.6.0
 
 ### Minor Changes

package/README.md

@@ -13,3 +13,7 @@ Detailed docs and example usage can be found [here](https://atlaskit.atlassian.c
 This package was created mainly because there are other `@atlaskit/` packages that require some shared components
 
 If possible, try build the components in `@atlassian/conversation-assistant-ui-components`, and only create one here if it's needed by other `@atlaskit/` packages
+
+## Storybook locally
+
+run `yarn start @atlaskit/rovo-agent-components` or `yarn start rovo-agent-components`

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/rovo-dev.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _default = exports.default = function _default(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    secondaryColor = _ref.secondaryColor;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 55 55",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M24.519 0.843677C26.4682 -0.281225 28.8698 -0.281226 30.819 0.843676L49.189 11.445C51.1382 12.5699 52.339 14.6488 52.339 16.8986V38.1014C52.339 40.3512 51.1382 42.4301 49.189 43.555L30.819 54.1563C28.8698 55.2812 26.4683 55.2812 24.519 54.1563L6.14902 43.555C4.1998 42.4301 2.99902 40.3512 2.99902 38.1014V16.8986C2.99902 14.6488 4.1998 12.5699 6.14902 11.445L24.519 0.843677Z",
+    fill: "#94C748"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23.3318 13.9697L15.5293 18.4735C14.4398 19.0997 13.7715 20.2571 13.7715 21.5144V33.4974C13.7715 34.7498 14.4437 35.9122 15.5301 36.5388L17.38 37.6066L25.9098 42.5303C26.9767 43.1456 28.2896 43.1566 29.3652 42.563C29.3847 42.5479 29.4054 42.5339 29.4274 42.5213C30.1938 42.0792 30.7543 41.3703 31.0178 40.5513C31.1251 40.2128 31.1818 39.8551 31.1818 39.4889V34.8472L26.6669 32.2422L25.3659 31.4916C23.9377 30.6703 23.0613 29.152 23.0613 27.5059V15.5229C23.0613 15.0387 23.1379 14.5649 23.2823 14.1165C23.298 14.0672 23.3145 14.0183 23.3318 13.9697Z",
+    fill: "#101214"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.4285 12.47C28.3616 11.8546 27.0488 11.8437 25.9731 12.4373C25.9537 12.4524 25.9305 12.4678 25.9085 12.4805C25.1429 12.9228 24.5833 13.6315 24.3202 14.4501C24.2132 14.7883 24.1566 15.1456 24.1566 15.5114V20.1531L28.5317 22.6774L29.9728 23.5089C31.4013 24.3301 32.277 25.8482 32.277 27.4944V39.4774C32.277 39.9623 32.2003 40.4367 32.0554 40.8857C32.0399 40.9343 32.0236 40.9826 32.0066 41.0306L39.809 36.5268C40.8986 35.9005 41.5669 34.7432 41.5669 33.4859V21.5029C41.5669 20.2505 40.8945 19.088 39.8082 18.4614L37.8186 17.313L29.4285 12.47Z",
+    fill: "#101214"
+  }));
+};

package/dist/cjs/ui/agent-avatar/generated-avatars/index.js

@@ -12,6 +12,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
 var _avatar = require("@atlaskit/avatar");
 var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -114,6 +115,11 @@ var ResearchScoutAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-ResearchScoutAvatar"*/'./assets/research-scout'));
   });
 });
+var RovoDevAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-RovoDevAvatar"*/'./assets/rovo-dev'));
+  });
+});
 var SocialMediaScribeAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-SocialMediaScribeAvatar"*/'./assets/social-media-scribe'));
@@ -327,11 +333,24 @@ var getNumberIdForAvatar = exports.getNumberIdForAvatar = function getNumberIdFo
   }
   return null;
 };
+var ROVO_DEV_AGENT_ID = '027f0676-e8e9-4939-8962-3850987d78bb';
 var getAvatarRender = function getAvatarRender(_ref2) {
   var agentNamedId = _ref2.agentNamedId,
     agentId = _ref2.agentId,
     agentIdentityAccountId = _ref2.agentIdentityAccountId,
     size = _ref2.size;
+  //@TODO CRCS-3129: Remove Rovo Dev hardcoded icon after TeamEU demos
+  // Handle Rovo Dev agent avatar for TeamEU Demo
+  if (agentId === ROVO_DEV_AGENT_ID && (0, _platformFeatureFlags.fg)('jira_ai_force_rovo_dev_avatar')) {
+    return {
+      render: /*#__PURE__*/_react.default.createElement(RovoDevAvatar, {
+        size: _avatar.AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      }),
+      color: greenColor
+    };
+  }
   if (typeof agentNamedId === 'string' && outOfTheBoxAgentAvatar[agentNamedId]) {
     var ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
     return {

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/rovo-dev.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export default (({
+  size,
+  primaryColor,
+  secondaryColor
+}) => /*#__PURE__*/React.createElement("svg", {
+  width: size,
+  height: size,
+  viewBox: "0 0 55 55",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M24.519 0.843677C26.4682 -0.281225 28.8698 -0.281226 30.819 0.843676L49.189 11.445C51.1382 12.5699 52.339 14.6488 52.339 16.8986V38.1014C52.339 40.3512 51.1382 42.4301 49.189 43.555L30.819 54.1563C28.8698 55.2812 26.4683 55.2812 24.519 54.1563L6.14902 43.555C4.1998 42.4301 2.99902 40.3512 2.99902 38.1014V16.8986C2.99902 14.6488 4.1998 12.5699 6.14902 11.445L24.519 0.843677Z",
+  fill: "#94C748"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M23.3318 13.9697L15.5293 18.4735C14.4398 19.0997 13.7715 20.2571 13.7715 21.5144V33.4974C13.7715 34.7498 14.4437 35.9122 15.5301 36.5388L17.38 37.6066L25.9098 42.5303C26.9767 43.1456 28.2896 43.1566 29.3652 42.563C29.3847 42.5479 29.4054 42.5339 29.4274 42.5213C30.1938 42.0792 30.7543 41.3703 31.0178 40.5513C31.1251 40.2128 31.1818 39.8551 31.1818 39.4889V34.8472L26.6669 32.2422L25.3659 31.4916C23.9377 30.6703 23.0613 29.152 23.0613 27.5059V15.5229C23.0613 15.0387 23.1379 14.5649 23.2823 14.1165C23.298 14.0672 23.3145 14.0183 23.3318 13.9697Z",
+  fill: "#101214"
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M29.4285 12.47C28.3616 11.8546 27.0488 11.8437 25.9731 12.4373C25.9537 12.4524 25.9305 12.4678 25.9085 12.4805C25.1429 12.9228 24.5833 13.6315 24.3202 14.4501C24.2132 14.7883 24.1566 15.1456 24.1566 15.5114V20.1531L28.5317 22.6774L29.9728 23.5089C31.4013 24.3301 32.277 25.8482 32.277 27.4944V39.4774C32.277 39.9623 32.2003 40.4367 32.0554 40.8857C32.0399 40.9343 32.0236 40.9826 32.0066 41.0306L39.809 36.5268C40.8986 35.9005 41.5669 34.7432 41.5669 33.4859V21.5029C41.5669 20.2505 40.8945 19.088 39.8082 18.4614L37.8186 17.313L29.4285 12.47Z",
+  fill: "#101214"
+})));

package/dist/es2019/ui/agent-avatar/generated-avatars/index.js

@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { lazy, Suspense } from 'react';
 import { AVATAR_SIZES } from '@atlaskit/avatar';
 import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
@@ -29,6 +30,7 @@ const PitchPerfectorAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName
 const ProductRequirementAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-ProductRequirementAvatar"*/'./assets/product-requirement'));
 const ReleaseNotesAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-ReleaseNotesAvatar"*/'./assets/release-notes'));
 const ResearchScoutAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-ResearchScoutAvatar"*/'./assets/research-scout'));
+const RovoDevAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-RovoDevAvatar"*/'./assets/rovo-dev'));
 const SocialMediaScribeAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-SocialMediaScribeAvatar"*/'./assets/social-media-scribe'));
 const TeamConnectionAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-TeamConnectionAvatar"*/'./assets/team-connection'));
 const WorkflowBuilderAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-WorkflowBuilderAvatar"*/'./assets/workflow-builder'));
@@ -201,12 +203,25 @@ export const getNumberIdForAvatar = ({
   }
   return null;
 };
+const ROVO_DEV_AGENT_ID = '027f0676-e8e9-4939-8962-3850987d78bb';
 const getAvatarRender = ({
   agentNamedId,
   agentId,
   agentIdentityAccountId,
   size
 }) => {
+  //@TODO CRCS-3129: Remove Rovo Dev hardcoded icon after TeamEU demos
+  // Handle Rovo Dev agent avatar for TeamEU Demo
+  if (agentId === ROVO_DEV_AGENT_ID && fg('jira_ai_force_rovo_dev_avatar')) {
+    return {
+      render: /*#__PURE__*/React.createElement(RovoDevAvatar, {
+        size: AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      }),
+      color: greenColor
+    };
+  }
   if (typeof agentNamedId === 'string' && outOfTheBoxAgentAvatar[agentNamedId]) {
     const ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
     return {

package/dist/esm/ui/agent-avatar/generated-avatars/assets/rovo-dev.js

@@ -0,0 +1,26 @@
+import React from 'react';
+export default (function (_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    secondaryColor = _ref.secondaryColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 55 55",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M24.519 0.843677C26.4682 -0.281225 28.8698 -0.281226 30.819 0.843676L49.189 11.445C51.1382 12.5699 52.339 14.6488 52.339 16.8986V38.1014C52.339 40.3512 51.1382 42.4301 49.189 43.555L30.819 54.1563C28.8698 55.2812 26.4683 55.2812 24.519 54.1563L6.14902 43.555C4.1998 42.4301 2.99902 40.3512 2.99902 38.1014V16.8986C2.99902 14.6488 4.1998 12.5699 6.14902 11.445L24.519 0.843677Z",
+    fill: "#94C748"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23.3318 13.9697L15.5293 18.4735C14.4398 19.0997 13.7715 20.2571 13.7715 21.5144V33.4974C13.7715 34.7498 14.4437 35.9122 15.5301 36.5388L17.38 37.6066L25.9098 42.5303C26.9767 43.1456 28.2896 43.1566 29.3652 42.563C29.3847 42.5479 29.4054 42.5339 29.4274 42.5213C30.1938 42.0792 30.7543 41.3703 31.0178 40.5513C31.1251 40.2128 31.1818 39.8551 31.1818 39.4889V34.8472L26.6669 32.2422L25.3659 31.4916C23.9377 30.6703 23.0613 29.152 23.0613 27.5059V15.5229C23.0613 15.0387 23.1379 14.5649 23.2823 14.1165C23.298 14.0672 23.3145 14.0183 23.3318 13.9697Z",
+    fill: "#101214"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.4285 12.47C28.3616 11.8546 27.0488 11.8437 25.9731 12.4373C25.9537 12.4524 25.9305 12.4678 25.9085 12.4805C25.1429 12.9228 24.5833 13.6315 24.3202 14.4501C24.2132 14.7883 24.1566 15.1456 24.1566 15.5114V20.1531L28.5317 22.6774L29.9728 23.5089C31.4013 24.3301 32.277 25.8482 32.277 27.4944V39.4774C32.277 39.9623 32.2003 40.4367 32.0554 40.8857C32.0399 40.9343 32.0236 40.9826 32.0066 41.0306L39.809 36.5268C40.8986 35.9005 41.5669 34.7432 41.5669 33.4859V21.5029C41.5669 20.2505 40.8945 19.088 39.8082 18.4614L37.8186 17.313L29.4285 12.47Z",
+    fill: "#101214"
+  }));
+});

package/dist/esm/ui/agent-avatar/generated-avatars/index.js

@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { lazy, Suspense } from 'react';
 import { AVATAR_SIZES } from '@atlaskit/avatar';
 import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
@@ -67,6 +68,9 @@ var ReleaseNotesAvatar = /*#__PURE__*/lazy(function () {
 var ResearchScoutAvatar = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-rovo-avatar-ResearchScoutAvatar"*/'./assets/research-scout');
 });
+var RovoDevAvatar = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-rovo-avatar-RovoDevAvatar"*/'./assets/rovo-dev');
+});
 var SocialMediaScribeAvatar = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-rovo-avatar-SocialMediaScribeAvatar"*/'./assets/social-media-scribe');
 });
@@ -274,11 +278,24 @@ export var getNumberIdForAvatar = function getNumberIdForAvatar(_ref) {
   }
   return null;
 };
+var ROVO_DEV_AGENT_ID = '027f0676-e8e9-4939-8962-3850987d78bb';
 var getAvatarRender = function getAvatarRender(_ref2) {
   var agentNamedId = _ref2.agentNamedId,
     agentId = _ref2.agentId,
     agentIdentityAccountId = _ref2.agentIdentityAccountId,
     size = _ref2.size;
+  //@TODO CRCS-3129: Remove Rovo Dev hardcoded icon after TeamEU demos
+  // Handle Rovo Dev agent avatar for TeamEU Demo
+  if (agentId === ROVO_DEV_AGENT_ID && fg('jira_ai_force_rovo_dev_avatar')) {
+    return {
+      render: /*#__PURE__*/React.createElement(RovoDevAvatar, {
+        size: AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      }),
+      color: greenColor
+    };
+  }
   if (typeof agentNamedId === 'string' && outOfTheBoxAgentAvatar[agentNamedId]) {
     var ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
     return {

package/dist/types/ui/agent-avatar/generated-avatars/assets/rovo-dev.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type AvatarIconProps = {
+    size: number;
+    primaryColor: string;
+    secondaryColor: string;
+};
+declare const _default: ({ size, primaryColor, secondaryColor }: AvatarIconProps) => React.JSX.Element;
+export default _default;

package/dist/types-ts4.5/ui/agent-avatar/generated-avatars/assets/rovo-dev.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type AvatarIconProps = {
+    size: number;
+    primaryColor: string;
+    secondaryColor: string;
+};
+declare const _default: ({ size, primaryColor, secondaryColor }: AvatarIconProps) => React.JSX.Element;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.6.0",
+	"version": "3.7.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,20 +34,20 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.8.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.2.0",
-		"@atlaskit/button": "^23.4.0",
+		"@atlaskit/avatar": "^25.3.0",
+		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/icon": "^28.4.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.7.0",
+		"@atlaskit/logo": "^19.8.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/skeleton": "^2.1.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"react-intl-next": "npm:react-intl@^5.18.1",
@@ -120,6 +120,9 @@
 		},
 		"agent_studio_fe_permissions_settings_m1": {
 			"type": "boolean"
+		},
+		"jira_ai_force_rovo_dev_avatar": {
+			"type": "boolean"
 		}
 	}
 }