@atlaskit/rovo-agent-components 3.49.1 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/rovo-agent-components
 
+## 4.0.0
+
+### Major Changes
+
+- [`8004b39cfac18`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8004b39cfac18) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+## 3.49.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.49.1
 
 ### Patch Changes

package/dist/cjs/common/ui/chat-pill/index.js

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
 var _aiAgent = _interopRequireDefault(require("@atlaskit/icon/core/ai-agent"));
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -51,7 +51,7 @@ var ChatPill = exports.ChatPill = /*#__PURE__*/(0, _react.forwardRef)(function (
   }, children))));
 });
 var BrowseAgentsPill = exports.BrowseAgentsPill = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
     ref: ref

package/dist/cjs/common/ui/chat-pill/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactIntlNext = require("react-intl-next");
-var _default_1 = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var _default_1 = (0, _reactIntl.defineMessages)({
   browseAgentsPillLabel: {
     id: 'ai-mate.rovo-agent-components.browse-agents-pill.label',
     defaultMessage: 'Browse Agents',

package/dist/cjs/common/ui/link-icon-button/index.js

@@ -11,7 +11,7 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = require("@atlaskit/button/new");
 var _css = require("@atlaskit/css");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
@@ -26,7 +26,7 @@ var LinkIconButton = exports.LinkIconButton = function LinkIconButton(_ref) {
     _ref$visible = _ref.visible,
     visible = _ref$visible === void 0 ? true : _ref$visible,
     agentName = _ref.agentName;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(!visible && styles.hidden)

package/dist/cjs/common/ui/link-icon-button/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactIntlNext = require("react-intl-next");
-var _default_1 = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var _default_1 = (0, _reactIntl.defineMessages)({
   copyAgentLinkLabel: {
     id: 'rovo-chat.browse-agents.copy-agent-label',
     defaultMessage: 'Copy link to {agentName}',

package/dist/cjs/common/ui/star-icon-button/index.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
 var _starStarred = _interopRequireDefault(require("@atlaskit/icon/core/star-starred"));
 var _starUnstarred = _interopRequireDefault(require("@atlaskit/icon/core/star-unstarred"));
@@ -29,7 +29,7 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
     _ref$visible = _ref.visible,
     visible = _ref$visible === void 0 ? true : _ref$visible,
     agentName = _ref.agentName;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/cjs/common/ui/star-icon-button/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactIntlNext = require("react-intl-next");
-var _default_1 = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var _default_1 = (0, _reactIntl.defineMessages)({
   removeFromFavouritesLabel: {
     id: 'rovo-chat.browse-agents.remove-from-favourites-label',
     defaultMessage: 'Remove {agentName} from favourites',

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

@@ -11,7 +11,7 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _avatar = require("@atlaskit/avatar");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -50,7 +50,7 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
     isRovoDev = _ref.isRovoDev,
     isForgeAgent = _ref.isForgeAgent,
     forgeAgentIconUrl = _ref.forgeAgentIconUrl;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var imgUrl = isForgeAgent && forgeAgentIconUrl ? forgeAgentIconUrl : imageUrl;
   return /*#__PURE__*/React.createElement(_compiled.Box, {

package/dist/cjs/ui/agent-avatar/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   agentAvatarLabel: {
     id: 'ai-mate.agent-avatar-label',
     defaultMessage: 'Agent avatar',

package/dist/cjs/ui/agent-conversation-starters/index.js

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = require("@atlaskit/button/new");
 var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -72,7 +72,7 @@ var AgentConversationStarters = exports.AgentConversationStarters = function Age
   var userDefinedConversationStarters = _ref2.userDefinedConversationStarters,
     isAgentDefault = _ref2.isAgentDefault,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useMemo = (0, _react.useMemo)(function () {
       return getConversationStarters({

package/dist/cjs/ui/agent-conversation-starters/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   emptyStateSuggestion1: {
     id: 'ai-mate.chat-history.empty-state.suggestion1',
     defaultMessage: 'Are any of my tickets overdue?',

package/dist/cjs/ui/agent-dropdown-menu/index.js

@@ -15,7 +15,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
@@ -35,7 +35,7 @@ var styles = {
 };
 var ChatToAgentButton = exports.ChatToAgentButton = function ChatToAgentButton(_ref) {
   var onClick = _ref.onClick;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.chatToAgentButtonContainer
@@ -83,7 +83,7 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isLoading = _useState2[0],
     setIsLoading = _useState2[1];
-  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
+  var _useIntl2 = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
   var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),

package/dist/cjs/ui/agent-dropdown-menu/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactIntlNext = require("react-intl-next");
-var _default_1 = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var _default_1 = (0, _reactIntl.defineMessages)({
   chatToAgentButton: {
     id: 'rovo-chat.view-agent.chat-to-agent-button',
     defaultMessage: 'Chat to Agent',

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

@@ -10,7 +10,7 @@ exports.AgentStarCount = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _starUnstarred = _interopRequireDefault(require("@atlaskit/icon/core/star-unstarred"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
@@ -23,7 +23,7 @@ var styles = {
 var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref) {
   var starCount = _ref.starCount,
     isLoading = _ref.isLoading;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   if ((starCount === null || starCount === undefined) && !isLoading) {
     return null;

package/dist/cjs/ui/agent-profile-info/agent-star-count/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   starredCount: {
     id: 'ai-mate.agent-profile-info.starred-count',
     defaultMessage: '{starCount} {starCount, plural, one {user} other {users}}',

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

@@ -9,7 +9,7 @@ exports.getAgentCreator = exports.AgentProfileInfo = exports.AgentProfileCreator
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _logo = require("@atlaskit/logo");
@@ -76,7 +76,7 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
   var creator = _ref2.creator,
     onCreatorLinkClick = _ref2.onCreatorLinkClick,
     isLoading = _ref2.isLoading;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var getCreatorRender = function getCreatorRender() {
     if (isLoading) {
@@ -149,7 +149,7 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     _ref3$showStarButton = _ref3.showStarButton,
     showStarButton = _ref3$showStarButton === void 0 ? true : _ref3$showStarButton,
     renderAdditionalContent = _ref3.renderAdditionalContent;
-  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
+  var _useIntl2 = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.100"

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   agentCreatedBy: {
     id: 'ai-mate.agent-profile-info.created-by',
     defaultMessage: 'Rovo Agent by {creatorNameWithLink}',

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

@@ -11,7 +11,7 @@ var _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerifi
 var _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef2 = _interopRequireDefault(require("./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql"));
 var _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef2 = _interopRequireDefault(require("./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _reactRelay = require("react-relay");
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
 var _flag = require("@atlaskit/flag");
@@ -33,7 +33,7 @@ var AgentVerificationDropdownItem = exports.AgentVerificationDropdownItem = func
     onVerificationSuccess = _ref.onVerificationSuccess,
     testId = _ref.testId,
     renderItem = _ref.renderItem;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useFlags = (0, _flag.useFlags)(),
     showFlag = _useFlags.showFlag;

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactIntlNext = require("react-intl-next");
-var _default_1 = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var _default_1 = (0, _reactIntl.defineMessages)({
   verifyAgentLabel: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-agent',
     defaultMessage: 'Verify agent',

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

@@ -10,7 +10,7 @@ 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 _reactIntl = require("react-intl");
 var _reactRelay = require("react-relay");
 var _css = require("@atlaskit/css");
 var _statusVerified = _interopRequireDefault(require("@atlaskit/icon/core/status-verified"));
@@ -37,7 +37,7 @@ var styles = {
 var AgentVerifiedIcon = exports.AgentVerifiedIcon = function AgentVerifiedIcon(_ref2) {
   var _ref2$adjacentTextSiz = _ref2.adjacentTextSize,
     adjacentTextSize = _ref2$adjacentTextSiz === void 0 ? 'body' : _ref2$adjacentTextSiz;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: formatMessage(_messages.default.verifiedAgentTooltip)

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactIntlNext = require("react-intl-next");
-var _default_1 = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var _default_1 = (0, _reactIntl.defineMessages)({
   verifiedAgentTooltip: {
     id: 'agent-studio-ui-components.agent-verified.tooltip',
     defaultMessage: 'This agent has been verified by your organization.',

package/dist/es2019/common/ui/chat-pill/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import AgentIcon from '@atlaskit/icon/core/ai-agent';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';

package/dist/es2019/common/ui/chat-pill/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 const _default_1 = defineMessages({
   browseAgentsPillLabel: {
     id: 'ai-mate.rovo-agent-components.browse-agents-pill.label',

package/dist/es2019/common/ui/link-icon-button/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import LinkIcon from '@atlaskit/icon/core/link';

package/dist/es2019/common/ui/link-icon-button/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 const _default_1 = defineMessages({
   copyAgentLinkLabel: {
     id: 'rovo-chat.browse-agents.copy-agent-label',

package/dist/es2019/common/ui/star-icon-button/index.js

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import StarIconMigration from '@atlaskit/icon/core/star-starred';
 import StarUnstarredIconMigration from '@atlaskit/icon/core/star-unstarred';

package/dist/es2019/common/ui/star-icon-button/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 const _default_1 = defineMessages({
   removeFromFavouritesLabel: {
     id: 'rovo-chat.browse-agents.remove-from-favourites-label',

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

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { AVATAR_SIZES } from '@atlaskit/avatar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/es2019/ui/agent-avatar/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   agentAvatarLabel: {
     id: 'ai-mate.agent-avatar-label',

package/dist/es2019/ui/agent-conversation-starters/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import RetryIcon from '@atlaskit/icon/core/retry';
 import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';

package/dist/es2019/ui/agent-conversation-starters/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   emptyStateSuggestion1: {
     id: 'ai-mate.chat-history.empty-state.suggestion1',

package/dist/es2019/ui/agent-dropdown-menu/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import Button, { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';

package/dist/es2019/ui/agent-dropdown-menu/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 const _default_1 = defineMessages({
   chatToAgentButton: {
     id: 'rovo-chat.view-agent.chat-to-agent-button',

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

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import StarIcon from '@atlaskit/icon/core/star-unstarred';
 import { Box } from '@atlaskit/primitives/compiled';
 import Skeleton from '@atlaskit/skeleton';

package/dist/es2019/ui/agent-profile-info/agent-star-count/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   starredCount: {
     id: 'ai-mate.agent-profile-info.starred-count',

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

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import Heading from '@atlaskit/heading';
 import Link from '@atlaskit/link';
 import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   agentCreatedBy: {
     id: 'ai-mate.agent-profile-info.created-by',

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

@@ -2,7 +2,7 @@ import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVer
 import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql";
 import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql";
 import React, { useCallback } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { graphql, useFragment, useMutation } from 'react-relay';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import { useFlags } from '@atlaskit/flag';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 const _default_1 = defineMessages({
   verifyAgentLabel: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-agent',

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

@@ -3,7 +3,7 @@ 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 { useIntl } from 'react-intl';
 import { graphql, useFragment } from 'react-relay';
 import { cx } from '@atlaskit/css';
 import VerifiedIcon from '@atlaskit/icon/core/status-verified';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 const _default_1 = defineMessages({
   verifiedAgentTooltip: {
     id: 'agent-studio-ui-components.agent-verified.tooltip',

package/dist/esm/common/ui/chat-pill/index.js

@@ -6,7 +6,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import AgentIcon from '@atlaskit/icon/core/ai-agent';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';

package/dist/esm/common/ui/chat-pill/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 var _default_1 = defineMessages({
   browseAgentsPillLabel: {
     id: 'ai-mate.rovo-agent-components.browse-agents-pill.label',

package/dist/esm/common/ui/link-icon-button/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import LinkIcon from '@atlaskit/icon/core/link';

package/dist/esm/common/ui/link-icon-button/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 var _default_1 = defineMessages({
   copyAgentLinkLabel: {
     id: 'rovo-chat.browse-agents.copy-agent-label',

package/dist/esm/common/ui/star-icon-button/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import StarIconMigration from '@atlaskit/icon/core/star-starred';
 import StarUnstarredIconMigration from '@atlaskit/icon/core/star-unstarred';

package/dist/esm/common/ui/star-icon-button/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 var _default_1 = defineMessages({
   removeFromFavouritesLabel: {
     id: 'rovo-chat.browse-agents.remove-from-favourites-label',

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

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { AVATAR_SIZES } from '@atlaskit/avatar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/esm/ui/agent-avatar/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   agentAvatarLabel: {
     id: 'ai-mate.agent-avatar-label',

package/dist/esm/ui/agent-conversation-starters/index.js

@@ -6,7 +6,7 @@ var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import RetryIcon from '@atlaskit/icon/core/retry';
 import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';

package/dist/esm/ui/agent-conversation-starters/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   emptyStateSuggestion1: {
     id: 'ai-mate.chat-history.empty-state.suggestion1',

package/dist/esm/ui/agent-dropdown-menu/index.js

@@ -8,7 +8,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import Button, { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';

package/dist/esm/ui/agent-dropdown-menu/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 var _default_1 = defineMessages({
   chatToAgentButton: {
     id: 'rovo-chat.view-agent.chat-to-agent-button',

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

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import StarIcon from '@atlaskit/icon/core/star-unstarred';
 import { Box } from '@atlaskit/primitives/compiled';
 import Skeleton from '@atlaskit/skeleton';

package/dist/esm/ui/agent-profile-info/agent-star-count/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   starredCount: {
     id: 'ai-mate.agent-profile-info.starred-count',

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

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import Heading from '@atlaskit/heading';
 import Link from '@atlaskit/link';
 import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   agentCreatedBy: {
     id: 'ai-mate.agent-profile-info.created-by',

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

@@ -3,7 +3,7 @@ import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVer
 import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql";
 import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql";
 import React, { useCallback } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { graphql, useFragment, useMutation } from 'react-relay';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import { useFlags } from '@atlaskit/flag';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 var _default_1 = defineMessages({
   verifyAgentLabel: {
     id: 'rovo-agent-components.agent-verification-dropdown-item.verify-agent',

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

@@ -3,7 +3,7 @@ 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 { useIntl } from 'react-intl';
 import { graphql, useFragment } from 'react-relay';
 import { cx } from '@atlaskit/css';
 import VerifiedIcon from '@atlaskit/icon/core/status-verified';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 var _default_1 = defineMessages({
   verifiedAgentTooltip: {
     id: 'agent-studio-ui-components.agent-verified.tooltip',

package/dist/types/ui/agent-conversation-starters/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl';
 export type ConversationStarter = {
     message: string;
     type: ConversationStarterType;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl';
 export type ConversationStarter = {
     message: string;
     type: ConversationStarterType;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.49.1",
+	"version": "4.0.0",
 	"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-monorepo",
 	"atlassian": {
@@ -51,15 +51,14 @@
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/logo": "^20.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/rovo-agent-analytics": "^1.1.0",
 		"@atlaskit/skeleton": "^2.1.0",
-		"@atlaskit/tokens": "^12.0.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"react-dom": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-magnetic-di": "^3.1.4",
 		"react-relay": "npm:atl-react-relay@0.0.0-main-39e79f66"
 	},
@@ -74,11 +73,13 @@
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/relay-test-utils": "^18.0.0",
+		"react-intl": "^6.6.2",
 		"relay-test-utils": "^14.1.0",
 		"wait-for-expect": "^1.2.0"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0"
+		"react": "^18.2.0",
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {