@atlaskit/smart-card 26.12.1 → 26.13.1

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

@@ -4,7 +4,8 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 var _excluded = ["smartLinkActionType"],
   _excluded2 = ["smartLinkActionType"],
-  _excluded3 = ["smartLinkActionType"];
+  _excluded3 = ["smartLinkActionType"],
+  _excluded4 = ["display"];
 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) { _defineProperty(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; }
 import { name as packageName, version as packageVersion } from '../../version.json';
@@ -273,29 +274,19 @@ export var trackSmartLinkQuickActionFailed = function trackSmartLinkQuickActionF
     })
   };
 };
-export var uiAuthEvent = function uiAuthEvent(_ref11) {
-  var definitionId = _ref11.definitionId,
-    extensionKey = _ref11.extensionKey,
-    destinationProduct = _ref11.destinationProduct,
-    destinationSubproduct = _ref11.destinationSubproduct,
-    location = _ref11.location,
-    display = _ref11.display;
+export var trackHoverCardResolutionStarted = function trackHoverCardResolutionStarted(_ref11) {
+  var display = _ref11.display,
+    attributes = _objectWithoutProperties(_ref11, _excluded4);
   return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'connectAccount',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location,
+    action: 'resolved',
+    actionSubject: 'hoverCard',
+    eventType: 'track',
+    attributes: _objectSpread(_objectSpread(_objectSpread({}, context), attributes), {}, {
       display: display
     })
   };
 };
-export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref12) {
+export var uiAuthEvent = function uiAuthEvent(_ref12) {
   var definitionId = _ref12.definitionId,
     extensionKey = _ref12.extensionKey,
     destinationProduct = _ref12.destinationProduct,
@@ -304,8 +295,8 @@ export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_r
     display = _ref12.display;
   return {
     action: 'clicked',
-    actionSubject: 'smartLink',
-    actionSubjectId: 'tryAnotherAccount',
+    actionSubject: 'button',
+    actionSubjectId: 'connectAccount',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       definitionId: definitionId,
@@ -317,49 +308,43 @@ export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_r
     })
   };
 };
-export var uiCardClickedEvent = function uiCardClickedEvent(_ref13) {
-  var id = _ref13.id,
-    display = _ref13.display,
-    status = _ref13.status,
-    definitionId = _ref13.definitionId,
+export var uiAuthAlternateAccountEvent = function uiAuthAlternateAccountEvent(_ref13) {
+  var definitionId = _ref13.definitionId,
     extensionKey = _ref13.extensionKey,
-    isModifierKeyPressed = _ref13.isModifierKeyPressed,
-    location = _ref13.location,
     destinationProduct = _ref13.destinationProduct,
     destinationSubproduct = _ref13.destinationSubproduct,
-    actionSubjectId = _ref13.actionSubjectId;
+    location = _ref13.location,
+    display = _ref13.display;
   return {
     action: 'clicked',
     actionSubject: 'smartLink',
-    actionSubjectId: actionSubjectId,
+    actionSubjectId: 'tryAnotherAccount',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      status: status,
       definitionId: definitionId,
       extensionKey: extensionKey,
-      display: display,
-      isModifierKeyPressed: isModifierKeyPressed,
-      location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct
+      destinationSubproduct: destinationSubproduct,
+      location: location,
+      display: display
     })
   };
 };
-export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref14) {
+export var uiCardClickedEvent = function uiCardClickedEvent(_ref14) {
   var id = _ref14.id,
     display = _ref14.display,
     status = _ref14.status,
     definitionId = _ref14.definitionId,
     extensionKey = _ref14.extensionKey,
+    isModifierKeyPressed = _ref14.isModifierKeyPressed,
     location = _ref14.location,
     destinationProduct = _ref14.destinationProduct,
     destinationSubproduct = _ref14.destinationSubproduct,
-    dwellTime = _ref14.dwellTime,
-    dwellPercentVisible = _ref14.dwellPercentVisible;
+    actionSubjectId = _ref14.actionSubjectId;
   return {
-    action: 'dwelled',
-    actionSubject: 'smartLinkIframe',
+    action: 'clicked',
+    actionSubject: 'smartLink',
+    actionSubjectId: actionSubjectId,
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
@@ -367,15 +352,14 @@ export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref14) {
       definitionId: definitionId,
       extensionKey: extensionKey,
       display: display,
+      isModifierKeyPressed: isModifierKeyPressed,
       location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      dwellTime: dwellTime,
-      dwellPercentVisible: dwellPercentVisible
+      destinationSubproduct: destinationSubproduct
     })
   };
 };
-export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
+export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
   var id = _ref15.id,
     display = _ref15.display,
     status = _ref15.status,
@@ -383,9 +367,11 @@ export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
     extensionKey = _ref15.extensionKey,
     location = _ref15.location,
     destinationProduct = _ref15.destinationProduct,
