@atlaskit/smart-card 23.9.3 → 23.10.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 23.10.1
+
+### Patch Changes
+
+- [`d88eda329c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d88eda329c1) - seperate chunk load errors into it's own analytics event and do retries when lazy loading smartcard-urlcardcontent fails
+
+## 23.10.0
+
+### Minor Changes
+
+- [`aa44d74bf40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa44d74bf40) - Expose a new entry point to hover cards at @atlaskit/smart-card/hover-card
+
 ## 23.9.3
 
 ### Patch Changes

package/dist/cjs/hoverCard.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HoverCard", {
+  enumerable: true,
+  get: function get() {
+    return _HoverCard.HoverCard;
+  }
+});
+
+var _HoverCard = require("./view/HoverCard");

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

@@ -616,6 +616,36 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
         if (event) {
           dispatchAnalytics(applyCommonAttributes(event, commonAttributes));
         }
+      },
+
+      /**
+       * This fires an event that represents when a Smart Link renders unsuccessfuly.
+       * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
+       * @param id The unique ID for this Smart Link.
+       * @param error: An error representing why the Smart Link render failed.
+       * @param errorInfo: Additional details about the error including the stack trace.
+       */
+      chunkloadFailedEvent: function chunkloadFailedEvent(_ref16) {
+        var display = _ref16.display,
+            error = _ref16.error,
+            errorInfo = _ref16.errorInfo,
+            extensionKey = _ref16.extensionKey,
+            definitionId = _ref16.definitionId,
+            resourceType = _ref16.resourceType,
+            destinationProduct = _ref16.destinationProduct,
+            destinationSubproduct = _ref16.destinationSubproduct,
+            location = _ref16.location;
+        dispatchAnalytics(applyCommonAttributes((0, _analytics.chunkloadFailedEvent)({
+          display: display,
+          error: error,
+          errorInfo: errorInfo,
+          extensionKey: extensionKey,
+          definitionId: definitionId,
+          resourceType: resourceType,
+          destinationProduct: destinationProduct,
+          destinationSubproduct: destinationSubproduct,
+          location: location
+        }), commonAttributes));
       }
     };
   }, [defaultId, commonAttributes, dispatchAnalytics]);
@@ -629,13 +659,13 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @returns
        */
