@atlaskit/renderer 124.9.4 → 124.9.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/renderer
 
+## 124.9.5
+
+### Patch Changes
+
+- [`5643e8f693872`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5643e8f693872) -
+  [ux] Add tests for smart links and smart link list view using new logo design, behind feature gate
+  navx-1895-new-logo-design
+- Updated dependencies
+
 ## 124.9.4
 
 ### Patch Changes

package/dist/cjs/ui/MediaCard.js

@@ -21,6 +21,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _utils = require("@atlaskit/editor-common/utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -105,6 +108,19 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         return _ref.apply(this, arguments);
       };
     }());
+    (0, _defineProperty2.default)(_this, "onError", function (reason) {
+      var _this$props$fireAnaly, _this$props2;
+      (_this$props$fireAnaly = (_this$props2 = _this.props).fireAnalyticsEvent) === null || _this$props$fireAnaly === void 0 || _this$props$fireAnaly.call(_this$props2, {
+        action: _analytics.ACTION.ERRORED,
+        actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.MEDIA,
+        eventType: _analytics.EVENT_TYPE.UI,
+        attributes: {
+          reason: reason,
+          external: false
+        }
+      });
+    });
     (0, _defineProperty2.default)(_this, "renderLoadingCard", function () {
       var cardDimensions = _this.props.cardDimensions;
       return /*#__PURE__*/_react.default.createElement(_mediaCard.CardLoading, {
@@ -138,11 +154,11 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        var _this$props2, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
+        var _this$props3, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _this$props2 = this.props, rendererContext = _this$props2.rendererContext, contextIdentifierProvider = _this$props2.contextIdentifierProvider, id = _this$props2.id, url = _this$props2.url, collectionName = _this$props2.collection;
+              _this$props3 = this.props, rendererContext = _this$props3.rendererContext, contextIdentifierProvider = _this$props3.contextIdentifierProvider, id = _this$props3.id, url = _this$props3.url, collectionName = _this$props3.collection;
               if (!contextIdentifierProvider) {
                 _context2.next = 8;
                 break;
@@ -194,9 +210,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props3 = this.props,
-        id = _this$props3.id,
-        dataURI = _this$props3.url;
+      var _this$props4 = this.props,
+        id = _this$props4.id,
+        dataURI = _this$props4.url;
       if (id) {
         mediaIdentifierMap.delete(id);
       } else if (dataURI) {
@@ -206,20 +222,20 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderExternal",
     value: function renderExternal(shouldOpenMediaViewer) {
-      var _this$props4 = this.props,
-        cardDimensions = _this$props4.cardDimensions,
-        resizeMode = _this$props4.resizeMode,
-        appearance = _this$props4.appearance,
-        url = _this$props4.url,
-        imageStatus = _this$props4.imageStatus,
-        disableOverlay = _this$props4.disableOverlay,
-        alt = _this$props4.alt,
-        featureFlags = _this$props4.featureFlags,
-        ssr = _this$props4.ssr,
-        mediaClient = _this$props4.mediaClient,
-        dataAttributes = _this$props4.dataAttributes,
-        enableSyncMediaCard = _this$props4.enableSyncMediaCard,
-        localId = _this$props4.localId;
+      var _this$props5 = this.props,
+        cardDimensions = _this$props5.cardDimensions,
+        resizeMode = _this$props5.resizeMode,
+        appearance = _this$props5.appearance,
+        url = _this$props5.url,
+        imageStatus = _this$props5.imageStatus,
+        disableOverlay = _this$props5.disableOverlay,
+        alt = _this$props5.alt,
+        featureFlags = _this$props5.featureFlags,
+        ssr = _this$props5.ssr,
+        mediaClient = _this$props5.mediaClient,
+        dataAttributes = _this$props5.dataAttributes,
+        enableSyncMediaCard = _this$props5.enableSyncMediaCard,
+        localId = _this$props5.localId;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -256,7 +272,8 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
           mediaViewerItems: Array.from(mediaIdentifierMap.values()),
           featureFlags: featureFlags,
           ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-          shouldHideTooltip: false
+          shouldHideTooltip: false,
+          onError: (0, _expValEquals.expValEquals)('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
         }))
       );
     }
@@ -266,25 +283,25 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         contextIdentifierProvider = _this$state.contextIdentifierProvider,
         fileState = _this$state.fileState;
-      var _this$props5 = this.props,
-        id = _this$props5.id,
-        alt = _this$props5.alt,
-        type = _this$props5.type,
-        collection = _this$props5.collection,
-        occurrenceKey = _this$props5.occurrenceKey,
-        cardDimensions = _this$props5.cardDimensions,
-        resizeMode = _this$props5.resizeMode,
-        disableOverlay = _this$props5.disableOverlay,
-        useInlinePlayer = _this$props5.useInlinePlayer,
-        originalDimensions = _this$props5.originalDimensions,
-        forceOpenMediaViewer = _this$props5.shouldOpenMediaViewer,
-        featureFlags = _this$props5.featureFlags,
-        shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
-        ssr = _this$props5.ssr,
-        mediaClient = _this$props5.mediaClient,
-        dataAttributes = _this$props5.dataAttributes,
-        enableSyncMediaCard = _this$props5.enableSyncMediaCard,
-        localId = _this$props5.localId;
+      var _this$props6 = this.props,
+        id = _this$props6.id,
+        alt = _this$props6.alt,
+        type = _this$props6.type,
+        collection = _this$props6.collection,
+        occurrenceKey = _this$props6.occurrenceKey,
+        cardDimensions = _this$props6.cardDimensions,
+        resizeMode = _this$props6.resizeMode,
+        disableOverlay = _this$props6.disableOverlay,
+        useInlinePlayer = _this$props6.useInlinePlayer,
+        originalDimensions = _this$props6.originalDimensions,
+        forceOpenMediaViewer = _this$props6.shouldOpenMediaViewer,
+        featureFlags = _this$props6.featureFlags,
+        shouldEnableDownloadButton = _this$props6.shouldEnableDownloadButton,
+        ssr = _this$props6.ssr,
+        mediaClient = _this$props6.mediaClient,
+        dataAttributes = _this$props6.dataAttributes,
+        enableSyncMediaCard = _this$props6.enableSyncMediaCard,
+        localId = _this$props6.localId;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
@@ -339,7 +356,8 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         featureFlags: featureFlags,
         shouldEnableDownloadButton: shouldEnableDownloadButton,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-        shouldHideTooltip: isMobile
+        shouldHideTooltip: isMobile,
+        onError: (0, _expValEquals.expValEquals)('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       }));
     }
   }]);
