@atlaskit/rovo-agent-components 3.9.2 → 3.10.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/rovo-agent-components
 
+## 3.10.0
+
+### Minor Changes
+
+- [`45556fb92fa69`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/45556fb92fa69) -
+  [ux] Updated favicon to match the selected agent
+
 ## 3.9.2
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "ConversationStarters", {
     return _agentConversationStarters.ConversationStarters;
   }
 });
+Object.defineProperty(exports, "GeneratedAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _generatedAvatars.GeneratedAvatar;
+  }
+});
 Object.defineProperty(exports, "HiddenIcon", {
   enumerable: true,
   get: function get() {

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

@@ -20,6 +20,13 @@ var styles = {
   banner: "_1bsb1osq",
   bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr"
 };
+var Observer = function Observer(_ref) {
+  var onLoad = _ref.onLoad;
+  (0, _react.useEffect)(function () {
+    onLoad();
+  }, [onLoad]);
+  return null;
+};
 var AutoDevAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoDevAvatar"*/'./assets/auto-dev'));
@@ -315,9 +322,9 @@ var outOfTheBoxAgentAvatar = {
  * agentId examples:
  * cd002f25-46e4-4023-80ff-32e4d90849b4
  */
-var getNumberIdForAvatar = exports.getNumberIdForAvatar = function getNumberIdForAvatar(_ref) {
-  var agentIdentityAccountId = _ref.agentIdentityAccountId,
-    agentId = _ref.agentId;
+var getNumberIdForAvatar = exports.getNumberIdForAvatar = function getNumberIdForAvatar(_ref2) {
+  var agentIdentityAccountId = _ref2.agentIdentityAccountId,
+    agentId = _ref2.agentId;
   // we prioritise agentIdentityAccountId first if it is available
   // this is because agentIdentityAccountId is more widely available (e.g. in ProfilePage)
   var idForAgentAvatar = agentIdentityAccountId || agentId;
@@ -334,11 +341,11 @@ 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;
+var getAvatarRender = function getAvatarRender(_ref3) {
+  var agentNamedId = _ref3.agentNamedId,
+    agentId = _ref3.agentId,
+    agentIdentityAccountId = _ref3.agentIdentityAccountId,
+    size = _ref3.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')) {
@@ -392,12 +399,12 @@ var getAvatarRender = function getAvatarRender(_ref2) {
     color: blueColor
   };
 };
-var AgentBanner = exports.AgentBanner = function AgentBanner(_ref3) {
-  var agentNamedId = _ref3.agentNamedId,
-    agentId = _ref3.agentId,
-    agentIdentityAccountId = _ref3.agentIdentityAccountId,
-    height = _ref3.height,
-    fillSpace = _ref3.fillSpace;
+var AgentBanner = exports.AgentBanner = function AgentBanner(_ref4) {
+  var agentNamedId = _ref4.agentNamedId,
+    agentId = _ref4.agentId,
+    agentIdentityAccountId = _ref4.agentIdentityAccountId,
+    height = _ref4.height,
+    fillSpace = _ref4.fillSpace;
   var _getAvatarRender = getAvatarRender({
       agentNamedId: agentNamedId,
       agentId: agentId,
@@ -417,6 +424,7 @@ var GeneratedAvatar = exports.GeneratedAvatar = function GeneratedAvatar(props)
   var _getAvatarRender2 = getAvatarRender(props),
     render = _getAvatarRender2.render,
     color = _getAvatarRender2.color;
+  var onLoad = props.onLoad;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.image,
     style: {
@@ -424,5 +432,7 @@ var GeneratedAvatar = exports.GeneratedAvatar = function GeneratedAvatar(props)
     }
   }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
-  }, render));
+  }, onLoad && /*#__PURE__*/_react.default.createElement(Observer, {
+    onLoad: onLoad
+  }), render));
 };

package/dist/es2019/index.js

@@ -8,6 +8,6 @@ export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
-export { AgentBanner } from './ui/agent-avatar/generated-avatars';
+export { AgentBanner, GeneratedAvatar } from './ui/agent-avatar/generated-avatars';
 export { AgentDropdownMenu } from './ui/agent-dropdown-menu';
 export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';

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

@@ -1,7 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { lazy, Suspense } from 'react';
+import React, { lazy, Suspense, useEffect } from 'react';
 import { AVATAR_SIZES } from '@atlaskit/avatar';
 import { cx } from '@atlaskit/css';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -11,6 +11,14 @@ const styles = {
   banner: "_1bsb1osq",
   bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr"
 };
+const Observer = ({
+  onLoad
+}) => {
+  useEffect(() => {
+    onLoad();
+  }, [onLoad]);
+  return null;
+};
 const AutoDevAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoDevAvatar"*/'./assets/auto-dev'));
 const AutoFixAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoFixAvatar"*/'./assets/auto-fix'));
 const AutoReviewAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoReviewAvatar"*/'./assets/auto-review'));
@@ -291,6 +299,9 @@ export const GeneratedAvatar = props => {
     render,
     color
   } = getAvatarRender(props);
+  const {
+    onLoad
+  } = props;
   return /*#__PURE__*/React.createElement(Box, {
     xcss: styles.image,
     style: {
@@ -298,5 +309,7 @@ export const GeneratedAvatar = props => {
     }
   }, /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
-  }, render));
+  }, onLoad && /*#__PURE__*/React.createElement(Observer, {
+    onLoad: onLoad
+  }), render));
 };

package/dist/esm/index.js

