@atlaskit/smart-card 23.10.0 → 23.10.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

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.10.0",
+	"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/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.10.0",
+	"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/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.10.0",
+	"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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.10.0",
+  "version": "23.10.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

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;