@@ -379,11 +397,15 @@ var getClipboardAttrs = exports.getClipboardAttrs = function getClipboardAttrs(_
 };
 var MediaCardInternal = exports.MediaCardInternal = function MediaCardInternal(props) {
   var mediaClient = (0, _react.useContext)(_mediaClientReact.MediaClientContext);
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/_react.default.createElement(MediaCardView, (0, _extends2.default)({}, props, {
-    mediaClient: mediaClient
-  }));
+  return /*#__PURE__*/_react.default.createElement(_analyticsContext.default.Consumer, null, function (_ref3) {
+    var fireAnalyticsEvent = _ref3.fireAnalyticsEvent;
+    return /*#__PURE__*/_react.default.createElement(MediaCardView
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, props, {
+      mediaClient: mediaClient,
+      fireAnalyticsEvent: fireAnalyticsEvent
+    }));
+  });
 };
 var MediaCard = exports.MediaCard = (0, _utils.withImageLoader)(MediaCardInternal);

package/dist/es2019/ui/MediaCard.js

@@ -6,6 +6,9 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import AnalyticsContext from '../analytics/analyticsContext';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {
   if (!doc) {
@@ -60,6 +63,19 @@ export class MediaCardView extends Component {
         // do not set state on error
       }
     });
+    _defineProperty(this, "onError", reason => {
+      var _this$props$fireAnaly, _this$props;
+      (_this$props$fireAnaly = (_this$props = this.props).fireAnalyticsEvent) === null || _this$props$fireAnaly === void 0 ? void 0 : _this$props$fireAnaly.call(_this$props, {
+        action: ACTION.ERRORED,
+        actionSubject: ACTION_SUBJECT.RENDERER,
+        actionSubjectId: ACTION_SUBJECT_ID.MEDIA,
+        eventType: EVENT_TYPE.UI,
+        attributes: {
+          reason,
+          external: false
+        }
+      });
+    });
     _defineProperty(this, "renderLoadingCard", () => {
       const {
         cardDimensions
@@ -192,7 +208,8 @@ export class MediaCardView extends Component {
         mediaViewerItems: Array.from(mediaIdentifierMap.values()),
         featureFlags: featureFlags,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-        shouldHideTooltip: false
+        shouldHideTooltip: false,
+        onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       }))
     );
   }
