@atlaskit/reactions 33.8.31 → 34.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/reactions
 
+## 34.0.0
+
+### Major Changes
+
+- [`deb3d6a6498e8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/deb3d6a6498e8) -
+  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`.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 33.8.32
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 33.8.31
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 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) { (0, _defineProperty2.default)(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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "33.8.30";
+var packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/EmojiButton.js

@@ -9,7 +9,7 @@ exports.RENDER_BUTTON_TESTID = exports.EmojiButton = void 0;
 require("./EmojiButton.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 _emoji = require("@atlaskit/emoji");
 var _i18n = require("../shared/i18n");
 var _utils = require("../shared/utils");
@@ -35,7 +35,7 @@ var EmojiButton = exports.EmojiButton = function EmojiButton(_ref) {
       onClick(emojiId, undefined, event);
     }
   };
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Pressable, {
     testId: RENDER_BUTTON_TESTID,
     onClick: onButtonClick,

package/dist/cjs/components/Reaction.js

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 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 _analyticsNext = require("@atlaskit/analytics-next");
 var _emoji = require("@atlaskit/emoji");
@@ -63,7 +63,7 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
     _ref$isViewOnly = _ref.isViewOnly,
     isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
     showSubtleStyle = _ref.showSubtleStyle;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var hoverStart = (0, _react.useRef)();
   var focusStart = (0, _react.useRef)();
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),

package/dist/cjs/components/ReactionPicker.js

@@ -12,7 +12,7 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _picker = require("@atlaskit/emoji/picker");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
@@ -69,7 +69,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     _props$onCancel = props.onCancel,
     onCancel = _props$onCancel === void 0 ? function () {} : _props$onCancel,
     _props$tooltipContent = props.tooltipContent,
-    tooltipContent = _props$tooltipContent === void 0 ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.addReaction) : _props$tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.addReaction) : _props$tooltipContent,
     emojiPickerSize = props.emojiPickerSize,
     _props$showOpaqueBack = props.showOpaqueBackground,
     showOpaqueBackground = _props$showOpaqueBack === void 0 ? false : _props$showOpaqueBack,
@@ -366,7 +366,7 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     popupRef = _useState12[0],
     setPopupRef = _useState12[1];
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   /**
    * add focus lock to popup

package/dist/cjs/components/ReactionSummaryButton.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _emoji = require("@atlaskit/emoji");
 var _i18n = require("../shared/i18n");
 var _constants = require("../shared/constants");
@@ -59,7 +59,7 @@ var ReactionSummaryButton = exports.ReactionSummaryButton = /*#__PURE__*/(0, _re
     summaryGetOptimisticImageURL = _ref.summaryGetOptimisticImageURL,
     summaryButtonIconAfter = _ref.summaryButtonIconAfter,
     summaryViewParticleEffectEmojiId = _ref.summaryViewParticleEffectEmojiId;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
 
   // Helper function to sort reactions by count and return top N
   var getTopReactions = function getTopReactions(reactions, topN) {

package/dist/cjs/components/ReactionTooltip.js

@@ -10,7 +10,7 @@ require("./ReactionTooltip.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../shared/constants");
@@ -59,13 +59,13 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
     type: "button",
     onClick: handleClick,
     className: (0, _runtime.ax)(["_19itglyw _11c8wadc _1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1bsb1osq _y3gn1e5h _1bto1l2s", "_syaz15cr", "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
     values: {
       count: users.length - maxReactions
     }
   })))) : /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _runtime.ax)(["_syaz15cr"])
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
     values: {
       count: users.length - maxReactions
     }
@@ -74,7 +74,7 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
     onClick: handleClick,
     onKeyDown: (0, _platformFeatureFlags.fg)('platform_suppression_removal_fix_reactions') ? handleClick : undefined,
     className: (0, _runtime.ax)(["_syaz15cr", allowUserDialog && "_4bfu1r31 _1hms8stv _ajmmnqa1 _80omtlke _irr31aqn _30l315cr"])
-  }, users.length > maxReactions && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
+  }, users.length > maxReactions && /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
     values: {
       count: users.length - maxReactions
     }

package/dist/cjs/components/Reactions.js

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 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 _analyticsNext = require("@atlaskit/analytics-next");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _segment = _interopRequireDefault(require("@atlaskit/react-ufo/segment"));
@@ -68,15 +68,15 @@ var RENDER_REACTIONS_SUMMARY_TESTID = exports.RENDER_REACTIONS_SUMMARY_TESTID =
 function getTooltip(status, errorMessage, tooltipContent) {
   switch (status) {
     case _types.ReactionStatus.error:
-      return errorMessage || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.unexpectedError);
+      return errorMessage || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.unexpectedError);
     // When reaction is not available don't show any tooltip (e.g. Archive page in Confluence)
     case _types.ReactionStatus.disabled:
       return null;
     case _types.ReactionStatus.notLoaded:
     case _types.ReactionStatus.loading:
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.loadingReactions);
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.loadingReactions);
     case _types.ReactionStatus.ready:
