@atlaskit/link-picker 4.2.23 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/link-picker
 
+## 5.0.0
+
+### Major Changes
+
+- [`9f6bcd21611f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f6bcd21611f3) -
+  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
+
+- [`94e6e464e09a2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/94e6e464e09a2) -
+  NAVX-4548: Migrate @atlaskit/onboarding to @atlaskit/spotlight in link-picker behind feature flag
+- Updated dependencies
+
+## 4.2.24
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.2.23
 
 ### Patch Changes

package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js

@@ -9,14 +9,14 @@ exports.ErrorBoundaryFallback = 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 _constants = require("../../../common/constants");
 var _genericErrorSvg = require("../../../common/generic-error-svg");
 var _emptyState = require("../../../common/ui/empty-state");
 var _minHeightContainer = require("../../../common/ui/min-height-container");
 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 errorBoundaryFallbackStyles = null;
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = (0, _reactIntl.defineMessages)({
   heading: {
     defaultMessage: 'Something went wrong!',
     description: 'Heading displayed when an unhandled error occurs.',
@@ -29,7 +29,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
   }
 });
 var ErrorBoundaryFallback = exports.ErrorBoundaryFallback = function ErrorBoundaryFallback() {
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var header = intl.formatMessage(messages.heading);
   var description = intl.formatMessage(messages.description);
   return /*#__PURE__*/React.createElement(_minHeightContainer.MinHeightContainer, {

package/dist/cjs/ui/link-picker/form-footer/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 _button = require("@atlaskit/button");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
@@ -24,7 +24,7 @@ var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "ite
 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 formFooterStyles = null;
 var formFooterActionStyles = null;
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
     defaultMessage: 'Cancel',
@@ -58,7 +58,7 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
     hideSubmitButton = _ref.hideSubmitButton,
     className = _ref.className,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   if (error && error instanceof _errors.UnauthenticatedError) {
     return null;
   }

package/dist/cjs/ui/link-picker/form-footer/link-picker-submit-button/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = exports.LinkPickerSubmitButton = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _utils = require("./utils");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   saveButton: {
     id: 'fabric.linkPicker.button.save',
     defaultMessage: 'Save',
@@ -32,7 +32,7 @@ var LinkPickerSubmitButton = exports.LinkPickerSubmitButton = function LinkPicke
     submitMessageId = _ref.submitMessageId,
     testId = _ref.testId,
     url = _ref.url;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
   var isSubmitDisabled = (0, _utils.checkSubmitDisabled)(isLoading, isSubmitting, error, url, queryState, items);
   return /*#__PURE__*/_react.default.createElement(_new.default, {

package/dist/cjs/ui/link-picker/index.js

@@ -16,7 +16,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkProvider = require("@atlaskit/link-provider");
@@ -134,7 +134,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     invalidUrl = state.invalidUrl,
     activeTab = state.activeTab,
     hasPreview = state.hasPreview;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var queryState = (0, _useSearchQuery.useSearchQuery)(state);
   var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins, recentSearchListSize, alwaysShowTabs),
     items = _usePlugins.items,
@@ -412,7 +412,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   var screenReaderText = (0, _userAgent.browser)().safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
   var customSubmitButtonLabel = customMessages !== null && customMessages !== void 0 && customMessages.submitButtonLabel ? customMessages.submitButtonLabel : undefined;
-  var errorMessage = invalidUrl ? previewableLinksOnly && !hasPreview ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.formMessages.noEmbedAvailable, {
+  var errorMessage = invalidUrl ? previewableLinksOnly && !hasPreview ? /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.formMessages.noEmbedAvailable, {
     values: {
       a: function a(chunk) {
         return /*#__PURE__*/React.createElement(_linkUrl.default, {
@@ -440,7 +440,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     delay: 250
   }), /*#__PURE__*/React.createElement(_visuallyHidden.default, {
     id: screenReaderDescriptionId
-  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, customMessages.linkAriaLabel) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, messages.linkAriaLabel))), /*#__PURE__*/React.createElement(LinkInputField, (0, _extends2.default)({
+  }, customMessages !== null && customMessages !== void 0 && customMessages.linkAriaLabel ? /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, customMessages.linkAriaLabel) : /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, messages.linkAriaLabel))), /*#__PURE__*/React.createElement(LinkInputField, (0, _extends2.default)({
     name: "url",
     autoComplete: "off",
     testId: testIds.urlInputField,

package/dist/cjs/ui/link-picker/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.timeMessages = exports.searchMessages = exports.linkTextMessages = exports.linkMessages = exports.formMessages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var searchMessages = exports.searchMessages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var searchMessages = exports.searchMessages = (0, _reactIntl.defineMessages)({
   linkLabel: {
     id: 'fabric.linkPicker.search.linkLabel',
     defaultMessage: 'Search or paste a link',
@@ -22,7 +22,7 @@ var searchMessages = exports.searchMessages = (0, _reactIntlNext.defineMessages)
     description: 'Placeholder text for the link input'
   }
 });
-var linkMessages = exports.linkMessages = (0, _reactIntlNext.defineMessages)({
+var linkMessages = exports.linkMessages = (0, _reactIntl.defineMessages)({
   linkLabel: {
     id: 'fabric.linkPicker.linkLabel',
     defaultMessage: 'Link',
@@ -39,7 +39,7 @@ var linkMessages = exports.linkMessages = (0, _reactIntlNext.defineMessages)({
     description: 'Placeholder text for the link input'
   }
 });
-var formMessages = exports.formMessages = (0, _reactIntlNext.defineMessages)({
+var formMessages = exports.formMessages = (0, _reactIntl.defineMessages)({
   linkInvalid: {
     id: 'fabric.linkPicker.linkInvalid',
     defaultMessage: 'Enter a valid URL.',
@@ -56,7 +56,7 @@ var formMessages = exports.formMessages = (0, _reactIntlNext.defineMessages)({
     description: 'Error message shown for links without embeds'
   }
 });
-var linkTextMessages = exports.linkTextMessages = (0, _reactIntlNext.defineMessages)({
+var linkTextMessages = exports.linkTextMessages = (0, _reactIntl.defineMessages)({
   linkTextLabel: {
     id: 'fabric.linkPicker.linkTextLabel',
     defaultMessage: 'Display text (optional)',
@@ -88,7 +88,7 @@ var linkTextMessages = exports.linkTextMessages = (0, _reactIntlNext.defineMessa
     description: 'Aria label for the helper text of the link display input'
   }
 });
-var timeMessages = exports.timeMessages = (0, _reactIntlNext.defineMessages)({
+var timeMessages = exports.timeMessages = (0, _reactIntl.defineMessages)({
   updated: {
     id: 'fabric.linkPicker.time.message.updated',
     defaultMessage: 'Updated {time}',

package/dist/cjs/ui/link-picker/search-results/link-search-error/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.testIds = exports.messages = exports.LinkSearchError = exports.CONTACT_SUPPORT_LINK_FEDRAMP = exports.CONTACT_SUPPORT_LINK = void 0;
 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 _atlassianContext = require("@atlaskit/atlassian-context");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
@@ -15,7 +15,7 @@ var _genericErrorSvg = require("../../../../common/generic-error-svg");
 var _emptyState = require("../../../../common/ui/empty-state");
 var CONTACT_SUPPORT_LINK = exports.CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 var CONTACT_SUPPORT_LINK_FEDRAMP = exports.CONTACT_SUPPORT_LINK_FEDRAMP = 'https://gcs.atlassian-us-gov-mod.net/servicedesk/customer/portals';
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   searchErrorHeader: {
     id: 'fabric.linkPicker.search.error.heading',
     defaultMessage: 'We’re having trouble loading data.',
@@ -37,11 +37,11 @@ var testIds = exports.testIds = {
 };
 var LinkSearchError = exports.LinkSearchError = function LinkSearchError(_ref) {
   var onRetry = _ref.onRetry;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_emptyState.EmptyState, {
     testId: testIds.searchError,
     header: intl.formatMessage(messages.searchErrorHeader),
-    description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.searchErrorDescription, {
+    description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, messages.searchErrorDescription, {
       values: {
         a: function a(label) {
           return /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -55,7 +55,7 @@ var LinkSearchError = exports.LinkSearchError = function LinkSearchError(_ref) {
     action: onRetry ? /*#__PURE__*/_react.default.createElement(_new.default, {
       appearance: "primary",
       onClick: onRetry
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.searchErrorAction)) : null,
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.searchErrorAction)) : null,
     renderImage: function renderImage() {
       return /*#__PURE__*/_react.default.createElement(_genericErrorSvg.GenericErrorSVG, null);
     }

package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -39,7 +39,7 @@ var listTitleStyles = {
   marginBottom: "var(--ds-space-050, 4px)",
   color: "var(--ds-text-subtle, #505258)"
 };
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   titleRecentlyViewedFormatted: {
     id: 'fabric.linkPicker.listTitle.recentlyViewedFormatted',
     defaultMessage: 'Recently viewed',
@@ -147,9 +147,9 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
       style: listTitleStyles,
       id: testIds.resultListTitle,
       testId: testIds.resultListTitle
-    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(_visuallyHidden.default, {
+    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, linkListTitle)), /*#__PURE__*/React.createElement(_visuallyHidden.default, {
       id: "fabric.smartcard.linkpicker.suggested.results"
-    }, hasSearchTerm && /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.searchLinkResults, {
+    }, hasSearchTerm && /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, messages.searchLinkResults, {
       values: {
         count: items.length
       },

package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.testIds = exports.messages = exports.NoResults = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _emptyState = require("../../../../../common/ui/empty-state");
 var _noResultsSvg = require("./no-results-svg");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   noResults: {
     id: 'fabric.linkPicker.search.noResults.heading',
     defaultMessage: 'We couldn’t find anything matching your search.',
@@ -28,7 +28,7 @@ var testIds = exports.testIds = {
 var NoResults = exports.NoResults = function NoResults(_ref) {
   var _ref$shouldRenderImag = _ref.shouldRenderImage,
     shouldRenderImage = _ref$shouldRenderImag === void 0 ? true : _ref$shouldRenderImag;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_emptyState.EmptyState, {
     testId: testIds.emptyResultPage,
     header: intl.formatMessage(messages.noResults),

package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/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 _compiled = require("@atlaskit/primitives/compiled");
 var _transformTimeStamp = require("../../../transformTimeStamp");
 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); }
@@ -106,7 +106,7 @@ var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.fo
     onFocus = _ref2.onFocus,
     _ref2$nameMaxLines = _ref2.nameMaxLines,
     nameMaxLines = _ref2$nameMaxLines === void 0 ? 1 : _ref2$nameMaxLines;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var handleSelect = function handleSelect() {
     return onSelect(item.objectId);
   };

package/dist/cjs/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js

@@ -7,12 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.ConditionalSpotlightTargetWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _onboarding = require("@atlaskit/onboarding");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _spotlight = require("@atlaskit/spotlight");
 // eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
 
 var ConditionalSpotlightTargetWrapper = exports.ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
   var spotlightTargetName = _ref.spotlightTargetName,
     children = _ref.children;
-  return spotlightTargetName ? /*#__PURE__*/_react.default.createElement(_onboarding.SpotlightTarget, {
-    name: spotlightTargetName
-  }, children) : children;
+  if (spotlightTargetName) {
+    if ((0, _platformFeatureFlags.fg)('navx-4548-migrate-to-atlaskit-spotlight')) {
+      return /*#__PURE__*/_react.default.createElement(_spotlight.PopoverProvider, null, /*#__PURE__*/_react.default.createElement(_spotlight.PopoverTarget, null, children));
+    }
+    return /*#__PURE__*/_react.default.createElement(_onboarding.SpotlightTarget, {
+      name: spotlightTargetName
+    }, children);
+  }
+  return children;
 };

package/dist/cjs/ui/main.js

@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "4.2.22" || '',
+  packageVersion: "5.0.0" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../common/constants';
 import { GenericErrorSVG } from '../../../common/generic-error-svg';
 import { EmptyState } from '../../../common/ui/empty-state';

package/dist/es2019/ui/link-picker/form-footer/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { memo } from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { ButtonGroup } from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import EditorAddIcon from '@atlaskit/icon/core/add';

package/dist/es2019/ui/link-picker/form-footer/link-picker-submit-button/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import { checkSubmitDisabled } from './utils';
 export const messages = defineMessages({

package/dist/es2019/ui/link-picker/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/es2019/ui/link-picker/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const searchMessages = defineMessages({
   linkLabel: {
     id: 'fabric.linkPicker.search.linkLabel',

package/dist/es2019/ui/link-picker/search-results/link-search-error/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { isFedRamp } from '@atlaskit/atlassian-context';
 import Button from '@atlaskit/button/new';
 import Link from '@atlaskit/link';

package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, Fragment, useCallback, useRef } from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';

package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { EmptyState } from '../../../../../common/ui/empty-state';
 import { NoResultsSVG } from './no-results-svg';

package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, Fragment } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { Text } from '@atlaskit/primitives/compiled';
 /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
 import { transformTimeStamp } from '../../../transformTimeStamp';

package/dist/es2019/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js

@@ -2,11 +2,19 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
 import { SpotlightTarget } from '@atlaskit/onboarding';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { PopoverProvider, PopoverTarget } from '@atlaskit/spotlight';
 export const ConditionalSpotlightTargetWrapper = ({
   spotlightTargetName,
   children
 }) => {
-  return spotlightTargetName ? /*#__PURE__*/React.createElement(SpotlightTarget, {
-    name: spotlightTargetName
-  }, children) : children;
+  if (spotlightTargetName) {
+    if (fg('navx-4548-migrate-to-atlaskit-spotlight')) {
+      return /*#__PURE__*/React.createElement(PopoverProvider, null, /*#__PURE__*/React.createElement(PopoverTarget, null, children));
+    }
+    return /*#__PURE__*/React.createElement(SpotlightTarget, {
+      name: spotlightTargetName
+    }, children);
+  }
+  return children;
 };

package/dist/es2019/ui/main.js

@@ -16,7 +16,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "4.2.22" || '',
+  packageVersion: "5.0.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { LINK_PICKER_MIN_HEIGHT_IN_PX_FALLBACK } from '../../../common/constants';
 import { GenericErrorSVG } from '../../../common/generic-error-svg';
 import { EmptyState } from '../../../common/ui/empty-state';

package/dist/esm/ui/link-picker/form-footer/index.js

@@ -6,7 +6,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { memo } from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { ButtonGroup } from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import EditorAddIcon from '@atlaskit/icon/core/add';

package/dist/esm/ui/link-picker/form-footer/link-picker-submit-button/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import { checkSubmitDisabled } from './utils';
 export var messages = defineMessages({

package/dist/esm/ui/link-picker/index.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 { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/ui/link-picker/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var searchMessages = defineMessages({
   linkLabel: {
     id: 'fabric.linkPicker.search.linkLabel',

package/dist/esm/ui/link-picker/search-results/link-search-error/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { isFedRamp } from '@atlaskit/atlassian-context';
 import Button from '@atlaskit/button/new';
 import Link from '@atlaskit/link';

package/dist/esm/ui/link-picker/search-results/link-search-list/index.js

@@ -9,7 +9,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 { forwardRef, Fragment, useCallback, useRef } from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';

package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { EmptyState } from '../../../../../common/ui/empty-state';
 import { NoResultsSVG } from './no-results-svg';

package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, Fragment } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { Text } from '@atlaskit/primitives/compiled';
 /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
 import { transformTimeStamp } from '../../../transformTimeStamp';

package/dist/esm/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js

@@ -2,10 +2,18 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
 import { SpotlightTarget } from '@atlaskit/onboarding';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { PopoverProvider, PopoverTarget } from '@atlaskit/spotlight';
 export var ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
   var spotlightTargetName = _ref.spotlightTargetName,
     children = _ref.children;
-  return spotlightTargetName ? /*#__PURE__*/React.createElement(SpotlightTarget, {
-    name: spotlightTargetName
-  }, children) : children;
+  if (spotlightTargetName) {
+    if (fg('navx-4548-migrate-to-atlaskit-spotlight')) {
+      return /*#__PURE__*/React.createElement(PopoverProvider, null, /*#__PURE__*/React.createElement(PopoverTarget, null, children));
+    }
+    return /*#__PURE__*/React.createElement(SpotlightTarget, {
+      name: spotlightTargetName
+    }, children);
+  }
+  return children;
 };

package/dist/esm/ui/main.js

@@ -17,7 +17,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "4.2.22" || '',
+  packageVersion: "5.0.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/types/common/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, Ref } from 'react';
-import type { MessageDescriptor } from 'react-intl-next';
+import type { MessageDescriptor } from 'react-intl';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type LinkInputType = 'manual' | 'typeAhead';
 export interface LinkSearchListItemData {

package/dist/types/ui/link-picker/announcer.d.ts

@@ -18,5 +18,5 @@ type AnnouncerProps = {
      *  It can be useful for cases when the parent component re-renders with the same announcer's text. */
     delay?: number;
 };
-export declare const Announcer: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<AnnouncerProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+export declare const Announcer: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<AnnouncerProps, 'ref'> & React.RefAttributes<HTMLDivElement>>>;
 export {};

package/dist/types/ui/link-picker/form-footer/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type MemoExoticComponent } from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl';
 import { type LinkPickerPluginAction, type LinkPickerState, type LinkSearchListItemData } from '../../../common/types';
 export declare const messages: {
     cancelButton: {

package/dist/types/ui/link-picker/form-footer/link-picker-submit-button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl';
 import type { LinkPickerState, LinkSearchListItemData } from '../../../../common/types';
 type LinkPickerButtonGroupProps = {
     isEditing?: boolean;

package/dist/types/ui/link-picker/index.d.ts

@@ -8,10 +8,10 @@ export declare const testIds: {
     readonly urlError: string;
     readonly clearUrlButton: string;
     readonly linkHelperText: string;
-    readonly insertButton: "link-picker-insert-button";
-    readonly cancelButton: "link-picker-cancel-button";
-    readonly actionButton: "link-picker-action-button";
-    readonly submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
+    readonly insertButton: 'link-picker-insert-button';
+    readonly cancelButton: 'link-picker-cancel-button';
+    readonly actionButton: 'link-picker-action-button';
+    readonly submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator';
     readonly tabsLoadingIndicator: string;
     readonly tabList: string;
     readonly tabItem: string;
@@ -22,9 +22,9 @@ export declare const testIds: {
     readonly searchResultIcon: string;
     readonly emptyResultPage: string;
     readonly searchError: string;
-    readonly linkPickerRoot: "link-picker-root";
-    readonly linkPicker: "link-picker";
-    readonly urlInputField: "link-url";
-    readonly textInputField: "link-text";
+    readonly linkPickerRoot: 'link-picker-root';
+    readonly linkPicker: 'link-picker';
+    readonly urlInputField: 'link-url';
+    readonly textInputField: 'link-text';
 };
 export declare const LinkPicker: ComponentType<LinkPickerProps>;

package/dist/types/ui/link-picker/transformTimeStamp.d.ts

@@ -1,2 +1,2 @@
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date, lastUpdatedDate?: Date) => string | undefined;

package/dist/types/ui/link-picker/utils.d.ts

@@ -1,4 +1,4 @@
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../common/types';
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it

package/dist/types-ts4.5/common/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, Ref } from 'react';
-import type { MessageDescriptor } from 'react-intl-next';
+import type { MessageDescriptor } from 'react-intl';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type LinkInputType = 'manual' | 'typeAhead';
 export interface LinkSearchListItemData {

package/dist/types-ts4.5/ui/link-picker/announcer.d.ts

@@ -18,5 +18,5 @@ type AnnouncerProps = {
      *  It can be useful for cases when the parent component re-renders with the same announcer's text. */
     delay?: number;
 };
-export declare const Announcer: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<AnnouncerProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+export declare const Announcer: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<AnnouncerProps, 'ref'> & React.RefAttributes<HTMLDivElement>>>;
 export {};

package/dist/types-ts4.5/ui/link-picker/form-footer/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type MemoExoticComponent } from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl';
 import { type LinkPickerPluginAction, type LinkPickerState, type LinkSearchListItemData } from '../../../common/types';
 export declare const messages: {
     cancelButton: {

package/dist/types-ts4.5/ui/link-picker/form-footer/link-picker-submit-button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl';
 import type { LinkPickerState, LinkSearchListItemData } from '../../../../common/types';
 type LinkPickerButtonGroupProps = {
     isEditing?: boolean;

package/dist/types-ts4.5/ui/link-picker/index.d.ts

@@ -8,10 +8,10 @@ export declare const testIds: {
     readonly urlError: string;
     readonly clearUrlButton: string;
     readonly linkHelperText: string;
-    readonly insertButton: "link-picker-insert-button";
-    readonly cancelButton: "link-picker-cancel-button";
-    readonly actionButton: "link-picker-action-button";
-    readonly submitStatusA11yIndicator: "link-picker-submit-status-a11y-indicator";
+    readonly insertButton: 'link-picker-insert-button';
+    readonly cancelButton: 'link-picker-cancel-button';
+    readonly actionButton: 'link-picker-action-button';
+    readonly submitStatusA11yIndicator: 'link-picker-submit-status-a11y-indicator';
     readonly tabsLoadingIndicator: string;
     readonly tabList: string;
     readonly tabItem: string;
@@ -22,9 +22,9 @@ export declare const testIds: {
     readonly searchResultIcon: string;
     readonly emptyResultPage: string;
     readonly searchError: string;
-    readonly linkPickerRoot: "link-picker-root";
-    readonly linkPicker: "link-picker";
-    readonly urlInputField: "link-url";
-    readonly textInputField: "link-text";
+    readonly linkPickerRoot: 'link-picker-root';
+    readonly linkPicker: 'link-picker';
+    readonly urlInputField: 'link-url';
+    readonly textInputField: 'link-text';
 };
 export declare const LinkPicker: ComponentType<LinkPickerProps>;

package/dist/types-ts4.5/ui/link-picker/transformTimeStamp.d.ts

@@ -1,2 +1,2 @@
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date, lastUpdatedDate?: Date) => string | undefined;

package/dist/types-ts4.5/ui/link-picker/utils.d.ts

@@ -1,4 +1,4 @@
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type LinkPickerPlugin, type LinkSearchListItemData } from '../../common/types';
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "4.2.23",
+	"version": "5.0.0",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -44,6 +44,9 @@
 		},
 		"aifc_create_enabled": {
 			"type": "boolean"
+		},
+		"navx-4548-migrate-to-atlaskit-spotlight": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {
@@ -65,12 +68,13 @@
 		"@atlaskit/linking-common": "^9.11.0",
 		"@atlaskit/onboarding": "^14.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/smart-card": "^43.31.0",
+		"@atlaskit/primitives": "^19.0.0",
+		"@atlaskit/smart-card": "^44.0.0",
 		"@atlaskit/spinner": "^19.1.0",
+		"@atlaskit/spotlight": "^0.12.0",
 		"@atlaskit/tabs": "^19.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tokens": "^12.0.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -85,14 +89,14 @@
 	},
 	"peerDependencies": {
 		"react": "^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/analytics-codegen": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/dropdown-menu": "^16.8.0",
-		"@atlaskit/link-test-helpers": "^9.1.0",
+		"@atlaskit/link-test-helpers": "^10.0.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
@@ -107,6 +111,7 @@
 		"node-fetch": "^2.6.7",
 		"prettier": "^3.2.5",
 		"react-dom": "^18.2.0",
+		"react-intl": "^6.6.2",
 		"sinon": "^2.2.0"
 	},
 	"techstack": {

package/report.api.md

@@ -19,7 +19,7 @@
 /// <reference types="react" />
 
 import { jsx } from '@compiled/react';
-import { MessageDescriptor } from 'react-intl-next';
+import { MessageDescriptor } from 'react-intl';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
@@ -153,7 +153,7 @@ export class UnauthenticatedError extends Error {
 ```json
 {
 	"react": "^16.8.0",
-	"react-intl-next": "npm:react-intl@^5.18.1"
+	"react-intl": "npm:react-intl@^5.18.1"
 }
 ```