@atlaskit/rovo-agent-components 9.2.0 → 9.3.0

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

@@ -6,6 +6,26 @@ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
 import { cx } from '@atlaskit/css';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
+const RefreshedCustomerInsightAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/customer-insight'));
+const RefreshedBacklogBuddyAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/backlog-buddy'));
+const RefreshedDecisionDirectorAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/decision-director'));
+const RefreshedCommsCrafterAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/comms-crafter'));
+const RefreshedAutoDevAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/auto-dev'));
+const RefreshedOkrOracleAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/okr-oracle'));
+const RefreshedCultureAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/culture'));
+const RefreshedSocialMediaScribeAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/social-media-scribe'));
+const RefreshedTeamConnectionAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/team-connection'));
+const RefreshedHireWriterAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/hire-writer'));
+const RefreshedOpsAgentAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/ops-agent'));
+const RefreshedResearchScoutAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/research-scout'));
+const RefreshedReleaseNotesAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/release-notes'));
+const RefreshedMyUserManualAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/my-user-manual'));
+const RefreshedPitchPerfectorAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/pitch-perfector'));
+const RefreshedAutoFixAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/auto-fix'));
+const RefreshedAutoReviewAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/auto-review'));
+const RefreshedMarketingMessageMaestroAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/marketing-message-maestro'));
+const RefreshedFeatureFlagAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/feature-flag'));
+const RefreshedProductRequirementAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/product-requirement'));
 const styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
@@ -93,12 +113,79 @@ export const blueColor = {
   secondary: '#669DF1',
   cover: '#E9F2FE'
 };
+const refreshedBlueColor = {
+  ...blueColor,
+  primary: '#1868DB'
+};
 const colorList = [yellowColor, purpleColor, greenColor, blueColor];
 
 /**
  * NOTE: DO NOT ADD OOTB AGENTAVATARS TO THIS LIST
  */
-const avatarList = [CustomerInsightAvatar, BacklogBuddyAvatar, DecisionDirectorAvatar, CommsCrafterAvatar, AutoDevAvatar, OkrOracleAvatar, CultureAvatar, SocialMediaScribeAvatar, TeamConnectionAvatar, HireWriterAvatar, OpsAgentAvatar, ResearchScoutAvatar, ReleaseNotesAvatar, MyUserManualAvatar, PitchPerfectorAvatar, AutoDevAvatar, AutoFixAvatar, AutoReviewAvatar, MarketingMessageMaestroAvatar, FeatureFlagAvatar, ProductRequirementAvatar];
+const avatarList = [{
+  legacy: CustomerInsightAvatar,
+  refreshed: RefreshedCustomerInsightAvatar
+}, {
+  legacy: BacklogBuddyAvatar,
+  refreshed: RefreshedBacklogBuddyAvatar
+}, {
+  legacy: DecisionDirectorAvatar,
+  refreshed: RefreshedDecisionDirectorAvatar
+}, {
+  legacy: CommsCrafterAvatar,
+  refreshed: RefreshedCommsCrafterAvatar
+}, {
+  legacy: AutoDevAvatar,
+  refreshed: RefreshedAutoDevAvatar
+}, {
+  legacy: OkrOracleAvatar,
+  refreshed: RefreshedOkrOracleAvatar
+}, {
+  legacy: CultureAvatar,
+  refreshed: RefreshedCultureAvatar
+}, {
+  legacy: SocialMediaScribeAvatar,
+  refreshed: RefreshedSocialMediaScribeAvatar
+}, {
+  legacy: TeamConnectionAvatar,
+  refreshed: RefreshedTeamConnectionAvatar
+}, {
+  legacy: HireWriterAvatar,
+  refreshed: RefreshedHireWriterAvatar
+}, {
+  legacy: OpsAgentAvatar,
+  refreshed: RefreshedOpsAgentAvatar
+}, {
+  legacy: ResearchScoutAvatar,
+  refreshed: RefreshedResearchScoutAvatar
+}, {
+  legacy: ReleaseNotesAvatar,
+  refreshed: RefreshedReleaseNotesAvatar
+}, {
+  legacy: MyUserManualAvatar,
+  refreshed: RefreshedMyUserManualAvatar
+}, {
+  legacy: PitchPerfectorAvatar,
+  refreshed: RefreshedPitchPerfectorAvatar
+}, {
+  legacy: AutoDevAvatar,
+  refreshed: RefreshedAutoDevAvatar
+}, {
+  legacy: AutoFixAvatar,
+  refreshed: RefreshedAutoFixAvatar
+}, {
+  legacy: AutoReviewAvatar,
+  refreshed: RefreshedAutoReviewAvatar
+}, {
+  legacy: MarketingMessageMaestroAvatar,
+  refreshed: RefreshedMarketingMessageMaestroAvatar
+}, {
+  legacy: FeatureFlagAvatar,
+  refreshed: RefreshedFeatureFlagAvatar
+}, {
+  legacy: ProductRequirementAvatar,
+  refreshed: RefreshedProductRequirementAvatar
+}];
 export const TOTAL_AVATAR_COMBINATIONS = avatarList.length * colorList.length;
 const outOfTheBoxAgentAvatar = {
   ai_mate_agent: {
@@ -110,7 +197,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   autodev_template_unit_test_creator: {
-    getRender: size => /*#__PURE__*/React.createElement(AutoFixAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoFixAvatar, greenColor, size) : /*#__PURE__*/React.createElement(AutoFixAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -118,7 +205,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_migration_config_changer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, greenColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -126,7 +213,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_vulnerable_dependency_updater_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMarketingMessageMaestroAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -134,7 +221,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_code_standardizer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -142,7 +229,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_code_observer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedResearchScoutAvatar, greenColor, size) : /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -150,7 +237,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_code_accessibility_checker_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(HireWriterAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedHireWriterAvatar, greenColor, size) : /*#__PURE__*/React.createElement(HireWriterAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -158,7 +245,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_code_documentation_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, greenColor, size) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -166,7 +253,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_feature_flag_cleaner_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedFeatureFlagAvatar, greenColor, size) : /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -174,7 +261,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   decision_director_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedDecisionDirectorAvatar, greenColor, size) : /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -182,7 +269,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   planner_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, purpleColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: purpleColor.primary,
       secondaryColor: purpleColor.secondary
@@ -190,7 +277,7 @@ const outOfTheBoxAgentAvatar = {
     color: purpleColor
   },
   tech_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, blueColor, size) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: blueColor.primary,
       secondaryColor: blueColor.secondary