-    destinationSubproduct = _ref15.destinationSubproduct;
+    destinationSubproduct = _ref15.destinationSubproduct,
+    dwellTime = _ref15.dwellTime,
+    dwellPercentVisible = _ref15.dwellPercentVisible;
   return {
-    action: 'focused',
+    action: 'dwelled',
     actionSubject: 'smartLinkIframe',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
@@ -396,154 +382,153 @@ export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref15) {
       display: display,
       location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct
+      destinationSubproduct: destinationSubproduct,
+      dwellTime: dwellTime,
+      dwellPercentVisible: dwellPercentVisible
     })
   };
 };
-export var uiActionClickedEvent = function uiActionClickedEvent(_ref16) {
+export var uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref16) {
   var id = _ref16.id,
-    actionType = _ref16.actionType,
-    extensionKey = _ref16.extensionKey,
     display = _ref16.display,
+    status = _ref16.status,
     definitionId = _ref16.definitionId,
+    extensionKey = _ref16.extensionKey,
+    location = _ref16.location,
     destinationProduct = _ref16.destinationProduct,
-    destinationSubproduct = _ref16.destinationSubproduct,
-    location = _ref16.location;
+    destinationSubproduct = _ref16.destinationSubproduct;
   return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: uiActionSubjectIds[actionType],
+    action: 'focused',
+    actionSubject: 'smartLinkIframe',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
-      display: display,
-      actionType: actionType,
-      extensionKey: extensionKey,
+      status: status,
       definitionId: definitionId,
+      extensionKey: extensionKey,
+      display: display,
+      location: location,
       destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      location: location
+      destinationSubproduct: destinationSubproduct
     })
   };
 };
-export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref17) {
-  var display = _ref17.display,
+export var uiActionClickedEvent = function uiActionClickedEvent(_ref17) {
+  var id = _ref17.id,
+    actionType = _ref17.actionType,
     extensionKey = _ref17.extensionKey,
+    display = _ref17.display,
     definitionId = _ref17.definitionId,
     destinationProduct = _ref17.destinationProduct,
     destinationSubproduct = _ref17.destinationSubproduct,
     location = _ref17.location;
   return {
-    action: 'closed',
-    actionSubject: 'consentModal',
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: uiActionSubjectIds[actionType],
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
+      display: display,
+      actionType: actionType,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location,
-      display: display
+      location: location
     })
   };
 };
-export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref18) {
-  var extensionKey = _ref18.extensionKey,
+export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref18) {
+  var display = _ref18.display,
+    extensionKey = _ref18.extensionKey,
     definitionId = _ref18.definitionId,
     destinationProduct = _ref18.destinationProduct,
     destinationSubproduct = _ref18.destinationSubproduct,
     location = _ref18.location;
   return {
+    action: 'closed',
     actionSubject: 'consentModal',
-    eventType: 'screen',
+    eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location
+      location: location,
+      display: display
     })
   };
 };
-export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref19) {
-  var display = _ref19.display,
-    status = _ref19.status,
-    extensionKey = _ref19.extensionKey,
+export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref19) {
+  var extensionKey = _ref19.extensionKey,
     definitionId = _ref19.definitionId,
     destinationProduct = _ref19.destinationProduct,
     destinationSubproduct = _ref19.destinationSubproduct,
     location = _ref19.location;
   return {
-    action: 'renderSuccess',
-    actionSubject: 'smartLink',
-    eventType: 'ui',
+    actionSubject: 'consentModal',
+    eventType: 'screen',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      status: status,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location,
-      display: display
+      location: location
     })
   };
 };
-export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref20) {
+export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
   var display = _ref20.display,
-    error = _ref20.error,
-    errorInfo = _ref20.errorInfo,
+    status = _ref20.status,
     extensionKey = _ref20.extensionKey,
     definitionId = _ref20.definitionId,
     destinationProduct = _ref20.destinationProduct,
     destinationSubproduct = _ref20.destinationSubproduct,
     location = _ref20.location;
   return {
+    action: 'renderSuccess',
     actionSubject: 'smartLink',
-    action: 'renderFailed',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      error: error,
-      errorInfo: errorInfo,
-      display: display,
+      status: status,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location
+      location: location,
+      display: display
     })
   };
 };