@@ -275,7 +292,8 @@ export class MediaCardView extends Component {
       featureFlags: featureFlags,
       shouldEnableDownloadButton: shouldEnableDownloadButton,
       ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-      shouldHideTooltip: isMobile
+      shouldHideTooltip: isMobile,
+      onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
     }));
   }
 }
@@ -315,11 +333,16 @@ export const getClipboardAttrs = ({
 };
 export const MediaCardInternal = props => {
   const mediaClient = useContext(MediaClientContext);
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(MediaCardView, _extends({}, props, {
-    mediaClient: mediaClient
-  }));
+  return /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, ({
+    fireAnalyticsEvent
+  }) => {
+    return /*#__PURE__*/React.createElement(MediaCardView
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      mediaClient: mediaClient,
+      fireAnalyticsEvent: fireAnalyticsEvent
+    }));
+  });
 };
 export const MediaCard = withImageLoader(MediaCardInternal);

package/dist/esm/ui/MediaCard.js

@@ -17,6 +17,9 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import AnalyticsContext from '../analytics/analyticsContext';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
@@ -96,6 +99,19 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         return _ref.apply(this, arguments);
       };
     }());
+    _defineProperty(_this, "onError", function (reason) {
+      var _this$props$fireAnaly, _this$props2;
+      (_this$props$fireAnaly = (_this$props2 = _this.props).fireAnalyticsEvent) === null || _this$props$fireAnaly === void 0 || _this$props$fireAnaly.call(_this$props2, {
+        action: ACTION.ERRORED,
+        actionSubject: ACTION_SUBJECT.RENDERER,
+        actionSubjectId: ACTION_SUBJECT_ID.MEDIA,
+        eventType: EVENT_TYPE.UI,
+        attributes: {
+          reason: reason,
+          external: false
+        }
+      });
+    });
     _defineProperty(_this, "renderLoadingCard", function () {
       var cardDimensions = _this.props.cardDimensions;
       return /*#__PURE__*/React.createElement(CardLoading, {
@@ -129,11 +145,11 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _this$props2, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
+        var _this$props3, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _this$props2 = this.props, rendererContext = _this$props2.rendererContext, contextIdentifierProvider = _this$props2.contextIdentifierProvider, id = _this$props2.id, url = _this$props2.url, collectionName = _this$props2.collection;
+              _this$props3 = this.props, rendererContext = _this$props3.rendererContext, contextIdentifierProvider = _this$props3.contextIdentifierProvider, id = _this$props3.id, url = _this$props3.url, collectionName = _this$props3.collection;
               if (!contextIdentifierProvider) {
                 _context2.next = 8;
                 break;
@@ -185,9 +201,9 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props3 = this.props,
-        id = _this$props3.id,
-        dataURI = _this$props3.url;
+      var _this$props4 = this.props,
+        id = _this$props4.id,
+        dataURI = _this$props4.url;
       if (id) {
         mediaIdentifierMap.delete(id);
       } else if (dataURI) {
@@ -197,20 +213,20 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderExternal",
     value: function renderExternal(shouldOpenMediaViewer) {
-      var _this$props4 = this.props,
-        cardDimensions = _this$props4.cardDimensions,
-        resizeMode = _this$props4.resizeMode,
-        appearance = _this$props4.appearance,
-        url = _this$props4.url,
-        imageStatus = _this$props4.imageStatus,
-        disableOverlay = _this$props4.disableOverlay,
-        alt = _this$props4.alt,
-        featureFlags = _this$props4.featureFlags,
-        ssr = _this$props4.ssr,
-        mediaClient = _this$props4.mediaClient,
-        dataAttributes = _this$props4.dataAttributes,
-        enableSyncMediaCard = _this$props4.enableSyncMediaCard,
-        localId = _this$props4.localId;
+      var _this$props5 = this.props,
+        cardDimensions = _this$props5.cardDimensions,
+        resizeMode = _this$props5.resizeMode,
+        appearance = _this$props5.appearance,
+        url = _this$props5.url,
+        imageStatus = _this$props5.imageStatus,
+        disableOverlay = _this$props5.disableOverlay,
+        alt = _this$props5.alt,
+        featureFlags = _this$props5.featureFlags,
+        ssr = _this$props5.ssr,
+        mediaClient = _this$props5.mediaClient,
+        dataAttributes = _this$props5.dataAttributes,
+        enableSyncMediaCard = _this$props5.enableSyncMediaCard,
+        localId = _this$props5.localId;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -247,7 +263,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
           mediaViewerItems: Array.from(mediaIdentifierMap.values()),
           featureFlags: featureFlags,
           ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-          shouldHideTooltip: false
+          shouldHideTooltip: false,
+          onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
         }))
       );
     }
@@ -257,25 +274,25 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         contextIdentifierProvider = _this$state.contextIdentifierProvider,
         fileState = _this$state.fileState;
-      var _this$props5 = this.props,
-        id = _this$props5.id,
-        alt = _this$props5.alt,
-        type = _this$props5.type,
-        collection = _this$props5.collection,
-        occurrenceKey = _this$props5.occurrenceKey,
-        cardDimensions = _this$props5.cardDimensions,
-        resizeMode = _this$props5.resizeMode,
-        disableOverlay = _this$props5.disableOverlay,
-        useInlinePlayer = _this$props5.useInlinePlayer,
-        originalDimensions = _this$props5.originalDimensions,
-        forceOpenMediaViewer = _this$props5.shouldOpenMediaViewer,
-        featureFlags = _this$props5.featureFlags,
-        shouldEnableDownloadButton = _this$props5.shouldEnableDownloadButton,
-        ssr = _this$props5.ssr,
-        mediaClient = _this$props5.mediaClient,
-        dataAttributes = _this$props5.dataAttributes,
-        enableSyncMediaCard = _this$props5.enableSyncMediaCard,
-        localId = _this$props5.localId;
+      var _this$props6 = this.props,
+        id = _this$props6.id,
+        alt = _this$props6.alt,
+        type = _this$props6.type,
+        collection = _this$props6.collection,
+        occurrenceKey = _this$props6.occurrenceKey,
+        cardDimensions = _this$props6.cardDimensions,
+        resizeMode = _this$props6.resizeMode,
+        disableOverlay = _this$props6.disableOverlay,
+        useInlinePlayer = _this$props6.useInlinePlayer,
+        originalDimensions = _this$props6.originalDimensions,
+        forceOpenMediaViewer = _this$props6.shouldOpenMediaViewer,
+        featureFlags = _this$props6.featureFlags,
+        shouldEnableDownloadButton = _this$props6.shouldEnableDownloadButton,
+        ssr = _this$props6.ssr,
+        mediaClient = _this$props6.mediaClient,
+        dataAttributes = _this$props6.dataAttributes,
+        enableSyncMediaCard = _this$props6.enableSyncMediaCard,
+        localId = _this$props6.localId;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
@@ -330,7 +347,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         featureFlags: featureFlags,
         shouldEnableDownloadButton: shouldEnableDownloadButton,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-        shouldHideTooltip: isMobile
+        shouldHideTooltip: isMobile,
+        onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       }));
     }
   }]);
