@atlaskit/rovo-agent-components 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/rovo-agent-components
 
+## 1.2.0
+
+### Minor Changes
+
+- [#137195](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137195)
+  [`0c6a0ad6e8350`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c6a0ad6e8350) -
+  Lazy load generated avatars; add identity account id as AgentAvatar prop and use it as a priority
+
 ## 1.1.0
 
 ### Minor Changes

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

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AutoDevAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var AutoDevAvatar = exports.AutoDevAvatar = function AutoDevAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/auto-fix.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AutoFixAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var AutoFixAvatar = exports.AutoFixAvatar = function AutoFixAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/auto-review.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AutoReviewAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var AutoReviewAvatar = exports.AutoReviewAvatar = function AutoReviewAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/backlog-buddy.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BacklogBuddyAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var BacklogBuddyAvatar = exports.BacklogBuddyAvatar = function BacklogBuddyAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/comms-crafter.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CommsCrafterAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var CommsCrafterAvatar = exports.CommsCrafterAvatar = function CommsCrafterAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

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

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CultureAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var CultureAvatar = exports.CultureAvatar = function CultureAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/customer-insight.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CustomerInsightAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var CustomerInsightAvatar = exports.CustomerInsightAvatar = function CustomerInsightAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/decision-director.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DecisionDirectorAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var DecisionDirectorAvatar = exports.DecisionDirectorAvatar = function DecisionDirectorAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/feature-flag-avatar.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FeatureFlagAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var FeatureFlagAvatar = exports.FeatureFlagAvatar = function FeatureFlagAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

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

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GenericAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var GenericAvatar = exports.GenericAvatar = function GenericAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/hire-writer.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HireWriterAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var HireWriterAvatar = exports.HireWriterAvatar = function HireWriterAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/marketing-message-maestro.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MarketingMessageMaestroAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var MarketingMessageMaestroAvatar = exports.MarketingMessageMaestroAvatar = function MarketingMessageMaestroAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/my-user-manual.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MyUserManualAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var MyUserManualAvatar = exports.MyUserManualAvatar = function MyUserManualAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/okr-oracle.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OkrOracleAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var OkrOracleAvatar = exports.OkrOracleAvatar = function OkrOracleAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

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

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OpsAgentAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var OpsAgentAvatar = exports.OpsAgentAvatar = function OpsAgentAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/pitch-perfector.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PitchPerfectorAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var PitchPerfectorAvatar = exports.PitchPerfectorAvatar = function PitchPerfectorAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/product-requirement.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProductRequirementAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var ProductRequirementAvatar = exports.ProductRequirementAvatar = function ProductRequirementAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/release-notes.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReleaseNotesAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var ReleaseNotesAvatar = exports.ReleaseNotesAvatar = function ReleaseNotesAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/research-scout.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResearchScoutAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var ResearchScoutAvatar = exports.ResearchScoutAvatar = function ResearchScoutAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/social-media-scribe.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SocialMediaScribeAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var SocialMediaScribeAvatar = exports.SocialMediaScribeAvatar = function SocialMediaScribeAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

package/dist/cjs/ui/agent-avatar/generated-avatars/assets/team-connection.js

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TeamConnectionAvatar = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
-
-var TeamConnectionAvatar = exports.TeamConnectionAvatar = function TeamConnectionAvatar(_ref) {
+var _default = exports.default = function _default(_ref) {
   var size = _ref.size,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor;

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

@@ -4,31 +4,118 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOTAL_AVATAR_COMBINATIONS = exports.GeneratedAvatar = exports.AgentBanner = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.getNumberIdForAvatar = exports.TOTAL_AVATAR_COMBINATIONS = exports.GeneratedAvatar = exports.AgentBanner = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireWildcard(require("react"));
 var _avatar = require("@atlaskit/avatar");
 var _primitives = require("@atlaskit/primitives");
-var _autoDev = require("./assets/auto-dev");
-var _autoFix = require("./assets/auto-fix");
-var _autoReview = require("./assets/auto-review");
-var _backlogBuddy = require("./assets/backlog-buddy");
-var _commsCrafter = require("./assets/comms-crafter");
-var _culture = require("./assets/culture");
-var _customerInsight = require("./assets/customer-insight");
-var _decisionDirector = require("./assets/decision-director");
-var _featureFlagAvatar = require("./assets/feature-flag-avatar");
-var _genericAvatar = require("./assets/generic-avatar");
-var _hireWriter = require("./assets/hire-writer");
-var _marketingMessageMaestro = require("./assets/marketing-message-maestro");
-var _myUserManual = require("./assets/my-user-manual");
-var _okrOracle = require("./assets/okr-oracle");
-var _opsAgent = require("./assets/ops-agent");
-var _pitchPerfector = require("./assets/pitch-perfector");
-var _productRequirement = require("./assets/product-requirement");
-var _releaseNotes = require("./assets/release-notes");
-var _researchScout = require("./assets/research-scout");
-var _socialMediaScribe = require("./assets/social-media-scribe");
-var _teamConnection = require("./assets/team-connection");
+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" != (0, _typeof2.default)(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; }
+var AutoDevAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoDevAvatar"*/'./assets/auto-dev'));
+  });
+});
+var AutoFixAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoFixAvatar"*/'./assets/auto-fix'));
+  });
+});
+var AutoReviewAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoReviewAvatar"*/'./assets/auto-review'));
+  });
+});
+var BacklogBuddyAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-BacklogBuddyAvatar"*/'./assets/backlog-buddy'));
+  });
+});
+var CommsCrafterAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-CommsCrafterAvatar"*/'./assets/comms-crafter'));
+  });
+});
+var CultureAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-CultureAvatar"*/'./assets/culture'));
+  });
+});
+var CustomerInsightAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-CustomerInsightAvatar"*/'./assets/customer-insight'));
+  });
+});
+var DecisionDirectorAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-DecisionDirectorAvatar"*/'./assets/decision-director'));
+  });
+});
+var FeatureFlagAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-FeatureFlagAvatar"*/'./assets/feature-flag-avatar'));
+  });
+});
+var GenericAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-GenericAvatar"*/'./assets/generic-avatar'));
+  });
+});
+var HireWriterAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-HireWriterAvatar"*/'./assets/hire-writer'));
+  });
+});
+var MarketingMessageMaestroAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-MarketingMessageMaestroAvatar"*/'./assets/marketing-message-maestro'));
+  });
+});
+var MyUserManualAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-MyUserManualAvatar"*/'./assets/my-user-manual'));
+  });
+});
+var OkrOracleAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-OkrOracleAvatar"*/'./assets/okr-oracle'));
+  });
+});
+var OpsAgentAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-OpsAgentAvatar"*/'./assets/ops-agent'));
+  });
+});
+var PitchPerfectorAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-PitchPerfectorAvatar"*/'./assets/pitch-perfector'));
+  });
+});
+var ProductRequirementAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-ProductRequirementAvatar"*/'./assets/product-requirement'));
+  });
+});
+var ReleaseNotesAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-ReleaseNotesAvatar"*/'./assets/release-notes'));
+  });
+});
+var ResearchScoutAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-ResearchScoutAvatar"*/'./assets/research-scout'));
+  });
+});
+var SocialMediaScribeAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-SocialMediaScribeAvatar"*/'./assets/social-media-scribe'));
+  });
+});
+var TeamConnectionAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-TeamConnectionAvatar"*/'./assets/team-connection'));
+  });
+});
 var yellowColor = {
   primary: '#FCA700',
   secondary: '#FFC716'
@@ -46,7 +133,7 @@ var blueColor = {
   secondary: '#669DF1'
 };
 var colorList = [yellowColor, purpleColor, greenColor, blueColor];
-var avatarList = [_customerInsight.CustomerInsightAvatar, _backlogBuddy.BacklogBuddyAvatar, _decisionDirector.DecisionDirectorAvatar, _commsCrafter.CommsCrafterAvatar, _autoDev.AutoDevAvatar, _okrOracle.OkrOracleAvatar, _culture.CultureAvatar, _socialMediaScribe.SocialMediaScribeAvatar, _teamConnection.TeamConnectionAvatar, _hireWriter.HireWriterAvatar, _opsAgent.OpsAgentAvatar, _researchScout.ResearchScoutAvatar, _releaseNotes.ReleaseNotesAvatar, _myUserManual.MyUserManualAvatar, _pitchPerfector.PitchPerfectorAvatar, _autoDev.AutoDevAvatar, _autoFix.AutoFixAvatar, _autoReview.AutoReviewAvatar, _marketingMessageMaestro.MarketingMessageMaestroAvatar, _featureFlagAvatar.FeatureFlagAvatar, _productRequirement.ProductRequirementAvatar];
+var avatarList = [CustomerInsightAvatar, BacklogBuddyAvatar, DecisionDirectorAvatar, CommsCrafterAvatar, AutoDevAvatar, OkrOracleAvatar, CultureAvatar, SocialMediaScribeAvatar, TeamConnectionAvatar, HireWriterAvatar, OpsAgentAvatar, ResearchScoutAvatar, ReleaseNotesAvatar, MyUserManualAvatar, PitchPerfectorAvatar, AutoDevAvatar, AutoFixAvatar, AutoReviewAvatar, MarketingMessageMaestroAvatar, FeatureFlagAvatar, ProductRequirementAvatar];
 var TOTAL_AVATAR_COMBINATIONS = exports.TOTAL_AVATAR_COMBINATIONS = avatarList.length * colorList.length;
 var imageStyles = (0, _primitives.xcss)({
   objectFit: 'cover',
@@ -59,7 +146,7 @@ var imageStyles = (0, _primitives.xcss)({
 var outOfTheBoxAgentAvatar = {
   decision_director_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(_decisionDirector.DecisionDirectorAvatar, {
+      return /*#__PURE__*/_react.default.createElement(DecisionDirectorAvatar, {
         size: _avatar.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -69,7 +156,7 @@ var outOfTheBoxAgentAvatar = {
   },
   user_manual_writer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(_myUserManual.MyUserManualAvatar, {
+      return /*#__PURE__*/_react.default.createElement(MyUserManualAvatar, {
         size: _avatar.AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -79,7 +166,7 @@ var outOfTheBoxAgentAvatar = {
   },
   product_requirements_expert_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(_productRequirement.ProductRequirementAvatar, {
+      return /*#__PURE__*/_react.default.createElement(ProductRequirementAvatar, {
         size: _avatar.AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -88,10 +175,38 @@ var outOfTheBoxAgentAvatar = {
     color: yellowColor
   }
 };
-var getAvatarRender = function getAvatarRender(_ref) {
-  var agentNamedId = _ref.agentNamedId,
-    agentId = _ref.agentId,
-    size = _ref.size;
+
+/**
+ * agentIdentityAccountId examples:
+ * 5b985e7c96cb052b5f65c830
+ * 712020:19e57f67-c132-462b-8503-0c19953122cd
+ *
+ * agentId examples:
+ * cd002f25-46e4-4023-80ff-32e4d90849b4
+ */
+var getNumberIdForAvatar = exports.getNumberIdForAvatar = function getNumberIdForAvatar(_ref) {
+  var agentIdentityAccountId = _ref.agentIdentityAccountId,
+    agentId = _ref.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;
+  if (idForAgentAvatar) {
+    // Take the last 8 characters of the id because JS can't handle 16 digit numbers
+    var trimmedId = idForAgentAvatar.slice(-8).replace(/[-:]/g, '');
+    var parsedId = parseInt(trimmedId, 16);
+    if (isNaN(parsedId)) {
+      return 0;
+    } else {
+      return parsedId;
+    }
+  }
+  return null;
+};
+var getAvatarRender = function getAvatarRender(_ref2) {
+  var agentNamedId = _ref2.agentNamedId,
+    agentId = _ref2.agentId,
+    agentIdentityAccountId = _ref2.agentIdentityAccountId,
+    size = _ref2.size;
   if (typeof agentNamedId === 'string' && outOfTheBoxAgentAvatar[agentNamedId]) {
     var ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
     return {
@@ -99,21 +214,18 @@ var getAvatarRender = function getAvatarRender(_ref) {
       color: ootbAvatarResult.color
     };
   }
-  if (agentId) {
-    // Take the last 8 characters of the agentId because JS can't handle 16 digit numbers
-    var agentIdSubset = agentId.slice(-8).replace(/-/g, '');
-    var agentIdNumber = parseInt(agentIdSubset, 16);
-    if (isNaN(agentIdNumber)) {
-      agentIdNumber = 0;
-    }
-
+  var numberId = getNumberIdForAvatar({
+    agentIdentityAccountId: agentIdentityAccountId,
+    agentId: agentId
+  });
+  if (numberId !== null) {
     /**
      * this create all possible combinations of avatars and colors
      * e.g. [[avatar1, color1], [avatar1, color2], [avatar2, color1], [avatar2, color2]]
      * then choose 1 based on agentId
      */
     var totalCombinations = avatarList.length * colorList.length;
-    var combinationIndex = agentIdNumber % totalCombinations;
+    var combinationIndex = numberId % totalCombinations;
     var avatarIndex = Math.floor(combinationIndex / colorList.length);
     var colorIndex = combinationIndex % colorList.length;
     var Avatar = avatarList[avatarIndex];
@@ -128,7 +240,7 @@ var getAvatarRender = function getAvatarRender(_ref) {
     };
   }
   return {
-    render: /*#__PURE__*/_react.default.createElement(_genericAvatar.GenericAvatar, {
+    render: /*#__PURE__*/_react.default.createElement(GenericAvatar, {
       size: _avatar.AVATAR_SIZES[size],
       primaryColor: blueColor.primary,
       secondaryColor: blueColor.secondary
@@ -139,13 +251,15 @@ var getAvatarRender = function getAvatarRender(_ref) {
 var bannerStyles = (0, _primitives.xcss)({
   width: '100%'
 });
-var AgentBanner = exports.AgentBanner = function AgentBanner(_ref2) {
-  var agentNamedId = _ref2.agentNamedId,
-    agentId = _ref2.agentId,
-    height = _ref2.height;
+var AgentBanner = exports.AgentBanner = function AgentBanner(_ref3) {
+  var agentNamedId = _ref3.agentNamedId,
+    agentId = _ref3.agentId,
+    agentIdentityAccountId = _ref3.agentIdentityAccountId,
+    height = _ref3.height;
   var _getAvatarRender = getAvatarRender({
       agentNamedId: agentNamedId,
       agentId: agentId,
+      agentIdentityAccountId: agentIdentityAccountId,
       size: 'medium'
     }),
     color = _getAvatarRender.color;
@@ -157,15 +271,8 @@ var AgentBanner = exports.AgentBanner = function AgentBanner(_ref2) {
     }
   });
 };
-var GeneratedAvatar = exports.GeneratedAvatar = function GeneratedAvatar(_ref3) {
-  var agentNamedId = _ref3.agentNamedId,
-    agentId = _ref3.agentId,
-    size = _ref3.size;
-  var _getAvatarRender2 = getAvatarRender({
-      agentNamedId: agentNamedId,
-      agentId: agentId,
-      size: size
-    }),
+var GeneratedAvatar = exports.GeneratedAvatar = function GeneratedAvatar(props) {
+  var _getAvatarRender2 = getAvatarRender(props),
     render = _getAvatarRender2.render,
     color = _getAvatarRender2.color;
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
@@ -173,5 +280,7 @@ var GeneratedAvatar = exports.GeneratedAvatar = function GeneratedAvatar(_ref3)
     style: {
       backgroundColor: color.primary
     }
-  }, render);
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, render));
 };