@atlaskit/smart-card 16.3.0 → 17.0.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @atlaskit/smart-card
 
+## 17.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>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.3.0
 
 ### Minor Changes

package/dist/cjs/client/api.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.request = request;
 exports.NetworkError = void 0;
+exports.request = request;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/client/types/responses.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isErrorResponse = exports.isSuccessfulResponse = void 0;
+exports.isSuccessfulResponse = exports.isErrorResponse = void 0;
 
 // Used to catch any other errors - not server-side.
 var isSuccessfulResponse = function isSuccessfulResponse(response) {

package/dist/cjs/client/utils/environments.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.getResolverUrl = exports.getBaseUrl = exports.BaseUrls = void 0;
+exports.getResolverUrl = exports.getBaseUrl = exports.default = exports.BaseUrls = void 0;
 var devBaseUrl = 'https://api-private.dev.atlassian.com';
 var stgBaseUrl = 'https://commerce-components-preview.dev.atlassian.com/gateway/api';
 var prodBaseUrl = 'https://api-private.atlassian.com';

package/dist/cjs/extractors/block/index.js

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

package/dist/cjs/extractors/common/byline/extractByline.js

@@ -9,7 +9,9 @@ exports.extractByline = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
+
+var _intlUtils = require("@formatjs/intl-utils");
 
 var _extractPersonUpdatedBy = require("../person/extractPersonUpdatedBy");
 
@@ -24,15 +26,25 @@ var extractByline = function extractByline(jsonLd) {
   var createdAt = (0, _extractDateCreated.extractDateCreated)(jsonLd);
 
   if (updatedAt) {
+    var _selectUnit = (0, _intlUtils.selectUnit)(new Date(updatedAt).getTime()),
+        value = _selectUnit.value,
+        unit = _selectUnit.unit;
+
     var updatedBy = (0, _extractPersonUpdatedBy.extractPersonUpdatedBy)(jsonLd);
-    return /*#__PURE__*/_react.default.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedRelative, {
-      value: updatedAt
+    return /*#__PURE__*/_react.default.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedRelativeTime, {
+      value: value,
+      unit: unit
     }));
   } else if (createdAt) {
+    var _selectUnit2 = (0, _intlUtils.selectUnit)(new Date(createdAt).getTime()),
+        _value = _selectUnit2.value,
+        _unit = _selectUnit2.unit;
+
     var createdBy = (0, _extractPersonCreatedBy.extractPersonCreatedBy)(jsonLd);
     var createdByPerson = extractFirstPerson(createdBy);
-    return /*#__PURE__*/_react.default.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedRelative, {
-      value: createdAt
+    return /*#__PURE__*/_react.default.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedRelativeTime, {
+      value: _value,
+      unit: _unit
     }));
   }
 };

