@atlaskit/editor-synced-block-renderer 6.0.2 → 6.0.4

package/dist/es2019/ui/SyncedBlockRenderer.js

@@ -1,19 +1,14 @@
-import React, { memo, useEffect, useMemo } from 'react';
+import { memo, useEffect, useMemo } from 'react';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { handleSSRErrorsAnalytics } from '@atlaskit/editor-common/sync-block';
-import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AKRendererWrapper } from './AKRendererWrapper';
 import { renderSyncedBlockContent } from './renderSyncedBlockContent';
-import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
-import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
 const SyncedBlockRendererComponent = ({
   syncBlockRendererOptions,
   syncBlockFetchResult,
   api
 }) => {
-  var _syncBlockInstance$da2;
+  var _api$analytics2;
   useEffect(() => {
     const timeoutId = setTimeout(() => {
       var _api$analytics;
@@ -61,78 +56,19 @@ const SyncedBlockRendererComponent = ({
     isCollabOffline: (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'collab-offline',
     contentMode: contentFormatState === null || contentFormatState === void 0 ? void 0 : contentFormatState.contentMode
   }));
-  if (fg('platform_synced_block_patch_5')) {
-    var _api$analytics2;
-    const result = renderSyncedBlockContent({
-      syncBlockInstance,
-      isLoading,
-      rendererOptions: contentMode ? {
-        ...rendererOptions,
-        contentMode
-      } : rendererOptions,
-      providerFactory,
-      reloadData,
-      fireAnalyticsEvent: api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent,
-      resourceId: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId,
-      isOffline: isCollabOffline
-    });
-    return result.element;
-  }
-
-  // Show offline error only when collaboration is offline and not in SSR mode
-  // In SSR, we should always attempt to render content
-  if (isCollabOffline && !isSSRMode) {
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: {
-        type: SyncBlockError.Offline
-      }
-    });
-  }
-  if (!syncBlockInstance) {
-    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
-  }
-
-  // In SSR, if server returned error, we should render loading state instead of error state
-  // since  FE will do another fetch and render the error state or proper data then
-  if (isSSRMode && syncBlockInstance.error) {
-    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
-  }
-  if (syncBlockInstance.error || !syncBlockInstance.data || syncBlockInstance.data.status === 'deleted') {
-    var _syncBlockInstance$er, _syncBlockInstance$da, _api$analytics3;
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: (_syncBlockInstance$er = syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : (syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.status) === 'deleted' ? {
-        type: SyncBlockError.NotFound
-      } : {
-        type: SyncBlockError.Errored
-      },
-      resourceId: syncBlockInstance.resourceId,
-      onRetry: reloadData,
-      isLoading: isLoading,
-      fireAnalyticsEvent: api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.fireAnalyticsEvent
-    });
-  }
-
-  // Check for unpublished status
-  if (((_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.status) === 'unpublished') {
-    var _syncBlockInstance$da3, _api$analytics4;
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: {
-        type: SyncBlockError.Unpublished
-      },
-      resourceId: syncBlockInstance.resourceId,
-      sourceURL: (_syncBlockInstance$da3 = syncBlockInstance.data) === null || _syncBlockInstance$da3 === void 0 ? void 0 : _syncBlockInstance$da3.sourceURL,
-      fireAnalyticsEvent: api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.fireAnalyticsEvent
-    });
-  }
-  const syncBlockDoc = {
-    content: syncBlockInstance.data.content,
-    version: 1,
-    type: 'doc'
-  };
-  return /*#__PURE__*/React.createElement(AKRendererWrapper, {
-    doc: syncBlockDoc,
-    dataProviders: providerFactory,
-    options: rendererOptions
+  const result = renderSyncedBlockContent({
+    syncBlockInstance,
+    isLoading,
+    rendererOptions: contentMode ? {
+      ...rendererOptions,
+      contentMode
+    } : rendererOptions,
+    providerFactory,
+    reloadData,
+    fireAnalyticsEvent: api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent,
+    resourceId: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId,
+    isOffline: isCollabOffline
   });
+  return result.element;
 };
 export const SyncedBlockRenderer = /*#__PURE__*/memo(SyncedBlockRendererComponent);

package/dist/es2019/ui/renderSyncedBlockContent.js

@@ -26,6 +26,7 @@ export function renderSyncedBlockContent({
   const isSSRMode = isSSR();
   if (isOffline && !isSSRMode) {
     return {
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
         error: {
           type: SyncBlockError.Offline
@@ -67,7 +68,8 @@ export function renderSyncedBlockContent({
   if ((syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.status) === 'unpublished') {
     var _syncBlockInstance$da3;
     return {
-      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent
+      /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */, {
         error: {
           type: SyncBlockError.Unpublished
         },

package/dist/es2019/useSyncedBlockNodeComponent.js

@@ -41,7 +41,9 @@ export const useMemoizedSyncedBlockNodeComponent = ({
     component: ACTION_SUBJECT.SYNCED_BLOCK,
     dispatchAnalyticsEvent: fireAnalyticsEvent,
     fallbackComponent: null
-  }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider, {
+  }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+  , {
     fetchSyncBlockSourceInfo: sourceAri => syncBlockStoreManager.referenceManager.fetchSyncBlockSourceInfoBySourceAri(sourceAri)
   }, /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
     key: props.localId,

package/dist/esm/ui/AKRendererWrapper.js

@@ -7,7 +7,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { memo, useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ReactRenderer, ValidationContextProvider, defaultNodeComponents } from '@atlaskit/renderer';
 import { RendererActionsContext } from '@atlaskit/renderer/actions';
 import { RendererContextProvider } from '@atlaskit/renderer/renderer-context';
@@ -130,6 +129,6 @@ export var AKRendererWrapper = /*#__PURE__*/memo(function (_ref3) {
     media: media,
     smartLinks: smartLinks,
     stickyHeaders: stickyHeaders,
-    contentMode: fg('platform_synced_block_patch_5') ? contentMode : undefined
+    contentMode: contentMode
   })))));
 });

package/dist/esm/ui/SyncedBlockLoadError.js

@@ -17,7 +17,9 @@ export var SyncedBlockLoadError = function SyncedBlockLoadError(_ref) {
     formatMessage = _useIntl.formatMessage;
   var button = /*#__PURE__*/React.createElement(Button, {
     appearance: "default",
-    spacing: "compact",
+    spacing: "compact"
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onClick: function onClick(event) {
       event.preventDefault();
       event.stopPropagation();

package/dist/esm/ui/SyncedBlockNodeComponentRenderer.js

@@ -6,13 +6,9 @@ import React, { useEffect, useMemo } from 'react';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { SyncBlockSharedCssClassName, SyncBlockRendererDataAttributeName, handleSSRErrorsAnalytics } from '@atlaskit/editor-common/sync-block';
 import { SyncBlockError, useFetchSyncBlockData } from '@atlaskit/editor-synced-block-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AKRendererWrapper } from './AKRendererWrapper';
 import { renderSyncedBlockContent } from './renderSyncedBlockContent';
-import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
-import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
 export var SyncedBlockNodeComponentRenderer = function SyncedBlockNodeComponentRenderer(_ref) {
-  var _syncBlockInstance$da5;
+  var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
   var nodeProps = _ref.nodeProps,
     syncBlockStoreManager = _ref.syncBlockStoreManager,
     rendererOptions = _ref.rendererOptions;
@@ -56,83 +52,29 @@ export var SyncedBlockNodeComponentRenderer = function SyncedBlockNodeComponentR
       })
     });
   }, [rendererOptions, ssrProviders]);
-  if (fg('platform_synced_block_patch_5')) {
-    var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
-    var errorForDisplay = (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.status) === 'deleted' ? {
-      type: SyncBlockError.NotFound,
-      reason: (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.deletionReason
-    } : {
-      type: SyncBlockError.Errored,
-      reason: !resourceId ? 'missing resource id' : "missing data for block ".concat(resourceId)
-    };
-    var result = renderSyncedBlockContent({
-      syncBlockInstance: syncBlockInstance !== null && syncBlockInstance !== void 0 ? syncBlockInstance : undefined,
-      isLoading: isLoading,
-      rendererOptions: finalRendererOptions,
-      providerFactory: providerFactory,
-      reloadData: reloadData,
-      fireAnalyticsEvent: fireAnalyticsEvent,
-      resourceId: resourceId,
-      error: errorForDisplay
-    });
-    if (result.isSuccess) {
-      return /*#__PURE__*/React.createElement("div", _extends({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-        className: SyncBlockSharedCssClassName.renderer
-        // eslint-disable-next-line react/jsx-props-no-spreading
-      }, _defineProperty({}, SyncBlockRendererDataAttributeName, true)), result.element);
-    }
-    return result.element;
-  }
-  if (isLoading && !syncBlockInstance) {
-    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
-  }
-
-  // In SSR, if server returned error, we should render loading state instead of error state
-  // since  FE will do another fetch and render the error state or proper data then
-  if (isSSR() && syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error) {
-    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
-  }
-  if (!resourceId || syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data) || syncBlockInstance.data.status === 'deleted') {
-    var _syncBlockInstance$er2, _syncBlockInstance$da3, _syncBlockInstance$da4;
-    var errorMessage = (_syncBlockInstance$er2 = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er2 !== void 0 ? _syncBlockInstance$er2 : (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da3 = syncBlockInstance.data) === null || _syncBlockInstance$da3 === void 0 ? void 0 : _syncBlockInstance$da3.status) === 'deleted' ? {
-      type: SyncBlockError.NotFound,
-      reason: (_syncBlockInstance$da4 = syncBlockInstance.data) === null || _syncBlockInstance$da4 === void 0 ? void 0 : _syncBlockInstance$da4.deletionReason
-    } : {
-      type: SyncBlockError.Errored,
-      reason: !resourceId ? 'missing resource id' : "missing data for block ".concat(resourceId)
-    };
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: errorMessage,
-      resourceId: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId,
-      onRetry: reloadData,
-      isLoading: isLoading,
-      fireAnalyticsEvent: fireAnalyticsEvent
-    });
-  }
-  if ((syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da5 = syncBlockInstance.data) === null || _syncBlockInstance$da5 === void 0 ? void 0 : _syncBlockInstance$da5.status) === 'unpublished') {
-    var _syncBlockInstance$da6;
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: {
-        type: SyncBlockError.Unpublished
-      },
-      resourceId: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId,
-      sourceURL: (_syncBlockInstance$da6 = syncBlockInstance.data) === null || _syncBlockInstance$da6 === void 0 ? void 0 : _syncBlockInstance$da6.sourceURL,
-      fireAnalyticsEvent: fireAnalyticsEvent
-    });
-  }
-  var syncBlockDoc = {
-    content: syncBlockInstance.data.content,
-    version: 1,
-    type: 'doc'
+  var errorForDisplay = (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.status) === 'deleted' ? {
+    type: SyncBlockError.NotFound,
+    reason: (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.deletionReason
+  } : {
+    type: SyncBlockError.Errored,
+    reason: !resourceId ? 'missing resource id' : "missing data for block ".concat(resourceId)
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: SyncBlockSharedCssClassName.renderer
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, _defineProperty({}, SyncBlockRendererDataAttributeName, true)), /*#__PURE__*/React.createElement(AKRendererWrapper, {
-    doc: syncBlockDoc,
-    dataProviders: providerFactory,
-    options: finalRendererOptions
-  }));
+  var result = renderSyncedBlockContent({
+    syncBlockInstance: syncBlockInstance !== null && syncBlockInstance !== void 0 ? syncBlockInstance : undefined,
+    isLoading: isLoading,
+    rendererOptions: finalRendererOptions,
+    providerFactory: providerFactory,
+    reloadData: reloadData,
+    fireAnalyticsEvent: fireAnalyticsEvent,
+    resourceId: resourceId,
+    error: errorForDisplay
+  });
+  if (result.isSuccess) {
+    return /*#__PURE__*/React.createElement("div", _extends({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      className: SyncBlockSharedCssClassName.renderer
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, _defineProperty({}, SyncBlockRendererDataAttributeName, true)), result.element);
+  }
+  return result.element;
 };

package/dist/esm/ui/SyncedBlockRenderer.js

@@ -1,18 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import React, { memo, useEffect, useMemo } from 'react';
+import { memo, useEffect, useMemo } from 'react';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { handleSSRErrorsAnalytics } from '@atlaskit/editor-common/sync-block';
-import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AKRendererWrapper } from './AKRendererWrapper';
 import { renderSyncedBlockContent } from './renderSyncedBlockContent';
-import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
-import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
 var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
-  var _syncBlockInstance$da2;
+  var _api$analytics2;
   var syncBlockRendererOptions = _ref.syncBlockRendererOptions,
     syncBlockFetchResult = _ref.syncBlockFetchResult,
     api = _ref.api;
@@ -59,77 +54,18 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
     }),
     isCollabOffline = _useSharedPluginState.isCollabOffline,
     contentMode = _useSharedPluginState.contentMode;
