@atlaskit/teams-public 0.74.3 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/teams-public
 
+## 1.0.0
+
+### Major Changes
+
+- [`fbc8a506b5b08`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fbc8a506b5b08) -
+  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
+
+## 0.74.4
+
+### Patch Changes
+
+- [`07762e36b9ca8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/07762e36b9ca8) -
+  Mark old add-container-card as deprecated
+
 ## 0.74.3
 
 ### Patch Changes

package/dist/cjs/common/ui/team-link-card-actions/index.js

@@ -12,7 +12,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = require("@atlaskit/button/new");
 var _css = require("@atlaskit/css");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
@@ -29,7 +29,7 @@ var styles = {
   iconHidden: "_1e0cglyw",
   iconVisible: "_1e0c1txw"
 };
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = (0, _reactIntl.defineMessages)({
   disconnectTooltip: {
     id: 'ptc-directory.team-containers.disconnect-button.tooltip',
     defaultMessage: 'Disconnect',
@@ -57,7 +57,7 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
     onDisconnectButtonClick = _ref.onDisconnectButtonClick,
     onEditLinkClick = _ref.onEditLinkClick,
     onDropdownOpenChange = _ref.onDropdownOpenChange;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;

package/dist/cjs/common/utils/get-container-properties.js

@@ -10,7 +10,7 @@ require("./get-container-properties.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 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 _css = require("@atlaskit/css");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
@@ -31,7 +31,7 @@ var styles = {
   linkIconWrapper: "_2rkofajl _1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o _12ji1l7x _1qu2nqa1",
   linkAvatarWrapper: "_2rko1eiz _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _bfhki8nm"
 };
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   addConfluenceContainerTitle: {
     id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title',
     defaultMessage: 'Add space',
@@ -101,7 +101,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
     subType = _ref2.subType,
     name = _ref2.name;
   var baseProperties = {
-    description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.jiraProjectDescription),
+    description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.jiraProjectDescription),
     icon: /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
       xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
     }, /*#__PURE__*/_react.default.createElement(_image.default, {
@@ -109,8 +109,8 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
       alt: "",
       testId: "jira-project-container-icon"
     })),
-    title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addJiraProject),
-    containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerTextOverride)
+    title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addJiraProject),
+    containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.spaceContainerTextOverride)
   };
   switch (subType) {
     case 'PRODUCT_DISCOVERY':
@@ -130,7 +130,7 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref3
     description: isEmptyContainer ? /*#__PURE__*/_react.default.createElement(_compiled.Text, {
       size: "medium",
       weight: "medium"
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.emptyLinkContainerDescription)) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.linkContainerDescription),
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.emptyLinkContainerDescription)) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.linkContainerDescription),
     icon: isEmptyContainer ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       xcss: (0, _css.cx)(styles.linkAvatarWrapper, styles.avatarMargin),
       testId: "team-link-card-globe-icon"
@@ -148,7 +148,7 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref3
       label: "",
       size: "small"
     })),
-    title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addLink),
+    title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addLink),
     containerTypeText: null
   };
 };
@@ -162,7 +162,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
   switch (containerType) {
     case 'ConfluenceSpace':
       return {
-        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.confluenceContainerDescription),
+        description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.confluenceContainerDescription),
         icon: /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
           xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
         }, /*#__PURE__*/_react.default.createElement(_image.default, {
@@ -170,12 +170,12 @@ var getContainerProperties = exports.getContainerProperties = function getContai
           alt: "",
           testId: "confluence-space-container-icon"
         })),
-        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addConfluenceContainerTitle),
-        containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerTextOverride)
+        title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addConfluenceContainerTitle),
+        containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.spaceContainerTextOverride)
       };
     case 'LoomSpace':
       return {
-        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.loomSpaceDescription),
+        description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.loomSpaceDescription),
         icon: /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
           xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
         }, /*#__PURE__*/_react.default.createElement(_image.default, {
@@ -183,8 +183,8 @@ var getContainerProperties = exports.getContainerProperties = function getContai
           alt: "",
           testId: "loom-space-container-icon"
         })),
-        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addLoomSpace),
-        containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerTextOverride)
+        title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addLoomSpace),
+        containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.spaceContainerTextOverride)
       };
     case 'JiraProject':
       return getJiraContainerProperties({

package/dist/cjs/ui/team-containers/add-container-card/add-container-card-button/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AddContainerCardButton = AddContainerCardButton;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
 function AddContainerCardButton(_ref) {
   var type = _ref.type;
@@ -29,23 +29,23 @@ function getContainerProperties(type) {
   switch (type) {
     case 'ConfluenceSpace':
       return {
-        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.confluenceContainerDescription),
-        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addConfluenceContainerTitle)
+        description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.confluenceContainerDescription),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addConfluenceContainerTitle)
       };
     case 'LoomSpace':
       return {
-        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.loomSpaceDescription),
-        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addLoomContainerTitle)
+        description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.loomSpaceDescription),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addLoomContainerTitle)
       };
     case 'JiraProject':
       return {
-        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.jiraProjectDescription),
-        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addJiraProjectTitle)
+        description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.jiraProjectDescription),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addJiraProjectTitle)
       };
     case 'WebLink':
       return {
         description: null,
-        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addWebLinkTitle)
+        title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addWebLinkTitle)
       };
     default:
       return {
@@ -54,7 +54,7 @@ function getContainerProperties(type) {
       };
   }
 }
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = (0, _reactIntl.defineMessages)({
   addConfluenceContainerTitle: {
     id: 'ptc-directory.team-profile-page.team-containers.create.add-confluence-space-title',
     defaultMessage: 'Confluence space',

package/dist/cjs/ui/team-containers/add-container-card/index.js

@@ -46,6 +46,10 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
     onClick: onClick
   }, children);
 };
+
+/**
+ * @deprecated Use the new AddContainerCard component in teams-public/src/next/ui instead.
+ */
 var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref2) {
   var containerType = _ref2.containerType,
     onAddAContainerClick = _ref2.onAddAContainerClick,

package/dist/cjs/ui/team-containers/disconnect-dialog/index.js

@@ -11,13 +11,13 @@ 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 _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 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 messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   disconnectDialogTitle: {
     id: 'ptc-directory.team-profile-page.team-containers.disconnect-dialog.title',
     defaultMessage: 'Disconnect place',
@@ -93,25 +93,25 @@ var DisconnectDialog = exports.DisconnectDialog = function DisconnectDialog(_ref
     hasCloseButton: true
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.150"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.disconnectDialogDescription, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, messages.disconnectDialogDescription, {
     values: {
       containerName: /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         weight: "semibold"
       }, containerName),
       containerType: containerType
     }
-  }))), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('workforce_optimization_team_modal_update') ? messages.disconnectDialogDisclaimerNew : messages.disconnectDialogDisclaimer, {
+  }))), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('workforce_optimization_team_modal_update') ? messages.disconnectDialogDisclaimerNew : messages.disconnectDialogDisclaimer, {
     values: {
       containerType: containerType
     }
   })))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "subtle",
     onClick: onClose
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.disconnectDialogCancelButton)), /*#__PURE__*/_react.default.createElement(_new.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogCancelButton)), /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "warning",
     onClick: handleDisconnect,
     isLoading: isDisconnecting
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.disconnectDialogRemoveButton))));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogRemoveButton))));
 };

package/dist/cjs/ui/team-containers/linked-container-card/index.js

@@ -12,7 +12,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _new = require("@atlaskit/button/new");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
@@ -24,7 +24,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _loomAvatar = require("../../../common/ui/loom-avatar");
 var _getContainerProperties = require("../../../common/utils/get-container-properties");
 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 messages = (0, _reactIntlNext.defineMessages)({
+var messages = (0, _reactIntl.defineMessages)({
   disconnectTooltip: {
     id: 'ptc-directory.team-containers.disconnect-button.tooltip',
     defaultMessage: 'Disconnect',
@@ -113,7 +113,7 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     showCloseIcon = _useState4[0],
     setShowCloseIcon = _useState4[1];
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents2 = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents2.fireEvent;

package/dist/cjs/ui/team-containers/main.js

@@ -10,7 +10,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -362,7 +362,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     appearance: "subtle",
     spacing: "compact",
     onClick: handleShowMore
-  }, showMore ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.showLess) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.showMore)))), /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/_react.default.createElement(_async.DisconnectDialogLazy, {
+  }, showMore ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.showLess) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.showMore)))), /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/_react.default.createElement(_async.DisconnectDialogLazy, {
     containerName: selectedContainerDetails.containerName,
     containerType: selectedContainerDetails.containerType,
     onClose: function onClose() {
@@ -373,7 +373,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     }
   })));
 };
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = (0, _reactIntl.defineMessages)({
   showMore: {
     id: 'ptc-directory.team-profile-page.team-containers.show-more',
     defaultMessage: 'Show more',

package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.js

@@ -9,7 +9,7 @@ exports.NoProductAccessState = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _noProductAccessIcon = require("./no-product-access-icon");
@@ -28,9 +28,9 @@ var NoProductAccessState = exports.NoProductAccessState = function NoProductAcce
     space: "space.200"
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "small"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.teamContainerEmptyStateTitle)), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.teamContainerEmptyStateDescription)))));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.teamContainerEmptyStateTitle)), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.teamContainerEmptyStateDescription)))));
 };
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = (0, _reactIntl.defineMessages)({
   teamContainerEmptyStateTitle: {
     id: 'ptc.team-profile-page.team-containers.empty-state.title',
     defaultMessage: 'Add the places your team works',

package/dist/cjs/ui/team-containers/team-link-card/index.js

@@ -14,7 +14,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 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 _new = require("@atlaskit/button/new");
 var _css = require("@atlaskit/css");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
@@ -99,7 +99,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     showKeyboardFocus = _useState0[0],
     setShowKeyboardFocus = _useState0[1];
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
@@ -316,7 +316,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     }
   }, formatMessage(messages.removeLink))))))));
 };
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = (0, _reactIntl.defineMessages)({
   disconnectTooltip: {
     id: 'ptc-directory.team-containers.disconnect-button.tooltip',
     defaultMessage: 'Disconnect',

package/dist/es2019/common/ui/team-link-card-actions/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';

package/dist/es2019/common/utils/get-container-properties.js

@@ -2,7 +2,7 @@
 import "./get-container-properties.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import LinkIcon from '@atlaskit/icon/core/link';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';

package/dist/es2019/ui/team-containers/add-container-card/add-container-card-button/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
 function AddContainerCardButton({
   type

package/dist/es2019/ui/team-containers/add-container-card/index.js

@@ -30,6 +30,10 @@ const AddContainerCardWrapper = ({
     onClick: onClick
   }, children);
 };
+
+/**
+ * @deprecated Use the new AddContainerCard component in teams-public/src/next/ui instead.
+ */
 export const AddContainerCard = ({
   containerType,
   onAddAContainerClick,

package/dist/es2019/ui/team-containers/disconnect-dialog/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/ui/team-containers/linked-container-card/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import Avatar from '@atlaskit/avatar';
 import { IconButton } from '@atlaskit/button/new';
 import CrossIcon from '@atlaskit/icon/core/cross';

package/dist/es2019/ui/team-containers/main.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/ui/team-containers/no-product-access-empty-state/index.js

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import Heading from '@atlaskit/heading';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { NoProductAccessIcon } from './no-product-access-icon';

package/dist/es2019/ui/team-containers/team-link-card/index.js

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

package/dist/esm/common/ui/team-link-card-actions/index.js

@@ -5,7 +5,7 @@ var _excluded = ["triggerRef"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';

package/dist/esm/common/utils/get-container-properties.js

@@ -5,7 +5,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 from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import LinkIcon from '@atlaskit/icon/core/link';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';

package/dist/esm/ui/team-containers/add-container-card/add-container-card-button/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
 function AddContainerCardButton(_ref) {
   var type = _ref.type;

package/dist/esm/ui/team-containers/add-container-card/index.js

@@ -37,6 +37,10 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
     onClick: onClick
   }, children);
 };
+
+/**
+ * @deprecated Use the new AddContainerCard component in teams-public/src/next/ui instead.
+ */
 export var AddContainerCard = function AddContainerCard(_ref2) {
   var containerType = _ref2.containerType,
     onAddAContainerClick = _ref2.onAddAContainerClick,

package/dist/esm/ui/team-containers/disconnect-dialog/index.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/esm/ui/team-containers/linked-container-card/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import Avatar from '@atlaskit/avatar';
 import { IconButton } from '@atlaskit/button/new';
 import CrossIcon from '@atlaskit/icon/core/cross';

package/dist/esm/ui/team-containers/main.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/esm/ui/team-containers/no-product-access-empty-state/index.js

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import Heading from '@atlaskit/heading';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { NoProductAccessIcon } from './no-product-access-icon';

package/dist/esm/ui/team-containers/team-link-card/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 React, { useState } from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';

package/dist/types/ui/team-containers/add-container-card/index.d.ts

@@ -6,6 +6,9 @@ export interface AddContainerCardProps {
     isLoading?: boolean;
     canCreateContainers?: boolean;
 }
+/**
+ * @deprecated Use the new AddContainerCard component in teams-public/src/next/ui instead.
+ */
 export declare const AddContainerCard: ({ containerType, onAddAContainerClick, isLoading, canCreateContainers, }: AddContainerCardProps) => React.JSX.Element;
 type Container = {
     canAdd: boolean;

package/dist/types-ts4.5/ui/team-containers/add-container-card/index.d.ts

@@ -6,6 +6,9 @@ export interface AddContainerCardProps {
     isLoading?: boolean;
     canCreateContainers?: boolean;
 }
+/**
+ * @deprecated Use the new AddContainerCard component in teams-public/src/next/ui instead.
+ */
 export declare const AddContainerCard: ({ containerType, onAddAContainerClick, isLoading, canCreateContainers, }: AddContainerCardProps) => React.JSX.Element;
 type Container = {
     canAdd: boolean;

package/package.json

@@ -32,11 +32,11 @@
 		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.0.0",
+		"@atlaskit/icon": "^34.2.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/modal-dialog": "^14.15.0",
-		"@atlaskit/people-teams-ui-public": "^3.7.0",
+		"@atlaskit/people-teams-ui-public": "^4.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/skeleton": "^2.1.0",
@@ -51,14 +51,14 @@
 		"@types/string-hash": "^1.1.3",
 		"graphql": "^15.8.0",
 		"graphql-tag": "^2.10.1",
-		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-loosely-lazy": "^1.0.0",
 		"react-router-dom": "^6.28.0",
 		"react-sweet-state": "^2.6.5",
 		"string-hash": "1.1.3"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0"
+		"react": "^18.2.0",
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
@@ -70,7 +70,8 @@
 		"@atlassian/testing-library": "^0.5.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
-		"react-dom": "^18.2.0"
+		"react-dom": "^18.2.0",
+		"react-intl": "^6.6.2"
 	},
 	"techstack": {
 		"@atlassian/frontend": {
@@ -107,7 +108,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.74.3",
+	"version": "1.0.0",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",