-      appAccountConnected: function appAccountConnected(_ref16) {
-        var extensionKey = _ref16.extensionKey,
-            definitionId = _ref16.definitionId,
-            resourceType = _ref16.resourceType,
-            destinationProduct = _ref16.destinationProduct,
-            destinationSubproduct = _ref16.destinationSubproduct,
-            location = _ref16.location;
+      appAccountConnected: function appAccountConnected(_ref17) {
+        var extensionKey = _ref17.extensionKey,
+            definitionId = _ref17.definitionId,
+            resourceType = _ref17.resourceType,
+            destinationProduct = _ref17.destinationProduct,
+            destinationSubproduct = _ref17.destinationSubproduct,
+            location = _ref17.location;
         return dispatchAnalytics(applyCommonAttributes((0, _analytics.trackAppAccountConnected)(_objectSpread(_objectSpread({}, commonAttributes), {}, {
           extensionKey: extensionKey,
           definitionId: definitionId,
@@ -652,9 +682,9 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
        * @param extensionKey The extensionKey of the Smart Link resolver invoked.
        * @returns
        */
-      appAccountAuthStarted: function appAccountAuthStarted(_ref17) {
-        var extensionKey = _ref17.extensionKey,
-            location = _ref17.location;
+      appAccountAuthStarted: function appAccountAuthStarted(_ref18) {
+        var extensionKey = _ref18.extensionKey,
+            location = _ref18.location;
         return dispatchAnalytics(applyCommonAttributes((0, _analytics.trackAppAccountAuthStarted)(_objectSpread(_objectSpread({}, commonAttributes), {}, {
           extensionKey: extensionKey,
           location: location
@@ -672,13 +702,13 @@ var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchAnalytic
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @returns
        */
-      authPopupEvent: function authPopupEvent(_ref18) {
-        var extensionKey = _ref18.extensionKey,
-            definitionId = _ref18.definitionId,
-            resourceType = _ref18.resourceType,
-            destinationProduct = _ref18.destinationProduct,
-            destinationSubproduct = _ref18.destinationSubproduct,
-            location = _ref18.location;
+      authPopupEvent: function authPopupEvent(_ref19) {
+        var extensionKey = _ref19.extensionKey,
+            definitionId = _ref19.definitionId,
+            resourceType = _ref19.resourceType,
+            destinationProduct = _ref19.destinationProduct,
+            destinationSubproduct = _ref19.destinationSubproduct,
+            location = _ref19.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.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;
+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.chunkloadFailedEvent = exports.SmartLinkEvents = exports.ANALYTICS_CHANNEL = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -584,4 +584,32 @@ var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent() {
   };
 };
 
-exports.uiLearnMoreLinkClickedEvent = uiLearnMoreLinkClickedEvent;
+exports.uiLearnMoreLinkClickedEvent = uiLearnMoreLinkClickedEvent;
+
+var chunkloadFailedEvent = function chunkloadFailedEvent(_ref19) {
+  var display = _ref19.display,
+      error = _ref19.error,
+      errorInfo = _ref19.errorInfo,
+      extensionKey = _ref19.extensionKey,
+      definitionId = _ref19.definitionId,
+      destinationProduct = _ref19.destinationProduct,
+      destinationSubproduct = _ref19.destinationSubproduct,
+      location = _ref19.location;
+  return {
+    action: 'chunkLoadFailed',
+    actionSubject: 'smartLink',
+    eventType: 'operational',
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      error: error,
+      errorInfo: errorInfo,
+      display: display,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
+    })
+  };
+};
+
+exports.chunkloadFailedEvent = chunkloadFailedEvent;

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

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "ANALYTICS_CHANNEL", {
     return _analytics.ANALYTICS_CHANNEL;
   }
 });
+Object.defineProperty(exports, "chunkloadFailedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.chunkloadFailedEvent;
+  }
+});
 Object.defineProperty(exports, "connectFailedEvent", {
   enumerable: true,
   get: function get() {

package/dist/cjs/utils/index.js

@@ -7,7 +7,11 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
+exports.sleep = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.importWithRetry = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -374,4 +378,63 @@ var isIntersectionObserverSupported = function isIntersectionObserverSupported()
   return typeof IntersectionObserver !== 'undefined';
 };
 
-exports.isIntersectionObserverSupported = isIntersectionObserverSupported;
+exports.isIntersectionObserverSupported = isIntersectionObserverSupported;
+
+var sleep = function sleep(ms) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, ms);
+  });
+};
+
+exports.sleep = sleep;
+
+var importWithRetry = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
+    var retries,
+        interval,
+        _args = arguments;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            retries = _args.length > 1 && _args[1] !== undefined ? _args[1] : 2;
+            interval = _args.length > 2 && _args[2] !== undefined ? _args[2] : 500;
+            _context.prev = 2;
+            _context.next = 5;
+            return importFn();
+
+          case 5:
+            return _context.abrupt("return", _context.sent);
+
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](2);
+
+            if (!(_context.t0.name === 'ChunkLoadError' && retries > 0)) {
+              _context.next = 16;
+              break;
+            }
+
+            _context.next = 13;
+            return sleep(interval);
+
+          case 13:
+            return _context.abrupt("return", importWithRetry(importFn, retries - 1, interval));
+
+          case 16:
+            throw _context.t0;
+
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[2, 8]]);
+  }));
+
+  return function importWithRetry(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.importWithRetry = importWithRetry;

package/dist/cjs/version.json

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

package/dist/cjs/view/CardWithUrl/loader.js

@@ -25,13 +25,17 @@ var _analytics2 = require("../../state/analytics");
 
 var _LazyFallback = require("./component-lazy/LazyFallback");
 
+var _utils = require("../../utils");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var LazyCardWithUrlContent = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('./component-lazy/index'));
+  return (0, _utils.importWithRetry)(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./component-lazy/index'));
+    });
   });
 });
 
