@atlaskit/user-picker 11.25.10 → 12.0.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/user-picker
 
+## 12.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.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`.
+
 ## 11.25.10
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -15,7 +15,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.25.10";
+var packageVersion = "0.0.0-development";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/cjs/components/BaseUserPicker.js

@@ -18,7 +18,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _ufo = require("@atlaskit/ufo");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _uuid = require("uuid");
 var _analytics = require("../analytics");
 var _batch = require("./batch");
@@ -618,7 +618,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         isLoading: count > 0 || resolving || isLoading,
         loadingMessage: loadingMessage,
         menuPlacement: "auto",
-        placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.placeholder),
+        placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.placeholder),
         label: ariaLabel,
         addMoreMessage: addMoreMessage,
         classNamePrefix: classNamePrefix,
@@ -695,7 +695,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
   textFieldBackgroundColor: false,
   isClearable: true,
   loadOptionsErrorMessage: function loadOptionsErrorMessage() {
-    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.errorMessage);
+    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.errorMessage);
   },
   openMenuOnClick: false
 });

package/dist/cjs/components/EmailOption/main.js

@@ -12,7 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _react2 = require("@emotion/react");
 var _AddOptionAvatar = require("../AddOptionAvatar");
 var _AvatarItemOption = require("../AvatarItemOption");
@@ -75,7 +75,7 @@ var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureCompon
       var _this$props = this.props,
         label = _this$props.label,
         emailValidity = _this$props.emailValidity;
-      return label !== undefined ? this.renderOption(label) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, getAddEmailMessage(emailValidity), function (label) {
+      return label !== undefined ? this.renderOption(label) : (0, _react2.jsx)(_reactIntl.FormattedMessage, getAddEmailMessage(emailValidity), function (label) {
         return _this2.renderOption(label);
       });
     }

package/dist/cjs/components/ExternalUserOption/SourcesTooltipContent.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SourcesTooltipContent = void 0;
 var _primitives = require("@atlaskit/primitives");
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _logo = require("@atlaskit/logo");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _slack = require("../assets/slack");
@@ -108,9 +108,9 @@ var SourcesTooltipContent = exports.SourcesTooltipContent = function SourcesTool
   }, [sources]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !sourcesLoading && sources.length === 0 ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     as: "span"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserSourcesError)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.externalUserSourcesError)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     as: "span"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserSourcesHeading)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.externalUserSourcesHeading)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: sourcesTooltipContainer
   }, sourcesLoading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
     size: "small",
@@ -127,6 +127,6 @@ var SourcesTooltipContent = exports.SourcesTooltipContent = function SourcesTool
       xcss: imageContainerStyles
     }, icon), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       as: "span"
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label)));
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, label)));
   }))));
 };

package/dist/cjs/components/GroupOption/main.js

@@ -13,7 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _react2 = require("@emotion/react");
 var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
@@ -81,13 +81,13 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
         includeTeamsUpdates = _this$props2.includeTeamsUpdates;
       var getGroupByline = function getGroupByline() {
         if (includeTeamsUpdates) {
-          return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.adminManagedGroupByline, {
+          return (0, _react2.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.adminManagedGroupByline, {
             values: {
               verifiedIcon: _this.renderVerifiedIcon()
             }
           }));
         } else {
-          return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.groupByline);
+          return (0, _react2.jsx)(_reactIntl.FormattedMessage, _i18n.messages.groupByline);
         }
       };
       return (0, _react2.jsx)("span", {

package/dist/cjs/components/MessagesIntlProvider.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 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 _i18nUtil = require("../util/i18n-util");
 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); }
 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; }
@@ -38,13 +38,13 @@ var useI18n = function useI18n(locale) {
   return messages;
 };
 var MessagesIntlProvider = function MessagesIntlProvider(props) {
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var children = props.children;
   var messages = useI18n(intl.locale);
   var mergedMessages = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, intl.messages), messages);
   }, [intl.messages, messages]);
-  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
     locale: intl.locale,
     messages: mergedMessages
   }, children);

package/dist/cjs/components/MultiValue.js

@@ -29,7 +29,7 @@ var _utils = require("./utils");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _i18n = require("./i18n");
 var _excluded = ["children", "innerProps", "removeProps", "data"];
 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); }
@@ -131,7 +131,7 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
           xcss: archivedLozengeWrapper
         }, (0, _react2.jsx)(_lozenge.default, {
           appearance: "default"
-        }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.archivedLozenge)));
+        }, (0, _react2.jsx)(_reactIntl.FormattedMessage, _i18n.messages.archivedLozenge)));
       }
       return null;
     });
