@atlaskit/media-ui 17.2.0 → 18.0.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @atlaskit/media-ui
 
+## 18.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
 ## 17.2.0
 
 ### Minor Changes

package/dist/cjs/BlockCard/actions/AuthorizeAction.js

@@ -9,14 +9,14 @@ exports.AuthorizeAction = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
 var AuthorizeAction = function AuthorizeAction(handler) {
   return {
     id: 'connect-account',
-    text: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.connect_link_account_card),
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_link_account_card),
     promise: function promise() {
       return new Promise(function (resolve) {
         return resolve(handler());

package/dist/cjs/BlockCard/actions/DownloadAction.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.downloadFunction = downloadFunction;
 exports.DownloadAction = void 0;
+exports.downloadFunction = downloadFunction;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -14,7 +14,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _mediaCommon = require("@atlaskit/media-common");
 
@@ -57,7 +57,7 @@ var DownloadAction = function DownloadAction(_ref2) {
   var url = _ref2.url;
   return {
     id: 'download-content',
-    text: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.download),
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
     promise: function promise() {
       return downloadFunction({
         url: url

package/dist/cjs/BlockCard/actions/ForbiddenAction.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -21,7 +21,7 @@ var ForbiddenAction = function ForbiddenAction(handler) {
   var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
   return {
     id: id,
-    text: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, message, {
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
       values: {
         context: context
       }

package/dist/cjs/BlockCard/actions/PreviewAction.js

@@ -7,8 +7,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.previewFunction = previewFunction;
 exports.default = void 0;
+exports.previewFunction = previewFunction;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -24,7 +24,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -84,7 +84,7 @@ function _previewFunction() {
           case 5:
             Modal = _context.sent;
 
-            _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+            _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
               locale: "en"
             }, /*#__PURE__*/_react.default.createElement(Modal.default, (0, _extends2.default)({}, rest, {
               onClose: function onClose() {
@@ -111,7 +111,7 @@ var _default = function _default(_ref2) {
       rest = (0, _objectWithoutProperties2.default)(_ref2, ["details"]);
   return {
     id: 'preview-content',
-    text: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.preview),
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview),
     promise: function promise() {
       return previewFunction(_objectSpread({
         popupMountPointId: 'twp-editor-preview-iframe',

package/dist/cjs/BlockCard/actions/RetryAction.js

@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -42,7 +42,7 @@ var RetryAction = function RetryAction(handler) {
 
       return promise;
     }(),
-    text: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.try_again)
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again)
   };
 };
 

package/dist/cjs/BlockCard/actions/ViewAction.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.viewFunction = viewFunction;
 exports.ViewAction = void 0;
+exports.viewFunction = viewFunction;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -14,7 +14,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -55,7 +55,7 @@ var ViewAction = function ViewAction(_ref2) {
   var url = _ref2.url;
   return {
     id: 'view-content',
-    text: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.view),
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.view),
     promise: function promise() {
       return viewFunction({
         url: url

package/dist/cjs/BlockCard/components/Action.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Action = exports.spinnerDelay = void 0;
+exports.spinnerDelay = exports.Action = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/BlockCard/components/ActionIcon.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ActionIcon = exports.spinnerStyles = void 0;
+exports.spinnerStyles = exports.ActionIcon = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/cjs/BlockCard/components/Content.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Content = exports.blockCardContentClassName = void 0;
+exports.blockCardContentClassName = exports.Content = void 0;
 
 var _core = require("@emotion/core");
 

package/dist/cjs/BlockCard/components/ContentFooter.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ContentFooter = exports.contentFooterClassName = void 0;
+exports.contentFooterClassName = exports.ContentFooter = void 0;
 
 var _core = require("@emotion/core");
 

package/dist/cjs/BlockCard/components/ContentHeader.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ContentHeader = exports.blockCardContentHeaderClassName = void 0;
+exports.blockCardContentHeaderClassName = exports.ContentHeader = void 0;
 
 var _core = require("@emotion/core");
 

package/dist/cjs/BlockCard/components/Frame.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CompactFrame = exports.ExpandedFrame = exports.Frame = void 0;
+exports.Frame = exports.ExpandedFrame = exports.CompactFrame = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/BlockCard/components/Icon.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Icon = exports.blockCardIconImageClassName = void 0;
+exports.blockCardIconImageClassName = exports.Icon = void 0;
 
 var _core = require("@emotion/core");
 

package/dist/cjs/BlockCard/components/MetadataList.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MetadataList = exports.metadataListClassName = void 0;
+exports.metadataListClassName = exports.MetadataList = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/dist/cjs/BlockCard/components/ModalHeader.js

@@ -21,7 +21,7 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _utils = require("../utils");
 
@@ -89,7 +89,7 @@ var Header = function Header(_ref) {
     appearance: "primary",
     href: download,
     onClick: onDownloadActionClick
-  }, (0, _core.jsx)(_reactIntl.FormattedMessage, _messages.messages.download)), url && (0, _core.jsx)(_customThemeButton.default, {
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.download)), url && (0, _core.jsx)(_customThemeButton.default, {
     href: url,
     target: "_blank",
     appearance: "link",
@@ -99,7 +99,7 @@ var Header = function Header(_ref) {
       label: "go to source"
     }),
     onClick: onViewActionClick
-  }, providerName ? (0, _core.jsx)(_react.Fragment, null, (0, _core.jsx)(_reactIntl.FormattedMessage, _messages.messages.viewIn), " ", providerName) : (0, _core.jsx)(_reactIntl.FormattedMessage, _messages.messages.viewOriginal)), (0, _core.jsx)(_customThemeButton.default, {
+  }, providerName ? (0, _core.jsx)(_react.Fragment, null, (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal)), (0, _core.jsx)(_customThemeButton.default, {
     appearance: "subtle",
     iconBefore: (0, _core.jsx)(_close.default, {
       label: label

package/dist/cjs/BlockCard/components/Name.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Name = exports.blockCardContentHeaderNameClassName = void 0;
+exports.blockCardContentHeaderNameClassName = exports.Name = void 0;
 
 var _core = require("@emotion/core");
 

package/dist/cjs/BlockCard/index.js

@@ -5,28 +5,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "PreviewAction", {
-  enumerable: true,
-  get: function get() {
-    return _PreviewAction.default;
-  }
-});
 Object.defineProperty(exports, "AuthorizeAction", {
   enumerable: true,
   get: function get() {
     return _AuthorizeAction.AuthorizeAction;
   }
 });
-Object.defineProperty(exports, "ForbiddenAction", {
+Object.defineProperty(exports, "BlockCardErroredView", {
   enumerable: true,
   get: function get() {
-    return _ForbiddenAction.ForbiddenAction;
+    return _ErroredView.ErroredView;
   }
 });
-Object.defineProperty(exports, "BlockCardResolvedView", {
+Object.defineProperty(exports, "BlockCardForbiddenView", {
   enumerable: true,
   get: function get() {
-    return _ResolvedView.ResolvedView;
+    return _ForbiddenView.ForbiddenView;
   }
 });
 Object.defineProperty(exports, "BlockCardNotFoundView", {
@@ -35,6 +29,12 @@ Object.defineProperty(exports, "BlockCardNotFoundView", {
     return _NotFoundView.NotFoundView;
   }
 });
+Object.defineProperty(exports, "BlockCardResolvedView", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvedView.ResolvedView;
+  }
+});
 Object.defineProperty(exports, "BlockCardResolvingView", {
   enumerable: true,
   get: function get() {
@@ -47,16 +47,16 @@ Object.defineProperty(exports, "BlockCardUnauthorisedView", {
     return _UnauthorizedView.UnauthorizedView;
   }
 });
-Object.defineProperty(exports, "BlockCardForbiddenView", {
+Object.defineProperty(exports, "ForbiddenAction", {
   enumerable: true,
   get: function get() {
-    return _ForbiddenView.ForbiddenView;
+    return _ForbiddenAction.ForbiddenAction;
   }
 });
-Object.defineProperty(exports, "BlockCardErroredView", {
+Object.defineProperty(exports, "PreviewAction", {
   enumerable: true,
   get: function get() {
-    return _ErroredView.ErroredView;
+    return _PreviewAction.default;
   }
 });
 

package/dist/cjs/BlockCard/utils/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NotFoundImage = exports.CelebrationImage = exports.LockImage = void 0;
+exports.NotFoundImage = exports.LockImage = exports.CelebrationImage = void 0;
 var CDN_BASE_URL = 'https://smart-links-cdn.us-east-1.prod.public.atl-paas.net';
 var LockImage = "".concat(CDN_BASE_URL, "/lock.svg");
 exports.LockImage = LockImage;

package/dist/cjs/BlockCard/utils/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mq = exports.br = exports.gs = void 0;
+exports.mq = exports.gs = exports.br = void 0;
 
 var _constants = require("@atlaskit/theme/constants");
 

package/dist/cjs/BlockCard/views/ErroredView.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ErroredView = exports.blockCardErroredViewClassName = void 0;
+exports.blockCardErroredViewClassName = exports.ErroredView = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _core = require("@emotion/core");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _react = require("react");
 
@@ -91,7 +91,7 @@ var ErroredView = function ErroredView(_ref) {
       primaryColor: _colors.R300,
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: (0, _core.jsx)(_reactIntl.FormattedMessage, textDescriptionProps)
+    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
   }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_ActionList.ActionList, {
     items: actions
   }))));

package/dist/cjs/BlockCard/views/ForbiddenView.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ForbiddenView = exports.blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewClassName = void 0;
+exports.blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewClassName = exports.ForbiddenView = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -13,7 +13,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _core = require("@emotion/core");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -96,7 +96,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
       primaryColor: _colors.R300,
       testId: "".concat(testId, "-lock-icon")
     }),
-    text: (0, _core.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
+    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
       values: {
         context: context.text
       }

package/dist/cjs/BlockCard/views/NotFoundView.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NotFoundView = exports.blockCardNotFoundViewClassName = void 0;
+exports.blockCardNotFoundViewClassName = exports.NotFoundView = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -13,7 +13,7 @@ var _core = require("@emotion/core");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -86,7 +86,7 @@ var NotFoundView = function NotFoundView(_ref) {
       primaryColor: _colors.R300,
       testId: "".concat(testId, "-warning-icon")
     }),
-    text: (0, _core.jsx)(_reactIntl.FormattedMessage, textDescriptionProps)
+    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
   }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_Provider.Provider, {
     name: context.text,
     icon: context.icon

package/dist/cjs/BlockCard/views/ResolvedView.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResolvedView = exports.blockCardResolvedViewByClassName = exports.blockCardResolvedViewClassName = void 0;
+exports.blockCardResolvedViewClassName = exports.blockCardResolvedViewByClassName = exports.ResolvedView = void 0;
 
 var _core = require("@emotion/core");
 

package/dist/cjs/BlockCard/views/ResolvingView.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResolvingView = exports.blockCardResolvingViewClassName = void 0;
+exports.blockCardResolvingViewClassName = exports.ResolvingView = void 0;
 
 var _core = require("@emotion/core");
 
@@ -19,7 +19,7 @@ var _Frame = require("../components/Frame");
 
 var _utils = require("../utils");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -49,7 +49,7 @@ var ResolvingView = function ResolvingView(_ref) {
       color: _colors.N90,
       marginLeft: (0, _utils.gs)(0.5)
     }
-  }, (0, _core.jsx)(_reactIntl.FormattedMessage, _messages.messages.loading)));
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.loading)));
 };
 
 exports.ResolvingView = ResolvingView;

package/dist/cjs/BlockCard/views/UnauthorizedView.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _core = require("@emotion/core");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _Frame = require("../components/Frame");
 
@@ -77,7 +77,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
     testId: testId
   })), (0, _core.jsx)(_Byline.Byline, {
     testId: testId ? "".concat(testId, "-byline") : undefined,
-    text: (0, _core.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, textBylineProps, {
+    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, textBylineProps, {
       values: {
         context: context.text
       }

package/dist/cjs/EmbedCard/components/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AlertWrapper = exports.ActionsWrapper = exports.UsersWrapper = exports.Thumbnail = exports.ResolvedViewIconWrapper = exports.Description = exports.Byline = exports.Title = exports.ContentWrapper = exports.maxAvatarCount = exports.Image = exports.Content = exports.TextWrapper = exports.IconWrapper = exports.Header = exports.embedHeaderHeight = exports.Wrapper = exports.LinkWrapper = exports.cardShadow = exports.className = void 0;
+exports.maxAvatarCount = exports.embedHeaderHeight = exports.className = exports.cardShadow = exports.Wrapper = exports.UsersWrapper = exports.Title = exports.Thumbnail = exports.TextWrapper = exports.ResolvedViewIconWrapper = exports.LinkWrapper = exports.Image = exports.IconWrapper = exports.Header = exports.Description = exports.ContentWrapper = exports.Content = exports.Byline = exports.AlertWrapper = exports.ActionsWrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/EmbedCard/views/ErroredView.js

@@ -19,7 +19,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _Frame = require("../../BlockCard/components/Frame");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -55,12 +55,12 @@ var ErroredView = function ErroredView(_ref) {
       // Fallback options.
       maxHeight: (0, _utils.gs)(3)
     }
-  }, (0, _core.jsx)(_reactIntl.FormattedMessage, _messages.messages.could_not_load_link)), (0, _core.jsx)(_customThemeButton.default, {
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link)), (0, _core.jsx)(_customThemeButton.default, {
     testId: "err-view-retry",
     appearance: "link",
     spacing: "none",
     onClick: onRetry
-  }, (0, _core.jsx)(_reactIntl.FormattedMessage, _messages.messages.try_again)));
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
 };
 
 exports.ErroredView = ErroredView;

package/dist/cjs/EmbedCard/views/UnresolvedView.js

@@ -15,7 +15,7 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -53,7 +53,7 @@ var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       width: (0, _utils.gs)(50),
       textAlign: 'center'
     }
-  }, (0, _core.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[title], {
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[title], {
     values: {
       context: context
     }
@@ -65,7 +65,7 @@ var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       width: (0, _utils.gs)(50),
       lineHeight: (0, _utils.gs)(3)
     }
-  }, (0, _core.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
     values: {
       context: context
     }
@@ -73,7 +73,7 @@ var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
     testId: "button-".concat(button.testId || testId),
     appearance: button.appearance,
     onClick: onClick
-  }, (0, _core.jsx)(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[button.text], {
+  }, (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[button.text], {
     values: {
       context: context
     }

package/dist/cjs/InlineCard/ErroredView/index.js

@@ -37,7 +37,7 @@ var _Icon = require("../Icon");
 
 var _messages = require("../../messages");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styled = require("../styled");
 
@@ -84,7 +84,7 @@ var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         appearance: "subtle-link",
         component: _styled.IconStyledButton,
         onClick: _this.handleRetry
-      }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
+      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
         return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
       })));
     });