@@ -83,15 +87,22 @@ function CardWithURLRenderer(props) {
   }, [appearance, createAnalyticsEvent]);
   var analytics = (0, _analytics2.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
   var logError = (0, _react.useCallback)(function (error, info) {
-    var componentStack = info.componentStack; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
+    var componentStack = info.componentStack;
+    var errorInfo = {
+      componentStack: componentStack
+    }; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
     // fire an event for these, as they do not cover failed UI render events.
     // The rest of the errors caught here are unexpected, and correlate
     // to the reliability of the smart-card front-end components.
+    // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
 
-    if (error.name !== 'APIError') {
-      var errorInfo = {
-        componentStack: componentStack
-      };
+    if (error.name === 'ChunkLoadError') {
+      analytics.operational.chunkloadFailedEvent({
+        display: appearance,
+        error: error,
+        errorInfo: errorInfo
+      });
+    } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
         display: appearance,
         id: id,
@@ -103,7 +114,7 @@ function CardWithURLRenderer(props) {
 
 
     throw error;
-  }, [analytics.ui, appearance, id]);
+  }, [analytics.operational, analytics.ui, appearance, id]);
 
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -39,6 +39,8 @@ var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../../messages");
 
+var _actions = require("../../../state/actions");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -90,6 +92,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var extensionKey = (0, _react2.useMemo)(function () {
     return (0, _helpers.getExtensionKey)(cardState.details);
   }, [cardState.details]);
+  var actions = (0, _actions.useSmartCardActions)(id, url, analytics);
+  (0, _react2.useEffect)(function () {
+    actions.loadMetadata();
+  }, [actions]);
   var onClick = (0, _react2.useCallback)(function (event) {
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
     analytics.ui.cardClickedEvent({

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -23,8 +23,6 @@ var _styled = require("./styled");
 
 var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
 
-var _actions = require("../../../../../state/actions");
-
 var _utils = require("../../../utils");
 
 var _SnippetOrPreview = _interopRequireDefault(require("../../SnippetOrPreview"));
@@ -69,10 +67,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
       onActionClick = _ref.onActionClick,
       extensionKey = _ref.extensionKey;
   var showActionableElement = (0, _linkProvider.useFeatureFlag)('enableActionableElement');
-  var actions = (0, _actions.useSmartCardActions)(id, url, analytics);
-  (0, _react.useEffect)(function () {
-    actions.loadMetadata();
-  }, [actions]);
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

package/dist/es2019/hoverCard.js

@@ -0,0 +1 @@
+export { HoverCard } from './view/HoverCard';

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

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { getUrl } from '@atlaskit/linking-common';
-import { connectFailedEvent, connectSucceededEvent, context, instrumentEvent, invokeFailedEvent, invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent } from '../../utils/analytics';
+import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, context, instrumentEvent, invokeFailedEvent, invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent } from '../../utils/analytics';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
@@ -586,6 +586,37 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       if (event) {
         dispatchAnalytics(applyCommonAttributes(event, commonAttributes));
       }
+    },
+
+    /**
+     * This fires an event that represents when a Smart Link renders unsuccessfuly.
+     * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
+     * @param id The unique ID for this Smart Link.
+     * @param error: An error representing why the Smart Link render failed.
+     * @param errorInfo: Additional details about the error including the stack trace.
+     */
+    chunkloadFailedEvent: ({
+      display,
+      error,
+      errorInfo,
+      extensionKey,
+      definitionId,
+      resourceType,
+      destinationProduct,
+      destinationSubproduct,
+      location
+    }) => {
+      dispatchAnalytics(applyCommonAttributes(chunkloadFailedEvent({
+        display,
+        error,
+        errorInfo,
+        extensionKey,
+        definitionId,
+        resourceType,
+        destinationProduct,
+        destinationSubproduct,
+        location
+      }), commonAttributes));
     }
   }), [defaultId, commonAttributes, dispatchAnalytics]);
   /** Contains all track analytics events */

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

@@ -479,4 +479,28 @@ export const uiLearnMoreLinkClickedEvent = () => ({
   eventType: 'ui',
   attributes: { ...context
   }
+});
+export const chunkloadFailedEvent = ({
+  display,
+  error,
+  errorInfo,
+  extensionKey,
+  definitionId,
+  destinationProduct,
+  destinationSubproduct,
+  location
+}) => ({
+  action: 'chunkLoadFailed',
+  actionSubject: 'smartLink',
+  eventType: 'operational',
+  attributes: { ...context,
+    error,
+    errorInfo,
+    display,
+    extensionKey,
+    definitionId,
+    destinationProduct,
+    destinationSubproduct,
+    location
+  }
 });

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