-export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref21) {
-  var id = _ref21.id,
-    previewDisplay = _ref21.previewDisplay,
+export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref21) {
+  var display = _ref21.display,
+    error = _ref21.error,
+    errorInfo = _ref21.errorInfo,
     extensionKey = _ref21.extensionKey,
     definitionId = _ref21.definitionId,
     destinationProduct = _ref21.destinationProduct,
     destinationSubproduct = _ref21.destinationSubproduct,
-    location = _ref21.location,
-    previewInvokeMethod = _ref21.previewInvokeMethod,
-    status = _ref21.status;
+    location = _ref21.location;
   return {
-    action: 'viewed',
-    actionSubject: 'hoverCard',
+    actionSubject: 'smartLink',
+    action: 'renderFailed',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      previewDisplay: previewDisplay,
+      error: error,
+      errorInfo: errorInfo,
+      display: display,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
       destinationSubproduct: destinationSubproduct,
-      location: location,
-      previewInvokeMethod: previewInvokeMethod,
-      status: status
+      location: location
     })
   };
 };
-export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22) {
+export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref22) {
   var id = _ref22.id,
     previewDisplay = _ref22.previewDisplay,
-    hoverTime = _ref22.hoverTime,
     extensionKey = _ref22.extensionKey,
     definitionId = _ref22.definitionId,
     destinationProduct = _ref22.destinationProduct,
@@ -552,13 +537,12 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22
     previewInvokeMethod = _ref22.previewInvokeMethod,
     status = _ref22.status;
   return {
-    action: 'dismissed',
+    action: 'viewed',
     actionSubject: 'hoverCard',
     eventType: 'ui',
     attributes: _objectSpread(_objectSpread({}, context), {}, {
       id: id,
       previewDisplay: previewDisplay,
-      hoverTime: hoverTime,
       extensionKey: extensionKey,
       definitionId: definitionId,
       destinationProduct: destinationProduct,
@@ -569,15 +553,44 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref22
     })
   };
 };
-export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref23) {
+export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref23) {
   var id = _ref23.id,
     previewDisplay = _ref23.previewDisplay,
+    hoverTime = _ref23.hoverTime,
     extensionKey = _ref23.extensionKey,
     definitionId = _ref23.definitionId,
     destinationProduct = _ref23.destinationProduct,
     destinationSubproduct = _ref23.destinationSubproduct,
     location = _ref23.location,
-    previewInvokeMethod = _ref23.previewInvokeMethod;
+    previewInvokeMethod = _ref23.previewInvokeMethod,
+    status = _ref23.status;
+  return {
+    action: 'dismissed',
+    actionSubject: 'hoverCard',
+    eventType: 'ui',
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      id: id,
+      previewDisplay: previewDisplay,
+      hoverTime: hoverTime,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location,
+      previewInvokeMethod: previewInvokeMethod,
+      status: status
+    })
+  };
+};
+export var uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref24) {
+  var id = _ref24.id,
+    previewDisplay = _ref24.previewDisplay,
+    extensionKey = _ref24.extensionKey,
+    definitionId = _ref24.definitionId,
+    destinationProduct = _ref24.destinationProduct,
+    destinationSubproduct = _ref24.destinationSubproduct,
+    location = _ref24.location,
+    previewInvokeMethod = _ref24.previewInvokeMethod;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -604,15 +617,15 @@ export var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent()
     attributes: _objectSpread({}, context)
   };
 };
-export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref24) {
-  var display = _ref24.display,
-    error = _ref24.error,
-    errorInfo = _ref24.errorInfo,
-    extensionKey = _ref24.extensionKey,
-    definitionId = _ref24.definitionId,
-    destinationProduct = _ref24.destinationProduct,
-    destinationSubproduct = _ref24.destinationSubproduct,
-    location = _ref24.location;
+export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref25) {
+  var display = _ref25.display,
+    error = _ref25.error,
+    errorInfo = _ref25.errorInfo,
+    extensionKey = _ref25.extensionKey,
+    definitionId = _ref25.definitionId,
+    destinationProduct = _ref25.destinationProduct,
+    destinationSubproduct = _ref25.destinationSubproduct,
+    location = _ref25.location;
   return {
     action: 'chunkLoadFailed',
     actionSubject: 'smartLink',

package/dist/esm/version.json

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

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

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage } from 'react-intl-next';
 import FlexibleCard from '../../../FlexibleCard';
 import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import BlockCardFooter from '../../components/flexible/footer';
@@ -10,6 +12,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { css } from '@emotion/react';
 import { tokens } from '../../../../utils/token';
+import { messages } from '../../../../messages';
 var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: 0.5rem;\n  font-size: 0.75rem;\n"])), tokens.text);
 
 /**
@@ -43,6 +46,17 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
       onAuthorize();
     }
   }, [onAuthorize, extensionKey, analytics.track]);
+  var content = useMemo(function () {
+    return onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+      providerName: providerName,
+      analytics: analytics,
+      testId: testId
+    }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+      values: {
+        context: providerName
+      }
+    }));
+  }, [analytics, onAuthorize, providerName, testId]);
   var actions = useMemo(function () {
     return onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
@@ -61,11 +75,7 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: contentStyles,
     testId: "".concat(testId, "-content")
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    providerName: providerName,
-    analytics: analytics,
-    testId: testId
-  }))), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
+  }, /*#__PURE__*/React.createElement("div", null, content)), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(BlockCardFooter, {
     actions: actions,
     status: SmartLinkStatus.Unauthorized,
     actionGroupAppearance: "primary"

package/dist/esm/view/EmbedCard/views/UnauthorisedView.js

@@ -1,11 +1,10 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { EmbedCardUnresolvedView } from './UnresolvedView';
-import { UnauthorisedImage } from '../constants';
+import { LockImage, UnauthorisedImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref) {
-  var _context$image;
   var analytics = _ref.analytics,
     link = _ref.link,
     context = _ref.context,
@@ -27,6 +26,36 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
       onAuthorise();
     }
   }, [onAuthorise, analytics.track, extensionKey]);