-      return !!tooltipContent ? tooltipContent : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.addReaction);
+      return !!tooltipContent ? tooltipContent : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.addReaction);
   }
 }
 

package/dist/cjs/components/ReactionsDialogHeader.js

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _tokens = require("@atlaskit/tokens");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _tabs = require("@atlaskit/tabs");
@@ -51,7 +51,7 @@ var customTabWrapper = {
 var firstElement = null;
 var LeftNavigationButton = function LeftNavigationButton(_ref) {
   var handlePreviousPage = _ref.handlePreviousPage;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.leftNavigationStyle
   }, /*#__PURE__*/React.createElement(_new.IconButton, {
@@ -68,7 +68,7 @@ var LeftNavigationButton = function LeftNavigationButton(_ref) {
 };
 var RightNavigationButton = function RightNavigationButton(_ref2) {
   var handleNextPage = _ref2.handleNextPage;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.rightNavigationStyle
   }, /*#__PURE__*/React.createElement(_new.IconButton, {
@@ -98,7 +98,7 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     setCache = _useState2[1];
   var _useModal = (0, _modalDialog.useModal)(),
     titleId = _useModal.titleId;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var _useThemeObserver = (0, _tokens.useThemeObserver)(),
     colorMode = _useThemeObserver.colorMode;
   var isSinglePage = maxPages === 1;

package/dist/cjs/components/ReactionsDialogTrigger.js

@@ -14,7 +14,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _react2 = require("@compiled/react");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _i18n = require("../shared/i18n");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -25,7 +25,7 @@ var styles = {
 // Similar to platform/packages/elements/reactions/src/components/Trigger/Trigger.tsx
 var ReactionsDialogTrigger = exports.ReactionsDialogTrigger = function ReactionsDialogTrigger(_ref) {
   var onClick = _ref.onClick;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Pressable, {
     xcss: (0, _react2.cx)(styles.trigger, styles.transparentEnabledTrigger),
     onClick: onClick,

package/dist/cjs/components/ShowMore.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ShowMore = exports.RENDER_SHOWMORE_TESTID = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = require("@atlaskit/button/new");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -20,7 +20,7 @@ var RENDER_SHOWMORE_TESTID = exports.RENDER_SHOWMORE_TESTID = 'show-more-button'
  */
 var ShowMore = exports.ShowMore = function ShowMore(_ref) {
   var onClick = _ref.onClick;
-  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.moreEmoji, function (message) {
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.moreEmoji, function (message) {
     return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
       content: message
     }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {

package/dist/cjs/components/Trigger.js

@@ -9,7 +9,7 @@ exports.Trigger = exports.RENDER_TRIGGER_CONTAINER_TESTID = exports.RENDER_TRIGG
 require("./Trigger.compiled.css");
 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 _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -37,7 +37,7 @@ var RENDER_TOOLTIP_TRIGGER_TESTID = exports.RENDER_TOOLTIP_TRIGGER_TESTID = 'ren
 var RENDER_TRIGGER_BUTTON_TESTID = exports.RENDER_TRIGGER_BUTTON_TESTID = 'render-trigger-button';
 var RENDER_TRIGGER_CONTAINER_TESTID = exports.RENDER_TRIGGER_CONTAINER_TESTID = 'render-trigger-container';
 var RENDER_LIST_ITEM_WRAPPER_TESTID = exports.RENDER_LIST_ITEM_WRAPPER_TESTID = 'render-list-item-wrapper';
-var i18n = (0, _reactIntlNext.defineMessages)({
+var i18n = (0, _reactIntl.defineMessages)({
   addReaction: {
     id: 'reaction-picker-trigger.add.reaction.message',
     description: 'Message displayed when there are no page reactions existing on the page.',
@@ -53,7 +53,7 @@ var noMarkerListStyle = null;
  * Render an emoji button to open the reactions select picker
  */
 var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var onClick = props.onClick,
     miniMode = props.miniMode,

package/dist/cjs/shared/i18n.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)({
   addReaction: {
     id: 'fabric.reactions.add',
     defaultMessage: 'Add reaction',

package/dist/es2019/analytics/index.js

@@ -2,7 +2,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "33.8.30";
+const packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/EmojiButton.js

@@ -2,7 +2,7 @@
 import "./EmojiButton.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 { ResourcedEmoji } from '@atlaskit/emoji';
 import { messages } from '../shared/i18n';
 import { isLeftClick } from '../shared/utils';

package/dist/es2019/components/Reaction.js

@@ -3,7 +3,7 @@ import "./Reaction.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ResourcedEmoji } from '@atlaskit/emoji';

package/dist/es2019/components/ReactionPicker.js

@@ -2,7 +2,7 @@
 import "./ReactionPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';

package/dist/es2019/components/ReactionSummaryButton.js

@@ -3,7 +3,7 @@ import "./ReactionSummaryButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { ResourcedEmoji } from '@atlaskit/emoji';
 import { messages } from '../shared/i18n';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';

package/dist/es2019/components/ReactionTooltip.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionTooltip.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { TOOLTIP_USERS_LIMIT } from '../shared/constants';

package/dist/es2019/components/Reactions.js

@@ -2,7 +2,7 @@
 import "./Reactions.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ModalTransition } from '@atlaskit/modal-dialog';
 import UFOSegment from '@atlaskit/react-ufo/segment';

package/dist/es2019/components/ReactionsDialogHeader.js

@@ -4,7 +4,7 @@ import "./ReactionsDialogHeader.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 { useThemeObserver } from '@atlaskit/tokens';
 import { CloseButton } from '@atlaskit/modal-dialog';
 import { Tab, TabList } from '@atlaskit/tabs';

package/dist/es2019/components/ReactionsDialogTrigger.js

@@ -6,7 +6,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { cx } from '@compiled/react';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { messages } from '../shared/i18n';
 const styles = {
   trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",

package/dist/es2019/components/ShowMore.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import Tooltip from '@atlaskit/tooltip';

package/dist/es2019/components/Trigger.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "./Trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import Tooltip from '@atlaskit/tooltip';
 import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/shared/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   addReaction: {
     id: 'fabric.reactions.add',

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "33.8.30";
+var packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/EmojiButton.js

@@ -2,7 +2,7 @@
 import "./EmojiButton.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 { ResourcedEmoji } from '@atlaskit/emoji';
 import { messages } from '../shared/i18n';
 import { isLeftClick } from '../shared/utils';

package/dist/esm/components/Reaction.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ResourcedEmoji } from '@atlaskit/emoji';

package/dist/esm/components/ReactionPicker.js

@@ -6,7 +6,7 @@ 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 React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';

package/dist/esm/components/ReactionSummaryButton.js

@@ -4,7 +4,7 @@ import "./ReactionSummaryButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { ResourcedEmoji } from '@atlaskit/emoji';
 import { messages } from '../shared/i18n';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';

package/dist/esm/components/ReactionTooltip.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionTooltip.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { TOOLTIP_USERS_LIMIT } from '../shared/constants';

package/dist/esm/components/Reactions.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Reactions.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ModalTransition } from '@atlaskit/modal-dialog';
 import UFOSegment from '@atlaskit/react-ufo/segment';

package/dist/esm/components/ReactionsDialogHeader.js

@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { CloseButton } from '@atlaskit/modal-dialog';
 import { Tab, TabList } from '@atlaskit/tabs';

package/dist/esm/components/ReactionsDialogTrigger.js

@@ -6,7 +6,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { cx } from '@compiled/react';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { messages } from '../shared/i18n';
 var styles = {
   trigger: "_2rko12b0 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",

package/dist/esm/components/ShowMore.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import EditorMoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import Tooltip from '@atlaskit/tooltip';

package/dist/esm/components/Trigger.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "./Trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import Tooltip from '@atlaskit/tooltip';
 import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/esm/shared/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   addReaction: {
     id: 'fabric.reactions.add',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.8.31",
+	"version": "34.0.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,22 +38,22 @@
 		"@atlaskit/avatar": "^25.11.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/emoji": "^69.11.0",
+		"@atlaskit/emoji": "^70.0.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.0.0",
+		"@atlaskit/icon": "^34.1.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/modal-dialog": "^14.15.0",
-		"@atlaskit/motion": "^5.5.0",
+		"@atlaskit/motion": "^5.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.1.0",
+		"@atlaskit/popper": "^7.2.0",
 		"@atlaskit/popup": "^4.16.0",
 		"@atlaskit/portal": "^5.4.0",
-		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/react-ufo": "^5.12.0",
+		"@atlaskit/primitives": "^19.0.0",
+		"@atlaskit/react-ufo": "^5.13.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/tabs": "^19.0.0",
 		"@atlaskit/theme": "^23.0.0",
-		"@atlaskit/tokens": "^12.0.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -64,7 +64,7 @@
 	"peerDependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1"
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
@@ -82,7 +82,7 @@
 		"fetch-mock": "^8.0.0",
 		"raf-stub": "^2.0.1",
 		"react": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1",
+		"react-intl": "^6.6.2",
 		"wait-for-expect": "^1.2.0",
 		"webpack-dev-server": "^4.15.2"
 	},

package/report.api.md

@@ -455,7 +455,7 @@ interface User {
 {
 	"react": "^16.8.0",
 	"react-dom": "^16.8.0",
-	"react-intl-next": "npm:react-intl@^5.18.1"
+	"react-intl": "npm:react-intl@^5.18.1"
 }
 ```