@@ -1,6 +1,6 @@
 import { getMeasure } from '../performance';
 import { resolvedEvent, unresolvedEvent } from './analytics';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent } from './analytics';
 export const instrumentEvent = ({
   id,
   status,

package/dist/es2019/utils/index.js

@@ -100,4 +100,19 @@ export const handleOnClick = handler => e => {
   e.stopPropagation();
   handler();
 };
-export const isIntersectionObserverSupported = () => typeof IntersectionObserver !== 'undefined';
+export const isIntersectionObserverSupported = () => typeof IntersectionObserver !== 'undefined';
+export const sleep = ms => {
+  return new Promise(resolve => setTimeout(resolve, ms));
+};
+export const importWithRetry = async (importFn, retries = 2, interval = 500) => {
+  try {
+    return await importFn();
+  } catch (error) {
+    if (error.name === 'ChunkLoadError' && retries > 0) {
+      await sleep(interval);
+      return importWithRetry(importFn, retries - 1, interval);
+    } else {
+      throw error;
+    }
+  }
+};

package/dist/es2019/version.json

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

package/dist/es2019/view/CardWithUrl/loader.js

@@ -5,9 +5,10 @@ import { clearMarks, clearMeasures } from '../../utils/performance';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { LoadingCardLink } from './component-lazy/LazyFallback';
-const LazyCardWithUrlContent = /*#__PURE__*/lazy(() => import(
+import { importWithRetry } from '../../utils';
+const LazyCardWithUrlContent = /*#__PURE__*/lazy(() => importWithRetry(() => import(
 /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */
-'./component-lazy/index'));
+'./component-lazy/index')));
 export function CardWithURLRenderer(props) {
   const [id] = useState(() => props.id ? props.id : uuid());
   useEffect(() => {
@@ -55,15 +56,22 @@ export function CardWithURLRenderer(props) {
   const logError = useCallback((error, info) => {
     const {
       componentStack
-    } = info; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
+    } = info;
+    const errorInfo = {
+      componentStack
+    }; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
     // fire an event for these, as they do not cover failed UI render events.
     // The rest of the errors caught here are unexpected, and correlate
     // to the reliability of the smart-card front-end components.
+    // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
 
-    if (error.name !== 'APIError') {
-      const errorInfo = {
-        componentStack
-      };
+    if (error.name === 'ChunkLoadError') {
+      analytics.operational.chunkloadFailedEvent({
+        display: appearance,
+        error,
+        errorInfo
+      });
+    } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
         display: appearance,
         id,
@@ -75,7 +83,7 @@ export function CardWithURLRenderer(props) {
 
 
     throw error;
-  }, [analytics.ui, appearance, id]);
+  }, [analytics.operational, analytics.ui, appearance, id]);
 
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { extractType } from '@atlaskit/linking-common/extractors';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { getExtensionKey } from '../../../state/helpers';
@@ -14,6 +14,7 @@ import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
+import { useSmartCardActions } from '../../../state/actions';
 export const hoverCardClassName = 'smart-links-hover-preview';
 export const getOpenAction = (url, analytics, onActionClick) => ({
   name: ActionName.CustomAction,
@@ -51,6 +52,10 @@ const HoverCardContent = ({
   var _cardState$details;
 
   const extensionKey = useMemo(() => getExtensionKey(cardState.details), [cardState.details]);
+  const actions = useSmartCardActions(id, url, analytics);
+  useEffect(() => {
+    actions.loadMetadata();
+  }, [actions]);
   const onClick = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
     analytics.ui.cardClickedEvent({

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -5,7 +5,6 @@ import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { useSmartCardActions } from '../../../../../state/actions';
 import { getSimulatedMetadata, toActionableMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
 import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
@@ -36,10 +35,6 @@ const HoverCardResolvedView = ({
   var _cardState$details;
 
   const showActionableElement = useFeatureFlag('enableActionableElement');
-  const actions = useSmartCardActions(id, url, analytics);
-  useEffect(() => {
-    actions.loadMetadata();
-  }, [actions]);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

package/dist/esm/hoverCard.js

@@ -0,0 +1 @@
+export { HoverCard } from './view/HoverCard';

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

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { useMemo } from 'react';
 import { getUrl } from '@atlaskit/linking-common';
-import { connectFailedEvent as _connectFailedEvent, connectSucceededEvent as _connectSucceededEvent, context, instrumentEvent, invokeFailedEvent as _invokeFailedEvent, invokeSucceededEvent as _invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent } from '../../utils/analytics';
+import { chunkloadFailedEvent as _chunkloadFailedEvent, connectFailedEvent as _connectFailedEvent, connectSucceededEvent as _connectSucceededEvent, context, instrumentEvent, invokeFailedEvent as _invokeFailedEvent, invokeSucceededEvent as _invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent } from '../../utils/analytics';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
@@ -601,6 +601,36 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
         if (event) {
           dispatchAnalytics(applyCommonAttributes(event, commonAttributes));
         }
+      },
+
+      /**
+       * This fires an event that represents when a Smart Link renders unsuccessfuly.
+       * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
+       * @param id The unique ID for this Smart Link.
+       * @param error: An error representing why the Smart Link render failed.
+       * @param errorInfo: Additional details about the error including the stack trace.
+       */
+      chunkloadFailedEvent: function chunkloadFailedEvent(_ref16) {
+        var display = _ref16.display,
+            error = _ref16.error,
+            errorInfo = _ref16.errorInfo,
+            extensionKey = _ref16.extensionKey,
+            definitionId = _ref16.definitionId,
+            resourceType = _ref16.resourceType,
+            destinationProduct = _ref16.destinationProduct,
+            destinationSubproduct = _ref16.destinationSubproduct,
+            location = _ref16.location;
+        dispatchAnalytics(applyCommonAttributes(_chunkloadFailedEvent({
+          display: display,
+          error: error,
+          errorInfo: errorInfo,
+          extensionKey: extensionKey,
+          definitionId: definitionId,
+          resourceType: resourceType,
+          destinationProduct: destinationProduct,
+          destinationSubproduct: destinationSubproduct,
+          location: location
+        }), commonAttributes));
       }
     };
   }, [defaultId, commonAttributes, dispatchAnalytics]);
@@ -614,13 +644,13 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @returns
        */
-      appAccountConnected: function appAccountConnected(_ref16) {
-        var extensionKey = _ref16.extensionKey,
-            definitionId = _ref16.definitionId,
-            resourceType = _ref16.resourceType,
-            destinationProduct = _ref16.destinationProduct,
-            destinationSubproduct = _ref16.destinationSubproduct,
-            location = _ref16.location;
+      appAccountConnected: function appAccountConnected(_ref17) {
+        var extensionKey = _ref17.extensionKey,
+            definitionId = _ref17.definitionId,
+            resourceType = _ref17.resourceType,
+            destinationProduct = _ref17.destinationProduct,
+            destinationSubproduct = _ref17.destinationSubproduct,
+            location = _ref17.location;
         return dispatchAnalytics(applyCommonAttributes(trackAppAccountConnected(_objectSpread(_objectSpread({}, commonAttributes), {}, {
           extensionKey: extensionKey,
           definitionId: definitionId,
@@ -637,9 +667,9 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
        * @param extensionKey The extensionKey of the Smart Link resolver invoked.
        * @returns
        */
-      appAccountAuthStarted: function appAccountAuthStarted(_ref17) {
-        var extensionKey = _ref17.extensionKey,
-            location = _ref17.location;
+      appAccountAuthStarted: function appAccountAuthStarted(_ref18) {
+        var extensionKey = _ref18.extensionKey,
+            location = _ref18.location;
         return dispatchAnalytics(applyCommonAttributes(trackAppAccountAuthStarted(_objectSpread(_objectSpread({}, commonAttributes), {}, {
           extensionKey: extensionKey,
           location: location
@@ -657,13 +687,13 @@ export var useSmartLinkAnalytics = function useSmartLinkAnalytics(url, dispatchA
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @returns
        */
-      authPopupEvent: function authPopupEvent(_ref18) {
-        var extensionKey = _ref18.extensionKey,
-            definitionId = _ref18.definitionId,
-            resourceType = _ref18.resourceType,
-            destinationProduct = _ref18.destinationProduct,
-            destinationSubproduct = _ref18.destinationSubproduct,
-            location = _ref18.location;
+      authPopupEvent: function authPopupEvent(_ref19) {
+        var extensionKey = _ref19.extensionKey,
+            definitionId = _ref19.definitionId,
+            resourceType = _ref19.resourceType,
+            destinationProduct = _ref19.destinationProduct,
+            destinationSubproduct = _ref19.destinationSubproduct,
+            location = _ref19.location;
         return dispatchAnalytics(applyCommonAttributes(screenAuthPopupEvent(_objectSpread(_objectSpread({}, commonAttributes), {}, {
           extensionKey: extensionKey,
           definitionId: definitionId,

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

@@ -504,4 +504,29 @@ export var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent()
     eventType: 'ui',
     attributes: _objectSpread({}, context)
   };
+};
+export var chunkloadFailedEvent = function chunkloadFailedEvent(_ref19) {
+  var display = _ref19.display,
+      error = _ref19.error,
+      errorInfo = _ref19.errorInfo,
+      extensionKey = _ref19.extensionKey,
+      definitionId = _ref19.definitionId,
+      destinationProduct = _ref19.destinationProduct,
+      destinationSubproduct = _ref19.destinationSubproduct,
+      location = _ref19.location;
+  return {
+    action: 'chunkLoadFailed',
+    actionSubject: 'smartLink',
+    eventType: 'operational',
+    attributes: _objectSpread(_objectSpread({}, context), {}, {
+      error: error,
+      errorInfo: errorInfo,
+      display: display,
+      extensionKey: extensionKey,
+      definitionId: definitionId,
+      destinationProduct: destinationProduct,
+      destinationSubproduct: destinationSubproduct,
+      location: location
+    })
+  };
 };

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

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { getMeasure } from '../performance';
 import { resolvedEvent, unresolvedEvent } from './analytics';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent } from './analytics';
 export var instrumentEvent = function instrumentEvent(_ref) {
   var id = _ref.id,
       status = _ref.status,

package/dist/esm/utils/index.js

@@ -1,4 +1,6 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
 export var isCardWithData = function isCardWithData(props) {
@@ -227,4 +229,57 @@ export var handleOnClick = function handleOnClick(handler) {
 };
 export var isIntersectionObserverSupported = function isIntersectionObserverSupported() {
   return typeof IntersectionObserver !== 'undefined';
-};
+};
+export var sleep = function sleep(ms) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, ms);
+  });
+};
+export var importWithRetry = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importFn) {
+    var retries,
+        interval,
+        _args = arguments;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            retries = _args.length > 1 && _args[1] !== undefined ? _args[1] : 2;
+            interval = _args.length > 2 && _args[2] !== undefined ? _args[2] : 500;
+            _context.prev = 2;
+            _context.next = 5;
+            return importFn();
+
+          case 5:
+            return _context.abrupt("return", _context.sent);
+
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](2);
+
+            if (!(_context.t0.name === 'ChunkLoadError' && retries > 0)) {
+              _context.next = 16;
+              break;
+            }
+
+            _context.next = 13;
+            return sleep(interval);
+
+          case 13:
+            return _context.abrupt("return", importWithRetry(importFn, retries - 1, interval));
+
+          case 16:
+            throw _context.t0;
+
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[2, 8]]);
+  }));
+
+  return function importWithRetry(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/esm/version.json

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

package/dist/esm/view/CardWithUrl/loader.js

@@ -6,10 +6,13 @@ import { clearMarks, clearMeasures } from '../../utils/performance';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { LoadingCardLink } from './component-lazy/LazyFallback';
+import { importWithRetry } from '../../utils';
 var LazyCardWithUrlContent = /*#__PURE__*/lazy(function () {
-  return import(
-  /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */
-  './component-lazy/index');
+  return importWithRetry(function () {
+    return import(
+    /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */
+    './component-lazy/index');
+  });
 });
 export function CardWithURLRenderer(props) {
   var _useState = useState(function () {
@@ -59,15 +62,22 @@ export function CardWithURLRenderer(props) {
   }, [appearance, createAnalyticsEvent]);
   var analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
   var logError = useCallback(function (error, info) {
-    var componentStack = info.componentStack; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
+    var componentStack = info.componentStack;
+    var errorInfo = {
+      componentStack: componentStack
+    }; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
     // fire an event for these, as they do not cover failed UI render events.
     // The rest of the errors caught here are unexpected, and correlate
     // to the reliability of the smart-card front-end components.
+    // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
 
-    if (error.name !== 'APIError') {
-      var errorInfo = {
-        componentStack: componentStack
-      };
+    if (error.name === 'ChunkLoadError') {
+      analytics.operational.chunkloadFailedEvent({
+        display: appearance,
+        error: error,
+        errorInfo: errorInfo
+      });
+    } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
         display: appearance,
         id: id,
@@ -79,7 +89,7 @@ export function CardWithURLRenderer(props) {
 
 
     throw error;
-  }, [analytics.ui, appearance, id]);
+  }, [analytics.operational, analytics.ui, appearance, id]);
 
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');

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

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { extractType } from '@atlaskit/linking-common/extractors';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { getExtensionKey } from '../../../state/helpers';
@@ -14,6 +14,7 @@ import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
+import { useSmartCardActions } from '../../../state/actions';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
   return {
@@ -56,6 +57,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var extensionKey = useMemo(function () {
     return getExtensionKey(cardState.details);
   }, [cardState.details]);
+  var actions = useSmartCardActions(id, url, analytics);
+  useEffect(function () {
+    actions.loadMetadata();
+  }, [actions]);
   var onClick = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
     analytics.ui.cardClickedEvent({

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -5,7 +5,6 @@ import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { useSmartCardActions } from '../../../../../state/actions';
 import { getSimulatedMetadata, toActionableMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
 import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
@@ -41,10 +40,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
       onActionClick = _ref.onActionClick,
       extensionKey = _ref.extensionKey;
   var showActionableElement = useFeatureFlag('enableActionableElement');
-  var actions = useSmartCardActions(id, url, analytics);
-  useEffect(function () {
-    actions.loadMetadata();
-  }, [actions]);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

package/dist/types/hoverCard.d.ts

@@ -0,0 +1,2 @@
+export { HoverCard } from './view/HoverCard';
+export type { HoverCardProps } from './view/HoverCard/types';

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

@@ -171,6 +171,14 @@ export declare const useSmartLinkAnalytics: (url: string, dispatchAnalytics: Ana
          * @param error An error representing why the Smart Link request failed.
          */
         instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: InstrumentEventProps) => void;
+        /**
+         * This fires an event that represents when a Smart Link renders unsuccessfuly.
+         * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
+         * @param id The unique ID for this Smart Link.
+         * @param error: An error representing why the Smart Link render failed.
+         * @param errorInfo: Additional details about the error including the stack trace.
+         */
+        chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => void;
     };
     track: {
         /**

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

@@ -36,6 +36,7 @@ export declare const FlexibleUiAnalyticsContext: import("react").Context<{
         connectSucceededEvent: ({ id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").ConnectSucceededEventProps) => void;
         connectFailedEvent: ({ id, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").ConnectFailedEventProps) => void;
         instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: import("../../utils/analytics/types").InstrumentEventProps) => void;
+        chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
     };
     track: {
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;
@@ -74,6 +75,7 @@ export declare const useFlexibleUiAnalyticsContext: () => {
         connectSucceededEvent: ({ id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").ConnectSucceededEventProps) => void;
         connectFailedEvent: ({ id, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").ConnectFailedEventProps) => void;
         instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: import("../../utils/analytics/types").InstrumentEventProps) => void;
+        chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
     };
     track: {
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

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

@@ -35,6 +35,7 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
             connectSucceededEvent: ({ id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").ConnectSucceededEventProps) => void;
             connectFailedEvent: ({ id, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").ConnectFailedEventProps) => void;
             instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: import("../../utils/analytics/types").InstrumentEventProps) => void;
+            chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
         };
         track: {
             appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").CommonEventProps) => void;

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

@@ -32,3 +32,4 @@ export declare const uiHoverCardViewedEvent: ({ id, previewDisplay, extensionKey
 export declare const uiHoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, status, }: UiHoverCardDismissedEventProps) => AnalyticsPayload;
 export declare const uiHoverCardOpenLinkClickedEvent: ({ id, previewDisplay, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, }: UiHoverCardOpenLinkClickedEventProps) => AnalyticsPayload;
 export declare const uiLearnMoreLinkClickedEvent: () => AnalyticsPayload;
+export declare const chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => AnalyticsPayload;

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

@@ -1,4 +1,4 @@
 import { AnalyticsPayload } from '../types';
 import { InstrumentEventProps } from './types';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, } from './analytics';
 export declare const instrumentEvent: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: InstrumentEventProps) => AnalyticsPayload | undefined;

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

@@ -10,3 +10,5 @@ export declare const getLabelForFileType: (fileMimeType: string) => React.ReactN
 export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
 export declare const handleOnClick: (handler: Function) => (e: React.BaseSyntheticEvent) => void;
 export declare const isIntersectionObserverSupported: () => boolean;
+export declare const sleep: (ms: number) => Promise<void>;
+export declare const importWithRetry: <T>(importFn: () => Promise<T>, retries?: number, interval?: number) => Promise<T>;

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

@@ -65,6 +65,7 @@ export declare const mockAnalytics: {
         connectSucceededEvent: ({ id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").ConnectSucceededEventProps) => void;
         connectFailedEvent: ({ id, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").ConnectFailedEventProps) => void;
         instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: import("./analytics/types").InstrumentEventProps) => void;
+        chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderFailedEventProps) => void;
     };
     track: {
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").CommonEventProps) => void;

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

@@ -1,6 +1,6 @@
 import { GasPayload } from '@atlaskit/analytics-gas-types';
 import { CardInnerAppearance } from '../view/Card/types';
-export declare type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved';
+export declare type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connected' | 'connectFailed' | 'connectSucceeded' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'viewed' | 'unresolved' | 'chunkLoadFailed';
 export declare type AnalyticsActionSubject = 'smartLink' | 'smartLinkAction' | 'applicationAccount' | 'button' | 'consentModal' | 'hoverCard' | 'modal' | 'embedPreviewModal';
 export declare type AnalyticsName = 'embedPreviewModal';
 export declare type AnalyticsOrigin = 'smartLinkCard' | 'smartLinkEmbed' | 'smartLinkInline' | 'smartLinkPreviewHoverCard';

package/hover-card/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/smart-card/hover-card",
+  "main": "../dist/cjs/hoverCard.js",
+  "module": "../dist/esm/hoverCard.js",
+  "module:es2019": "../dist/es2019/hoverCard.js",
+  "sideEffects": false,
+  "types": "../dist/types/hoverCard.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/hoverCard.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.9.3",
+  "version": "23.10.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -119,6 +119,7 @@
     "./client": "./src/client/index.ts",
     "./types": "./src/types.ts",
     "./hooks": "./src/hooks.ts",
+    "./hover-card": "./src/hoverCard.ts",
     ".": "./src/index.ts"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",

package/report.api.md

@@ -86,6 +86,7 @@ type ActionProps = {
 // @public (undocumented)
 export type AnalyticsAction =
   | 'authStarted'
+  | 'chunkLoadFailed'
   | 'clicked'
   | 'closed'
   | 'connectFailed'
@@ -1097,6 +1098,17 @@ export const useSmartLinkAnalytics: (
       location,
       error,
     }: InstrumentEventProps) => void;
+    chunkloadFailedEvent: ({
+      display,
+      error,
+      errorInfo,
+      extensionKey,
+      definitionId,
+      resourceType,
+      destinationProduct,
+      destinationSubproduct,
+      location,
+    }: UiRenderFailedEventProps) => void;
   };
   track: {
     appAccountConnected: ({

package/tmp/api-report-tmp.d.ts

@@ -70,7 +70,7 @@ type ActionProps = {
 };
 
 // @public (undocumented)
-export type AnalyticsAction = 'authStarted' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'unresolved' | 'viewed';
+export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'unresolved' | 'viewed';
 
 // @public (undocumented)
 export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'modal' | 'smartLink' | 'smartLinkAction';
@@ -815,6 +815,7 @@ export const useSmartLinkAnalytics: (url: string, dispatchAnalytics: AnalyticsHa
         connectSucceededEvent: ({ id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ConnectSucceededEventProps) => void;
         connectFailedEvent: ({ id, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ConnectFailedEventProps) => void;
         instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: InstrumentEventProps) => void;
+        chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => void;
     };
     track: {
         appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: TrackAppAccountConnectedProps) => void;