+  var view = useMemo(function () {
+    var _context$image2;
+    if (onAuthorise) {
+      var _context$image;
+      return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+        button: {
+          appearance: 'primary',
+          text: 'connect_unauthorised_account_action',
+          testId: 'connect-account'
+        },
+        context: context && context.text,
+        description: "connect_unauthorised_account_description",
+        image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
+        onClick: handleOnAuthorizeClick,
+        testId: testId,
+        title: "connect_link_account_card_name"
+      }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+        analytics: analytics,
+        providerName: context === null || context === void 0 ? void 0 : context.text,
+        testId: testId
+      }));
+    }
+    return /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
+      description: context !== null && context !== void 0 && context.text ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider',
+      image: (_context$image2 = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image2 !== void 0 ? _context$image2 : LockImage,
+      context: context === null || context === void 0 ? void 0 : context.text,
+      testId: testId,
+      title: context !== null && context !== void 0 && context.text ? 'unauthorised_account_name' : 'unauthorised_account_name_no_provider'
+    });
+  }, [analytics, context, handleOnAuthorizeClick, onAuthorise, testId]);
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     href: link,
     icon: icon,
@@ -37,21 +66,5 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
     onClick: onClick,
     testId: testId,
     allowScrollBar: true
-  }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
-    image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
-    title: "connect_link_account_card_name",
-    description: "connect_unauthorised_account_description",
-    context: context && context.text,
-    button: onAuthorise ? {
-      appearance: 'primary',
-      text: 'connect_unauthorised_account_action',
-      testId: 'connect-account'
-    } : undefined,
-    onClick: onAuthorise ? handleOnAuthorizeClick : undefined,
-    testId: testId
-  }, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    analytics: analytics,
-    providerName: context === null || context === void 0 ? void 0 : context.text,
-    testId: testId
-  })));
+  }, view);
 };

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -13,6 +13,7 @@ import { CardDisplay } from '../../../constants';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
@@ -50,6 +51,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   var analytics = useSmartLinkAnalytics(url, undefined, id);
   var _useSmartCardActions = useSmartCardActions(id, url, analytics),
     loadMetadata = _useSmartCardActions.loadMetadata;
+  var enableHoverCardResolutionTracking = useFeatureFlag('enableHoverCardResolutionTracking');
   var setMousePosition = useCallback(function (event) {
     if (isOpen && canOpen) {
       return;
@@ -118,9 +120,12 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(function () {
         loadMetadata();
+        if (enableHoverCardResolutionTracking) {
+          analytics.track.hoverCardResolutionStarted();
+        }
       }, RESOLVE_DELAY);
     }
-  }, [linkState, loadMetadata]);
+  }, [analytics.track, enableHoverCardResolutionTracking, linkState.metadataStatus, linkState.status, loadMetadata]);
   var initShowCard = useCallback(function (event) {
     // clearing out fadeOutTimeoutId in case it's already counting down to hide the card
     if (fadeOutTimeoutId.current) {

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -267,6 +267,10 @@ export declare const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: A
             reason?: TrackQuickActionFailureReason;
             step?: string;
         }) => void;
+        /**
+         * Fires a track event when we call loadMetadata() to get information for a hover card
+         */
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         /**

package/dist/types/state/flexible-ui-context/index.d.ts

@@ -61,6 +61,7 @@ export declare const FlexibleUiAnalyticsContext: import("react").Context<{
             reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
@@ -119,6 +120,7 @@ export declare const useFlexibleUiAnalyticsContext: () => {
             reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
             step?: string | undefined;
         }) => void;
+        hoverCardResolutionStarted: () => void;
     };
     screen: {
         authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

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

@@ -64,6 +64,7 @@ dispatchAnalytics?: AnalyticsHandler): {
                 reason?: import("../../utils/analytics/analytics").TrackQuickActionFailureReason | undefined;
                 step?: string | undefined;
             }) => void;
+            hoverCardResolutionStarted: () => void;
         };
         screen: {
             authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;