package/dist/cjs/extractors/common/lozenge/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OMIT_STATES = exports.VALID_STATES = exports.isValidAppearance = void 0;
+exports.isValidAppearance = exports.VALID_STATES = exports.OMIT_STATES = void 0;
 var VALID_APPEARANCES = ['default', 'success', 'removed', 'inprogress', 'new', 'moved'];
 
 var isValidAppearance = function isValidAppearance(appearance) {

package/dist/cjs/extractors/common/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractPersonFromJsonLd = exports.extractUrlFromIconJsonLd = exports.extractUrlFromLinkJsonLd = void 0;
+exports.extractUrlFromLinkJsonLd = exports.extractUrlFromIconJsonLd = exports.extractPersonFromJsonLd = void 0;
 
 var extractUrlFromLinkJsonLd = function extractUrlFromLinkJsonLd(link) {
   if (typeof link === 'string') {

package/dist/cjs/extractors/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.JIRA_CUSTOM_TASK_TYPE = exports.JIRA_PROBLEM = exports.JIRA_CHANGE = exports.JIRA_SERVICE_REQUEST = exports.JIRA_INCIDENT = exports.JIRA_EPIC = exports.JIRA_BUG = exports.JIRA_STORY = exports.JIRA_SUB_TASK = exports.JIRA_TASK = exports.JIRA_GENERATOR_ID = exports.CONFLUENCE_GENERATOR_ID = void 0;
+exports.JIRA_TASK = exports.JIRA_SUB_TASK = exports.JIRA_STORY = exports.JIRA_SERVICE_REQUEST = exports.JIRA_PROBLEM = exports.JIRA_INCIDENT = exports.JIRA_GENERATOR_ID = exports.JIRA_EPIC = exports.JIRA_CUSTOM_TASK_TYPE = exports.JIRA_CHANGE = exports.JIRA_BUG = exports.CONFLUENCE_GENERATOR_ID = void 0;
 var CONFLUENCE_GENERATOR_ID = 'https://www.atlassian.com/#Confluence';
 exports.CONFLUENCE_GENERATOR_ID = CONFLUENCE_GENERATOR_ID;
 var JIRA_GENERATOR_ID = 'https://www.atlassian.com/#Jira'; // To support icons for all Jira task types.

package/dist/cjs/in-product.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "InlineCardPageObject", {
-  enumerable: true,
-  get: function get() {
-    return _tests_external__.InlineCardPageObject;
-  }
-});
 Object.defineProperty(exports, "BlockCardPageObject", {
   enumerable: true,
   get: function get() {
@@ -21,10 +15,10 @@ Object.defineProperty(exports, "EmbedCardPageObject", {
     return _tests_external__.EmbedCardPageObject;
   }
 });
-Object.defineProperty(exports, "inlineSmartLinkRendersTestCase", {
+Object.defineProperty(exports, "InlineCardPageObject", {
   enumerable: true,
   get: function get() {
-    return _tests_external__.inlineSmartLinkRendersTestCase;
+    return _tests_external__.InlineCardPageObject;
   }
 });
 Object.defineProperty(exports, "blockSmartLinkRendersTestCase", {
@@ -39,5 +33,11 @@ Object.defineProperty(exports, "embedSmartLinkRendersTestCase", {
     return _tests_external__.embedSmartLinkRendersTestCase;
   }
 });
+Object.defineProperty(exports, "inlineSmartLinkRendersTestCase", {
+  enumerable: true,
+  get: function get() {
+    return _tests_external__.inlineSmartLinkRendersTestCase;
+  }
+});
 
 var _tests_external__ = require("./__tests_external__");

package/dist/cjs/index.js

@@ -5,28 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Provider", {
-  enumerable: true,
-  get: function get() {
-    return _state.SmartCardProvider;
-  }
-});
-Object.defineProperty(exports, "SmartCardContext", {
-  enumerable: true,
-  get: function get() {
-    return _state.SmartCardContext;
-  }
-});
-Object.defineProperty(exports, "EditorCardProvider", {
+Object.defineProperty(exports, "APIError", {
   enumerable: true,
   get: function get() {
-    return _editor.EditorCardProvider;
+    return _errors.APIError;
   }
 });
-Object.defineProperty(exports, "editorCardProvider", {
+Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
-    return _editor.editorCardProvider;
+    return _Card.Card;
   }
 });
 Object.defineProperty(exports, "Client", {
@@ -35,34 +23,34 @@ Object.defineProperty(exports, "Client", {
     return _client.default;
   }
 });
-Object.defineProperty(exports, "APIError", {
+Object.defineProperty(exports, "Context", {
   enumerable: true,
   get: function get() {
-    return _errors.APIError;
+    return _context.default;
   }
 });
-Object.defineProperty(exports, "Card", {
+Object.defineProperty(exports, "EditorCardProvider", {
   enumerable: true,
   get: function get() {
-    return _Card.Card;
+    return _editor.EditorCardProvider;
   }
 });
-Object.defineProperty(exports, "Context", {
+Object.defineProperty(exports, "EmbedResizeMessageListener", {
   enumerable: true,
   get: function get() {
-    return _context.default;
+    return _EmbedResizeMessageListener.EmbedResizeMessageListener;
   }
 });
-Object.defineProperty(exports, "EmbedResizeMessageListener", {
+Object.defineProperty(exports, "Provider", {
   enumerable: true,
   get: function get() {
-    return _EmbedResizeMessageListener.EmbedResizeMessageListener;
+    return _state.SmartCardProvider;
   }
 });
-Object.defineProperty(exports, "embedHeaderHeight", {
+Object.defineProperty(exports, "SmartCardContext", {
   enumerable: true,
   get: function get() {
-    return _embeds.embedHeaderHeight;
+    return _state.SmartCardContext;
   }
 });
 Object.defineProperty(exports, "SmartLinkEvents", {
@@ -71,40 +59,40 @@ Object.defineProperty(exports, "SmartLinkEvents", {
     return _analytics.SmartLinkEvents;
   }
 });
-Object.defineProperty(exports, "useSmartLinkEvents", {
+Object.defineProperty(exports, "blockCardContentClassName", {
   enumerable: true,
   get: function get() {
-    return _useSmartLinkEvents.useSmartLinkEvents;
+    return _classNames.blockCardContentClassName;
   }
 });
-Object.defineProperty(exports, "contentFooterClassName", {
+Object.defineProperty(exports, "blockCardContentHeaderClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.contentFooterClassName;
+    return _classNames.blockCardContentHeaderClassName;
   }
 });
-Object.defineProperty(exports, "metadataListClassName", {
+Object.defineProperty(exports, "blockCardContentHeaderNameClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.metadataListClassName;
+    return _classNames.blockCardContentHeaderNameClassName;
   }
 });
-Object.defineProperty(exports, "blockCardResolvingViewClassName", {
+Object.defineProperty(exports, "blockCardErroredViewClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardResolvingViewClassName;
+    return _classNames.blockCardErroredViewClassName;
   }
 });
-Object.defineProperty(exports, "blockCardResolvedViewClassName", {
+Object.defineProperty(exports, "blockCardForbiddenViewClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardResolvedViewClassName;
+    return _classNames.blockCardForbiddenViewClassName;
   }
 });
-Object.defineProperty(exports, "blockCardForbiddenViewClassName", {
+Object.defineProperty(exports, "blockCardForbiddenViewLinkClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardForbiddenViewClassName;
+    return _classNames.blockCardForbiddenViewLinkClassName;
   }
 });
 Object.defineProperty(exports, "blockCardIconImageClassName", {
@@ -113,46 +101,46 @@ Object.defineProperty(exports, "blockCardIconImageClassName", {
     return _classNames.blockCardIconImageClassName;
   }
 });
-Object.defineProperty(exports, "blockCardResolvedViewByClassName", {
+Object.defineProperty(exports, "blockCardNotFoundViewClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardResolvedViewByClassName;
+    return _classNames.blockCardNotFoundViewClassName;
   }
 });
-Object.defineProperty(exports, "blockCardForbiddenViewLinkClassName", {
+Object.defineProperty(exports, "blockCardResolvedViewByClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardForbiddenViewLinkClassName;
+    return _classNames.blockCardResolvedViewByClassName;
   }
 });
-Object.defineProperty(exports, "blockCardContentClassName", {
+Object.defineProperty(exports, "blockCardResolvedViewClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardContentClassName;
+    return _classNames.blockCardResolvedViewClassName;
   }
 });
-Object.defineProperty(exports, "blockCardContentHeaderClassName", {
+Object.defineProperty(exports, "blockCardResolvingViewClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardContentHeaderClassName;
+    return _classNames.blockCardResolvingViewClassName;
   }
 });
-Object.defineProperty(exports, "blockCardContentHeaderNameClassName", {
+Object.defineProperty(exports, "contentFooterClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardContentHeaderNameClassName;
+    return _classNames.contentFooterClassName;
   }
 });
-Object.defineProperty(exports, "blockCardNotFoundViewClassName", {
+Object.defineProperty(exports, "editorCardProvider", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardNotFoundViewClassName;
+    return _editor.editorCardProvider;
   }
 });
-Object.defineProperty(exports, "blockCardErroredViewClassName", {
+Object.defineProperty(exports, "embedHeaderHeight", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardErroredViewClassName;
+    return _embeds.embedHeaderHeight;
   }
 });
 Object.defineProperty(exports, "loadingPlaceholderClassName", {
@@ -161,6 +149,18 @@ Object.defineProperty(exports, "loadingPlaceholderClassName", {
     return _LazyFallback.loadingPlaceholderClassName;
   }
 });
+Object.defineProperty(exports, "metadataListClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.metadataListClassName;
+  }
+});
+Object.defineProperty(exports, "useSmartLinkEvents", {
+  enumerable: true,
+  get: function get() {
+    return _useSmartLinkEvents.useSmartLinkEvents;
+  }
+});
 
 var _state = require("./state");
 

package/dist/cjs/state/actions/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ERROR_MESSAGE_FATAL = exports.ERROR_MESSAGE_OAUTH = exports.ANALYTICS_FALLBACK = exports.ANALYTICS_ERROR = exports.ANALYTICS_RESOLVING = exports.ACTION_PRELOAD = exports.ACTION_ERROR_FALLBACK = exports.ACTION_ERROR = exports.ACTION_RESOLVED = exports.ACTION_RESOLVING = exports.ACTION_PENDING = void 0;
+exports.ERROR_MESSAGE_OAUTH = exports.ERROR_MESSAGE_FATAL = exports.ANALYTICS_RESOLVING = exports.ANALYTICS_FALLBACK = exports.ANALYTICS_ERROR = exports.ACTION_RESOLVING = exports.ACTION_RESOLVED = exports.ACTION_PRELOAD = exports.ACTION_PENDING = exports.ACTION_ERROR_FALLBACK = exports.ACTION_ERROR = void 0;
 var ACTION_PENDING = 'pending';
 exports.ACTION_PENDING = ACTION_PENDING;
 var ACTION_RESOLVING = 'resolving';

package/dist/cjs/state/analytics/index.js

@@ -3,28 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "startUfoExperience", {
+Object.defineProperty(exports, "addMetadataToExperience", {
   enumerable: true,
   get: function get() {
-    return _ufoExperiences.startUfoExperience;
+    return _ufoExperiences.addMetadataToExperience;
   }
 });
-Object.defineProperty(exports, "succeedUfoExperience", {
+Object.defineProperty(exports, "failUfoExperience", {
   enumerable: true,
   get: function get() {
-    return _ufoExperiences.succeedUfoExperience;
+    return _ufoExperiences.failUfoExperience;
   }
 });
-Object.defineProperty(exports, "failUfoExperience", {
+Object.defineProperty(exports, "startUfoExperience", {
   enumerable: true,
   get: function get() {
-    return _ufoExperiences.failUfoExperience;
+    return _ufoExperiences.startUfoExperience;
   }
 });
-Object.defineProperty(exports, "addMetadataToExperience", {
+Object.defineProperty(exports, "succeedUfoExperience", {
   enumerable: true,
   get: function get() {
-    return _ufoExperiences.addMetadataToExperience;
+    return _ufoExperiences.succeedUfoExperience;
   }
 });
 Object.defineProperty(exports, "useSmartLinkAnalytics", {

package/dist/cjs/state/analytics/ufoExperiences.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addMetadataToExperience = exports.failUfoExperience = exports.succeedUfoExperience = exports.startUfoExperience = void 0;
+exports.succeedUfoExperience = exports.startUfoExperience = exports.failUfoExperience = exports.addMetadataToExperience = void 0;
 
 var _ufo = require("@atlaskit/ufo");
 

package/dist/cjs/state/context/index.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSmartLinkContext = useSmartLinkContext;
+exports.SmartCardContext = void 0;
 Object.defineProperty(exports, "SmartCardProvider", {
   enumerable: true,
   get: function get() {
     return _provider.SmartCardProvider;
   }
 });
-exports.default = exports.SmartCardContext = void 0;
+exports.default = void 0;
+exports.useSmartLinkContext = useSmartLinkContext;
 
 var _react = require("react");
 

package/dist/cjs/state/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isFinalState = exports.getStatus = exports.isVisible = exports.isAccessible = exports.hasResolved = exports.getServices = exports.getResourceType = exports.getExtensionKey = exports.getDefinitionId = exports.getClickUrl = exports.getUrl = exports.getByDefinitionId = void 0;
+exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.getUrl = exports.getStatus = exports.getServices = exports.getResourceType = exports.getExtensionKey = exports.getDefinitionId = exports.getClickUrl = exports.getByDefinitionId = void 0;
 
 var _extractVisitUrl = require("../extractors/common/primitives/extractVisitUrl");
 

package/dist/cjs/state/index.js

@@ -15,10 +15,10 @@ Object.defineProperty(exports, "SmartCardProvider", {
     return _context.SmartCardProvider;
   }
 });
-Object.defineProperty(exports, "useSmartLinkContext", {
+Object.defineProperty(exports, "usePrefetch", {
   enumerable: true,
   get: function get() {
-    return _context.useSmartLinkContext;
+    return _hooks.usePrefetch;
   }
 });
 Object.defineProperty(exports, "useSmartLink", {
@@ -27,10 +27,10 @@ Object.defineProperty(exports, "useSmartLink", {
     return _hooks.useSmartLink;
   }
 });
-Object.defineProperty(exports, "usePrefetch", {
+Object.defineProperty(exports, "useSmartLinkContext", {
   enumerable: true,
   get: function get() {
-    return _hooks.usePrefetch;
+    return _context.useSmartLinkContext;
   }
 });
 

package/dist/cjs/utils/analytics/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uiRenderFailedEvent = exports.uiRenderSuccessEvent = exports.screenAuthPopupEvent = exports.uiClosedAuthEvent = exports.uiActionClickedEvent = exports.uiCardClickedEvent = exports.uiAuthAlternateAccountEvent = exports.uiAuthEvent = exports.trackAppAccountConnected = exports.connectFailedEvent = exports.connectSucceededEvent = exports.invokeFailedEvent = exports.invokeSucceededEvent = exports.unresolvedEvent = exports.resolvedEvent = exports.fireSmartLinkEvent = exports.SmartLinkEvents = exports.context = exports.ANALYTICS_CHANNEL = void 0;
+exports.unresolvedEvent = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackAppAccountConnected = exports.screenAuthPopupEvent = exports.resolvedEvent = exports.invokeSucceededEvent = exports.invokeFailedEvent = exports.fireSmartLinkEvent = exports.context = exports.connectSucceededEvent = exports.connectFailedEvent = exports.SmartLinkEvents = exports.ANALYTICS_CHANNEL = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

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

@@ -11,52 +11,53 @@ Object.defineProperty(exports, "ANALYTICS_CHANNEL", {
     return _analytics.ANALYTICS_CHANNEL;
   }
 });
-Object.defineProperty(exports, "context", {
+Object.defineProperty(exports, "connectFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.context;
+    return _analytics.connectFailedEvent;
   }
 });
-Object.defineProperty(exports, "fireSmartLinkEvent", {
+Object.defineProperty(exports, "connectSucceededEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.fireSmartLinkEvent;
+    return _analytics.connectSucceededEvent;
   }
 });
-Object.defineProperty(exports, "resolvedEvent", {
+Object.defineProperty(exports, "context", {
   enumerable: true,
   get: function get() {
-    return _analytics.resolvedEvent;
+    return _analytics.context;
   }
 });
-Object.defineProperty(exports, "unresolvedEvent", {
+Object.defineProperty(exports, "fireSmartLinkEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.unresolvedEvent;
+    return _analytics.fireSmartLinkEvent;
   }
 });
-Object.defineProperty(exports, "invokeSucceededEvent", {
+exports.instrumentEvent = void 0;
+Object.defineProperty(exports, "invokeFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.invokeSucceededEvent;
+    return _analytics.invokeFailedEvent;
   }
 });
-Object.defineProperty(exports, "invokeFailedEvent", {
+Object.defineProperty(exports, "invokeSucceededEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.invokeFailedEvent;
+    return _analytics.invokeSucceededEvent;
   }
 });
-Object.defineProperty(exports, "connectSucceededEvent", {
+Object.defineProperty(exports, "resolvedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.connectSucceededEvent;
+    return _analytics.resolvedEvent;
   }
 });
-Object.defineProperty(exports, "connectFailedEvent", {
+Object.defineProperty(exports, "screenAuthPopupEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.connectFailedEvent;
+    return _analytics.screenAuthPopupEvent;
   }
 });
 Object.defineProperty(exports, "trackAppAccountConnected", {
@@ -65,10 +66,10 @@ Object.defineProperty(exports, "trackAppAccountConnected", {
     return _analytics.trackAppAccountConnected;
   }
 });
-Object.defineProperty(exports, "uiAuthEvent", {
+Object.defineProperty(exports, "uiActionClickedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiAuthEvent;
+    return _analytics.uiActionClickedEvent;
   }
 });
 Object.defineProperty(exports, "uiAuthAlternateAccountEvent", {
@@ -77,16 +78,16 @@ Object.defineProperty(exports, "uiAuthAlternateAccountEvent", {
     return _analytics.uiAuthAlternateAccountEvent;
   }
 });
-Object.defineProperty(exports, "uiCardClickedEvent", {
+Object.defineProperty(exports, "uiAuthEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiCardClickedEvent;
+    return _analytics.uiAuthEvent;
   }
 });
-Object.defineProperty(exports, "uiActionClickedEvent", {
+Object.defineProperty(exports, "uiCardClickedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiActionClickedEvent;
+    return _analytics.uiCardClickedEvent;
   }
 });
 Object.defineProperty(exports, "uiClosedAuthEvent", {
@@ -95,10 +96,10 @@ Object.defineProperty(exports, "uiClosedAuthEvent", {
     return _analytics.uiClosedAuthEvent;
   }
 });
-Object.defineProperty(exports, "screenAuthPopupEvent", {
+Object.defineProperty(exports, "uiRenderFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.screenAuthPopupEvent;
+    return _analytics.uiRenderFailedEvent;
   }
 });
 Object.defineProperty(exports, "uiRenderSuccessEvent", {
@@ -107,13 +108,12 @@ Object.defineProperty(exports, "uiRenderSuccessEvent", {
     return _analytics.uiRenderSuccessEvent;
   }
 });
-Object.defineProperty(exports, "uiRenderFailedEvent", {
+Object.defineProperty(exports, "unresolvedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiRenderFailedEvent;
+    return _analytics.unresolvedEvent;
   }
 });
-exports.instrumentEvent = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/utils/index.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLabelForFileType = exports.getIconForFileType = exports.isSpecialClick = exports.isSpecialKey = exports.isIframe = exports.isSpecialEvent = exports.isCardWithData = void 0;
+exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIframe = exports.isCardWithData = exports.getLabelForFileType = exports.getIconForFileType = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/utils/mocks.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.waitFor = exports.fakeFactory = exports.fakeResponse = exports.mocks = void 0;
+exports.waitFor = exports.mocks = exports.fakeResponse = exports.fakeFactory = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/utils/performance.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.create = exports.mark = exports.getMeasure = exports.clearMeasures = exports.clearMarks = exports.getMeasureName = exports.getMarkName = void 0;
+exports.mark = exports.getMeasureName = exports.getMeasure = exports.getMarkName = exports.create = exports.clearMeasures = exports.clearMarks = void 0;
 
 var isPerformanceAPIAvailable = function isPerformanceAPIAvailable() {
   return typeof window !== 'undefined' && 'performance' in window && ['measure', 'clearMeasures', 'clearMarks', 'getEntriesByName', 'getEntriesByType'].every(function (api) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "16.3.0",
+	"version": "17.0.0",
 	"sideEffects": false
 }

package/dist/cjs/view/Card/index.js

@@ -29,6 +29,8 @@ var _utils = require("../../utils");
 
 var _analytics = require("../../utils/analytics");
 
+var _reactIntlNext = require("react-intl-next");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -46,11 +48,16 @@ var PlainCard = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(PlainCard, [{
     key: "render",
     value: function render() {
-      return (0, _utils.isCardWithData)(this.props) ? /*#__PURE__*/_react.default.createElement(_loader.CardWithDataRenderer, this.props) : /*#__PURE__*/_react.default.createElement(_loader2.CardWithURLRenderer, this.props);
+      var content = (0, _utils.isCardWithData)(this.props) ? /*#__PURE__*/_react.default.createElement(_loader.CardWithDataRenderer, this.props) : /*#__PURE__*/_react.default.createElement(_loader2.CardWithURLRenderer, this.props);
+      return this.props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+        locale: "en"
+      }, content);
     }
   }]);
   return PlainCard;
 }(_react.default.PureComponent);
 
-var Card = (0, _analyticsNext.withAnalyticsContext)(_analytics.context)((0, _analyticsNext.withAnalyticsEvents)()(PlainCard));
+var Card = (0, _analyticsNext.withAnalyticsContext)(_analytics.context)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(PlainCard, {
+  enforceContext: false
+})));
 exports.Card = Card;

package/dist/cjs/view/CardWithUrl/component-lazy/LazyFallback.js

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

package/dist/es2019/extractors/common/byline/extractByline.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { FormattedRelative } from 'react-intl';
+import { FormattedRelativeTime } from 'react-intl-next';
+import { selectUnit } from '@formatjs/intl-utils';
 import { extractPersonUpdatedBy } from '../person/extractPersonUpdatedBy';
 import { extractPersonCreatedBy } from '../person/extractPersonCreatedBy';
 import { extractDateCreated } from '../date/extractDateCreated';
@@ -9,15 +10,25 @@ export const extractByline = jsonLd => {
   const createdAt = extractDateCreated(jsonLd);
 
   if (updatedAt) {
+    const {
+      value,
+      unit
+    } = selectUnit(new Date(updatedAt).getTime());
     const updatedBy = extractPersonUpdatedBy(jsonLd);
-    return /*#__PURE__*/React.createElement("span", null, "Updated ", updatedBy && `by ${updatedBy.name}`, ' ', /*#__PURE__*/React.createElement(FormattedRelative, {
-      value: updatedAt
+    return /*#__PURE__*/React.createElement("span", null, "Updated ", updatedBy && `by ${updatedBy.name}`, ' ', /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: value,
+      unit: unit
     }));
   } else if (createdAt) {
+    const {
+      value,
+      unit
+    } = selectUnit(new Date(createdAt).getTime());
     const createdBy = extractPersonCreatedBy(jsonLd);
     const createdByPerson = extractFirstPerson(createdBy);
-    return /*#__PURE__*/React.createElement("span", null, "Created ", createdByPerson && `by ${createdByPerson.name}`, ' ', /*#__PURE__*/React.createElement(FormattedRelative, {
-      value: createdAt
+    return /*#__PURE__*/React.createElement("span", null, "Created ", createdByPerson && `by ${createdByPerson.name}`, ' ', /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: value,
+      unit: unit
     }));
   }
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "16.3.0",
+	"version": "17.0.0",
 	"sideEffects": false
 }

package/dist/es2019/view/Card/index.js

@@ -4,12 +4,18 @@ import { CardWithDataRenderer } from '../CardWithData/loader';
 import { CardWithURLRenderer } from '../CardWithUrl/loader';
 import { isCardWithData } from '../../utils';
 import { context } from '../../utils/analytics';
+import { injectIntl, IntlProvider } from 'react-intl-next';
 
 class PlainCard extends React.PureComponent {
   render() {
-    return isCardWithData(this.props) ? /*#__PURE__*/React.createElement(CardWithDataRenderer, this.props) : /*#__PURE__*/React.createElement(CardWithURLRenderer, this.props);
+    const content = isCardWithData(this.props) ? /*#__PURE__*/React.createElement(CardWithDataRenderer, this.props) : /*#__PURE__*/React.createElement(CardWithURLRenderer, this.props);
+    return this.props.intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
+      locale: "en"
+    }, content);
   }
 
 }
 
-export const Card = withAnalyticsContext(context)(withAnalyticsEvents()(PlainCard));
+export const Card = withAnalyticsContext(context)(withAnalyticsEvents()(injectIntl(PlainCard, {
+  enforceContext: false
+})));

package/dist/esm/extractors/common/byline/extractByline.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { FormattedRelative } from 'react-intl';
+import { FormattedRelativeTime } from 'react-intl-next';
+import { selectUnit } from '@formatjs/intl-utils';
 import { extractPersonUpdatedBy } from '../person/extractPersonUpdatedBy';
 import { extractPersonCreatedBy } from '../person/extractPersonCreatedBy';
 import { extractDateCreated } from '../date/extractDateCreated';
@@ -9,15 +10,25 @@ export var extractByline = function extractByline(jsonLd) {
   var createdAt = extractDateCreated(jsonLd);
 
   if (updatedAt) {
+    var _selectUnit = selectUnit(new Date(updatedAt).getTime()),
+        value = _selectUnit.value,
+        unit = _selectUnit.unit;
+
     var updatedBy = extractPersonUpdatedBy(jsonLd);
-    return /*#__PURE__*/React.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/React.createElement(FormattedRelative, {
-      value: updatedAt
+    return /*#__PURE__*/React.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: value,
+      unit: unit
     }));
   } else if (createdAt) {
+    var _selectUnit2 = selectUnit(new Date(createdAt).getTime()),
+        _value = _selectUnit2.value,
+        _unit = _selectUnit2.unit;
+
     var createdBy = extractPersonCreatedBy(jsonLd);
     var createdByPerson = extractFirstPerson(createdBy);
-    return /*#__PURE__*/React.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/React.createElement(FormattedRelative, {
-      value: createdAt
+    return /*#__PURE__*/React.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: _value,
+      unit: _unit
     }));
   }
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "16.3.0",
+	"version": "17.0.0",
 	"sideEffects": false
 }

package/dist/esm/view/Card/index.js

@@ -14,6 +14,7 @@ import { CardWithDataRenderer } from '../CardWithData/loader';
 import { CardWithURLRenderer } from '../CardWithUrl/loader';
 import { isCardWithData } from '../../utils';
 import { context } from '../../utils/analytics';
+import { injectIntl, IntlProvider } from 'react-intl-next';
 
 var PlainCard = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(PlainCard, _React$PureComponent);
@@ -29,11 +30,16 @@ var PlainCard = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(PlainCard, [{
     key: "render",
     value: function render() {
-      return isCardWithData(this.props) ? /*#__PURE__*/React.createElement(CardWithDataRenderer, this.props) : /*#__PURE__*/React.createElement(CardWithURLRenderer, this.props);
+      var content = isCardWithData(this.props) ? /*#__PURE__*/React.createElement(CardWithDataRenderer, this.props) : /*#__PURE__*/React.createElement(CardWithURLRenderer, this.props);
+      return this.props.intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
+        locale: "en"
+      }, content);
     }
   }]);
 
   return PlainCard;
 }(React.PureComponent);
 
-export var Card = withAnalyticsContext(context)(withAnalyticsEvents()(PlainCard));
+export var Card = withAnalyticsContext(context)(withAnalyticsEvents()(injectIntl(PlainCard, {
+  enforceContext: false
+})));

package/dist/types/state/context/provider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProviderProps } from './types';
 export declare function SmartCardProvider({ storeOptions, client: customClient, authFlow: customAuthFlow, children, renderers, }: CardProviderProps): JSX.Element;
 export type { CardProviderProps as ProviderProps };

package/dist/types/utils/test-utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProviderProps } from '../state';
 export declare const renderHook: (callback: Function) => JSX.Element;
 export declare const renderSmartLinkHook: (callback: Function, providerProps?: Partial<ProviderProps> | undefined) => JSX.Element;

package/dist/types/view/Card/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<CardProps, "data" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "data" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+import { WrappedComponentProps } from 'react-intl-next';
+export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "forwardedRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "key" | "forwardedRef" | "analyticsContext"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export declare function LazyLazilyRenderCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component-lazy/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export default function LazyCardWithUrlContent(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from './types';
 export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, }: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/loader.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardProps } from '../Card/types';
 export declare function CardWithURLRenderer(props: CardProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "16.3.0",
+  "version": "17.0.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,11 +29,12 @@
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/media-ui": "^17.2.0",
+    "@atlaskit/media-ui": "^18.0.0",
     "@atlaskit/outbound-auth-flow-client": "^3.3.0",
     "@atlaskit/theme": "^12.0.0",
     "@atlaskit/ufo": "^0.0.6",
     "@babel/runtime": "^7.0.0",
+    "@formatjs/intl-utils": "^3.8.4",
     "async-retry": "^1.2.3",
     "dataloader": "^2.0.0",
     "json-ld-types": "2.3.0",
@@ -47,7 +48,7 @@
   },
   "peerDependencies": {
     "react": "^16.8.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
@@ -56,9 +57,9 @@
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^8.4.0",
-    "@atlaskit/inline-message": "^11.1.0",
+    "@atlaskit/inline-message": "^11.2.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-test-helpers": "^28.9.0",
+    "@atlaskit/media-test-helpers": "^29.0.0",
     "@atlaskit/page": "^12.0.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/select": "^15.2.0",
@@ -84,7 +85,7 @@
     "mockdate": "^3.0.2",
     "react": "^16.8.0",
     "react-ace": "^6.1.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "react-test-renderer": "^16.8.0",
     "typescript": "3.9.6",
     "xhr-mock": "^2.4.0"