-  if (fg('platform_synced_block_patch_5')) {
-    var _api$analytics2;
-    var result = renderSyncedBlockContent({
-      syncBlockInstance: syncBlockInstance,
-      isLoading: isLoading,
-      rendererOptions: contentMode ? _objectSpread(_objectSpread({}, rendererOptions), {}, {
-        contentMode: contentMode
-      }) : rendererOptions,
-      providerFactory: providerFactory,
-      reloadData: reloadData,
-      fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent,
-      resourceId: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId,
-      isOffline: isCollabOffline
-    });
-    return result.element;
-  }
-
-  // Show offline error only when collaboration is offline and not in SSR mode
-  // In SSR, we should always attempt to render content
-  if (isCollabOffline && !isSSRMode) {
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: {
-        type: SyncBlockError.Offline
-      }
-    });
-  }
-  if (!syncBlockInstance) {
-    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
-  }
-
-  // In SSR, if server returned error, we should render loading state instead of error state
-  // since  FE will do another fetch and render the error state or proper data then
-  if (isSSRMode && syncBlockInstance.error) {
-    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
-  }
-  if (syncBlockInstance.error || !syncBlockInstance.data || syncBlockInstance.data.status === 'deleted') {
-    var _syncBlockInstance$er, _syncBlockInstance$da, _api$analytics3;
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: (_syncBlockInstance$er = syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.status) === 'deleted' ? {
-        type: SyncBlockError.NotFound
-      } : {
-        type: SyncBlockError.Errored
-      },
-      resourceId: syncBlockInstance.resourceId,
-      onRetry: reloadData,
-      isLoading: isLoading,
-      fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.fireAnalyticsEvent
-    });
-  }
-
-  // Check for unpublished status
-  if (((_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.status) === 'unpublished') {
-    var _syncBlockInstance$da3, _api$analytics4;
-    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
-      error: {
-        type: SyncBlockError.Unpublished
-      },
-      resourceId: syncBlockInstance.resourceId,
-      sourceURL: (_syncBlockInstance$da3 = syncBlockInstance.data) === null || _syncBlockInstance$da3 === void 0 ? void 0 : _syncBlockInstance$da3.sourceURL,
-      fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.fireAnalyticsEvent
-    });
-  }
-  var syncBlockDoc = {
-    content: syncBlockInstance.data.content,
-    version: 1,
-    type: 'doc'
-  };
-  return /*#__PURE__*/React.createElement(AKRendererWrapper, {
-    doc: syncBlockDoc,
-    dataProviders: providerFactory,
-    options: rendererOptions
+  var result = renderSyncedBlockContent({
+    syncBlockInstance: syncBlockInstance,
+    isLoading: isLoading,
+    rendererOptions: contentMode ? _objectSpread(_objectSpread({}, rendererOptions), {}, {
+      contentMode: contentMode
+    }) : rendererOptions,
+    providerFactory: providerFactory,
+    reloadData: reloadData,
+    fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent,
+    resourceId: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.resourceId,
+    isOffline: isCollabOffline
   });
+  return result.element;
 };
 export var SyncedBlockRenderer = /*#__PURE__*/memo(SyncedBlockRendererComponent);

package/dist/esm/ui/renderSyncedBlockContent.js

@@ -25,6 +25,7 @@ export function renderSyncedBlockContent(_ref) {
   var isSSRMode = isSSR();
   if (isOffline && !isSSRMode) {
     return {
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
         error: {
           type: SyncBlockError.Offline
@@ -66,7 +67,8 @@ export function renderSyncedBlockContent(_ref) {
   if ((syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.status) === 'unpublished') {
     var _syncBlockInstance$da3;
     return {
-      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent
+      /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */, {
         error: {
           type: SyncBlockError.Unpublished
         },

package/dist/esm/useSyncedBlockNodeComponent.js

@@ -43,7 +43,9 @@ export var useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlock
       component: ACTION_SUBJECT.SYNCED_BLOCK,
       dispatchAnalyticsEvent: fireAnalyticsEvent,
       fallbackComponent: null
-    }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider, {
+    }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    , {
       fetchSyncBlockSourceInfo: function fetchSyncBlockSourceInfo(sourceAri) {
         return syncBlockStoreManager.referenceManager.fetchSyncBlockSourceInfoBySourceAri(sourceAri);
       }

package/dist/types/types.d.ts

@@ -1,2 +1,2 @@
-import { type RendererProps } from '@atlaskit/renderer';
+import type { RendererProps } from '@atlaskit/renderer';
 export type SyncedBlockRendererOptions = Pick<RendererProps, 'appearance' | 'allowAltTextOnImages' | 'allowAnnotations' | 'allowColumnSorting' | 'allowCopyToClipboard' | 'allowCustomPanels' | 'allowHeadingAnchorLinks' | 'allowPlaceholderText' | 'allowRendererContainerStyles' | 'allowSelectAllTrap' | 'allowUgcScrubber' | 'allowWrapCodeBlock' | 'emojiResourceConfig' | 'eventHandlers' | 'media' | 'smartLinks' | 'stickyHeaders' | 'contentMode'>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, resourceId, fireAnalyticsEvent, sourceURL, }: {
     error: SyncBlockInstance["error"];
     fireAnalyticsEvent?: (payload: RendererSyncBlockEventPayload) => void;

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

@@ -1,4 +1,5 @@
-import React, { type ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import type { NewCoreIconProps } from '@atlaskit/icon/types';
 interface SyncedBlockErrorStateCardProps {
     children?: ReactNode;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
-import { type NodeProps } from '@atlaskit/renderer';
+import type { NodeProps } from '@atlaskit/renderer';
 import type { SyncedBlockRendererOptions } from '../types';
 export interface SyncedBlockProps {
     localId?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
 export interface SyncedBlockPermissionDeniedProps {
     sourceContentId: string;
     sourceProduct: SyncBlockProduct;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncedBlockPlugin } from '@atlaskit/editor-plugin-synced-block';
-import { type UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
+import type { UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type SyncedBlockRendererProps = {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type RenderSyncedBlockContentParams = {
     error?: SyncBlockInstance['error'];

package/dist/types/useSyncedBlockNodeComponent.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
-import { type AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
+import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
+import type { SyncBlockNode, SyncedBlockProvider, SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from './types';
-import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
+import type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
 export type GetSyncedBlockNodeComponentProps = {
     fireAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
     getPrefetchedData?: () => SyncBlockPrefetchData | undefined;

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

@@ -1,2 +1,2 @@
-import { type RendererProps } from '@atlaskit/renderer';
+import type { RendererProps } from '@atlaskit/renderer';
 export type SyncedBlockRendererOptions = Pick<RendererProps, 'appearance' | 'allowAltTextOnImages' | 'allowAnnotations' | 'allowColumnSorting' | 'allowCopyToClipboard' | 'allowCustomPanels' | 'allowHeadingAnchorLinks' | 'allowPlaceholderText' | 'allowRendererContainerStyles' | 'allowSelectAllTrap' | 'allowUgcScrubber' | 'allowWrapCodeBlock' | 'emojiResourceConfig' | 'eventHandlers' | 'media' | 'smartLinks' | 'stickyHeaders' | 'contentMode'>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, resourceId, fireAnalyticsEvent, sourceURL, }: {
     error: SyncBlockInstance["error"];
     fireAnalyticsEvent?: (payload: RendererSyncBlockEventPayload) => void;

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

@@ -1,4 +1,5 @@
-import React, { type ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import type { NewCoreIconProps } from '@atlaskit/icon/types';
 interface SyncedBlockErrorStateCardProps {
     children?: ReactNode;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
-import { type NodeProps } from '@atlaskit/renderer';
+import type { NodeProps } from '@atlaskit/renderer';
 import type { SyncedBlockRendererOptions } from '../types';
 export interface SyncedBlockProps {
     localId?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
 export interface SyncedBlockPermissionDeniedProps {
     sourceContentId: string;
     sourceProduct: SyncBlockProduct;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncedBlockPlugin } from '@atlaskit/editor-plugin-synced-block';
-import { type UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
+import type { UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type SyncedBlockRendererProps = {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type RenderSyncedBlockContentParams = {
     error?: SyncBlockInstance['error'];

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
-import { type AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
+import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
+import type { SyncBlockNode, SyncedBlockProvider, SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from './types';
-import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
+import type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
 export type GetSyncedBlockNodeComponentProps = {
     fireAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
     getPrefetchedData?: () => SyncBlockPrefetchData | undefined;