@atlaskit/renderer 126.13.6 → 126.14.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 126.14.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 126.14.0
+
+### Minor Changes
+
+- [`27de3457c3a79`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27de3457c3a79) -
+  EDITOR-5532 add context to media error events
+
+### Patch Changes
+
+- [`8d4d473fe4cd8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8d4d473fe4cd8) -
+  Only reload cached smartlinks when the url changes and we sucessfully got the data from cache
+- Updated dependencies
+
 ## 126.13.6
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -501,6 +501,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         var _n$type2;
         return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
       });
+      // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
+      var nestedUnder = (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
       var isAnnotationMark = function isAnnotationMark(mark) {
         return mark.type === annotation;
       };
@@ -523,7 +525,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr,
         // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
         allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
-        enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard
+        enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard,
+        nestedUnder: nestedUnder
       });
     }
   }, {

package/dist/cjs/react/nodes/inlineCard.js

@@ -15,6 +15,7 @@ var _utils = require("@atlaskit/linking-common/utils");
 var _hooks = require("@atlaskit/smart-card/hooks");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _ui = require("@atlaskit/editor-common/ui");
+var _hooks2 = require("@atlaskit/editor-common/hooks");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
@@ -162,13 +163,15 @@ var InlineCard = function InlineCard(props) {
     }
     return card;
   };
-  var reload = (0, _hooks.useSmartLinkReload)({
-    url: url || ''
-  });
+  var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value5 = cardContext.value) === null || _cardContext$value5 === void 0 ? void 0 : _cardContext$value5.store) || {},
+    getSmartlinkState = _ref2.getState;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isResolvedViewRendered = _useState2[0],
     setIsResolvedViewRendered = _useState2[1];
+  var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+  var cardStatus = cardState === null || cardState === void 0 ? void 0 : cardState.status;
+  (0, _hooks2.useSmartCardReloadAfterCache)(url, cardStatus, (smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.ssr) || false);
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   var cardProps = {
     url: url,
@@ -176,10 +179,10 @@ var InlineCard = function InlineCard(props) {
     onClick: onClick,
     container: portal
   };
-  var _ref2 = smartLinks || {},
-    hideHoverPreview = _ref2.hideHoverPreview,
-    actionOptions = _ref2.actionOptions,
-    ssr = _ref2.ssr;
+  var _ref3 = smartLinks || {},
+    hideHoverPreview = _ref3.hideHoverPreview,
+    actionOptions = _ref3.actionOptions,
+    ssr = _ref3.ssr;
   var analyticsData = {
     attributes: {
       location: 'renderer'
@@ -193,20 +196,13 @@ var InlineCard = function InlineCard(props) {
     sourceUrl: url,
     linkType: "inline"
   }) : null;
-  var onError = function onError(_ref3) {
-    var err = _ref3.err;
+  var onError = function onError(_ref4) {
+    var err = _ref4.err;
     if (err) {
       throw err;
     }
   };
   var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
-  var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value5 = cardContext.value) === null || _cardContext$value5 === void 0 || (_cardContext$value5 = _cardContext$value5.store) === null || _cardContext$value5 === void 0 ? void 0 : _cardContext$value5.getState()[url || ''];
-  (0, _react.useEffect)(function () {
-    // if we render from cache, we want to make sure we reload the data in the background
-    if ((0, _expValEquals.expValEquals)('platform_editor_smartlink_local_cache', 'isEnabled', true) && !ssr && url && (cardState === null || cardState === void 0 ? void 0 : cardState.status) === 'resolved') {
-      reload();
-    }
-  });
   if ((ssr || cardState && (0, _expValEquals.expValEquals)('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
     exposure: true
   })) {

package/dist/cjs/react/renderer-node.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insideTable = exports.insideMultiBodiedExtension = exports.insideBreakoutLayout = exports.insideBreakoutExpand = exports.insideBlockNode = void 0;
+exports.insideTable = exports.insideMultiBodiedExtension = exports.insideBreakoutLayout = exports.insideBreakoutExpand = exports.insideBlockNode = exports.getNestedUnderNodes = void 0;
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var isLayoutNode = function isLayoutNode(node) {
   return node.type.name === 'layoutSection';
 };
@@ -50,4 +53,21 @@ var insideTable = exports.insideTable = function insideTable(path, schema) {
   return path.some(function (n) {
     return n.type === table;
   });
+};
+var getNestedUnderNodes = exports.getNestedUnderNodes = function getNestedUnderNodes(path, nodeTypeNames) {
+  var _iterator = _createForOfIteratorHelper(path),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var node = _step.value;
+      if (nodeTypeNames.includes(node.type.name)) {
+        return node.type.name;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return undefined;
 };

package/dist/cjs/render-document.js

@@ -92,6 +92,19 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       }
     });
   }
+  if (result && (0, _platformFeatureFlags.fg)('platform_editor_native_embeds_fallback_transform')) {
+    var _nativeEmbedsFallback = (0, _transforms.nativeEmbedsFallbackTransform)(result),
+      _transformedAdf2 = _nativeEmbedsFallback.transformedAdf,
+      _isTransformed2 = _nativeEmbedsFallback.isTransformed;
+    if (_isTransformed2) {
+      dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
+        action: _analytics.ACTION.NATIVE_EMBEDS_TRANSFORMED,
+        actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      });
+      result = _transformedAdf2 || result;
+    }
+  }
   return result;
 };
 var memoValidation = (0, _memoizeOne.default)(_validation, function (newArgs, lastArgs) {

package/dist/cjs/ui/MediaCard.js

@@ -23,6 +23,7 @@ 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");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
@@ -108,16 +109,23 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
       };
     }());
     (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, {
+      var _this$props$fireAnaly, _this$props3;
+      var _this$props2 = _this.props,
+        nestedUnder = _this$props2.nestedUnder,
+        rendererContext = _this$props2.rendererContext;
+      (_this$props$fireAnaly = (_this$props3 = _this.props).fireAnalyticsEvent) === null || _this$props$fireAnaly === void 0 || _this$props$fireAnaly.call(_this$props3, {
         action: _analytics.ACTION.ERRORED,
         actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
         actionSubjectId: _analytics.ACTION_SUBJECT_ID.MEDIA,
         eventType: _analytics.EVENT_TYPE.UI,
-        attributes: {
+        attributes: _objectSpread(_objectSpread({
           reason: reason,
           external: false
-        }
+        }, nestedUnder && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
+          nestedUnder: nestedUnder
+        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
+          nestedRendererType: rendererContext.nestedRendererType
+        } : {})
       });
     });
     (0, _defineProperty2.default)(_this, "renderLoadingCard", function () {
@@ -153,11 +161,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$props3, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
+        var _this$props4, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _this$props3 = this.props, rendererContext = _this$props3.rendererContext, contextIdentifierProvider = _this$props3.contextIdentifierProvider, id = _this$props3.id, url = _this$props3.url, collectionName = _this$props3.collection;
+              _this$props4 = this.props, rendererContext = _this$props4.rendererContext, contextIdentifierProvider = _this$props4.contextIdentifierProvider, id = _this$props4.id, url = _this$props4.url, collectionName = _this$props4.collection;
               if (!contextIdentifierProvider) {
                 _context2.next = 8;
                 break;
@@ -209,9 +217,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props4 = this.props,
-        id = _this$props4.id,
-        dataURI = _this$props4.url;
+      var _this$props5 = this.props,
+        id = _this$props5.id,
+        dataURI = _this$props5.url;
       if (id) {
         mediaIdentifierMap.delete(id);
       } else if (dataURI) {
@@ -221,20 +229,20 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderExternal",
     value: function renderExternal(shouldOpenMediaViewer) {
-      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;
+      var _this$props6 = this.props,
+        cardDimensions = _this$props6.cardDimensions,
+        resizeMode = _this$props6.resizeMode,
+        appearance = _this$props6.appearance,
+        url = _this$props6.url,
+        imageStatus = _this$props6.imageStatus,
+        disableOverlay = _this$props6.disableOverlay,
+        alt = _this$props6.alt,
+        featureFlags = _this$props6.featureFlags,
+        ssr = _this$props6.ssr,
+        mediaClient = _this$props6.mediaClient,
+        dataAttributes = _this$props6.dataAttributes,
+        enableSyncMediaCard = _this$props6.enableSyncMediaCard,
+        localId = _this$props6.localId;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -282,25 +290,25 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         contextIdentifierProvider = _this$state.contextIdentifierProvider,
         fileState = _this$state.fileState;
-      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 _this$props7 = this.props,
+        id = _this$props7.id,
+        alt = _this$props7.alt,
+        type = _this$props7.type,
+        collection = _this$props7.collection,
+        occurrenceKey = _this$props7.occurrenceKey,
+        cardDimensions = _this$props7.cardDimensions,
+        resizeMode = _this$props7.resizeMode,
+        disableOverlay = _this$props7.disableOverlay,
+        useInlinePlayer = _this$props7.useInlinePlayer,
+        originalDimensions = _this$props7.originalDimensions,
+        forceOpenMediaViewer = _this$props7.shouldOpenMediaViewer,
+        featureFlags = _this$props7.featureFlags,
+        shouldEnableDownloadButton = _this$props7.shouldEnableDownloadButton,
+        ssr = _this$props7.ssr,
+        mediaClient = _this$props7.mediaClient,
+        dataAttributes = _this$props7.dataAttributes,
+        enableSyncMediaCard = _this$props7.enableSyncMediaCard,
+        localId = _this$props7.localId;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;

package/dist/cjs/ui/Renderer/index.js

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.13.5";
+var packageVersion = "126.14.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -232,10 +232,12 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       eventHandlers: props.eventHandlers,
       extensionHandlers: props.extensionHandlers,
       portal: props.portal,
-      objectContext: _objectSpread({
+      objectContext: _objectSpread(_objectSpread({
         adDoc: props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document,
         schema: props.schema
-      }, props.rendererContext),
+      }, props.rendererContext), {}, {
+        nestedRendererType: nestedRendererType
+      }),
       appearance: props.appearance,
       contentMode: props.contentMode,
       onSetLinkTarget: props.onSetLinkTarget,
@@ -271,7 +273,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
       shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
     };
-  }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
+  }, [createRendererContext, providerFactory, _fireAnalyticsEvent, nestedRendererType]);
   var serializer = (0, _useMemoFromPropsDerivative.useMemoFromPropsDerivative)(function (serializerProps) {
     var _props$createSerializ, _props$createSerializ2;
     return (_props$createSerializ = (_props$createSerializ2 = props.createSerializer) === null || _props$createSerializ2 === void 0 ? void 0 : _props$createSerializ2.call(props, serializerProps)) !== null && _props$createSerializ !== void 0 ? _props$createSerializ : new _.ReactSerializer(serializerProps);

package/dist/es2019/react/index.js

@@ -14,7 +14,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { getText } from '../utils';
 import { isAnnotationMark, toReact as markToReact } from './marks';
 import { isCodeMark } from './marks/code';
-import { insideBlockNode, insideBreakoutExpand, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
+import { getNestedUnderNodes, insideBlockNode, insideBreakoutExpand, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
 import { renderTextSegments } from './utils/render-text-segments';
 import { segmentText } from './utils/segment-text';
 import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
@@ -460,6 +460,8 @@ export default class ReactSerializer {
       var _n$type2;
       return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
     });
+    // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
+    const nestedUnder = expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
     const isAnnotationMark = mark => mark.type === annotation;
     const isLinkMark = mark => mark.type === link;
     const isBorderMark = mark => isChildOfMediaSingle && mark.type === border;
@@ -475,7 +477,8 @@ export default class ReactSerializer {
       ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr,
       // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
       allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
-      enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard
+      enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard,
+      nestedUnder
     };
   }
   getExtensionProps(node, path = []) {

package/dist/es2019/react/nodes/inlineCard.js

@@ -4,15 +4,16 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 /* eslint-disable jsdoc/check-tag-names */
-import { Fragment, useState, useMemo, useEffect } from 'react';
+import { Fragment, useState, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useSmartCardContext } from '@atlaskit/link-provider';
 import { Card, getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
 import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
-import { useSmartLinkActions, useSmartLinkReload } from '@atlaskit/smart-card/hooks';
+import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { HoverLinkOverlay, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import { useSmartCardReloadAfterCache } from '@atlaskit/editor-common/hooks';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
@@ -124,7 +125,7 @@ const OverlayWithCardContext = ({
   }, children);
 };
 const InlineCard = props => {
-  var _cardContext$value5, _cardContext$value5$s;
+  var _cardContext$value5;
   const {
     url,
     data,
@@ -147,10 +148,13 @@ const InlineCard = props => {
     }
     return card;
   };
-  const reload = useSmartLinkReload({
-    url: url || ''
-  });
+  const {
+    getState: getSmartlinkState
+  } = (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value5 = cardContext.value) === null || _cardContext$value5 === void 0 ? void 0 : _cardContext$value5.store) || {};
   const [isResolvedViewRendered, setIsResolvedViewRendered] = useState(false);
+  const cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+  const cardStatus = cardState === null || cardState === void 0 ? void 0 : cardState.status;
+  useSmartCardReloadAfterCache(url, cardStatus, (smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.ssr) || false);
   const onClick = getCardClickHandler(eventHandlers, url);
   const cardProps = {
     url,
@@ -184,13 +188,6 @@ const InlineCard = props => {
     }
   };
   const MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
-  const cardState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value5 = cardContext.value) === null || _cardContext$value5 === void 0 ? void 0 : (_cardContext$value5$s = _cardContext$value5.store) === null || _cardContext$value5$s === void 0 ? void 0 : _cardContext$value5$s.getState()[url || ''];
-  useEffect(() => {
-    // if we render from cache, we want to make sure we reload the data in the background
-    if (expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true) && !ssr && url && (cardState === null || cardState === void 0 ? void 0 : cardState.status) === 'resolved') {
-      reload();
-    }
-  });
   if ((ssr || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true, {
     exposure: true
   })) {

package/dist/es2019/react/renderer-node.js

@@ -29,4 +29,12 @@ export const insideTable = (path, schema) => {
     }
   } = schema;
   return path.some(n => n.type === table);
+};
+export const getNestedUnderNodes = (path, nodeTypeNames) => {
+  for (const node of path) {
+    if (nodeTypeNames.includes(node.type.name)) {
+      return node.type.name;
+    }
+  }
+  return undefined;
 };

package/dist/es2019/render-document.js

@@ -2,7 +2,7 @@
 // Entry file in package.json
 
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
+import { nativeEmbedsFallbackTransform, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
 import { getValidDocument } from '@atlaskit/editor-common/validator';
@@ -86,6 +86,20 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
       }
     });
   }
+  if (result && fg('platform_editor_native_embeds_fallback_transform')) {
+    const {
+      transformedAdf,
+      isTransformed
+    } = nativeEmbedsFallbackTransform(result);
+    if (isTransformed) {
+      dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 ? void 0 : dispatchAnalyticsEvent({
+        action: ACTION.NATIVE_EMBEDS_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.RENDERER,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+      result = transformedAdf || result;
+    }
+  }
   return result;
 };
 const memoValidation = memoizeOne(_validation, (newArgs, lastArgs) => {

package/dist/es2019/ui/MediaCard.js

@@ -8,6 +8,7 @@ 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';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {
   if (!doc) {
@@ -64,6 +65,10 @@ export class MediaCardView extends Component {
     });
     _defineProperty(this, "onError", reason => {
       var _this$props$fireAnaly, _this$props;
+      const {
+        nestedUnder,
+        rendererContext
+      } = 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,
@@ -71,7 +76,13 @@ export class MediaCardView extends Component {
         eventType: EVENT_TYPE.UI,
         attributes: {
           reason,
-          external: false
+          external: false,
+          ...(nestedUnder && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+            nestedUnder
+          } : {}),
+          ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+            nestedRendererType: rendererContext.nestedRendererType
+          } : {})
         }
       });
     });

package/dist/es2019/ui/Renderer/index.js

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "126.13.5";
+const packageVersion = "126.14.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -227,7 +227,8 @@ export const RendererFunctionalComponent = props => {
       objectContext: {
         adDoc: props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document,
         schema: props.schema,
-        ...props.rendererContext
+        ...props.rendererContext,
+        nestedRendererType
       },
       appearance: props.appearance,
       contentMode: props.contentMode,
@@ -264,7 +265,7 @@ export const RendererFunctionalComponent = props => {
       allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
       shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
     };
-  }, [createRendererContext, providerFactory, fireAnalyticsEvent]);
+  }, [createRendererContext, providerFactory, fireAnalyticsEvent, nestedRendererType]);
   const serializer = useMemoFromPropsDerivative(serializerProps => {
     var _props$createSerializ, _props$createSerializ2;
     return (_props$createSerializ = (_props$createSerializ2 = props.createSerializer) === null || _props$createSerializ2 === void 0 ? void 0 : _props$createSerializ2.call(props, serializerProps)) !== null && _props$createSerializ !== void 0 ? _props$createSerializ : new ReactSerializer(serializerProps);

package/dist/esm/react/index.js

@@ -21,7 +21,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { getText } from '../utils';
 import { isAnnotationMark, toReact as markToReact } from './marks';
 import { isCodeMark } from './marks/code';
-import { insideBlockNode, insideBreakoutExpand, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
+import { getNestedUnderNodes, insideBlockNode, insideBreakoutExpand, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
 import { renderTextSegments } from './utils/render-text-segments';
 import { segmentText } from './utils/segment-text';
 import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
@@ -494,6 +494,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         var _n$type2;
         return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
       });
+      // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
+      var nestedUnder = expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
       var isAnnotationMark = function isAnnotationMark(mark) {
         return mark.type === annotation;
       };
@@ -516,7 +518,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         ssr: (_this$media = this.media) === null || _this$media === void 0 ? void 0 : _this$media.ssr,
         // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
         allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
-        enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard
+        enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard,
+        nestedUnder: nestedUnder
       });
     }
   }, {

package/dist/esm/react/nodes/inlineCard.js

@@ -5,15 +5,16 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsx jsx
  */
 /* eslint-disable jsdoc/check-tag-names */
-import { Fragment, useState, useMemo, useEffect } from 'react';
+import { Fragment, useState, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useSmartCardContext } from '@atlaskit/link-provider';
 import { Card, getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
 import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
-import { useSmartLinkActions, useSmartLinkReload } from '@atlaskit/smart-card/hooks';
+import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { HoverLinkOverlay, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import { useSmartCardReloadAfterCache } from '@atlaskit/editor-common/hooks';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
@@ -153,13 +154,15 @@ var InlineCard = function InlineCard(props) {
     }
     return card;
   };
-  var reload = useSmartLinkReload({
-    url: url || ''
-  });
+  var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value5 = cardContext.value) === null || _cardContext$value5 === void 0 ? void 0 : _cardContext$value5.store) || {},
+    getSmartlinkState = _ref2.getState;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isResolvedViewRendered = _useState2[0],
     setIsResolvedViewRendered = _useState2[1];
+  var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+  var cardStatus = cardState === null || cardState === void 0 ? void 0 : cardState.status;
+  useSmartCardReloadAfterCache(url, cardStatus, (smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.ssr) || false);
   var onClick = getCardClickHandler(eventHandlers, url);
   var cardProps = {
     url: url,
@@ -167,10 +170,10 @@ var InlineCard = function InlineCard(props) {
     onClick: onClick,
     container: portal
   };
-  var _ref2 = smartLinks || {},
-    hideHoverPreview = _ref2.hideHoverPreview,
-    actionOptions = _ref2.actionOptions,
-    ssr = _ref2.ssr;
+  var _ref3 = smartLinks || {},
+    hideHoverPreview = _ref3.hideHoverPreview,
+    actionOptions = _ref3.actionOptions,
+    ssr = _ref3.ssr;
   var analyticsData = {
     attributes: {
       location: 'renderer'
@@ -184,20 +187,13 @@ var InlineCard = function InlineCard(props) {
     sourceUrl: url,
     linkType: "inline"
   }) : null;
-  var onError = function onError(_ref3) {
-    var err = _ref3.err;
+  var onError = function onError(_ref4) {
+    var err = _ref4.err;
     if (err) {
       throw err;
     }
   };
   var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
-  var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value5 = cardContext.value) === null || _cardContext$value5 === void 0 || (_cardContext$value5 = _cardContext$value5.store) === null || _cardContext$value5 === void 0 ? void 0 : _cardContext$value5.getState()[url || ''];
-  useEffect(function () {
-    // if we render from cache, we want to make sure we reload the data in the background
-    if (expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true) && !ssr && url && (cardState === null || cardState === void 0 ? void 0 : cardState.status) === 'resolved') {
-      reload();
-    }
-  });
   if ((ssr || cardState && expValEquals('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true, {
     exposure: true
   })) {

package/dist/esm/react/renderer-node.js

@@ -1,3 +1,6 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var isLayoutNode = function isLayoutNode(node) {
   return node.type.name === 'layoutSection';
 };
@@ -44,4 +47,21 @@ export var insideTable = function insideTable(path, schema) {
   return path.some(function (n) {
     return n.type === table;
   });
+};
+export var getNestedUnderNodes = function getNestedUnderNodes(path, nodeTypeNames) {
+  var _iterator = _createForOfIteratorHelper(path),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var node = _step.value;
+      if (nodeTypeNames.includes(node.type.name)) {
+        return node.type.name;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return undefined;
 };

package/dist/esm/render-document.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // Entry file in package.json
 
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
+import { nativeEmbedsFallbackTransform, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
 import { getValidDocument } from '@atlaskit/editor-common/validator';
@@ -85,6 +85,19 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       }
     });
   }
+  if (result && fg('platform_editor_native_embeds_fallback_transform')) {
+    var _nativeEmbedsFallback = nativeEmbedsFallbackTransform(result),
+      _transformedAdf2 = _nativeEmbedsFallback.transformedAdf,
+      _isTransformed2 = _nativeEmbedsFallback.isTransformed;
+    if (_isTransformed2) {
+      dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
+        action: ACTION.NATIVE_EMBEDS_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.RENDERER,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+      result = _transformedAdf2 || result;
+    }
+  }
   return result;
 };
 var memoValidation = memoizeOne(_validation, function (newArgs, lastArgs) {

package/dist/esm/ui/MediaCard.js

@@ -19,6 +19,7 @@ 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';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
@@ -99,16 +100,23 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
       };
     }());
     _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, {
+      var _this$props$fireAnaly, _this$props3;
+      var _this$props2 = _this.props,
+        nestedUnder = _this$props2.nestedUnder,
+        rendererContext = _this$props2.rendererContext;
+      (_this$props$fireAnaly = (_this$props3 = _this.props).fireAnalyticsEvent) === null || _this$props$fireAnaly === void 0 || _this$props$fireAnaly.call(_this$props3, {
         action: ACTION.ERRORED,
         actionSubject: ACTION_SUBJECT.RENDERER,
         actionSubjectId: ACTION_SUBJECT_ID.MEDIA,
         eventType: EVENT_TYPE.UI,
-        attributes: {
+        attributes: _objectSpread(_objectSpread({
           reason: reason,
           external: false
-        }
+        }, nestedUnder && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+          nestedUnder: nestedUnder
+        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+          nestedRendererType: rendererContext.nestedRendererType
+        } : {})
       });
     });
     _defineProperty(_this, "renderLoadingCard", function () {
@@ -144,11 +152,11 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _this$props3, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
+        var _this$props4, rendererContext, contextIdentifierProvider, id, url, collectionName, nodeIsInCache;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _this$props3 = this.props, rendererContext = _this$props3.rendererContext, contextIdentifierProvider = _this$props3.contextIdentifierProvider, id = _this$props3.id, url = _this$props3.url, collectionName = _this$props3.collection;
+              _this$props4 = this.props, rendererContext = _this$props4.rendererContext, contextIdentifierProvider = _this$props4.contextIdentifierProvider, id = _this$props4.id, url = _this$props4.url, collectionName = _this$props4.collection;
               if (!contextIdentifierProvider) {
                 _context2.next = 8;
                 break;
@@ -200,9 +208,9 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props4 = this.props,
-        id = _this$props4.id,
-        dataURI = _this$props4.url;
+      var _this$props5 = this.props,
+        id = _this$props5.id,
+        dataURI = _this$props5.url;
       if (id) {
         mediaIdentifierMap.delete(id);
       } else if (dataURI) {
@@ -212,20 +220,20 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderExternal",
     value: function renderExternal(shouldOpenMediaViewer) {
-      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;
+      var _this$props6 = this.props,
+        cardDimensions = _this$props6.cardDimensions,
+        resizeMode = _this$props6.resizeMode,
+        appearance = _this$props6.appearance,
+        url = _this$props6.url,
+        imageStatus = _this$props6.imageStatus,
+        disableOverlay = _this$props6.disableOverlay,
+        alt = _this$props6.alt,
+        featureFlags = _this$props6.featureFlags,
+        ssr = _this$props6.ssr,
+        mediaClient = _this$props6.mediaClient,
+        dataAttributes = _this$props6.dataAttributes,
+        enableSyncMediaCard = _this$props6.enableSyncMediaCard,
+        localId = _this$props6.localId;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -273,25 +281,25 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         contextIdentifierProvider = _this$state.contextIdentifierProvider,
         fileState = _this$state.fileState;
-      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 _this$props7 = this.props,
+        id = _this$props7.id,
+        alt = _this$props7.alt,
+        type = _this$props7.type,
+        collection = _this$props7.collection,
+        occurrenceKey = _this$props7.occurrenceKey,
+        cardDimensions = _this$props7.cardDimensions,
+        resizeMode = _this$props7.resizeMode,
+        disableOverlay = _this$props7.disableOverlay,
+        useInlinePlayer = _this$props7.useInlinePlayer,
+        originalDimensions = _this$props7.originalDimensions,
+        forceOpenMediaViewer = _this$props7.shouldOpenMediaViewer,
+        featureFlags = _this$props7.featureFlags,
+        shouldEnableDownloadButton = _this$props7.shouldEnableDownloadButton,
+        ssr = _this$props7.ssr,
+        mediaClient = _this$props7.mediaClient,
+        dataAttributes = _this$props7.dataAttributes,
+        enableSyncMediaCard = _this$props7.enableSyncMediaCard,
+        localId = _this$props7.localId;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;

package/dist/esm/ui/Renderer/index.js

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.13.5";
+var packageVersion = "126.14.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -223,10 +223,12 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       eventHandlers: props.eventHandlers,
       extensionHandlers: props.extensionHandlers,
       portal: props.portal,
-      objectContext: _objectSpread({
+      objectContext: _objectSpread(_objectSpread({
         adDoc: props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document,
         schema: props.schema
-      }, props.rendererContext),
+      }, props.rendererContext), {}, {
+        nestedRendererType: nestedRendererType
+      }),
       appearance: props.appearance,
       contentMode: props.contentMode,
       onSetLinkTarget: props.onSetLinkTarget,
@@ -262,7 +264,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
       shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
     };
-  }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
+  }, [createRendererContext, providerFactory, _fireAnalyticsEvent, nestedRendererType]);
   var serializer = useMemoFromPropsDerivative(function (serializerProps) {
     var _props$createSerializ, _props$createSerializ2;
     return (_props$createSerializ = (_props$createSerializ2 = props.createSerializer) === null || _props$createSerializ2 === void 0 ? void 0 : _props$createSerializ2.call(props, serializerProps)) !== null && _props$createSerializ !== void 0 ? _props$createSerializ : new ReactSerializer(serializerProps);

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

@@ -149,8 +149,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>;
+type NativeEmbedsTransformedAEP = OperationalAEP<ACTION.NATIVE_EMBEDS_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined>;
 export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID.MEDIA, {
     external?: boolean;
+    nestedUnder?: string;
     reason: string;
 }>;
 type SyncedBlockFetchErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH, {
@@ -170,6 +172,6 @@ type ReferenceSyncedBlockUpdateErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SU
     error: string;
     resourceId?: string;
 }>;
-export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types/react/renderer-node.d.ts

@@ -4,3 +4,4 @@ export declare const insideBreakoutExpand: (path: Node[]) => boolean;
 export declare const insideBlockNode: (path: Node[], schema: Schema) => boolean;
 export declare const insideMultiBodiedExtension: (path: Node[], schema: Schema) => boolean;
 export declare const insideTable: (path: Node[], schema: Schema) => boolean;
+export declare const getNestedUnderNodes: (path: Node[], nodeTypeNames: string[]) => string | undefined;

package/dist/types/react/types.d.ts

@@ -5,11 +5,12 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { AnalyticsEventPayload } from '../analytics/events';
 import type { Serializer } from '../serializer';
-import type { RendererAppearance, HeadingAnchorLinksProps, RendererContentMode } from '../ui/Renderer/types';
+import type { RendererAppearance, HeadingAnchorLinksProps, RendererContentMode, NestedRendererType } from '../ui/Renderer/types';
 import type { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
 export interface RendererContext {
     adDoc?: any;
     containerAri?: string;
+    nestedRendererType?: NestedRendererType;
     objectAri?: string;
     schema?: Schema;
 }

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

@@ -32,9 +32,17 @@ export interface MediaCardProps {
     id?: string;
     imageStatus?: ImageStatus;
     localId?: string;
+    /**
+     * Indicates if media node is nested under a bodiedSyncBlock
+     */
+    nestedUnder?: string;
     occurrenceKey?: string;
     originalDimensions?: NumericalCardDimensions;
     rendererAppearance?: RendererAppearance;
+    /**
+     * Renderer context that includes nestedRendererType for detecting renderer nesting.
+     * When nestedRendererType is 'syncedBlock', it indicates media is inside renderer inside a syncBlock.
+     */
     rendererContext?: RendererContext;
     resizeMode?: ImageResizeMode;
     shouldEnableDownloadButton?: boolean;

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

@@ -149,8 +149,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>;
+type NativeEmbedsTransformedAEP = OperationalAEP<ACTION.NATIVE_EMBEDS_TRANSFORMED, ACTION_SUBJECT.RENDERER, undefined, undefined>;
 export type MediaRenderErrorEvent = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID.MEDIA, {
     external?: boolean;
+    nestedUnder?: string;
     reason: string;
 }>;
 type SyncedBlockFetchErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH, {
@@ -170,6 +172,6 @@ type ReferenceSyncedBlockUpdateErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SU
     error: string;
     resourceId?: string;
 }>;
-export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types-ts4.5/react/renderer-node.d.ts

@@ -4,3 +4,4 @@ export declare const insideBreakoutExpand: (path: Node[]) => boolean;
 export declare const insideBlockNode: (path: Node[], schema: Schema) => boolean;
 export declare const insideMultiBodiedExtension: (path: Node[], schema: Schema) => boolean;
 export declare const insideTable: (path: Node[], schema: Schema) => boolean;
+export declare const getNestedUnderNodes: (path: Node[], nodeTypeNames: string[]) => string | undefined;

package/dist/types-ts4.5/react/types.d.ts

@@ -5,11 +5,12 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { AnalyticsEventPayload } from '../analytics/events';
 import type { Serializer } from '../serializer';
-import type { RendererAppearance, HeadingAnchorLinksProps, RendererContentMode } from '../ui/Renderer/types';
+import type { RendererAppearance, HeadingAnchorLinksProps, RendererContentMode, NestedRendererType } from '../ui/Renderer/types';
 import type { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
 export interface RendererContext {
     adDoc?: any;
     containerAri?: string;
+    nestedRendererType?: NestedRendererType;
     objectAri?: string;
     schema?: Schema;
 }

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

@@ -32,9 +32,17 @@ export interface MediaCardProps {
     id?: string;
     imageStatus?: ImageStatus;
     localId?: string;
+    /**
+     * Indicates if media node is nested under a bodiedSyncBlock
+     */
+    nestedUnder?: string;
     occurrenceKey?: string;
     originalDimensions?: NumericalCardDimensions;
     rendererAppearance?: RendererAppearance;
+    /**
+     * Renderer context that includes nestedRendererType for detecting renderer nesting.
+     * When nestedRendererType is 'syncedBlock', it indicates media is inside renderer inside a syncBlock.
+     */
     rendererContext?: RendererContext;
     resizeMode?: ImageResizeMode;
     shouldEnableDownloadButton?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "126.13.6",
+	"version": "126.14.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,14 +23,14 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.0.0",
+		"@atlaskit/adf-schema": "^52.1.0",
 		"@atlaskit/adf-utils": "^19.27.0",
 		"@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
 		"@atlaskit/analytics-listeners": "^10.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/browser-apis": "^0.0.1",
-		"@atlaskit/button": "^23.9.0",
+		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-palette": "^2.1.0",
@@ -55,9 +55,9 @@
 		"@atlaskit/react-ufo": "^5.4.0",
 		"@atlaskit/smart-card": "^43.25.0",
 		"@atlaskit/status": "^3.1.0",
-		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^32.2.0",
+		"@atlaskit/task-decision": "^19.3.0",
+		"@atlaskit/theme": "^22.0.0",
+		"@atlaskit/tmp-editor-statsig": "^32.6.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.20.0",
+		"@atlaskit/editor-common": "^111.23.0",
 		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -90,9 +90,9 @@
 		"@atlaskit/mention": "^24.5.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
-		"@atlaskit/profilecard": "^24.38.0",
+		"@atlaskit/profilecard": "^24.39.0",
 		"@atlaskit/util-data-test": "^18.5.0",
-		"@atlassian/a11y-jest-testing": "^0.10.0",
+		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/react": "^16.3.0",
@@ -246,6 +246,12 @@
 		},
 		"confluence_ttvc_inline_extensions": {
 			"type": "boolean"
+		},
+		"platform_editor_native_embeds_fallback_transform": {
+			"type": "boolean"
+		},
+		"platform_synced_block_patch_5": {
+			"type": "boolean"
 		}
 	}
 }