@@ -370,11 +388,15 @@ export var getClipboardAttrs = function getClipboardAttrs(_ref2) {
 };
 export var MediaCardInternal = function MediaCardInternal(props) {
   var mediaClient = useContext(MediaClientContext);
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(MediaCardView, _extends({}, props, {
-    mediaClient: mediaClient
-  }));
+  return /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, function (_ref3) {
+    var fireAnalyticsEvent = _ref3.fireAnalyticsEvent;
+    return /*#__PURE__*/React.createElement(MediaCardView
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
+      mediaClient: mediaClient,
+      fireAnalyticsEvent: fireAnalyticsEvent
+    }));
+  });
 };
 export var MediaCard = withImageLoader(MediaCardInternal);

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

@@ -128,6 +128,10 @@ declare enum RESOLVE_METHOD {
 type AnnotationAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID.INLINE_COMMENT, AnnotationAEPAttributes, undefined>;
 type MediaLnkTransformedAEP = AEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined, EVENT_TYPE.OPERATIONAL>;
 type NestedTableTransformedAEP = OperationalAEP<ACTION.NESTED_TABLE_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP;
+export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID.MEDIA, {
+    external?: boolean;
+    reason: string;
+}>;
+export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types/ui/MediaCard.d.ts

@@ -10,6 +10,7 @@ import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { RendererAppearance } from './Renderer/types';
 import type { RendererContext } from '../react/types';
 import type { MediaSSR } from '../types/mediaOptions';
+import type { AnalyticsEventPayload } from '../analytics/events';
 export type MediaProvider = {
     viewMediaClientConfig: MediaClientConfig;
 };
@@ -50,6 +51,7 @@ interface State {
 export declare const mediaIdentifierMap: Map<string, Identifier>;
 export declare const getListOfIdentifiersFromDoc: (doc?: ADFEntity) => Identifier[];
 export declare class MediaCardView extends Component<MediaCardProps & {
+    fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     mediaClient?: MediaClient;
 }, State> {
     state: State;
@@ -57,6 +59,7 @@ export declare class MediaCardView extends Component<MediaCardProps & {
     componentDidUpdate(prevProps: MediaCardProps): void;
     componentWillUnmount(): void;
     saveFileState: (id: string) => Promise<void>;
+    private onError;
     private renderLoadingCard;
     private renderExternal;
     /**

package/dist/types-ts4.5/analytics/events.d.ts

@@ -128,6 +128,10 @@ declare enum RESOLVE_METHOD {
 type AnnotationAEP = AEP<AnnotationActionType, ACTION_SUBJECT.ANNOTATION, ACTION_SUBJECT_ID.INLINE_COMMENT, AnnotationAEPAttributes, undefined>;
 type MediaLnkTransformedAEP = AEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined, EVENT_TYPE.OPERATIONAL>;
 type NestedTableTransformedAEP = OperationalAEP<ACTION.NESTED_TABLE_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP;
+export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID.MEDIA, {
+    external?: boolean;
+    reason: string;
+}>;
+export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types-ts4.5/ui/MediaCard.d.ts

@@ -10,6 +10,7 @@ import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { RendererAppearance } from './Renderer/types';
 import type { RendererContext } from '../react/types';
 import type { MediaSSR } from '../types/mediaOptions';
+import type { AnalyticsEventPayload } from '../analytics/events';
 export type MediaProvider = {
     viewMediaClientConfig: MediaClientConfig;
 };
@@ -50,6 +51,7 @@ interface State {
 export declare const mediaIdentifierMap: Map<string, Identifier>;
 export declare const getListOfIdentifiersFromDoc: (doc?: ADFEntity) => Identifier[];
 export declare class MediaCardView extends Component<MediaCardProps & {
+    fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     mediaClient?: MediaClient;
 }, State> {
     state: State;
@@ -57,6 +59,7 @@ export declare class MediaCardView extends Component<MediaCardProps & {
     componentDidUpdate(prevProps: MediaCardProps): void;
     componentWillUnmount(): void;
     saveFileState: (id: string) => Promise<void>;
+    private onError;
     private renderLoadingCard;
     private renderExternal;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.9.4",
+	"version": "124.9.5",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.19.0",
+		"@atlaskit/tmp-editor-statsig": "^13.20.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/tooltip": "^20.6.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -248,6 +248,9 @@
 		"hot-121622_lazy_load_expand_content": {
 			"type": "boolean"
 		},
+		"navx-1895-new-logo-design": {
+			"type": "boolean"
+		},
 		"media-perf-uplift-mutation-fix": {
 			"type": "boolean"
 		}

package/afm-townsquare/tsconfig.json

@@ -1,141 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.townsquare.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../townsquare/tsDist/@atlaskit__renderer/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../adf-utils/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-listeners/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-namespaced-context/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-next/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../helpers/browser-apis/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/code/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../editor-json-transformer/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../editor-palette/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../editor-shared-styles/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../editor-tables/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../elements/emoji/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../measurement/feature-gate-js-client/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/link/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/link-datasource/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/link-extractors/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-card/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-client/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-client-react/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-common/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-filmstrip/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-ui/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-viewer/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../react-ufo/atlaskit/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/smart-card/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../elements/status/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../elements/task-decision/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../tmp-editor-statsig/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/visually-hidden/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../linking-platform/link-provider/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../media/media-core/afm-townsquare/tsconfig.json"
-		}
-	]
-}