@@ -8,6 +8,6 @@ export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
-export { AgentBanner } from './ui/agent-avatar/generated-avatars';
+export { AgentBanner, GeneratedAvatar } from './ui/agent-avatar/generated-avatars';
 export { AgentDropdownMenu } from './ui/agent-dropdown-menu';
 export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';

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

@@ -1,7 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { lazy, Suspense } from 'react';
+import React, { lazy, Suspense, useEffect } from 'react';
 import { AVATAR_SIZES } from '@atlaskit/avatar';
 import { cx } from '@atlaskit/css';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -11,6 +11,13 @@ var styles = {
   banner: "_1bsb1osq",
   bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr"
 };
+var Observer = function Observer(_ref) {
+  var onLoad = _ref.onLoad;
+  useEffect(function () {
+    onLoad();
+  }, [onLoad]);
+  return null;
+};
 var AutoDevAvatar = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoDevAvatar"*/'./assets/auto-dev');
 });
@@ -260,9 +267,9 @@ var outOfTheBoxAgentAvatar = {
  * agentId examples:
  * cd002f25-46e4-4023-80ff-32e4d90849b4
  */
-export var getNumberIdForAvatar = function getNumberIdForAvatar(_ref) {
-  var agentIdentityAccountId = _ref.agentIdentityAccountId,
-    agentId = _ref.agentId;
+export var getNumberIdForAvatar = function getNumberIdForAvatar(_ref2) {
+  var agentIdentityAccountId = _ref2.agentIdentityAccountId,
+    agentId = _ref2.agentId;
   // we prioritise agentIdentityAccountId first if it is available
   // this is because agentIdentityAccountId is more widely available (e.g. in ProfilePage)
   var idForAgentAvatar = agentIdentityAccountId || agentId;
@@ -279,11 +286,11 @@ 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;
+var getAvatarRender = function getAvatarRender(_ref3) {
+  var agentNamedId = _ref3.agentNamedId,
+    agentId = _ref3.agentId,
+    agentIdentityAccountId = _ref3.agentIdentityAccountId,
+    size = _ref3.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')) {
@@ -337,12 +344,12 @@ var getAvatarRender = function getAvatarRender(_ref2) {
     color: blueColor
   };
 };
-export var AgentBanner = function AgentBanner(_ref3) {
-  var agentNamedId = _ref3.agentNamedId,
-    agentId = _ref3.agentId,
-    agentIdentityAccountId = _ref3.agentIdentityAccountId,
-    height = _ref3.height,
-    fillSpace = _ref3.fillSpace;
+export var AgentBanner = function AgentBanner(_ref4) {
+  var agentNamedId = _ref4.agentNamedId,
+    agentId = _ref4.agentId,
+    agentIdentityAccountId = _ref4.agentIdentityAccountId,
+    height = _ref4.height,
+    fillSpace = _ref4.fillSpace;
   var _getAvatarRender = getAvatarRender({
       agentNamedId: agentNamedId,
       agentId: agentId,
@@ -362,6 +369,7 @@ export var GeneratedAvatar = function GeneratedAvatar(props) {
   var _getAvatarRender2 = getAvatarRender(props),
     render = _getAvatarRender2.render,
     color = _getAvatarRender2.color;
+  var onLoad = props.onLoad;
   return /*#__PURE__*/React.createElement(Box, {
     xcss: styles.image,
     style: {
@@ -369,5 +377,7 @@ export var GeneratedAvatar = function GeneratedAvatar(props) {
     }
   }, /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
-  }, render));
+  }, onLoad && /*#__PURE__*/React.createElement(Observer, {
+    onLoad: onLoad
+  }), render));
 };

package/dist/types/index.d.ts

@@ -8,6 +8,6 @@ export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
-export { AgentBanner } from './ui/agent-avatar/generated-avatars';
+export { AgentBanner, GeneratedAvatar } from './ui/agent-avatar/generated-avatars';
 export { AgentDropdownMenu } from './ui/agent-dropdown-menu';
 export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';

package/dist/types/ui/agent-avatar/generated-avatars/index.d.ts

@@ -21,6 +21,7 @@ type GeneratedAvatarProps = {
     agentId?: string;
     agentIdentityAccountId?: string | null | undefined;
     size: SizeType;
+    onLoad?: () => void;
 };
 /**
  * agentIdentityAccountId examples:

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

@@ -8,6 +8,6 @@ export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
-export { AgentBanner } from './ui/agent-avatar/generated-avatars';
+export { AgentBanner, GeneratedAvatar } from './ui/agent-avatar/generated-avatars';
 export { AgentDropdownMenu } from './ui/agent-dropdown-menu';
 export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';

package/dist/types-ts4.5/ui/agent-avatar/generated-avatars/index.d.ts

@@ -21,6 +21,7 @@ type GeneratedAvatarProps = {
     agentId?: string;
     agentIdentityAccountId?: string | null | undefined;
     size: SizeType;
+    onLoad?: () => void;
 };
 /**
  * agentIdentityAccountId examples:

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.9.2",
+	"version": "3.10.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,7 +34,8 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.4.0",
+		"@atlaskit/avatar": "^25.5.0",
+		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
@@ -47,9 +48,10 @@
 		"@atlaskit/primitives": "^16.0.0",
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
+		"@atlaskit/tooltip": "^20.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
+		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-magnetic-di": "^3.1.4"
 	},
@@ -60,11 +62,10 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/feature-flags-test-utils": "^0.3.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.4.3",
-		"react-dom": "^18.2.0",
 		"wait-for-expect": "^1.2.0"
 	},
 	"techstack": {