@@ -266,7 +266,7 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
           xcss: archivedLozengeWrapper
         }, (0, _react2.jsx)(_lozenge.default, {
           appearance: "default"
-        }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.archivedLozenge))) : null) : (0, _react2.jsx)(_tag.AvatarTag, {
+        }, (0, _react2.jsx)(_reactIntl.FormattedMessage, _i18n.messages.archivedLozenge))) : null) : (0, _react2.jsx)(_tag.AvatarTag, {
           type: "user",
           text: label,
           isRemovable: !isDisabled,

package/dist/cjs/components/MultiValueContainer.js

@@ -19,7 +19,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _select = require("@atlaskit/select");
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _i18n = require("./i18n");
 var _utils = require("./utils");
 var _ValueContainerWrapper = _interopRequireDefault(require("./ValueContainerWrapper"));
@@ -68,7 +68,7 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
         return _this.props.children;
       }
       if (addMoreMessage === undefined) {
-        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.addMore, function (addMore) {
+        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.addMore, function (addMore) {
           var _join, _addMoreMessages;
           var addMoreMessages = addMore;
           if (addMore && typeof addMore === 'string') {

package/dist/cjs/components/SingleValue.js

@@ -18,7 +18,7 @@ var _utils = require("./utils");
 var _avatar = require("@atlaskit/avatar");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _i18n = require("./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); }
@@ -73,5 +73,5 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
     xcss: styles.archivedLozengeWrapper
   }, /*#__PURE__*/React.createElement(_lozenge.default, {
     appearance: "default"
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.archivedLozenge))) : null)))))) : null;
+  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _i18n.messages.archivedLozenge))) : null)))))) : null;
 };

package/dist/cjs/components/TeamOption/main.js

@@ -16,7 +16,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _AvatarItemOption = require("../AvatarItemOption");
 var _HighlightText = require("../HighlightText");
 var _i18n = require("../i18n");