@@ -206,7 +293,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   user_manual_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -214,7 +301,7 @@ const outOfTheBoxAgentAvatar = {
     color: yellowColor
   },
   product_requirements_expert_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedProductRequirementAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -230,7 +317,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   issue_organizer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedBacklogBuddyAvatar, greenColor, size) : /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -238,7 +325,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   ops_guide_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -246,7 +333,7 @@ const outOfTheBoxAgentAvatar = {
     color: yellowColor
   },
   discovery_and_feedback_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedCommsCrafterAvatar, greenColor, size) : /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -262,7 +349,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   itops_rca_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(AutoReviewAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoReviewAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(AutoReviewAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -460,6 +547,11 @@ export const getNumberIdForAvatar = ({
   }
   return null;
 };
+const renderRefreshedAvatar = (Avatar, color, size) => /*#__PURE__*/React.createElement(Avatar, {
+  size: AVATAR_SIZES[size],
+  primaryColor: color === blueColor ? refreshedBlueColor.primary : color.primary,
+  iconColor: color === blueColor ? '#FFFFFF' : '#101214'
+});
 const ROVO_DEV_AGENT_ID = '027f0676-e8e9-4939-8962-3850987d78bb';
 const getAvatarRender = ({
   agentNamedId,
@@ -495,7 +587,7 @@ const getAvatarRender = ({
     const ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
     return {
       render: ootbAvatarResult.getRender(size),
-      color: ootbAvatarResult.color
+      color: agentNamedId === 'tech_writer_agent' && fg('platform-dst-avatar-updated-geometry') ? refreshedBlueColor : ootbAvatarResult.color
     };
   }
   const numberId = getNumberIdForAvatar({
@@ -512,8 +604,14 @@ const getAvatarRender = ({
     const combinationIndex = numberId % totalCombinations;
     const avatarIndex = Math.floor(combinationIndex / colorList.length);
     const colorIndex = combinationIndex % colorList.length;
-    const Avatar = avatarList[avatarIndex];
+    const Avatar = avatarList[avatarIndex].legacy;
     const color = colorList[colorIndex];
+    if (fg('platform-dst-avatar-updated-geometry')) {
+      return {
+        render: renderRefreshedAvatar(avatarList[avatarIndex].refreshed, color, size),
+        color: color === blueColor ? refreshedBlueColor : color
+      };
+    }
     return {
       render: /*#__PURE__*/React.createElement(Avatar, {
         size: AVATAR_SIZES[size],

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

@@ -0,0 +1,42 @@
+import React from 'react';
+export default function RefreshedAutoDevAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 306 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "306",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip4_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 312.948)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip4_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14 325.635L33.25 325.635V321.26L14 321.26V325.635Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.75 339.635L35 339.635V335.26L15.75 335.26L15.75 339.635Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M42 346.635H22.75V342.26H42V346.635Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21 332.635L40.25 332.635V328.26L21 328.26V332.635Z"
+  }))));
+}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export default function RefreshedAutoFixAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 1066 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "1066",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M41.125 1089.57C41.125 1094.41 37.2075 1098.32 32.375 1098.32C31.5735 1098.32 30.7971 1098.21 30.0596 1098.01L20.125 1107.95L14 1101.82L23.9346 1091.89C23.7328 1091.15 23.625 1090.37 23.625 1089.57C23.625 1084.74 27.5425 1080.82 32.375 1080.82C33.6589 1080.82 34.8783 1081.1 35.9767 1081.6L30.625 1086.95V1091.32H35L40.3517 1085.97C40.8485 1087.07 41.125 1088.29 41.125 1089.57Z"
+  })));
+}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+export default function RefreshedAutoReviewAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 1142 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "1142",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip12_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 1148.95)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip12_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24.8888 1155.95H31.111L33.0686 1161.17L38.569 1160.25L41.6801 1165.64L38.1373 1169.95L41.6794 1174.25L38.5683 1179.64L33.0686 1178.73L31.111 1183.95H24.8888L22.931 1178.73L17.4314 1179.64L14.3203 1174.25L17.862 1169.95L14.3196 1165.64L17.4307 1160.25L22.9309 1161.17L24.8888 1155.95ZM28.0003 1175.2C30.8998 1175.2 33.2503 1172.85 33.2503 1169.95C33.2503 1167.05 30.8998 1164.7 28.0003 1164.7C25.1008 1164.7 22.7503 1167.05 22.7503 1169.95C22.7503 1172.85 25.1008 1175.2 28.0003 1175.2Z"
+  }))));
+}

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

@@ -0,0 +1,40 @@
+import React from 'react';
+export default function RefreshedBacklogBuddyAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 78 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "78",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip1_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 84.9477)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip1_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M39.375 98.0727C39.375 96.1397 37.808 94.5727 35.875 94.5727L20.125 94.5727C18.192 94.5727 16.625 96.1397 16.625 98.0727L16.625 99.8227L39.375 99.8227V98.0727Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.375 103.323L16.625 103.323L16.625 108.573H39.375V103.323Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.375 112.073H16.625L16.625 113.823C16.625 115.756 18.192 117.323 20.125 117.323H35.875C37.808 117.323 39.375 115.756 39.375 113.823V112.073Z"
+  }))));
+}

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

@@ -0,0 +1,40 @@
+import React from 'react';
+export default function RefreshedCommsCrafterAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 230 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "230",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip3_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 236.948)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip3_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.6252 243.948H25.3752L33.2502 251.823V265.823H16.6252V243.948ZM23.6252 253.573V246.573L30.6252 253.573H23.6252Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M35.8751 252.698V268.448H21.8751V271.948H39.3751V252.698H35.8751Z"
+  }))));
+}

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

@@ -0,0 +1,36 @@
+import React from 'react';
+export default function RefreshedCultureAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 458 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "458",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip6_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 464.948)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip6_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M28.0002 496.532C28.0002 496.532 21 490.323 19.25 487.698C17.5 485.073 17.5 484.131 17.5 482.629C17.5 481.692 17.648 480.835 17.9441 480.06C18.2472 479.277 18.6667 478.6 19.2025 478.029C19.7382 477.458 20.3621 477.018 21.0741 476.708C21.7861 476.397 22.558 476.242 23.3899 476.242C24.4261 476.242 25.3355 476.507 26.118 477.035C26.9005 477.564 27.5279 478.262 28.0002 479.129C28.4796 478.255 29.1105 477.557 29.893 477.035C30.6755 476.507 31.5814 476.242 32.6106 476.242C33.4424 476.242 34.2143 476.397 34.9263 476.708C35.6454 477.018 36.2693 477.458 36.798 478.029C37.3337 478.6 37.7497 479.277 38.0457 480.06C38.3489 480.835 38.5004 481.692 38.5004 482.629C38.5004 484.131 38.452 485.073 36.75 487.698C34.952 490.323 28.0002 496.532 28.0002 496.532Z"
+  }))));
+}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+export default function RefreshedCustomerInsightAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 2 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "2",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 8.94769)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18.375 25.5727C18.375 29.3374 20.5364 32.5972 23.686 34.1791L23.9167 36.9477H32.0833L32.3141 34.1791C35.4636 32.5972 37.625 29.3374 37.625 25.5727C37.625 20.257 33.3158 15.9477 28 15.9477C22.6843 15.9477 18.375 20.257 18.375 25.5727Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M31.8646 39.5727H24.1354L24.5 43.9477H31.5L31.8646 39.5727Z"
+  }))));
+}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+export default function RefreshedDecisionDirectorAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 154 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "154",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip2_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 160.948)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip2_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M30.2625 177.21L38.1375 169.335L40.6124 171.81L32.7374 179.685L30.2625 177.21Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21.7247 173.198L29.7499 181.223V194.198H26.2499V182.673L19.2498 175.673L19.2498 181.347H15.7498V169.698L27.3993 169.698L27.3993 173.198L21.7247 173.198Z"
+  }))));
+}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+export default function RefreshedFeatureFlagAvatar({
+  size,
+  primaryColor,
+  iconColor
+}) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 1294 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "1294",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip14_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 1300.95)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip14_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M20.125 1310.57H16.625V1332.45H20.125V1310.57Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22.75 1324.57V1310.57H40.25L35 1317.57L40.25 1324.57H22.75Z"
+  }))));
+}