@atlaskit/smart-card 16.1.1 → 17.0.0

package/CHANGELOG.md

@@ -1,5 +1,103 @@
 # @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
+
+- [`af29def3dac`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af29def3dac) - expose missing smart-card classnames
+
+  ```
+  import {
+    blockCardResolvedViewByClassName,
+    blockCardForbiddenViewLinkClassName,
+    blockCardContentClassName,
+    blockCardContentHeaderClassName,
+    blockCardContentHeaderNameClassName,
+    blockCardNotFoundViewClassName,
+    blockCardErroredViewClassName,
+  } from '@atlaskit/smart-card'
+
+  css`
+    .${blockCardContentHeaderNameClassName} {
+      background-color: red;
+    }
+  `
+  ```
+
+- [`e7b325a766c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7b325a766c) - [ux] Jira Work Management (JWM) Calendar view links will be converted into smart link embed by default
+- [`b2664acc865`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2664acc865) - [ux] Jira Work Management (JWM) Timeline view links will be converted into smart link embed by default
+
+### Patch Changes
+
+- [`bea1d5c0a96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bea1d5c0a96) - Add UFO instrumentation for action invocation. Send extensionKey for client actions as intended, instead of definitionId
+- [`89aa3e3f314`](https://bitbucket.org/atlassian/atlassian-frontend/commits/89aa3e3f314) - Update dependency of dropdown menu to the lite mode version. Update all usages to cater to the new API. The padding within dropdown menu items is 8px more, which makes the menu look bigger.
+- Updated dependencies
+
+## 16.2.1
+
+### Patch Changes
+
+- [`d7f743bbbdd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7f743bbbdd) - useCallback for dispatchAnalytics to prevent multiple events firing on hover
+
+## 16.2.0
+
+### Minor Changes
+
+- [`0448db49f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0448db49f68) - Implement UFO instrumentation events pattern
+
+### Patch Changes
+
+- [`df4e03438f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df4e03438f2) - Add post render authentication experience using UFO
+- [`7d13155a61c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d13155a61c) - Updated smart links to UFO with perf metrics
+- [`572581a2ae3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/572581a2ae3) - Polaris (Jira Product Discovery) anonymous views unfurling embed by default.
+- Updated dependencies
+
 ## 16.1.1
 
 ### Patch 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,9 +3,9 @@
 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://api-private.stg.atlassian.com';
+var stgBaseUrl = 'https://commerce-components-preview.dev.atlassian.com/gateway/api';
 var prodBaseUrl = 'https://api-private.atlassian.com';
 var BaseUrls = {
   dev: devBaseUrl,

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"));
 
@@ -67,10 +67,10 @@ var extractBlockActions = function extractBlockActions(props, jsonLd, opts, plat
   if (opts) {
     var handleInvoke = opts.handleInvoke,
         handleAnalytics = opts.handleAnalytics,
-        definitionId = opts.definitionId,
+        extensionKey = opts.extensionKey,
         testId = opts.testId;
     var actions = (0, _extractActions.extractActions)(jsonLd, handleInvoke);
-    var previewAction = (0, _extractPreviewAction.extractPreviewAction)(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
+    var previewAction = (0, _extractPreviewAction.extractPreviewAction)(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

package/dist/cjs/extractors/common/actions/extractPreviewAction.js

@@ -66,7 +66,7 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
 };
 
 var extractPreviewAction = function extractPreviewAction() {
-  var definitionId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'empty-object-provider';
+  var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'empty-object-provider';
   var viewProps = arguments.length > 1 ? arguments[1] : undefined;
   var jsonLd = arguments.length > 2 ? arguments[2] : undefined;
   var handleInvoke = arguments.length > 3 ? arguments[3] : undefined;
@@ -82,7 +82,7 @@ var extractPreviewAction = function extractPreviewAction() {
 
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
-    var key = definitionId;
+    var key = extensionKey;
     var previewAction = (0, _mediaUi.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
       testId: testId,
       onOpen: function onOpen() {

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,16 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Provider", {
+Object.defineProperty(exports, "APIError", {
   enumerable: true,
   get: function get() {
-    return _state.SmartCardProvider;
+    return _errors.APIError;
   }
 });
-Object.defineProperty(exports, "SmartCardContext", {
+Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
-    return _state.SmartCardContext;
+    return _Card.Card;
+  }
+});
+Object.defineProperty(exports, "Client", {
+  enumerable: true,
+  get: function get() {
+    return _client.default;
+  }
+});
+Object.defineProperty(exports, "Context", {
+  enumerable: true,
+  get: function get() {
+    return _context.default;
   }
 });
 Object.defineProperty(exports, "EditorCardProvider", {
@@ -23,76 +35,82 @@ Object.defineProperty(exports, "EditorCardProvider", {
     return _editor.EditorCardProvider;
   }
 });
-Object.defineProperty(exports, "editorCardProvider", {
+Object.defineProperty(exports, "EmbedResizeMessageListener", {
   enumerable: true,
   get: function get() {
-    return _editor.editorCardProvider;
+    return _EmbedResizeMessageListener.EmbedResizeMessageListener;
   }
 });
-Object.defineProperty(exports, "Client", {
+Object.defineProperty(exports, "Provider", {
   enumerable: true,
   get: function get() {
-    return _client.default;
+    return _state.SmartCardProvider;
   }
 });
-Object.defineProperty(exports, "APIError", {
+Object.defineProperty(exports, "SmartCardContext", {
   enumerable: true,
   get: function get() {
-    return _errors.APIError;
+    return _state.SmartCardContext;
   }
 });
-Object.defineProperty(exports, "Card", {
+Object.defineProperty(exports, "SmartLinkEvents", {
   enumerable: true,
   get: function get() {
-    return _Card.Card;
+    return _analytics.SmartLinkEvents;
   }
 });
-Object.defineProperty(exports, "Context", {
+Object.defineProperty(exports, "blockCardContentClassName", {
   enumerable: true,
   get: function get() {
-    return _context.default;
+    return _classNames.blockCardContentClassName;
   }
 });
-Object.defineProperty(exports, "EmbedResizeMessageListener", {
+Object.defineProperty(exports, "blockCardContentHeaderClassName", {
   enumerable: true,
   get: function get() {
-    return _EmbedResizeMessageListener.EmbedResizeMessageListener;
+    return _classNames.blockCardContentHeaderClassName;
   }
 });
-Object.defineProperty(exports, "embedHeaderHeight", {
+Object.defineProperty(exports, "blockCardContentHeaderNameClassName", {
   enumerable: true,
   get: function get() {
-    return _embeds.embedHeaderHeight;
+    return _classNames.blockCardContentHeaderNameClassName;
   }
 });
-Object.defineProperty(exports, "SmartLinkEvents", {
+Object.defineProperty(exports, "blockCardErroredViewClassName", {
   enumerable: true,
   get: function get() {
-    return _analytics.SmartLinkEvents;
+    return _classNames.blockCardErroredViewClassName;
   }
 });
-Object.defineProperty(exports, "useSmartLinkEvents", {
+Object.defineProperty(exports, "blockCardForbiddenViewClassName", {
   enumerable: true,
   get: function get() {
-    return _useSmartLinkEvents.useSmartLinkEvents;
+    return _classNames.blockCardForbiddenViewClassName;
   }
 });
-Object.defineProperty(exports, "contentFooterClassName", {
+Object.defineProperty(exports, "blockCardForbiddenViewLinkClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.contentFooterClassName;
+    return _classNames.blockCardForbiddenViewLinkClassName;
   }
 });
-Object.defineProperty(exports, "metadataListClassName", {
+Object.defineProperty(exports, "blockCardIconImageClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.metadataListClassName;
+    return _classNames.blockCardIconImageClassName;
   }
 });
-Object.defineProperty(exports, "blockCardResolvingViewClassName", {
+Object.defineProperty(exports, "blockCardNotFoundViewClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardResolvingViewClassName;
+    return _classNames.blockCardNotFoundViewClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardResolvedViewByClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardResolvedViewByClassName;
   }
 });
 Object.defineProperty(exports, "blockCardResolvedViewClassName", {
@@ -101,16 +119,28 @@ Object.defineProperty(exports, "blockCardResolvedViewClassName", {
     return _classNames.blockCardResolvedViewClassName;
   }
 });
-Object.defineProperty(exports, "blockCardForbiddenViewClassName", {
+Object.defineProperty(exports, "blockCardResolvingViewClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardForbiddenViewClassName;
+    return _classNames.blockCardResolvingViewClassName;
   }
 });
-Object.defineProperty(exports, "blockCardIconImageClassName", {
+Object.defineProperty(exports, "contentFooterClassName", {
   enumerable: true,
   get: function get() {
-    return _classNames.blockCardIconImageClassName;
+    return _classNames.contentFooterClassName;
+  }
+});
+Object.defineProperty(exports, "editorCardProvider", {
+  enumerable: true,
+  get: function get() {
+    return _editor.editorCardProvider;
+  }
+});
+Object.defineProperty(exports, "embedHeaderHeight", {
+  enumerable: true,
+  get: function get() {
+    return _embeds.embedHeaderHeight;
   }
 });
 Object.defineProperty(exports, "loadingPlaceholderClassName", {
@@ -119,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/providers/editor/transformer.js

@@ -16,7 +16,11 @@ var isJiraRoadMap = function isJiraRoadMap(url) {
 };
 
 var isPolarisView = function isPolarisView(url) {
-  return url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+$/);
+  return url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+$|^https:\/\/.*?\/secure\/JiraProductDiscoveryAnonymous\.jspa\?hash=\w+|^https:\/\/.*?\/jira\/polaris\/share\/\w+/);
+};
+
+var isJwmView = function isJwmView(url) {
+  return url.match(/^https:\/\/.*?\/jira\/core\/projects\/[^\/]+?\/(timeline|calendar)\/?/);
 };
 
 var isSlackMessage = function isSlackMessage(url) {
@@ -62,7 +66,7 @@ var Transformer = /*#__PURE__*/function () {
   }, {
     key: "toAdf",
     value: function toAdf(url, appearance) {
-      if (isJiraRoadMap(url) || isPolarisView(url)) {
+      if (isJiraRoadMap(url) || isPolarisView(url) || isJwmView(url)) {
         return this.buildEmbedAdf(url);
       } else if (isSlackMessage(url)) {
         return this.buildBlockAdf(url);

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/actions/index.js

@@ -31,6 +31,8 @@ var _errors = require("../../client/errors");
 
 var _jsonld = require("../../utils/jsonld");
 
+var _analytics = require("../analytics");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -124,7 +126,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
             isReloading = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
 
             if (!(isReloading || !hasData)) {
-              _context.next = 4;
+              _context.next = 6;
               break;
             }
 
@@ -134,13 +136,18 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
               return handleResolvedLinkError(resourceUrl, error);
             }));
 
-          case 4:
+          case 6:
+            (0, _analytics.addMetadataToExperience)('smart-link-rendered', id, {
+              cached: true
+            });
+
+          case 7:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
-  })), [url, hasData, connections.client, handleResolvedLinkResponse, handleResolvedLinkError]);
+  })), [url, hasData, connections.client, handleResolvedLinkResponse, handleResolvedLinkError, id]);
   var register = (0, _react.useCallback)(function () {
     if (!details) {
       dispatch((0, _helpers.cardAction)(_constants.ACTION_PENDING, {
@@ -178,10 +185,10 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
       analytics.screen.authPopupEvent(definitionId, extensionKey);
       (0, _outboundAuthFlowClient.auth)(services[0].url).then(function () {
         analytics.track.appAccountConnected(definitionId, extensionKey);
-        analytics.operational.connectSucceededEvent(definitionId, extensionKey);
+        analytics.operational.connectSucceededEvent(id, definitionId, extensionKey);
         reload();
       }, function (err) {
-        analytics.operational.connectFailedEvent(definitionId, extensionKey, err.type);
+        analytics.operational.connectFailedEvent(id, definitionId, extensionKey, err.type);
 
         if (err.type === 'auth_window_closed') {
           analytics.ui.closedAuthEvent(appearance, definitionId, extensionKey);
@@ -190,7 +197,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
         reload();
       });
     }
-  }, [analytics.ui, analytics.screen, analytics.track, analytics.operational, reload, details, status]);
+  }, [analytics.ui, analytics.screen, analytics.track, analytics.operational, id, reload, details, status]);
   var invoke = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(opts, appearance) {
       var key, action, source, markName, response;
@@ -205,7 +212,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
               measure.mark(markName, 'pending');
               _context2.prev = 4;
               // Begin analytics instrumentation.
-              analytics.ui.actionClickedEvent(key, action.type, source); // Invoke action - either client-side or server-side.
+              analytics.ui.actionClickedEvent(id, key, action.type, source, opts.type); // Invoke action - either client-side or server-side.
 
               if (!(opts.type === 'client')) {
                 _context2.next = 12;