@@ -72,20 +72,20 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       } else {
         if (includesYou === true) {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialPlus50MembersWithYou, {
+            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialPlus50MembersWithYou, {
               values: {
                 verifiedIcon: verifiedIcon,
                 teamTypeName: teamTypeName
               }
-            })) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithYou));
+            })) : (0, _react.jsx)(_reactIntl.FormattedMessage, _i18n.messages.plus50MembersWithYou));
           } else {
-            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialMemberCountWithYou, {
+            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialMemberCountWithYou, {
               values: {
                 verifiedIcon: verifiedIcon,
                 count: memberCount,
                 teamTypeName: teamTypeName
               }
-            })) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithYou, {
+            })) : (0, _react.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithYou, {
               values: {
                 count: memberCount
               }
@@ -93,20 +93,20 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
           }
         } else {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialPlus50MembersWithoutYou, {
+            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialPlus50MembersWithoutYou, {
               values: {
                 verifiedIcon: verifiedIcon,
                 teamTypeName: teamTypeName
               }
-            })) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithoutYou));
+            })) : (0, _react.jsx)(_reactIntl.FormattedMessage, _i18n.messages.plus50MembersWithoutYou));
           } else {
-            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialMemberCountWithoutYou, {
+            return _this.getBylineComponent(isSelected, hasTeamTypeName ? (0, _react.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.officialMemberCountWithoutYou, {
               values: {
                 verifiedIcon: verifiedIcon,
                 count: memberCount,
                 teamTypeName: teamTypeName
               }
-            })) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithoutYou, {
+            })) : (0, _react.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithoutYou, {
               values: {
                 count: memberCount
               }

package/dist/cjs/components/UserOption.js

@@ -24,7 +24,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
 var styles = function styles(color) {
   return (0, _react.css)({
     display: 'inline',

package/dist/cjs/components/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)({
   placeholder: {
     id: 'fabric.elements.user-picker.placeholder',
     defaultMessage: 'Enter people or teams...',

package/dist/cjs/util/group-options-by-type/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.groupOptionsByType = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _i18n = require("../../components/i18n");
 var getLabelForType = function getLabelForType(type, customLabels) {
@@ -16,17 +16,17 @@ var getLabelForType = function getLabelForType(type, customLabels) {
   }
   switch (type) {
     case 'user':
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.userTypeLabel);
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.userTypeLabel);
     case 'team':
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.teamTypeLabel);
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.teamTypeLabel);
     case 'group':
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.groupTypeLabel);
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.groupTypeLabel);
     case 'custom':
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.customTypeLabel);
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.customTypeLabel);
     case 'external_user':
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserTypeLabel);
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.externalUserTypeLabel);
     default:
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.otherTypeLabel);
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.otherTypeLabel);
   }
 };
 var groupOptionsByType = exports.groupOptionsByType = (0, _memoizeOne.default)(function (options, groupByTypeOrder, customGroupLabels) {

package/dist/es2019/analytics.js

@@ -6,7 +6,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.25.10";
+const packageVersion = "0.0.0-development";
 const UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/BaseUserPicker.js

@@ -5,7 +5,7 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { UFOExperienceState } from '@atlaskit/ufo';
 import debounce from 'lodash/debounce';
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidv4 } from 'uuid';
 import { cancelEvent, clearEvent, createAndFireEventInElementsChannel, deleteEvent, failedEvent, focusEvent, searchedEvent, selectEvent, startSession } from '../analytics';

package/dist/es2019/components/EmailOption/main.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsx jsx
  */
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { AddOptionAvatar } from '../AddOptionAvatar';

package/dist/es2019/components/ExternalUserOption/SourcesTooltipContent.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { AtlassianIcon, ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import Spinner from '@atlaskit/spinner/spinner';
 import { SlackIcon } from '../assets/slack';

package/dist/es2019/components/GroupOption/main.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsx jsx
  */
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import PeopleIcon from '@atlaskit/icon/core/people-group';

package/dist/es2019/components/MessagesIntlProvider.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { useIntl, IntlProvider } from 'react-intl-next';
+import { useIntl, IntlProvider } from 'react-intl';
 import { getMessagesForLocale } from '../util/i18n-util';
 const EMPTY = {};
 const useI18n = locale => {

package/dist/es2019/components/MultiValue.js

@@ -21,7 +21,7 @@ import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
 import Lozenge from '@atlaskit/lozenge';
 import PeopleIcon from '@atlaskit/icon/core/people-group';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from './i18n';
 export const scrollToValue = (valueContainer, control) => {
   const {

package/dist/es2019/components/MultiValueContainer.js

@@ -5,7 +5,7 @@ import "./MultiValueContainer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import { components } from '@atlaskit/select';
 import React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from './i18n';
 import { isChildInput } from './utils';
 import ValueContainerWrapper from './ValueContainerWrapper';

package/dist/es2019/components/SingleValue.js

@@ -10,7 +10,7 @@ import { getAvatarUrl, isTeam, isGroup } from './utils';
 import { getAppearanceForAppType } from '@atlaskit/avatar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 import { messages } from './i18n';
 const styles = {

package/dist/es2019/components/TeamOption/main.js

@@ -10,7 +10,7 @@ import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
 import { messages } from '../i18n';

package/dist/es2019/components/UserOption.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsx jsx
  */
 import { getAppearanceForAppType } from '@atlaskit/avatar';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';

package/dist/es2019/components/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   placeholder: {
     id: 'fabric.elements.user-picker.placeholder',

package/dist/es2019/util/group-options-by-type/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import memoizeOne from 'memoize-one';
 import { messages } from '../../components/i18n';
 const getLabelForType = (type, customLabels) => {

package/dist/esm/analytics.js

@@ -9,7 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.25.10";
+var packageVersion = "0.0.0-development";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/BaseUserPicker.js

@@ -19,7 +19,7 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { UFOExperienceState } from '@atlaskit/ufo';
 import debounce from 'lodash/debounce';
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidv4 } from 'uuid';
 import { cancelEvent, clearEvent, createAndFireEventInElementsChannel, deleteEvent, failedEvent, focusEvent, searchedEvent, selectEvent, startSession } from '../analytics';

package/dist/esm/components/EmailOption/main.js

@@ -11,7 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { AddOptionAvatar } from '../AddOptionAvatar';

package/dist/esm/components/ExternalUserOption/SourcesTooltipContent.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { AtlassianIcon, ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import Spinner from '@atlaskit/spinner/spinner';
 import { SlackIcon } from '../assets/slack';

package/dist/esm/components/GroupOption/main.js

@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import PeopleIcon from '@atlaskit/icon/core/people-group';

package/dist/esm/components/MessagesIntlProvider.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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, { useMemo } from 'react';
-import { useIntl, IntlProvider } from 'react-intl-next';
+import { useIntl, IntlProvider } from 'react-intl';
 import { getMessagesForLocale } from '../util/i18n-util';
 var EMPTY = {};
 var useI18n = function useI18n(locale) {

package/dist/esm/components/MultiValue.js

@@ -30,7 +30,7 @@ import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
 import Lozenge from '@atlaskit/lozenge';
 import PeopleIcon from '@atlaskit/icon/core/people-group';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from './i18n';
 export var scrollToValue = function scrollToValue(valueContainer, control) {
   var _valueContainer$getBo = valueContainer.getBoundingClientRect(),

package/dist/esm/components/MultiValueContainer.js

@@ -16,7 +16,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { components } from '@atlaskit/select';
 import React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from './i18n';
 import { isChildInput } from './utils';
 import ValueContainerWrapper from './ValueContainerWrapper';

package/dist/esm/components/SingleValue.js

@@ -10,7 +10,7 @@ import { getAvatarUrl, isTeam, isGroup } from './utils';
 import { getAppearanceForAppType } from '@atlaskit/avatar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 import { messages } from './i18n';
 var styles = {

package/dist/esm/components/TeamOption/main.js

@@ -17,7 +17,7 @@ import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
 import { messages } from '../i18n';

package/dist/esm/components/UserOption.js

@@ -11,7 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 import { getAppearanceForAppType } from '@atlaskit/avatar';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';

package/dist/esm/components/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   placeholder: {
     id: 'fabric.elements.user-picker.placeholder',

package/dist/esm/util/group-options-by-type/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import memoizeOne from 'memoize-one';
 import { messages } from '../../components/i18n';
 var getLabelForType = function getLabelForType(type, customLabels) {