@atlaskit/smart-card 16.2.1 → 16.3.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/smart-card
 
+## 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

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

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

@@ -113,6 +113,48 @@ Object.defineProperty(exports, "blockCardIconImageClassName", {
     return _classNames.blockCardIconImageClassName;
   }
 });
+Object.defineProperty(exports, "blockCardResolvedViewByClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardResolvedViewByClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardForbiddenViewLinkClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardForbiddenViewLinkClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardContentClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardContentClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardContentHeaderClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardContentHeaderClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardContentHeaderNameClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardContentHeaderNameClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardNotFoundViewClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardNotFoundViewClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardErroredViewClassName", {
+  enumerable: true,
+  get: function get() {
+    return _classNames.blockCardErroredViewClassName;
+  }
+});
 Object.defineProperty(exports, "loadingPlaceholderClassName", {
   enumerable: true,
   get: function get() {

package/dist/cjs/providers/editor/transformer.js

@@ -19,6 +19,10 @@ var isPolarisView = function isPolarisView(url) {
   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) {
   return url.match(/^https:\/\/.+?\.slack\.com\/archives\/[CG][A-Z0-9]+\/p[0-9]+(\?.*)?$/);
 };
@@ -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/index.js

@@ -212,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;

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

@@ -7,21 +7,24 @@ exports.addMetadataToExperience = exports.failUfoExperience = exports.succeedUfo
 
 var _ufo = require("@atlaskit/ufo");
 
+var inlineExperience = {
+  platform: {
+    component: 'smart-links'
+  },
+  type: _ufo.ExperienceTypes.Experience,
+  performanceType: _ufo.ExperiencePerformanceTypes.InlineResult
+};
+var renderExperience = {
+  platform: {
+    component: 'smart-links'
+  },
+  type: _ufo.ExperienceTypes.Load,
+  performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad
+};
 var ufoExperiences = {
-  'smart-link-rendered': new _ufo.ConcurrentExperience('smart-link-rendered', {
-    type: _ufo.ExperienceTypes.Load,
-    performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad,
-    platform: {
-      component: 'smart-links'
-    }
-  }),
-  'smart-link-authenticated': new _ufo.ConcurrentExperience('smart-link-authenticated', {
-    type: _ufo.ExperienceTypes.Load,
-    performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad,
-    platform: {
-      component: 'smart-links'
-    }
-  })
+  'smart-link-rendered': new _ufo.ConcurrentExperience('smart-link-rendered', renderExperience),
+  'smart-link-authenticated': new _ufo.ConcurrentExperience('smart-link-authenticated', inlineExperience),
+  'smart-link-action-invocation': new _ufo.ConcurrentExperience('smart-link-action-invocation', inlineExperience)
 };
 
 var startUfoExperience = function startUfoExperience(experienceName, id, properties) {

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

@@ -23,8 +23,14 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(dispatchAnalytics) {
       cardClickedEvent: function cardClickedEvent(display, definitionId, extensionKey) {
         return dispatchAnalytics((0, _analytics.uiCardClickedEvent)(display, definitionId, extensionKey));
       },
-      actionClickedEvent: function actionClickedEvent(providerKey, actionType, display) {
-        return dispatchAnalytics((0, _analytics.uiActionClickedEvent)(providerKey, actionType, display));
+      actionClickedEvent: function actionClickedEvent(id, extensionKey, actionType, display, invokeType) {
+        (0, _ufoExperiences.startUfoExperience)('smart-link-action-invocation', id, {
+          actionType: actionType,
+          display: display,
+          extensionKey: extensionKey,
+          invokeType: invokeType
+        });
+        dispatchAnalytics((0, _analytics.uiActionClickedEvent)(extensionKey, actionType, display));
       },
       closedAuthEvent: function closedAuthEvent(display, definitionId, extensionKey) {
         return dispatchAnalytics((0, _analytics.uiClosedAuthEvent)(display, definitionId, extensionKey));
@@ -51,10 +57,12 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(dispatchAnalytics) {
         return dispatchAnalytics((0, _analytics.unresolvedEvent)(id, status, definitionId, extensionKey, resourceType));
       },
       invokeSucceededEvent: function invokeSucceededEvent(id, providerKey, actionType, display) {
-        return dispatchAnalytics((0, _analytics.invokeSucceededEvent)(id, providerKey, actionType, display));
+        (0, _ufoExperiences.succeedUfoExperience)('smart-link-action-invocation', id);
+        dispatchAnalytics((0, _analytics.invokeSucceededEvent)(id, providerKey, actionType, display));
       },
       invokeFailedEvent: function invokeFailedEvent(id, providerKey, actionType, display, reason) {
-        return dispatchAnalytics((0, _analytics.invokeFailedEvent)(id, providerKey, actionType, display, reason));
+        (0, _ufoExperiences.failUfoExperience)('smart-link-action-invocation', id);
+        dispatchAnalytics((0, _analytics.invokeFailedEvent)(id, providerKey, actionType, display, reason));
       },
       connectSucceededEvent: function connectSucceededEvent(id, definitionId, extensionKey) {
         (0, _ufoExperiences.startUfoExperience)('smart-link-authenticated', id, {

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

@@ -109,7 +109,7 @@ var unresolvedEvent = function unresolvedEvent(id, status, definitionId, extensi
 
 exports.unresolvedEvent = unresolvedEvent;
 
-var invokeSucceededEvent = function invokeSucceededEvent(id, providerKey, actionType, display) {
+var invokeSucceededEvent = function invokeSucceededEvent(id, extensionKey, actionType, display) {
   var measure = (0, _performance.getMeasure)(id, 'resolved') || {
     duration: undefined
   };
@@ -121,7 +121,7 @@ var invokeSucceededEvent = function invokeSucceededEvent(id, providerKey, action
       id: id,
       actionType: actionType,
       display: display,
-      definitionId: providerKey,
+      extensionKey: extensionKey,
       duration: measure.duration
     })
   };
@@ -129,7 +129,7 @@ var invokeSucceededEvent = function invokeSucceededEvent(id, providerKey, action
 
 exports.invokeSucceededEvent = invokeSucceededEvent;
 
-var invokeFailedEvent = function invokeFailedEvent(id, providerKey, actionType, display, reason) {
+var invokeFailedEvent = function invokeFailedEvent(id, extensionKey, actionType, display, reason) {
   var measure = (0, _performance.getMeasure)(id, 'errored') || {
     duration: undefined
   };
@@ -141,7 +141,7 @@ var invokeFailedEvent = function invokeFailedEvent(id, providerKey, actionType,
       id: id,
       actionType: actionType,
       display: display,
-      definitionId: providerKey,
+      extensionKey: extensionKey,
       duration: measure.duration,
       reason: reason
     })
@@ -245,14 +245,14 @@ var uiCardClickedEvent = function uiCardClickedEvent(display, definitionId, exte
 
 exports.uiCardClickedEvent = uiCardClickedEvent;
 
-var uiActionClickedEvent = function uiActionClickedEvent(providerKey, actionType, display) {
+var uiActionClickedEvent = function uiActionClickedEvent(extensionKey, actionType, display) {
   return {
     action: 'clicked',
     actionSubject: 'smartLinkAction',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       display: display,
-      definitionId: providerKey,
+      extensionKey: extensionKey,
       actionType: actionType
     })
   };

package/dist/cjs/version.json

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

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

@@ -45,7 +45,7 @@ var BlockCard = function BlockCard(_ref) {
   var extractorOpts = {
     handleAnalytics: handlePreviewAnalytics,
     handleInvoke: handleInvoke,
-    definitionId: (0, _helpers.getDefinitionId)(details)
+    extensionKey: (0, _helpers.getExtensionKey)(details)
   };
 
   switch (status) {

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

@@ -92,7 +92,7 @@ var EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef
         var resolvedBlockViewProps = (0, _block.extractBlockProps)(data, meta, {
           handleAnalytics: handleAnalytics,
           handleInvoke: handleInvoke,
-          definitionId: (0, _helpers.getDefinitionId)(details)
+          extensionKey: (0, _helpers.getExtensionKey)(details)
         });
         return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardResolvedView, (0, _extends2.default)({}, resolvedBlockViewProps, {
           isSelected: isSelected,

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

@@ -35,11 +35,11 @@ export const extractBlockActions = (props, jsonLd, opts, platform) => {
     const {
       handleInvoke,
       handleAnalytics,
-      definitionId,
+      extensionKey,
       testId
     } = opts;
     const actions = extractActions(jsonLd, handleInvoke);
-    const previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
+    const previewAction = extractPreviewAction(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

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

@@ -40,7 +40,7 @@ const getInvokeOpts = (key, action, source) => ({
   }
 });
 
-export const extractPreviewAction = (definitionId = 'empty-object-provider', viewProps, jsonLd, handleInvoke, handleAnalytics, testId, platform) => {
+export const extractPreviewAction = (extensionKey = 'empty-object-provider', viewProps, jsonLd, handleInvoke, handleAnalytics, testId, platform) => {
   // Extract metadata from view props & raw JSON-LD.
   const metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   const metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
@@ -50,7 +50,7 @@ export const extractPreviewAction = (definitionId = 'empty-object-provider', vie
 
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
-    const key = definitionId;
+    const key = extensionKey;
     const previewAction = PreviewAction({ ...metadata,
       testId,
       onOpen: () => {

package/dist/es2019/index.js

@@ -9,5 +9,5 @@ export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
 export { SmartLinkEvents } from './utils/analytics/analytics';
 export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents'; // Classnames for integrators
 
-export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName } from '@atlaskit/media-ui/classNames';
+export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName } from '@atlaskit/media-ui/classNames';
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';

package/dist/es2019/providers/editor/transformer.js

@@ -2,6 +2,8 @@ const isJiraRoadMap = url => url.match(/^https:\/\/.*?\/jira\/software\/(c\/)?pr
 
 const isPolarisView = url => url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+$|^https:\/\/.*?\/secure\/JiraProductDiscoveryAnonymous\.jspa\?hash=\w+|^https:\/\/.*?\/jira\/polaris\/share\/\w+/);
 
+const isJwmView = url => url.match(/^https:\/\/.*?\/jira\/core\/projects\/[^\/]+?\/(timeline|calendar)\/?/);
+
 const isSlackMessage = url => url.match(/^https:\/\/.+?\.slack\.com\/archives\/[CG][A-Z0-9]+\/p[0-9]+(\?.*)?$/);
 
 export class Transformer {
@@ -34,7 +36,7 @@ export class Transformer {
   }
 
   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/es2019/state/actions/index.js

@@ -158,7 +158,7 @@ export const useSmartCardActions = (id, url, analytics) => {
 
     try {
       // 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.
 
       let response;
 

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

@@ -1,19 +1,22 @@
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+const inlineExperience = {
+  platform: {
+    component: 'smart-links'
+  },
+  type: ExperienceTypes.Experience,
+  performanceType: ExperiencePerformanceTypes.InlineResult
+};
+const renderExperience = {
+  platform: {
+    component: 'smart-links'
+  },
+  type: ExperienceTypes.Load,
+  performanceType: ExperiencePerformanceTypes.PageSegmentLoad
+};
 const ufoExperiences = {
-  'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', {
-    type: ExperienceTypes.Load,
-    performanceType: ExperiencePerformanceTypes.PageSegmentLoad,
-    platform: {
-      component: 'smart-links'
-    }
-  }),
-  'smart-link-authenticated': new ConcurrentExperience('smart-link-authenticated', {
-    type: ExperienceTypes.Load,
-    performanceType: ExperiencePerformanceTypes.PageSegmentLoad,
-    platform: {
-      component: 'smart-links'
-    }
-  })
+  'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),
+  'smart-link-authenticated': new ConcurrentExperience('smart-link-authenticated', inlineExperience),
+  'smart-link-action-invocation': new ConcurrentExperience('smart-link-action-invocation', inlineExperience)
 };
 export const startUfoExperience = (experienceName, id, properties) => {
   const experience = ufoExperiences[experienceName].getInstance(id);

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -1,12 +1,20 @@
 import { uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountConnected, screenAuthPopupEvent, instrumentEvent } from '../../utils/analytics';
 import { useMemo } from 'react';
-import { startUfoExperience, succeedUfoExperience } from './ufoExperiences';
+import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 export const useSmartLinkAnalytics = dispatchAnalytics => {
   const ui = useMemo(() => ({
     authEvent: (display, definitionId, extensionKey) => dispatchAnalytics(uiAuthEvent(display, definitionId, extensionKey)),
     authAlternateAccountEvent: (display, definitionId, extensionKey) => dispatchAnalytics(uiAuthAlternateAccountEvent(display, definitionId, extensionKey)),
     cardClickedEvent: (display, definitionId, extensionKey) => dispatchAnalytics(uiCardClickedEvent(display, definitionId, extensionKey)),
-    actionClickedEvent: (providerKey, actionType, display) => dispatchAnalytics(uiActionClickedEvent(providerKey, actionType, display)),
+    actionClickedEvent: (id, extensionKey, actionType, display, invokeType) => {
+      startUfoExperience('smart-link-action-invocation', id, {
+        actionType,
+        display,
+        extensionKey,
+        invokeType
+      });
+      dispatchAnalytics(uiActionClickedEvent(extensionKey, actionType, display));
+    },
     closedAuthEvent: (display, definitionId, extensionKey) => dispatchAnalytics(uiClosedAuthEvent(display, definitionId, extensionKey)),
     renderSuccessEvent: (display, id, definitionId, extensionKey) => {
       succeedUfoExperience('smart-link-rendered', id, {
@@ -23,8 +31,14 @@ export const useSmartLinkAnalytics = dispatchAnalytics => {
   const operational = useMemo(() => ({
     resolvedEvent: (id, definitionId, extensionKey, resourceType) => dispatchAnalytics(resolvedEvent(id, definitionId, extensionKey, resourceType)),
     unresolvedEvent: (id, status, definitionId, extensionKey, resourceType) => dispatchAnalytics(unresolvedEvent(id, status, definitionId, extensionKey, resourceType)),
-    invokeSucceededEvent: (id, providerKey, actionType, display) => dispatchAnalytics(invokeSucceededEvent(id, providerKey, actionType, display)),
-    invokeFailedEvent: (id, providerKey, actionType, display, reason) => dispatchAnalytics(invokeFailedEvent(id, providerKey, actionType, display, reason)),
+    invokeSucceededEvent: (id, providerKey, actionType, display) => {
+      succeedUfoExperience('smart-link-action-invocation', id);
+      dispatchAnalytics(invokeSucceededEvent(id, providerKey, actionType, display));
+    },
+    invokeFailedEvent: (id, providerKey, actionType, display, reason) => {
+      failUfoExperience('smart-link-action-invocation', id);
+      dispatchAnalytics(invokeFailedEvent(id, providerKey, actionType, display, reason));
+    },
     connectSucceededEvent: (id, definitionId, extensionKey) => {
       startUfoExperience('smart-link-authenticated', id, {
         extensionKey,

package/dist/es2019/utils/analytics/analytics.js

@@ -69,7 +69,7 @@ export const unresolvedEvent = (id, status, definitionId, extensionKey, resource
     } : undefined
   }
 });
-export const invokeSucceededEvent = (id, providerKey, actionType, display) => {
+export const invokeSucceededEvent = (id, extensionKey, actionType, display) => {
   const measure = getMeasure(id, 'resolved') || {
     duration: undefined
   };
@@ -81,12 +81,12 @@ export const invokeSucceededEvent = (id, providerKey, actionType, display) => {
       id,
       actionType,
       display,
-      definitionId: providerKey,
+      extensionKey,
       duration: measure.duration
     }
   };
 };
-export const invokeFailedEvent = (id, providerKey, actionType, display, reason) => {
+export const invokeFailedEvent = (id, extensionKey, actionType, display, reason) => {
   const measure = getMeasure(id, 'errored') || {
     duration: undefined
   };
@@ -98,7 +98,7 @@ export const invokeFailedEvent = (id, providerKey, actionType, display, reason)
       id,
       actionType,
       display,
-      definitionId: providerKey,
+      extensionKey,
       duration: measure.duration,
       reason
     }
@@ -179,13 +179,13 @@ export const uiCardClickedEvent = (display, definitionId, extensionKey) => ({
     display
   }
 });
-export const uiActionClickedEvent = (providerKey, actionType, display) => ({
+export const uiActionClickedEvent = (extensionKey, actionType, display) => ({
   action: 'clicked',
   actionSubject: 'smartLinkAction',
   eventType: 'ui',
   attributes: { ...context,
     display,
-    definitionId: providerKey,
+    extensionKey,
     actionType: actionType
   }
 });

package/dist/es2019/version.json

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

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CardLinkView, BlockCardResolvingView, BlockCardErroredView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardResolvedView, BlockCardNotFoundView, AuthorizeAction, ForbiddenAction } from '@atlaskit/media-ui';
-import { getDefinitionId } from '../../state/helpers';
+import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractRequestAccessContext } from '../../extractors/common/context';
@@ -31,7 +31,7 @@ export const BlockCard = ({
   const extractorOpts = {
     handleAnalytics: handlePreviewAnalytics,
     handleInvoke,
-    definitionId: getDefinitionId(details)
+    extensionKey: getExtensionKey(details)
   };
 
   switch (status) {

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

@@ -6,7 +6,7 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { getDefinitionId } from '../../state/helpers';
+import { getExtensionKey } from '../../state/helpers';
 import { extractRequestAccessContext } from '../../extractors/common/context';
 export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   url,
@@ -75,7 +75,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         const resolvedBlockViewProps = extractBlockProps(data, meta, {
           handleAnalytics,
           handleInvoke,
-          definitionId: getDefinitionId(details)
+          extensionKey: getExtensionKey(details)
         });
         return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, resolvedBlockViewProps, {
           isSelected: isSelected,

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

@@ -44,10 +44,10 @@ export var extractBlockActions = function extractBlockActions(props, jsonLd, opt
   if (opts) {
     var handleInvoke = opts.handleInvoke,
         handleAnalytics = opts.handleAnalytics,
-        definitionId = opts.definitionId,
+        extensionKey = opts.extensionKey,
         testId = opts.testId;
     var actions = extractActions(jsonLd, handleInvoke);
-    var previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
+    var previewAction = extractPreviewAction(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

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

@@ -53,7 +53,7 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
 };
 
 export 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;
@@ -69,7 +69,7 @@ export var extractPreviewAction = function extractPreviewAction() {
 
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
-    var key = definitionId;
+    var key = extensionKey;
     var previewAction = PreviewAction(_objectSpread(_objectSpread({}, metadata), {}, {
       testId: testId,
       onOpen: function onOpen() {

package/dist/esm/index.js

@@ -9,5 +9,5 @@ export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
 export { SmartLinkEvents } from './utils/analytics/analytics';
 export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents'; // Classnames for integrators
 
-export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName } from '@atlaskit/media-ui/classNames';
+export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName } from '@atlaskit/media-ui/classNames';
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';

package/dist/esm/providers/editor/transformer.js

@@ -9,6 +9,10 @@ var isPolarisView = function isPolarisView(url) {
   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) {
   return url.match(/^https:\/\/.+?\.slack\.com\/archives\/[CG][A-Z0-9]+\/p[0-9]+(\?.*)?$/);
 };
@@ -52,7 +56,7 @@ export 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/esm/state/actions/index.js

@@ -185,7 +185,7 @@ export 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;

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

@@ -1,19 +1,22 @@
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+var inlineExperience = {
+  platform: {
+    component: 'smart-links'
+  },
+  type: ExperienceTypes.Experience,
+  performanceType: ExperiencePerformanceTypes.InlineResult
+};
+var renderExperience = {
+  platform: {
+    component: 'smart-links'
+  },
+  type: ExperienceTypes.Load,
+  performanceType: ExperiencePerformanceTypes.PageSegmentLoad
+};
 var ufoExperiences = {
-  'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', {
-    type: ExperienceTypes.Load,
-    performanceType: ExperiencePerformanceTypes.PageSegmentLoad,
-    platform: {
-      component: 'smart-links'
-    }
-  }),
-  'smart-link-authenticated': new ConcurrentExperience('smart-link-authenticated', {
-    type: ExperienceTypes.Load,
-    performanceType: ExperiencePerformanceTypes.PageSegmentLoad,
-    platform: {
-      component: 'smart-links'
-    }
-  })
+  'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),
+  'smart-link-authenticated': new ConcurrentExperience('smart-link-authenticated', inlineExperience),
+  'smart-link-action-invocation': new ConcurrentExperience('smart-link-action-invocation', inlineExperience)
 };
 export var startUfoExperience = function startUfoExperience(experienceName, id, properties) {
   var experience = ufoExperiences[experienceName].getInstance(id);

package/dist/esm/state/analytics/useSmartLinkAnalytics.js

@@ -1,6 +1,6 @@
 import { uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, resolvedEvent as _resolvedEvent, unresolvedEvent as _unresolvedEvent, invokeSucceededEvent as _invokeSucceededEvent, invokeFailedEvent as _invokeFailedEvent, connectSucceededEvent as _connectSucceededEvent, connectFailedEvent as _connectFailedEvent, trackAppAccountConnected, screenAuthPopupEvent, instrumentEvent } from '../../utils/analytics';
 import { useMemo } from 'react';
-import { startUfoExperience, succeedUfoExperience } from './ufoExperiences';
+import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 export var useSmartLinkAnalytics = function useSmartLinkAnalytics(dispatchAnalytics) {
   var ui = useMemo(function () {
     return {
@@ -13,8 +13,14 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(dispatchAnalyt
       cardClickedEvent: function cardClickedEvent(display, definitionId, extensionKey) {
         return dispatchAnalytics(uiCardClickedEvent(display, definitionId, extensionKey));
       },
-      actionClickedEvent: function actionClickedEvent(providerKey, actionType, display) {
-        return dispatchAnalytics(uiActionClickedEvent(providerKey, actionType, display));
+      actionClickedEvent: function actionClickedEvent(id, extensionKey, actionType, display, invokeType) {
+        startUfoExperience('smart-link-action-invocation', id, {
+          actionType: actionType,
+          display: display,
+          extensionKey: extensionKey,
+          invokeType: invokeType
+        });
+        dispatchAnalytics(uiActionClickedEvent(extensionKey, actionType, display));
       },
       closedAuthEvent: function closedAuthEvent(display, definitionId, extensionKey) {
         return dispatchAnalytics(uiClosedAuthEvent(display, definitionId, extensionKey));
@@ -41,10 +47,12 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(dispatchAnalyt
         return dispatchAnalytics(_unresolvedEvent(id, status, definitionId, extensionKey, resourceType));
       },
       invokeSucceededEvent: function invokeSucceededEvent(id, providerKey, actionType, display) {
-        return dispatchAnalytics(_invokeSucceededEvent(id, providerKey, actionType, display));
+        succeedUfoExperience('smart-link-action-invocation', id);
+        dispatchAnalytics(_invokeSucceededEvent(id, providerKey, actionType, display));
       },
       invokeFailedEvent: function invokeFailedEvent(id, providerKey, actionType, display, reason) {
-        return dispatchAnalytics(_invokeFailedEvent(id, providerKey, actionType, display, reason));
+        failUfoExperience('smart-link-action-invocation', id);
+        dispatchAnalytics(_invokeFailedEvent(id, providerKey, actionType, display, reason));
       },
       connectSucceededEvent: function connectSucceededEvent(id, definitionId, extensionKey) {
         startUfoExperience('smart-link-authenticated', id, {

package/dist/esm/utils/analytics/analytics.js

@@ -82,7 +82,7 @@ export var unresolvedEvent = function unresolvedEvent(id, status, definitionId,
     })
   };
 };
-export var invokeSucceededEvent = function invokeSucceededEvent(id, providerKey, actionType, display) {
+export var invokeSucceededEvent = function invokeSucceededEvent(id, extensionKey, actionType, display) {
   var measure = getMeasure(id, 'resolved') || {
     duration: undefined
   };
@@ -94,12 +94,12 @@ export var invokeSucceededEvent = function invokeSucceededEvent(id, providerKey,
       id: id,
       actionType: actionType,
       display: display,
-      definitionId: providerKey,
+      extensionKey: extensionKey,
       duration: measure.duration
     })
   };
 };
-export var invokeFailedEvent = function invokeFailedEvent(id, providerKey, actionType, display, reason) {
+export var invokeFailedEvent = function invokeFailedEvent(id, extensionKey, actionType, display, reason) {
   var measure = getMeasure(id, 'errored') || {
     duration: undefined
   };
@@ -111,7 +111,7 @@ export var invokeFailedEvent = function invokeFailedEvent(id, providerKey, actio
       id: id,
       actionType: actionType,
       display: display,
-      definitionId: providerKey,
+      extensionKey: extensionKey,
       duration: measure.duration,
       reason: reason
     })
@@ -194,14 +194,14 @@ export var uiCardClickedEvent = function uiCardClickedEvent(display, definitionI
     })
   };
 };
-export var uiActionClickedEvent = function uiActionClickedEvent(providerKey, actionType, display) {
+export var uiActionClickedEvent = function uiActionClickedEvent(extensionKey, actionType, display) {
   return {
     action: 'clicked',
     actionSubject: 'smartLinkAction',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       display: display,
-      definitionId: providerKey,
+      extensionKey: extensionKey,
       actionType: actionType
     })
   };

package/dist/esm/version.json

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

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CardLinkView, BlockCardResolvingView, BlockCardErroredView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardResolvedView, BlockCardNotFoundView, AuthorizeAction, ForbiddenAction } from '@atlaskit/media-ui';
-import { getDefinitionId } from '../../state/helpers';
+import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractRequestAccessContext } from '../../extractors/common/context';
@@ -29,7 +29,7 @@ export var BlockCard = function BlockCard(_ref) {
   var extractorOpts = {
     handleAnalytics: handlePreviewAnalytics,
     handleInvoke: handleInvoke,
-    definitionId: getDefinitionId(details)
+    extensionKey: getExtensionKey(details)
   };
 
   switch (status) {

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

@@ -6,7 +6,7 @@ import { extractEmbedProps } from '../../extractors/embed';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractBlockProps } from '../../extractors/block';
-import { getDefinitionId } from '../../state/helpers';
+import { getExtensionKey } from '../../state/helpers';
 import { extractRequestAccessContext } from '../../extractors/common/context';
 export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c;
@@ -73,7 +73,7 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         var resolvedBlockViewProps = extractBlockProps(data, meta, {
           handleAnalytics: handleAnalytics,
           handleInvoke: handleInvoke,
-          definitionId: getDefinitionId(details)
+          extensionKey: getExtensionKey(details)
         });
         return /*#__PURE__*/React.createElement(BlockCardResolvedView, _extends({}, resolvedBlockViewProps, {
           isSelected: isSelected,

package/dist/types/extractors/block/types.d.ts

@@ -3,6 +3,6 @@ import { AnalyticsHandler } from '../../utils/types';
 export interface ExtractBlockOpts {
     handleInvoke: InvokeHandler;
     handleAnalytics: AnalyticsHandler;
-    definitionId?: string;
+    extensionKey?: string;
     testId?: string;
 }

package/dist/types/extractors/common/actions/extractPreviewAction.d.ts

@@ -2,4 +2,4 @@ import { BlockCardResolvedViewProps } from '@atlaskit/media-ui';
 import { JsonLd } from 'json-ld-types';
 import { InvokeHandler } from '../../../model/invoke-handler';
 import { AnalyticsHandler } from '../../../utils/types';
-export declare const extractPreviewAction: (definitionId: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("@atlaskit/media-ui").ActionProps | undefined;
+export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("@atlaskit/media-ui").ActionProps | undefined;

package/dist/types/index.d.ts

@@ -14,5 +14,5 @@ export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageL
 export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
 export { SmartLinkEvents } from './utils/analytics/analytics';
 export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents';
-export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, } from '@atlaskit/media-ui/classNames';
+export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName, } from '@atlaskit/media-ui/classNames';
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';

package/dist/types/state/analytics/ufoExperiences.d.ts

@@ -1,5 +1,5 @@
 import { CustomData } from '@atlaskit/ufo';
-declare type UfoExperienceName = 'smart-link-rendered' | 'smart-link-authenticated';
+declare type UfoExperienceName = 'smart-link-rendered' | 'smart-link-authenticated' | 'smart-link-action-invocation';
 export declare const startUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;
 export declare const succeedUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;
 export declare const failUfoExperience: (experienceName: UfoExperienceName, id: string, properties?: CustomData | undefined) => void;

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -2,12 +2,13 @@ import { AnalyticsHandler } from '../../utils/types';
 import { CardInnerAppearance } from '../../view/Card/types';
 import { CardType } from '../store/types';
 import { APIError } from '../../client/errors';
+import { InvokeType } from '../../model/invoke-opts';
 export declare const useSmartLinkAnalytics: (dispatchAnalytics: AnalyticsHandler) => {
     ui: {
         authEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         authAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         cardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-        actionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => void;
+        actionClickedEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance, invokeType: InvokeType) => void;
         closedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         renderSuccessEvent: (display: CardInnerAppearance, id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
     };

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -13,7 +13,7 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
             authEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             authAlternateAccountEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             cardClickedEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
-            actionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => void;
+            actionClickedEvent: (id: string, extensionKey: string, actionType: string, display: import("../../view/Card/types").CardInnerAppearance, invokeType: import("../../model/invoke-opts").InvokeType) => void;
             closedAuthEvent: (display: import("../../view/Card/types").CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
             renderSuccessEvent: (display: import("../../view/Card/types").CardInnerAppearance, id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         };

package/dist/types/utils/analytics/analytics.d.ts

@@ -15,15 +15,15 @@ export declare class SmartLinkEvents {
 export declare const fireSmartLinkEvent: (payload: AnalyticsPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined) => void;
 export declare const resolvedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => AnalyticsPayload;
 export declare const unresolvedEvent: (id: string, status: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined, error?: APIError | undefined) => AnalyticsPayload;
-export declare const invokeSucceededEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance) => AnalyticsPayload;
-export declare const invokeFailedEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance, reason: string) => AnalyticsPayload;
+export declare const invokeSucceededEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance) => AnalyticsPayload;
+export declare const invokeFailedEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance, reason: string) => AnalyticsPayload;
 export declare const connectSucceededEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const connectFailedEvent: (definitionId?: string | undefined, extensionKey?: string | undefined, reason?: string | undefined) => AnalyticsPayload;
 export declare const trackAppAccountConnected: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiCardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
-export declare const uiActionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
+export declare const uiActionClickedEvent: (extensionKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiRenderSuccessEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "16.2.1",
+  "version": "16.3.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -8,18 +8,12 @@
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
-  "sideEffects": false,
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "sideEffects": false,
   "atlaskit:src": "src/index.ts",
-  "af:exports": {
-    "./in-product": "./src/in-product.ts",
-    "./client": "./src/client/index.ts",
-    "./types": "./src/types.ts",
-    ".": "./src/index.ts"
-  },
   "atlassian": {
     "team": "Linking Platform",
     "releaseModel": "scheduled",
@@ -35,8 +29,8 @@
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/media-ui": "^17.1.0",
-    "@atlaskit/outbound-auth-flow-client": "^3.1.0",
+    "@atlaskit/media-ui": "^17.2.0",
+    "@atlaskit/outbound-auth-flow-client": "^3.3.0",
     "@atlaskit/theme": "^12.0.0",
     "@atlaskit/ufo": "^0.0.6",
     "@babel/runtime": "^7.0.0",
@@ -64,7 +58,7 @@
     "@atlaskit/form": "^8.4.0",
     "@atlaskit/inline-message": "^11.1.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-test-helpers": "^28.8.0",
+    "@atlaskit/media-test-helpers": "^28.9.0",
     "@atlaskit/page": "^12.0.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/select": "^15.2.0",
@@ -95,5 +89,11 @@
     "typescript": "3.9.6",
     "xhr-mock": "^2.4.0"
   },
+  "af:exports": {
+    "./in-product": "./src/in-product.ts",
+    "./client": "./src/client/index.ts",
+    "./types": "./src/types.ts",
+    ".": "./src/index.ts"
+  },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }