@atlaskit/smart-card 23.7.3 → 23.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 23.8.0
+
+### Minor Changes
+
+- [`d739aa7120c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d739aa7120c) - [ux] Analytics is added for Unauthorised view of Hover Card & to Unauthorised view of an Embed card & to Unauthorised view of a Block Card
+
 ## 23.7.3
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.ActionName = void 0;
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.MediaType = exports.MediaPlacement = exports.IconType = exports.ElementName = exports.CardDisplay = exports.CONTENT_URL_SECURITY_AND_PERMISSIONS = exports.ActionName = void 0;
 var CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
 /**
  * The alignment of Flexible UI component.
@@ -259,4 +259,16 @@ exports.MediaPlacement = MediaPlacement;
 (function (MediaPlacement) {
   MediaPlacement["Left"] = "left";
   MediaPlacement["Right"] = "right";
-})(MediaPlacement || (exports.MediaPlacement = MediaPlacement = {}));
+})(MediaPlacement || (exports.MediaPlacement = MediaPlacement = {}));
+
+var CardDisplay;
+exports.CardDisplay = CardDisplay;
+
+(function (CardDisplay) {
+  CardDisplay["Inline"] = "inline";
+  CardDisplay["Block"] = "block";
+  CardDisplay["Embed"] = "embed";
+  CardDisplay["EmbedPreview"] = "embedPreview";
+  CardDisplay["Flexible"] = "flexible";
+  CardDisplay["HoverCardPreview"] = "hoverCardPreview";
+})(CardDisplay || (exports.CardDisplay = CardDisplay = {}));

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

@@ -15,6 +15,8 @@ var _extractors = require("@atlaskit/linking-common/extractors");
 
 var _BlockCard = require("../../../view/BlockCard");
 
+var _constants = require("../../../constants");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -51,7 +53,7 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
     // the actions on the preview state are invoked from the
     // preview card. Hence, we have a `source` for distinguishing
     // between the two.
-    source: source || 'preview',
+    source: source || _constants.CardDisplay.EmbedPreview,
     action: {
       type: action,
       promise: function promise() {

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

@@ -388,7 +388,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
             resourceType = _ref9.resourceType,
             destinationProduct = _ref9.destinationProduct,
             destinationSubproduct = _ref9.destinationSubproduct,
-            location = _ref9.location;
+            location = _ref9.location,
+            status = _ref9.status;
         return dispatchAnalytics(applyCommonAttributes((0, _analytics.uiHoverCardViewedEvent)({
           id: id,
           previewDisplay: previewDisplay,
@@ -398,7 +399,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
           destinationProduct: destinationProduct,
           destinationSubproduct: destinationSubproduct,
           location: location,
-          previewInvokeMethod: previewInvokeMethod
+          previewInvokeMethod: previewInvokeMethod,
+          status: status
         }), commonAttributes));
       },
 
@@ -407,7 +409,7 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
        * @param hoverDisplay Whether the hover preview was displayed as a card or embed.
        * @param hoverTime The duration that the user hovered over a Smart Link before the preview was dismissed.
        * @param definitionId The definitionId of the Smart Link resolver invoked.
-       * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+       * @param extensionKey The extensionKey of the Smart Link resolver invoked.
        * @param previewInvokeMethod How the preview was triggered.
        * @returns
        */
@@ -421,7 +423,8 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
             resourceType = _ref10.resourceType,
             destinationProduct = _ref10.destinationProduct,
             destinationSubproduct = _ref10.destinationSubproduct,
-            location = _ref10.location;
+            location = _ref10.location,
+            status = _ref10.status;
         return dispatchAnalytics(applyCommonAttributes((0, _analytics.uiHoverCardDismissedEvent)({
           previewDisplay: previewDisplay,
           id: id,
@@ -432,8 +435,18 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
           destinationProduct: destinationProduct,
           destinationSubproduct: destinationSubproduct,
           location: location,
-          previewInvokeMethod: previewInvokeMethod
+          previewInvokeMethod: previewInvokeMethod,
+          status: status
         }), commonAttributes));
+      },
+
+      /**
+       * Fires an event that signifies that a "Learn More" link was clicked on an unauthenticated card
+       * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+       * @param location The location where a link is displayed (jiraWebLinks, confluencePages etc)
+       */
+      learnMoreClickedEvent: function learnMoreClickedEvent() {
+        return dispatchAnalytics(applyCommonAttributes((0, _analytics.uiLearnMoreLinkClickedEvent)(), commonAttributes));
       }
     };
   }, [defaultId, commonAttributes, dispatchAnalytics]);
@@ -611,7 +624,7 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
   var track = (0, _react.useMemo)(function () {
     return {
       /**
-       * This fires an event which represents a user starting the Smart Link connect account process.
+       * This fires an event which represents a user connecting their account to view a Smart Link.
        * @param definitionId The definitionId of the Smart Link resolver invoked.
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @returns
@@ -631,6 +644,21 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
           destinationSubproduct: destinationSubproduct,
           location: location
         })), commonAttributes));
+      },
+
+      /**
+       * This fires an event which represents a user starting the Smart Link connect account process.
+       * @param location a location where the Smart Link auth action was initiated.
+       * @param extensionKey The extensionKey of the Smart Link resolver invoked.
+       * @returns
+       */
+      appAccountAuthStarted: function appAccountAuthStarted(_ref17) {
+        var extensionKey = _ref17.extensionKey,
+            location = _ref17.location;
+        return dispatchAnalytics(applyCommonAttributes((0, _analytics.trackAppAccountAuthStarted)(_objectSpread(_objectSpread({}, commonAttributes), {}, {
+          extensionKey: extensionKey,
+          location: location
+        })), commonAttributes));
       }
     };
   }, [commonAttributes, dispatchAnalytics]);
@@ -644,13 +672,13 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @returns
        */
-      authPopupEvent: function authPopupEvent(_ref17) {
-        var extensionKey = _ref17.extensionKey,
-            definitionId = _ref17.definitionId,
-            resourceType = _ref17.resourceType,
-            destinationProduct = _ref17.destinationProduct,
-            destinationSubproduct = _ref17.destinationSubproduct,
-            location = _ref17.location;
+      authPopupEvent: function authPopupEvent(_ref18) {
+        var extensionKey = _ref18.extensionKey,
+            definitionId = _ref18.definitionId,
+            resourceType = _ref18.resourceType,
+            destinationProduct = _ref18.destinationProduct,
+            destinationSubproduct = _ref18.destinationSubproduct,
+            location = _ref18.location;
         return dispatchAnalytics(applyCommonAttributes((0, _analytics.screenAuthPopupEvent)(_objectSpread(_objectSpread({}, commonAttributes), {}, {
           extensionKey: extensionKey,
           definitionId: definitionId,

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.unresolvedEvent = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiHoverCardViewedEvent = exports.uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardDismissedEvent = 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;
+exports.unresolvedEvent = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiLearnMoreLinkClickedEvent = exports.uiHoverCardViewedEvent = exports.uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardDismissedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackAppAccountConnected = exports.trackAppAccountAuthStarted = 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"));
 
@@ -257,13 +257,29 @@ var trackAppAccountConnected = function trackAppAccountConnected(_ref6) {
 
 exports.trackAppAccountConnected = trackAppAccountConnected;
 
-var uiAuthEvent = function uiAuthEvent(_ref7) {
-  var definitionId = _ref7.definitionId,
-      extensionKey = _ref7.extensionKey,
-      destinationProduct = _ref7.destinationProduct,
-      destinationSubproduct = _ref7.destinationSubproduct,
-      location = _ref7.location,
-      display = _ref7.display;
+var trackAppAccountAuthStarted = function trackAppAccountAuthStarted(_ref7) {
+  var extensionKey = _ref7.extensionKey,
+      location = _ref7.location;
+  return {
+    action: 'authStarted',
+    actionSubject: 'applicationAccount',
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      extensionKey: extensionKey,
+      location: location
+    })
+  };
+};
+
+exports.trackAppAccountAuthStarted = trackAppAccountAuthStarted;
+
+var uiAuthEvent = function uiAuthEvent(_ref8) {
+  var definitionId = _ref8.definitionId,
+      extensionKey = _ref8.extensionKey,
+      destinationProduct = _ref8.destinationProduct,
+      destinationSubproduct = _ref8.destinationSubproduct,
+      location = _ref8.location,
+      display = _ref8.display;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -282,13 +298,13 @@ var uiAuthEvent = function uiAuthEvent(_ref7) {
 
 exports.uiAuthEvent = uiAuthEvent;
 
-var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref8) {
-  var definitionId = _ref8.definitionId,
-      extensionKey = _ref8.extensionKey,
-      destinationProduct = _ref8.destinationProduct,
-      destinationSubproduct = _ref8.destinationSubproduct,
-      location = _ref8.location,
-      display = _ref8.display;
+var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref9) {
+  var definitionId = _ref9.definitionId,
+      extensionKey = _ref9.extensionKey,
+      destinationProduct = _ref9.destinationProduct,
+      destinationSubproduct = _ref9.destinationSubproduct,
+      location = _ref9.location,
+      display = _ref9.display;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -307,17 +323,17 @@ var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref8) {
 
 exports.uiAuthAlternateAccountEvent = uiAuthAlternateAccountEvent;
 
-var uiCardClickedEvent = function uiCardClickedEvent(_ref9) {
-  var id = _ref9.id,
-      display = _ref9.display,
-      status = _ref9.status,
-      definitionId = _ref9.definitionId,
-      extensionKey = _ref9.extensionKey,
-      isModifierKeyPressed = _ref9.isModifierKeyPressed,
-      location = _ref9.location,
-      destinationProduct = _ref9.destinationProduct,
-      destinationSubproduct = _ref9.destinationSubproduct,
-      actionSubjectId = _ref9.actionSubjectId;
+var uiCardClickedEvent = function uiCardClickedEvent(_ref10) {
+  var id = _ref10.id,
+      display = _ref10.display,
+      status = _ref10.status,
+      definitionId = _ref10.definitionId,
+      extensionKey = _ref10.extensionKey,
+      isModifierKeyPressed = _ref10.isModifierKeyPressed,
+      location = _ref10.location,
+      destinationProduct = _ref10.destinationProduct,
+      destinationSubproduct = _ref10.destinationSubproduct,
+      actionSubjectId = _ref10.actionSubjectId;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
@@ -339,15 +355,15 @@ var uiCardClickedEvent = function uiCardClickedEvent(_ref9) {
 
 exports.uiCardClickedEvent = uiCardClickedEvent;
 
-var uiActionClickedEvent = function uiActionClickedEvent(_ref10) {
-  var id = _ref10.id,
-      actionType = _ref10.actionType,
-      extensionKey = _ref10.extensionKey,
-      display = _ref10.display,
-      definitionId = _ref10.definitionId,
-      destinationProduct = _ref10.destinationProduct,
-      destinationSubproduct = _ref10.destinationSubproduct,
-      location = _ref10.location;
+var uiActionClickedEvent = function uiActionClickedEvent(_ref11) {
+  var id = _ref11.id,
+      actionType = _ref11.actionType,
+      extensionKey = _ref11.extensionKey,
+      display = _ref11.display,
+      definitionId = _ref11.definitionId,
+      destinationProduct = _ref11.destinationProduct,
+      destinationSubproduct = _ref11.destinationSubproduct,
+      location = _ref11.location;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -368,13 +384,13 @@ var uiActionClickedEvent = function uiActionClickedEvent(_ref10) {
 
 exports.uiActionClickedEvent = uiActionClickedEvent;
 
-var uiClosedAuthEvent = function uiClosedAuthEvent(_ref11) {
-  var display = _ref11.display,
-      extensionKey = _ref11.extensionKey,
-      definitionId = _ref11.definitionId,
-      destinationProduct = _ref11.destinationProduct,
-      destinationSubproduct = _ref11.destinationSubproduct,
-      location = _ref11.location;
+var uiClosedAuthEvent = function uiClosedAuthEvent(_ref12) {
+  var display = _ref12.display,
+      extensionKey = _ref12.extensionKey,
+      definitionId = _ref12.definitionId,
+      destinationProduct = _ref12.destinationProduct,
+      destinationSubproduct = _ref12.destinationSubproduct,
+      location = _ref12.location;
   return {
     action: 'closed',
     actionSubject: 'consentModal',
@@ -392,12 +408,12 @@ var uiClosedAuthEvent = function uiClosedAuthEvent(_ref11) {
 
 exports.uiClosedAuthEvent = uiClosedAuthEvent;
 
-var screenAuthPopupEvent = function screenAuthPopupEvent(_ref12) {
-  var extensionKey = _ref12.extensionKey,
-      definitionId = _ref12.definitionId,
-      destinationProduct = _ref12.destinationProduct,
-      destinationSubproduct = _ref12.destinationSubproduct,
-      location = _ref12.location;
+var screenAuthPopupEvent = function screenAuthPopupEvent(_ref13) {
+  var extensionKey = _ref13.extensionKey,
+      definitionId = _ref13.definitionId,
+      destinationProduct = _ref13.destinationProduct,
+      destinationSubproduct = _ref13.destinationSubproduct,
+      location = _ref13.location;
   return {
     actionSubject: 'consentModal',
     eventType: 'screen',
@@ -413,14 +429,14 @@ var screenAuthPopupEvent = function screenAuthPopupEvent(_ref12) {
 
 exports.screenAuthPopupEvent = screenAuthPopupEvent;
 
-var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref13) {
-  var display = _ref13.display,
-      status = _ref13.status,
-      extensionKey = _ref13.extensionKey,
-      definitionId = _ref13.definitionId,
-      destinationProduct = _ref13.destinationProduct,
-      destinationSubproduct = _ref13.destinationSubproduct,
-      location = _ref13.location;
+var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref14) {
+  var display = _ref14.display,
+      status = _ref14.status,
+      extensionKey = _ref14.extensionKey,
+      definitionId = _ref14.definitionId,
+      destinationProduct = _ref14.destinationProduct,
+      destinationSubproduct = _ref14.destinationSubproduct,
+      location = _ref14.location;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -439,15 +455,15 @@ var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref13) {
 
 exports.uiRenderSuccessEvent = uiRenderSuccessEvent;
 
-var uiRenderFailedEvent = function uiRenderFailedEvent(_ref14) {
-  var display = _ref14.display,
-      error = _ref14.error,
-      errorInfo = _ref14.errorInfo,
-      extensionKey = _ref14.extensionKey,
-      definitionId = _ref14.definitionId,
-      destinationProduct = _ref14.destinationProduct,
-      destinationSubproduct = _ref14.destinationSubproduct,
-      location = _ref14.location;
+var uiRenderFailedEvent = function uiRenderFailedEvent(_ref15) {
+  var display = _ref15.display,
+      error = _ref15.error,
+      errorInfo = _ref15.errorInfo,
+      extensionKey = _ref15.extensionKey,
+      definitionId = _ref15.definitionId,
+      destinationProduct = _ref15.destinationProduct,
+      destinationSubproduct = _ref15.destinationSubproduct,
+      location = _ref15.location;
   return {
     actionSubject: 'smartLink',
     action: 'renderFailed',
@@ -467,15 +483,16 @@ var uiRenderFailedEvent = function uiRenderFailedEvent(_ref14) {
 
 exports.uiRenderFailedEvent = uiRenderFailedEvent;
 
-var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref15) {
-  var id = _ref15.id,
-      previewDisplay = _ref15.previewDisplay,
-      extensionKey = _ref15.extensionKey,
-      definitionId = _ref15.definitionId,
-      destinationProduct = _ref15.destinationProduct,
-      destinationSubproduct = _ref15.destinationSubproduct,
-      location = _ref15.location,
-      previewInvokeMethod = _ref15.previewInvokeMethod;
+var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref16) {
+  var id = _ref16.id,
+      previewDisplay = _ref16.previewDisplay,
+      extensionKey = _ref16.extensionKey,
+      definitionId = _ref16.definitionId,
+      destinationProduct = _ref16.destinationProduct,
+      destinationSubproduct = _ref16.destinationSubproduct,
+      location = _ref16.location,
+      previewInvokeMethod = _ref16.previewInvokeMethod,
+      status = _ref16.status;
   return {
     action: 'viewed',
     actionSubject: 'hoverCard',
@@ -488,23 +505,25 @@ var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref15) {
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
       location: location,
-      previewInvokeMethod: previewInvokeMethod
+      previewInvokeMethod: previewInvokeMethod,
+      status: status
     })
   };
 };
 
 exports.uiHoverCardViewedEvent = uiHoverCardViewedEvent;
 
-var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref16) {
-  var id = _ref16.id,
-      previewDisplay = _ref16.previewDisplay,
-      hoverTime = _ref16.hoverTime,
-      extensionKey = _ref16.extensionKey,
-      definitionId = _ref16.definitionId,
-      destinationProduct = _ref16.destinationProduct,
-      destinationSubproduct = _ref16.destinationSubproduct,
-      location = _ref16.location,
-      previewInvokeMethod = _ref16.previewInvokeMethod;
+var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref17) {
+  var id = _ref17.id,
+      previewDisplay = _ref17.previewDisplay,
+      hoverTime = _ref17.hoverTime,
+      extensionKey = _ref17.extensionKey,
+      definitionId = _ref17.definitionId,
+      destinationProduct = _ref17.destinationProduct,
+      destinationSubproduct = _ref17.destinationSubproduct,
+      location = _ref17.location,
+      previewInvokeMethod = _ref17.previewInvokeMethod,
+      status = _ref17.status;
   return {
     action: 'dismissed',
     actionSubject: 'hoverCard',
@@ -518,22 +537,23 @@ var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref16) {
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
       location: location,
-      previewInvokeMethod: previewInvokeMethod
+      previewInvokeMethod: previewInvokeMethod,
+      status: status
     })
   };
 };
 
 exports.uiHoverCardDismissedEvent = uiHoverCardDismissedEvent;
 
-var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref17) {
-  var id = _ref17.id,
-      previewDisplay = _ref17.previewDisplay,
-      extensionKey = _ref17.extensionKey,
-      definitionId = _ref17.definitionId,
-      destinationProduct = _ref17.destinationProduct,
-      destinationSubproduct = _ref17.destinationSubproduct,
-      location = _ref17.location,
-      previewInvokeMethod = _ref17.previewInvokeMethod;
+var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref18) {
+  var id = _ref18.id,
+      previewDisplay = _ref18.previewDisplay,
+      extensionKey = _ref18.extensionKey,
+      definitionId = _ref18.definitionId,
+      destinationProduct = _ref18.destinationProduct,
+      destinationSubproduct = _ref18.destinationSubproduct,
+      location = _ref18.location,
+      previewInvokeMethod = _ref18.previewInvokeMethod;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -552,4 +572,16 @@ var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_
   };
 };
 
-exports.uiHoverCardOpenLinkClickedEvent = uiHoverCardOpenLinkClickedEvent;
+exports.uiHoverCardOpenLinkClickedEvent = uiHoverCardOpenLinkClickedEvent;
+
+var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent() {
+  return {
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: 'learnMore',
+    eventType: 'ui',
+    attributes: _objectSpread({}, context)
+  };
+};
+
+exports.uiLearnMoreLinkClickedEvent = uiLearnMoreLinkClickedEvent;

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

@@ -60,6 +60,12 @@ Object.defineProperty(exports, "screenAuthPopupEvent", {
     return _analytics.screenAuthPopupEvent;
   }
 });
+Object.defineProperty(exports, "trackAppAccountAuthStarted", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.trackAppAccountAuthStarted;
+  }
+});
 Object.defineProperty(exports, "trackAppAccountConnected", {
   enumerable: true,
   get: function get() {
@@ -114,6 +120,12 @@ Object.defineProperty(exports, "uiHoverCardViewedEvent", {
     return _analytics.uiHoverCardViewedEvent;
   }
 });
+Object.defineProperty(exports, "uiLearnMoreLinkClickedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.uiLearnMoreLinkClickedEvent;
+  }
+});
 Object.defineProperty(exports, "uiRenderFailedEvent", {
   enumerable: true,
   get: function get() {

package/dist/cjs/version.json

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

package/dist/cjs/view/BlockCard/components/flexible/footer/index.js

@@ -34,7 +34,7 @@ var getActionGroupStyles = function getActionGroupStyles(size) {
 
 var providerStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  span:first-child {\n    margin-right: 0.375rem;\n  }\n"])));
 /**
- * This Components is a footer that is used in a Block Card with Flexible UI.
+ * This Component is a footer that is used in a Block Card with Flexible UI.
  * It contains a provider icon if provider is present and an actions list if one is passed.
  * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
  *

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

@@ -135,11 +135,12 @@ var BlockCard = function BlockCard(_ref) {
       details = cardState.details;
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var meta = details && details.meta;
+  var extensionKey = (0, _helpers.getExtensionKey)(details);
   var extractorOpts = {
     analytics: analytics,
     origin: 'smartLinkCard',
     handleInvoke: handleInvoke,
-    extensionKey: (0, _helpers.getExtensionKey)(details)
+    extensionKey: extensionKey
   };
 
   if (enableFlexibleBlockCard) {
@@ -154,7 +155,8 @@ var BlockCard = function BlockCard(_ref) {
       onError: onError,
       renderers: renderers,
       ui: ui,
-      analytics: analytics
+      analytics: analytics,
+      extensionKey: extensionKey
     };
 
     switch (status) {

package/dist/cjs/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -63,7 +63,7 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     message: {
       descriptor: _messages.messages.not_found_description
     },
-    testId: testId
+    testId: "".concat(testId, "-message")
   })), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_footer.default, {
     status: status
   })));

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -112,7 +112,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
         analytics.operational.invokeSucceededEvent({
           id: analyticsId,
           actionType: 'preview',
-          display: 'block'
+          display: _constants.CardDisplay.Block
         });
       }
     }, {
@@ -122,7 +122,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
         analytics.operational.invokeSucceededEvent({
           id: analyticsId,
           actionType: 'view',
-          display: 'block'
+          display: _constants.CardDisplay.Block
         });
       }
     }, {
@@ -132,7 +132,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
         analytics.operational.invokeSucceededEvent({
           id: analyticsId,
           actionType: 'download',
-          display: 'block'
+          display: _constants.CardDisplay.Block
         });
       }
     }]

package/dist/cjs/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -49,7 +49,10 @@ var contentStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _
 var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
 
-  var cardState = _ref.cardState,
+  var analytics = _ref.analytics,
+      cardState = _ref.cardState,
+      _ref$extensionKey = _ref.extensionKey,
+      extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
       onAuthorize = _ref.onAuthorize,
       onClick = _ref.onClick,
       onError = _ref.onError,
@@ -59,9 +62,17 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
       url = _ref.url;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var providerName = (_extractProvider = (0, _extractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var handleAuthorize = (0, _react.useCallback)(function () {
+    if (onAuthorize) {
+      analytics.track.appAccountAuthStarted({
+        extensionKey: extensionKey
+      });
+      onAuthorize();
+    }
+  }, [onAuthorize, extensionKey, analytics.track]);
   var actions = (0, _react.useMemo)(function () {
-    return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(onAuthorize, providerName)] : [];
-  }, [onAuthorize, providerName]);
+    return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize, providerName)] : [];
+  }, [handleAuthorize, onAuthorize, providerName]);
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
     appearance: "block",
     cardState: cardState,
@@ -77,7 +88,9 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     overrideCss: contentStyles,
     testId: "".concat(testId, "-content")
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
-    providerName: providerName
+    providerName: providerName,
+    analytics: analytics,
+    testId: testId
   }))), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_footer.default, {
     actions: actions,
     status: _constants.SmartLinkStatus.Unauthorized,