@atlaskit/rovo-agent-components 3.27.1 → 3.29.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/rovo-agent-components
 
+## 3.29.0
+
+### Minor Changes
+
+- [`de588876854b6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de588876854b6) -
+  Improved horizontal alignment of verified icon badge
+
+## 3.28.0
+
+### Minor Changes
+
+- [`8ca108f4ddc19`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8ca108f4ddc19) -
+  Improved alignment of verified icon badge
+- [`e93d0946c0929`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e93d0946c0929) -
+  Auto sort for export path for last remaining ai-mate packages. Part of de-barreling effort of
+  TREX-67
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.27.1
 
 ### Patch Changes

package/dist/cjs/ui/agent-profile-info/index.compiled.css

@@ -1,14 +1,12 @@
 
-._zulp1b66{gap:var(--ds-space-050,4px)}._195gu2gc{margin-inline:var(--ds-space-100,8px)}
-._1mouze3t{margin-block:var(--ds-space-0,0)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._1mouze3t{margin-block:var(--ds-space-0,0)}._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1yb4{justify-content:space-between}
-._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
 ._1i4qfg65{overflow-wrap:anywhere}
 ._1nmz1hna{word-break:break-word}
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
-._94n5v77o{bottom:var(--ds-space-025,2px)}
 ._kqswh2mm{position:relative}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}

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

@@ -26,9 +26,8 @@ var styles = {
   description: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
   descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
   wrapper: "_otyru2gc",
-  tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
   headingWrapper: "_kqswh2mm",
-  headingContentWrapper: "_195gu2gc"
+  hiddenIconWrapper: "_19pkv77o"
 };
 var getAgentCreator = exports.getAgentCreator = function getAgentCreator(_ref) {
   var creatorType = _ref.creatorType,
@@ -165,21 +164,19 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     space: "space.100",
     alignBlock: "center"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    xcss: styles.headingWrapper,
-    alignBlock: "end"
+    space: "space.075",
+    xcss: styles.headingWrapper
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
     as: "h2",
     size: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
-  }, agentName), isHidden && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.tooltipWrapper
+  }, agentName), headingRender, isHidden && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.hiddenIconWrapper
   }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: formatMessage(_messages.messages.hiddenTooltip),
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_hiddenIcon.HiddenIcon, {
     label: formatMessage(_messages.messages.hiddenIcon)
-  }))), headingRender && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.headingContentWrapper
-  }, headingRender)), showStarButton && /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
+  })))), showStarButton && /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {

package/dist/cjs/ui/agent-verification-dropdown-item/index.js

@@ -64,32 +64,38 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
     });
   }, [formatMessage, showFlag]);
   var handleUpdateVerification = (0, _react.useCallback)(function (verified) {
-    if (!agentId) return;
+    if (!agentId) {
+      return;
+    }
     onClick === null || onClick === void 0 || onClick();
     commitUpdateVerification({
       variables: {
         id: agentId,
         verified: verified
       },
-      onCompleted: function onCompleted(_, errors) {
-        if (errors && errors.length > 0) {
-          var errorMessage = errors[0].message;
-          trackAgentActionError(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, new Error(errorMessage), {
-            agentId: agentId
+      onCompleted: function onCompleted(response) {
+        var payload = response === null || response === void 0 ? void 0 : response.agentStudio_updateAgentVerification;
+        if (payload !== null && payload !== void 0 && payload.success) {
+          trackAgentAction(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, {});
+          showFlag({
+            title: formatMessage(verified ? _messages.default.verifySuccessTitle : _messages.default.unverifySuccessTitle),
+            appearance: 'success',
+            isAutoDismiss: true,
+            icon: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
+              spacing: "spacious",
+              label: ""
+            })
           });
-          handleError(verified, errorMessage);
-          return;
+        } else {
+          var _payload$errors;
+          var errorMessage = payload === null || payload === void 0 || (_payload$errors = payload.errors) === null || _payload$errors === void 0 || (_payload$errors = _payload$errors[0]) === null || _payload$errors === void 0 ? void 0 : _payload$errors.message;
+          if (errorMessage) {
+            trackAgentActionError(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, new Error(errorMessage), {
+              agentId: agentId
+            });
+            handleError(verified, errorMessage);
+          }
         }
-        trackAgentAction(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, {});
-        showFlag({
-          title: formatMessage(verified ? _messages.default.verifySuccessTitle : _messages.default.unverifySuccessTitle),
-          appearance: 'success',
-          isAutoDismiss: true,
-          icon: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
-            spacing: "spacious",
-            label: ""
-          })
-        });
       },
       onError: function onError(error) {
         trackAgentActionError(verified ? _actions.AgentActions.VERIFY : _actions.AgentActions.UNVERIFY, error, {

package/dist/cjs/ui/agent-verified/agent-verified.stories.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.MediumSize = exports.Default = void 0;
+exports.default = exports.TextLarge = exports.HeadingMedium = exports.HeadingLarge = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _reactRelay = require("react-relay");
@@ -26,11 +26,27 @@ var Default = exports.Default = {
     });
   }
 };
-var MediumSize = exports.MediumSize = {
+var TextLarge = exports.TextLarge = {
   render: function render() {
     return /*#__PURE__*/_react.default.createElement(_index.AgentVerified, {
       agentRef: {},
-      size: "medium"
+      adjacentTextSize: "textLarge"
+    });
+  }
+};
+var HeadingMedium = exports.HeadingMedium = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_index.AgentVerified, {
+      agentRef: {},
+      adjacentTextSize: "headingMedium"
+    });
+  }
+};
+var HeadingLarge = exports.HeadingLarge = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_index.AgentVerified, {
+      agentRef: {},
+      adjacentTextSize: "headingLarge"
     });
   }
 };

package/dist/cjs/ui/agent-verified/index.compiled.css

@@ -0,0 +1,3 @@
+._4t3i1f4h{height:28px}
+._4t3i1tcg{height:24px}
+._4t3igktf{height:20px}

package/dist/cjs/ui/agent-verified/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,35 +6,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AgentVerifiedIcon = exports.AgentVerified = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _agentVerified_AtlaskitRovoAgentComponents2 = _interopRequireDefault(require("./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _reactRelay = require("react-relay");
+var _css = require("@atlaskit/css");
 var _statusVerified = _interopRequireDefault(require("@atlaskit/icon/core/status-verified"));
+var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = _interopRequireDefault(require("./messages"));
 var AgentVerified = exports.AgentVerified = function AgentVerified(_ref) {
   var agentRef = _ref.agentRef,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size;
+    adjacentTextSize = _ref.adjacentTextSize;
   var data = (0, _reactRelay.useFragment)(_agentVerified_AtlaskitRovoAgentComponents2.default, agentRef);
   if (!(data !== null && data !== void 0 && data.isVerified)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(AgentVerifiedIcon, {
-    size: size
+    adjacentTextSize: adjacentTextSize
   });
 };
+var styles = {
+  body: "_4t3igktf",
+  textLarge: "_4t3i1tcg",
+  headingMedium: "_4t3i1tcg",
+  headingLarge: "_4t3i1f4h"
+};
 var AgentVerifiedIcon = exports.AgentVerifiedIcon = function AgentVerifiedIcon(_ref2) {
-  var _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'small' : _ref2$size;
+  var _ref2$adjacentTextSiz = _ref2.adjacentTextSize,
+    adjacentTextSize = _ref2$adjacentTextSiz === void 0 ? 'body' : _ref2$adjacentTextSiz;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: formatMessage(_messages.default.verifiedAgentTooltip)
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    justifyContent: "center",
+    alignItems: "center",
+    xcss: (0, _css.cx)(adjacentTextSize === 'body' && styles['body'], adjacentTextSize === 'headingMedium' && styles['headingMedium'], adjacentTextSize === 'headingLarge' && styles['headingLarge'], adjacentTextSize === 'textLarge' && styles['textLarge'])
   }, /*#__PURE__*/_react.default.createElement(_statusVerified.default, {
     color: "var(--ds-icon-accent-blue, #357DE8)",
     label: formatMessage(_messages.default.verifiedIconLabel),
-    size: size
-  }));
+    size: "small"
+  })));
 };

package/dist/es2019/ui/agent-profile-info/index.compiled.css

@@ -1,14 +1,12 @@
 
-._zulp1b66{gap:var(--ds-space-050,4px)}._195gu2gc{margin-inline:var(--ds-space-100,8px)}
-._1mouze3t{margin-block:var(--ds-space-0,0)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._1mouze3t{margin-block:var(--ds-space-0,0)}._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1yb4{justify-content:space-between}
-._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
 ._1i4qfg65{overflow-wrap:anywhere}
 ._1nmz1hna{word-break:break-word}
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
-._94n5v77o{bottom:var(--ds-space-025,2px)}
 ._kqswh2mm{position:relative}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}

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

@@ -19,9 +19,8 @@ const styles = {
   description: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
   descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
   wrapper: "_otyru2gc",
-  tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
   headingWrapper: "_kqswh2mm",
-  headingContentWrapper: "_195gu2gc"
+  hiddenIconWrapper: "_19pkv77o"
 };
 export const getAgentCreator = ({
   creatorType,
@@ -158,21 +157,19 @@ export const AgentProfileInfo = ({
     space: "space.100",
     alignBlock: "center"
   }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: styles.headingWrapper,
-    alignBlock: "end"
+    space: "space.075",
+    xcss: styles.headingWrapper
   }, /*#__PURE__*/React.createElement(Heading, {
     as: "h2",
     size: fg('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
-  }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.tooltipWrapper
+  }, agentName), headingRender, isHidden && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.hiddenIconWrapper
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.hiddenTooltip),
     position: "top"
   }, /*#__PURE__*/React.createElement(HiddenIcon, {
     label: formatMessage(messages.hiddenIcon)
-  }))), headingRender && /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.headingContentWrapper
-  }, headingRender)), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
+  })))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/ui/agent-verification-dropdown-item/index.js

@@ -56,32 +56,38 @@ export const AgentVerificationDropdownItem = ({
     });
   }, [formatMessage, showFlag]);
   const handleUpdateVerification = useCallback(verified => {
-    if (!agentId) return;
+    if (!agentId) {
+      return;
+    }
     onClick === null || onClick === void 0 ? void 0 : onClick();
     commitUpdateVerification({
       variables: {
         id: agentId,
         verified
       },
-      onCompleted: (_, errors) => {
-        if (errors && errors.length > 0) {
-          const errorMessage = errors[0].message;
-          trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, new Error(errorMessage), {
-            agentId
+      onCompleted: response => {
+        const payload = response === null || response === void 0 ? void 0 : response.agentStudio_updateAgentVerification;
+        if (payload !== null && payload !== void 0 && payload.success) {
+          trackAgentAction(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, {});
+          showFlag({
+            title: formatMessage(verified ? messages.verifySuccessTitle : messages.unverifySuccessTitle),
+            appearance: 'success',
+            isAutoDismiss: true,
+            icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+              spacing: "spacious",
+              label: ""
+            })
           });
-          handleError(verified, errorMessage);
-          return;
+        } else {
+          var _payload$errors, _payload$errors$;
+          const errorMessage = payload === null || payload === void 0 ? void 0 : (_payload$errors = payload.errors) === null || _payload$errors === void 0 ? void 0 : (_payload$errors$ = _payload$errors[0]) === null || _payload$errors$ === void 0 ? void 0 : _payload$errors$.message;
+          if (errorMessage) {
+            trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, new Error(errorMessage), {
+              agentId
+            });
+            handleError(verified, errorMessage);
+          }
         }
-        trackAgentAction(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, {});
-        showFlag({
-          title: formatMessage(verified ? messages.verifySuccessTitle : messages.unverifySuccessTitle),
-          appearance: 'success',
-          isAutoDismiss: true,
-          icon: /*#__PURE__*/React.createElement(SuccessIcon, {
-            spacing: "spacious",
-            label: ""
-          })
-        });
       },
       onError: error => {
         trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, error, {

package/dist/es2019/ui/agent-verified/agent-verified.stories.js

@@ -15,9 +15,21 @@ export const Default = {
     agentRef: {}
   })
 };
-export const MediumSize = {
+export const TextLarge = {
   render: () => /*#__PURE__*/React.createElement(AgentVerified, {
     agentRef: {},
-    size: "medium"
+    adjacentTextSize: "textLarge"
+  })
+};
+export const HeadingMedium = {
+  render: () => /*#__PURE__*/React.createElement(AgentVerified, {
+    agentRef: {},
+    adjacentTextSize: "headingMedium"
+  })
+};
+export const HeadingLarge = {
+  render: () => /*#__PURE__*/React.createElement(AgentVerified, {
+    agentRef: {},
+    adjacentTextSize: "headingLarge"
   })
 };

package/dist/es2019/ui/agent-verified/index.compiled.css

@@ -0,0 +1,3 @@
+._4t3i1f4h{height:28px}
+._4t3i1tcg{height:24px}
+._4t3igktf{height:20px}

package/dist/es2019/ui/agent-verified/index.js

@@ -1,33 +1,48 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { graphql, useFragment } from 'react-relay';
+import { cx } from '@atlaskit/css';
 import VerifiedIcon from '@atlaskit/icon/core/status-verified';
+import { Flex } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import messages from './messages';
 export const AgentVerified = ({
   agentRef,
-  size = 'small'
+  adjacentTextSize
 }) => {
   const data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
   if (!(data !== null && data !== void 0 && data.isVerified)) {
     return null;
   }
   return /*#__PURE__*/React.createElement(AgentVerifiedIcon, {
-    size: size
+    adjacentTextSize: adjacentTextSize
   });
 };
+const styles = {
+  body: "_4t3igktf",
+  textLarge: "_4t3i1tcg",
+  headingMedium: "_4t3i1tcg",
+  headingLarge: "_4t3i1f4h"
+};
 export const AgentVerifiedIcon = ({
-  size = 'small'
+  adjacentTextSize = 'body'
 }) => {
   const {
     formatMessage
   } = useIntl();
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.verifiedAgentTooltip)
+  }, /*#__PURE__*/React.createElement(Flex, {
+    justifyContent: "center",
+    alignItems: "center",
+    xcss: cx(adjacentTextSize === 'body' && styles['body'], adjacentTextSize === 'headingMedium' && styles['headingMedium'], adjacentTextSize === 'headingLarge' && styles['headingLarge'], adjacentTextSize === 'textLarge' && styles['textLarge'])
   }, /*#__PURE__*/React.createElement(VerifiedIcon, {
     color: "var(--ds-icon-accent-blue, #357DE8)",
     label: formatMessage(messages.verifiedIconLabel),
-    size: size
-  }));
+    size: "small"
+  })));
 };

package/dist/esm/ui/agent-profile-info/index.compiled.css

@@ -1,14 +1,12 @@
 
-._zulp1b66{gap:var(--ds-space-050,4px)}._195gu2gc{margin-inline:var(--ds-space-100,8px)}
-._1mouze3t{margin-block:var(--ds-space-0,0)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._1mouze3t{margin-block:var(--ds-space-0,0)}._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1yb4{justify-content:space-between}
-._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
 ._1i4qfg65{overflow-wrap:anywhere}
 ._1nmz1hna{word-break:break-word}
 ._4cvr1h6o{align-items:center}
 ._4cvr1y6m{align-items:flex-start}
-._94n5v77o{bottom:var(--ds-space-025,2px)}
 ._kqswh2mm{position:relative}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}

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

@@ -19,9 +19,8 @@ var styles = {
   description: "_19pkze3t _otyru2gc _1i4qfg65 _1nmz1hna",
   descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
   wrapper: "_otyru2gc",
-  tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
   headingWrapper: "_kqswh2mm",
-  headingContentWrapper: "_195gu2gc"
+  hiddenIconWrapper: "_19pkv77o"
 };
 export var getAgentCreator = function getAgentCreator(_ref) {
   var creatorType = _ref.creatorType,
@@ -158,21 +157,19 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
     space: "space.100",
     alignBlock: "center"
   }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: styles.headingWrapper,
-    alignBlock: "end"
+    space: "space.075",
+    xcss: styles.headingWrapper
   }, /*#__PURE__*/React.createElement(Heading, {
     as: "h2",
     size: fg('rovo_agent_empty_state_refresh') ? 'medium' : 'xlarge'
-  }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.tooltipWrapper
+  }, agentName), headingRender, isHidden && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.hiddenIconWrapper
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.hiddenTooltip),
     position: "top"
   }, /*#__PURE__*/React.createElement(HiddenIcon, {
     label: formatMessage(messages.hiddenIcon)
-  }))), headingRender && /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.headingContentWrapper
-  }, headingRender)), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
+  })))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

package/dist/esm/ui/agent-verification-dropdown-item/index.js

@@ -55,32 +55,38 @@ export var AgentVerificationDropdownItem = function AgentVerificationDropdownIte
     });
   }, [formatMessage, showFlag]);
   var handleUpdateVerification = useCallback(function (verified) {
-    if (!agentId) return;
+    if (!agentId) {
+      return;
+    }
     onClick === null || onClick === void 0 || onClick();
     commitUpdateVerification({
       variables: {
         id: agentId,
         verified: verified
       },
-      onCompleted: function onCompleted(_, errors) {
-        if (errors && errors.length > 0) {
-          var errorMessage = errors[0].message;
-          trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, new Error(errorMessage), {
-            agentId: agentId
+      onCompleted: function onCompleted(response) {
+        var payload = response === null || response === void 0 ? void 0 : response.agentStudio_updateAgentVerification;
+        if (payload !== null && payload !== void 0 && payload.success) {
+          trackAgentAction(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, {});
+          showFlag({
+            title: formatMessage(verified ? messages.verifySuccessTitle : messages.unverifySuccessTitle),
+            appearance: 'success',
+            isAutoDismiss: true,
+            icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+              spacing: "spacious",
+              label: ""
+            })
           });
-          handleError(verified, errorMessage);
-          return;
+        } else {
+          var _payload$errors;
+          var errorMessage = payload === null || payload === void 0 || (_payload$errors = payload.errors) === null || _payload$errors === void 0 || (_payload$errors = _payload$errors[0]) === null || _payload$errors === void 0 ? void 0 : _payload$errors.message;
+          if (errorMessage) {
+            trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, new Error(errorMessage), {
+              agentId: agentId
+            });
+            handleError(verified, errorMessage);
+          }
         }
-        trackAgentAction(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, {});
-        showFlag({
-          title: formatMessage(verified ? messages.verifySuccessTitle : messages.unverifySuccessTitle),
-          appearance: 'success',
-          isAutoDismiss: true,
-          icon: /*#__PURE__*/React.createElement(SuccessIcon, {
-            spacing: "spacious",
-            label: ""
-          })
-        });
       },
       onError: function onError(error) {
         trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, error, {

package/dist/esm/ui/agent-verified/agent-verified.stories.js

@@ -19,11 +19,27 @@ export var Default = {
     });
   }
 };
-export var MediumSize = {
+export var TextLarge = {
   render: function render() {
     return /*#__PURE__*/React.createElement(AgentVerified, {
       agentRef: {},
-      size: "medium"
+      adjacentTextSize: "textLarge"
+    });
+  }
+};
+export var HeadingMedium = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(AgentVerified, {
+      agentRef: {},
+      adjacentTextSize: "headingMedium"
+    });
+  }
+};
+export var HeadingLarge = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(AgentVerified, {
+      agentRef: {},
+      adjacentTextSize: "headingLarge"
     });
   }
 };

package/dist/esm/ui/agent-verified/index.compiled.css

@@ -0,0 +1,3 @@
+._4t3i1f4h{height:28px}
+._4t3i1tcg{height:24px}
+._4t3igktf{height:20px}

package/dist/esm/ui/agent-verified/index.js

@@ -1,32 +1,46 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { graphql, useFragment } from 'react-relay';
+import { cx } from '@atlaskit/css';
 import VerifiedIcon from '@atlaskit/icon/core/status-verified';
+import { Flex } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import messages from './messages';
 export var AgentVerified = function AgentVerified(_ref) {
   var agentRef = _ref.agentRef,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size;
+    adjacentTextSize = _ref.adjacentTextSize;
   var data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
   if (!(data !== null && data !== void 0 && data.isVerified)) {
     return null;
   }
   return /*#__PURE__*/React.createElement(AgentVerifiedIcon, {
-    size: size
+    adjacentTextSize: adjacentTextSize
   });
 };
+var styles = {
+  body: "_4t3igktf",
+  textLarge: "_4t3i1tcg",
+  headingMedium: "_4t3i1tcg",
+  headingLarge: "_4t3i1f4h"
+};
 export var AgentVerifiedIcon = function AgentVerifiedIcon(_ref2) {
-  var _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'small' : _ref2$size;
+  var _ref2$adjacentTextSiz = _ref2.adjacentTextSize,
+    adjacentTextSize = _ref2$adjacentTextSiz === void 0 ? 'body' : _ref2$adjacentTextSiz;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.verifiedAgentTooltip)
+  }, /*#__PURE__*/React.createElement(Flex, {
+    justifyContent: "center",
+    alignItems: "center",
+    xcss: cx(adjacentTextSize === 'body' && styles['body'], adjacentTextSize === 'headingMedium' && styles['headingMedium'], adjacentTextSize === 'headingLarge' && styles['headingLarge'], adjacentTextSize === 'textLarge' && styles['textLarge'])
   }, /*#__PURE__*/React.createElement(VerifiedIcon, {
     color: "var(--ds-icon-accent-blue, #357DE8)",
     label: formatMessage(messages.verifiedIconLabel),
-    size: size
-  }));
+    size: "small"
+  })));
 };

package/dist/types/ui/agent-verified/index.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
-import type { IconSize } from '@atlaskit/icon';
 import type { agentVerified_AtlaskitRovoAgentComponents$key } from './__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql';
-export type AgentVerifiedProps = {
+export type AgentVerifiedProps = AgentVerifiedIconProps & {
     agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
-    size?: IconSize;
 };
-export declare const AgentVerified: ({ agentRef, size, }: AgentVerifiedProps) => React.JSX.Element | null;
+export declare const AgentVerified: ({ agentRef, adjacentTextSize }: AgentVerifiedProps) => React.JSX.Element | null;
 export type AgentVerifiedIconProps = {
-    size?: IconSize;
+    /**
+     * Height matches line-height of adjacent text for proper vertical alignment
+     * when inline content wraps to multiple lines.
+     */
+    adjacentTextSize?: 'body' | 'textLarge' | 'headingMedium' | 'headingLarge';
 };
-export declare const AgentVerifiedIcon: ({ size }: AgentVerifiedIconProps) => React.JSX.Element;
+export declare const AgentVerifiedIcon: ({ adjacentTextSize }: AgentVerifiedIconProps) => React.JSX.Element;

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

@@ -1,12 +1,14 @@
 import React from 'react';
-import type { IconSize } from '@atlaskit/icon';
 import type { agentVerified_AtlaskitRovoAgentComponents$key } from './__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql';
-export type AgentVerifiedProps = {
+export type AgentVerifiedProps = AgentVerifiedIconProps & {
     agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
-    size?: IconSize;
 };
-export declare const AgentVerified: ({ agentRef, size, }: AgentVerifiedProps) => React.JSX.Element | null;
+export declare const AgentVerified: ({ agentRef, adjacentTextSize }: AgentVerifiedProps) => React.JSX.Element | null;
 export type AgentVerifiedIconProps = {
-    size?: IconSize;
+    /**
+     * Height matches line-height of adjacent text for proper vertical alignment
+     * when inline content wraps to multiple lines.
+     */
+    adjacentTextSize?: 'body' | 'textLarge' | 'headingMedium' | 'headingLarge';
 };
-export declare const AgentVerifiedIcon: ({ size }: AgentVerifiedIconProps) => React.JSX.Element;
+export declare const AgentVerifiedIcon: ({ adjacentTextSize }: AgentVerifiedIconProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.27.1",
+	"version": "3.29.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",
@@ -45,7 +45,7 @@
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/rovo-agent-analytics": "^0.9.0",
+		"@atlaskit/rovo-agent-analytics": "^0.10.0",
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",