@atlaskit/editor-plugin-synced-block 24.0.5 → 24.0.6

package/dist/cjs/ui/Flag.js

@@ -12,10 +12,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
+var _constants = require("@atlaskit/editor-common/sync-block/constants");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _autoDismissFlag = _interopRequireDefault(require("@atlaskit/flag/auto-dismiss-flag"));
 var _flag = _interopRequireDefault(require("@atlaskit/flag/flag"));
 var _flagGroup = require("@atlaskit/flag/flag-group");
@@ -31,47 +31,47 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var feedbackFlagStyles = null;
 var flagMap = (_flagMap = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_flagMap, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
-  title: _messages.syncBlockMessages.failToDeleteTitle,
-  description: _messages.syncBlockMessages.failToDeleteWhenOfflineDescription,
+  title: _syncBlock.syncBlockMessages.failToDeleteTitle,
+  description: _syncBlock.syncBlockMessages.failToDeleteWhenOfflineDescription,
   type: 'error'
 }), _types.FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE, {
-  title: _messages.syncBlockMessages.failToEditTitle,
-  description: _messages.syncBlockMessages.failToEditWhenOfflineDescription,
+  title: _syncBlock.syncBlockMessages.failToEditTitle,
+  description: _syncBlock.syncBlockMessages.failToEditWhenOfflineDescription,
   type: 'error'
 }), _types.FLAG_ID.CANNOT_CREATE_WHEN_OFFLINE, {
-  title: _messages.syncBlockMessages.failToCreateTitle,
-  description: _messages.syncBlockMessages.failToCreateWhenOfflineDescription,
+  title: _syncBlock.syncBlockMessages.failToCreateTitle,
+  description: _syncBlock.syncBlockMessages.failToCreateWhenOfflineDescription,
   type: 'error'
 }), _types.FLAG_ID.FAIL_TO_DELETE, {
-  title: _messages.syncBlockMessages.cannotDeleteTitle,
-  description: _messages.syncBlockMessages.cannotDeleteDescription,
+  title: _syncBlock.syncBlockMessages.cannotDeleteTitle,
+  description: _syncBlock.syncBlockMessages.cannotDeleteDescription,
   type: 'error'
 }), _types.FLAG_ID.SYNC_BLOCK_COPIED, {
-  title: _messages.syncBlockMessages.syncBlockCopiedTitle,
+  title: _syncBlock.syncBlockMessages.syncBlockCopiedTitle,
   type: 'info'
 }), _types.FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED, {
-  title: _messages.syncBlockMessages.unpublishedSyncBlockPastedTitle,
-  description: _messages.syncBlockMessages.unpublishedSyncBlockPastedDescription,
+  title: _syncBlock.syncBlockMessages.unpublishedSyncBlockPastedTitle,
+  description: _syncBlock.syncBlockMessages.unpublishedSyncBlockPastedDescription,
   type: 'info'
 }), _types.FLAG_ID.CANNOT_CREATE_SYNC_BLOCK, {
-  title: _messages.syncBlockMessages.cannotCreateSyncBlockTitle,
-  description: _messages.syncBlockMessages.CannotCreateSyncBlockDescription,
+  title: _syncBlock.syncBlockMessages.cannotCreateSyncBlockTitle,
+  description: _syncBlock.syncBlockMessages.CannotCreateSyncBlockDescription,
   type: 'error'
 }), _types.FLAG_ID.EXTENSION_IN_SYNC_BLOCK, {
-  title: _messages.syncBlockMessages.extensionInSyncBlockTitle,
-  description: _messages.syncBlockMessages.extensionInSyncBlockDescription,
+  title: _syncBlock.syncBlockMessages.extensionInSyncBlockTitle,
+  description: _syncBlock.syncBlockMessages.extensionInSyncBlockDescription,
   type: 'error'
 }), _types.FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK, {
-  title: _messages.syncBlockMessages.inlineExtensionInSyncBlockTitle,
-  description: _messages.syncBlockMessages.inlineExtensionInSyncBlockDescription,
+  title: _syncBlock.syncBlockMessages.inlineExtensionInSyncBlockTitle,
+  description: _syncBlock.syncBlockMessages.inlineExtensionInSyncBlockDescription,
   type: 'error'
 }), _types.FLAG_ID.DUPLICATE_SOURCE_SYNC_BLOCK, {
-  title: _messages.syncBlockMessages.duplicateSourceSyncBlockTitle,
-  description: _messages.syncBlockMessages.duplicateSourceSyncBlockDescription,
+  title: _syncBlock.syncBlockMessages.duplicateSourceSyncBlockTitle,
+  description: _syncBlock.syncBlockMessages.duplicateSourceSyncBlockDescription,
   type: 'error'
 }), (0, _defineProperty2.default)(_flagMap, _types.FLAG_ID.SYNC_BLOCK_FEEDBACK_PROMPT, {
-  title: _messages.syncBlockMessages.feedbackFlagTitle,
-  description: _messages.syncBlockMessages.feedbackFlagDescription,
+  title: _syncBlock.syncBlockMessages.feedbackFlagTitle,
+  description: _syncBlock.syncBlockMessages.feedbackFlagDescription,
   type: 'feedback'
 }));
 var getSyncBlockCopiedDescription = exports.getSyncBlockCopiedDescription = function getSyncBlockCopiedDescription(activeFlag, isCopiedDescriptionEnabled) {
@@ -79,12 +79,12 @@ var getSyncBlockCopiedDescription = exports.getSyncBlockCopiedDescription = func
     return undefined;
   }
   if (activeFlag.sourceProduct === 'jira-work-item') {
-    return activeFlag.isSourceContentUnpublished ? _messages.syncBlockMessages.syncBlockCopiedJiraUnsavedFieldDescription : _messages.syncBlockMessages.syncBlockCopiedLivePageDescription;
+    return activeFlag.isSourceContentUnpublished ? _syncBlock.syncBlockMessages.syncBlockCopiedJiraUnsavedFieldDescription : _syncBlock.syncBlockMessages.syncBlockCopiedLivePageDescription;
   }
   if (activeFlag.sourceProduct !== 'confluence-page') {
     return undefined;
   }
-  return activeFlag.isLivePage || !activeFlag.isSourceContentUnpublished ? _messages.syncBlockMessages.syncBlockCopiedLivePageDescription : _messages.syncBlockMessages.syncBlockCopiedUnpublishedDescription;
+  return activeFlag.isLivePage || !activeFlag.isSourceContentUnpublished ? _syncBlock.syncBlockMessages.syncBlockCopiedLivePageDescription : _syncBlock.syncBlockMessages.syncBlockCopiedUnpublishedDescription;
 };
 var useSyncBlockSourceUrl = function useSyncBlockSourceUrl(syncBlockStore, resourceId) {
   var _React$useState = _react.default.useState(),
@@ -118,7 +118,7 @@ var Flag = exports.Flag = function Flag(_ref) {
   var api = _ref.api,
     onFeedbackPromptShown = _ref.onFeedbackPromptShown,
     onGiveFeedback = _ref.onGiveFeedback;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['syncedBlock', 'connectivity'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['syncedBlock', 'connectivity'], function (states) {
       var _states$syncedBlockSt, _states$connectivityS, _states$syncedBlockSt2;
       return {
         activeFlag: (_states$syncedBlockSt = states.syncedBlockState) === null || _states$syncedBlockSt === void 0 ? void 0 : _states$syncedBlockSt.activeFlag,
@@ -158,8 +158,8 @@ var Flag = exports.Flag = function Flag(_ref) {
   var isCopiedFlag = activeFlag.id === _types.FLAG_ID.SYNC_BLOCK_COPIED;
   var isCopiedDescriptionEnabled = isCopiedFlag && ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_blocks_patch_11') || activeFlag.sourceProduct === 'confluence-page');
   var copiedDescription = getSyncBlockCopiedDescription(activeFlag, isCopiedDescriptionEnabled);
-  var title = isJiraUnpublishedPaste ? _messages.syncBlockMessages.unpublishedSyncBlockPastedTitleJiraWorkItem : defaultTitle;
-  var description = copiedDescription !== null && copiedDescription !== void 0 ? copiedDescription : isJiraUnpublishedPaste ? _messages.syncBlockMessages.unpublishedSyncBlockPastedDescriptionJiraWorkItem : defaultDescription;
+  var title = isJiraUnpublishedPaste ? _syncBlock.syncBlockMessages.unpublishedSyncBlockPastedTitleJiraWorkItem : defaultTitle;
+  var description = copiedDescription !== null && copiedDescription !== void 0 ? copiedDescription : isJiraUnpublishedPaste ? _syncBlock.syncBlockMessages.unpublishedSyncBlockPastedDescriptionJiraWorkItem : defaultDescription;
   var descriptionContent = description ? formatMessage(description, {
     link: function link(chunks) {
       return sourceUrl ? /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
@@ -171,7 +171,7 @@ var Flag = exports.Flag = function Flag(_ref) {
   }) : undefined;
 
   // Retry button often involves network request, hence we dismiss the flag in offline mode to avoid retry
-  if ((0, _editorPluginConnectivity.isOfflineMode)(mode) && !!onRetry) {
+  if ((0, _isOfflineMode.isOfflineMode)(mode) && !!onRetry) {
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
       var tr = _ref2.tr;
       tr.setMeta(_main.syncedBlockPluginKey, {
@@ -202,21 +202,21 @@ var Flag = exports.Flag = function Flag(_ref) {
     if (type === 'error') {
       if (onRetry) {
         return [{
-          content: formatMessage(_messages.syncBlockMessages.deleteRetryButton),
+          content: formatMessage(_syncBlock.syncBlockMessages.deleteRetryButton),
           onClick: onRetry
         }];
       }
     } else if (type === 'info' && action) {
       return [{
         content: formatMessage(action),
-        href: _syncBlock.SYNCED_BLOCKS_DOCUMENTATION_URL,
+        href: _constants.SYNCED_BLOCKS_DOCUMENTATION_URL,
         target: '_blank',
         rel: 'noopener noreferrer'
       }];
     } else if (type === 'feedback' && activeFlag.id === _types.FLAG_ID.SYNC_BLOCK_FEEDBACK_PROMPT && activeFlag.feedbackContext) {
       var feedbackContext = activeFlag.feedbackContext;
       return [{
-        content: formatMessage(_messages.syncBlockMessages.feedbackFlagGiveFeedback),
+        content: formatMessage(_syncBlock.syncBlockMessages.feedbackFlagGiveFeedback),
         onClick: function onClick() {
           dismissFlag(false);
           try {
@@ -227,7 +227,7 @@ var Flag = exports.Flag = function Flag(_ref) {
           }
         }
       }, {
-        content: formatMessage(_messages.syncBlockMessages.feedbackFlagNoThanks),
+        content: formatMessage(_syncBlock.syncBlockMessages.feedbackFlagNoThanks),
         onClick: onDismissed
       }];
     }

package/dist/cjs/ui/SourceSyncBlockPlaceholder.js

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _placeholderText = require("@atlaskit/editor-common/messages/placeholder-text");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -45,7 +45,7 @@ var SourceSyncBlockPlaceholder = exports.SourceSyncBlockPlaceholder = function S
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var placeholderStyles = (0, _react.useMemo)(function () {
-    return getSourceSyncBlockPlaceholderStyles(JSON.stringify(formatMessage(_messages.placeholderTextMessages.sourceSyncBlockPlaceholderText)));
+    return getSourceSyncBlockPlaceholderStyles(JSON.stringify(formatMessage(_placeholderText.placeholderTextMessages.sourceSyncBlockPlaceholderText)));
   }, [formatMessage]);
   return (0, _react2.jsx)(_react2.Global, {
     styles: placeholderStyles

package/dist/cjs/ui/SyncBlockLabel.js

@@ -12,8 +12,8 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
+var _syncBlock2 = require("@atlaskit/editor-common/styles/sync-block");
 var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -34,13 +34,13 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     unpublishedInfo = _ref.unpublishedInfo;
   var intl = (0, _reactIntl.useIntl)();
   var formatMessage = intl.formatMessage;
-  var _useState = (0, _react.useState)(formatMessage(_messages.syncBlockMessages.defaultSyncBlockTooltip)),
+  var _useState = (0, _react.useState)(formatMessage(_syncBlock.syncBlockMessages.defaultSyncBlockTooltip)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tooltipContent = _useState2[0],
     setTooltipContent = _useState2[1];
-  var tooltipMessage = formatMessage(_messages.syncBlockMessages.defaultSyncBlockTooltip);
+  var tooltipMessage = formatMessage(_syncBlock.syncBlockMessages.defaultSyncBlockTooltip);
   if (title) {
-    tooltipMessage = formatMessage(_messages.syncBlockMessages.referenceSyncBlockTooltip, {
+    tooltipMessage = formatMessage(_syncBlock.syncBlockMessages.referenceSyncBlockTooltip, {
       title: title
     });
   }
@@ -52,7 +52,7 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
         size: "small",
         color: "color.text.inverse",
         weight: "bold"
-      }, formatMessage(_messages.syncBlockMessages.referenceSyncBlockSyncedFrom)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      }, formatMessage(_syncBlock.syncBlockMessages.referenceSyncBlockSyncedFrom)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         size: "small",
         color: "color.text.inverse"
       }, ' ', title)) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
@@ -62,7 +62,7 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
         size: "small",
         color: "color.text.inverse",
         weight: "bold"
-      }, formatMessage(_messages.syncBlockMessages.referenceSyncBlockLastEdited)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      }, formatMessage(_syncBlock.syncBlockMessages.referenceSyncBlockLastEdited)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         size: "small",
         color: "color.text.inverse"
       }, ' ', elapsedTime));
@@ -70,7 +70,7 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     setTooltipContent(tooltipContent);
   }, [contentUpdatedAt, formatMessage, intl, title, tooltipMessage]);
   var ariaDescribedById = "sync-block-label-description-".concat(localId);
-  var unpublishedParenthetical = unpublishedInfo ? formatMessage(_messages.syncBlockMessages.unpublishedInParentheses) : undefined;
+  var unpublishedParenthetical = unpublishedInfo ? formatMessage(_syncBlock.syncBlockMessages.unpublishedInParentheses) : undefined;
   var getLabelContent = (0, _react.useMemo)(function () {
     // The parenthetical carries a leading space so the accessible name and copied text read as
     // "… (unpublished)". Flex trims it visually, and the label's own gap provides the spacing.
@@ -97,24 +97,24 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
       }, label);
     };
     if (isUnsyncedBlock) {
-      return renderPlainLabel(formatMessage(_messages.syncBlockMessages.unsyncedBlockLabel));
+      return renderPlainLabel(formatMessage(_syncBlock.syncBlockMessages.unsyncedBlockLabel));
     }
     if (isSource) {
-      return renderPlainLabel(formatMessage(_messages.syncBlockMessages.sourceSyncedBlockLabel));
+      return renderPlainLabel(formatMessage(_syncBlock.syncBlockMessages.sourceSyncedBlockLabel));
     }
     if (!title) {
-      return renderPlainLabel(formatMessage(_messages.syncBlockMessages.syncedBlockLabel));
+      return renderPlainLabel(formatMessage(_syncBlock.syncBlockMessages.syncedBlockLabel));
     }
     return renderTruncatingTitle(title);
   }, [formatMessage, isSource, isUnsyncedBlock, title, unpublishedParenthetical]);
-  var unpublishedTooltipLabel = unpublishedInfo ? formatMessage(unpublishedInfo.variant === 'source' ? _messages.syncBlockMessages.unpublishedSourceAvailabilityTooltip : _messages.syncBlockMessages.unpublishedLocalReferenceAvailabilityTooltip, {
+  var unpublishedTooltipLabel = unpublishedInfo ? formatMessage(unpublishedInfo.variant === 'source' ? _syncBlock.syncBlockMessages.unpublishedSourceAvailabilityTooltip : _syncBlock.syncBlockMessages.unpublishedLocalReferenceAvailabilityTooltip, {
     sourceType: unpublishedInfo.sourceType
   }) : undefined;
   var primaryLabel = /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": SyncBlockLabelDataId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: _syncBlock.SyncBlockLabelSharedCssClassName.labelClassName,
+    className: _syncBlock2.SyncBlockLabelSharedCssClassName.labelClassName,
     "aria-describedby": isSource || isUnsyncedBlock ? undefined : ariaDescribedById
   }, /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
     color: "var(--ds-icon-subtle, #505258)",

package/dist/cjs/ui/SyncBlockRefresher.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SyncBlockRefresher = void 0;
 var _react = require("react");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 // Component that manages synced block data synchronization.
 // Uses provider-based GraphQL subscriptions for updates when online.
 // Falls back to polling at regular intervals when offline.
 var SyncBlockRefresher = exports.SyncBlockRefresher = function SyncBlockRefresher(_ref) {
   var syncBlockStoreManager = _ref.syncBlockStoreManager,
     api = _ref.api;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
       var _states$connectivityS;
       return {
         mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
       };
     }),
     mode = _useSharedPluginState.mode;
-  var isOnline = !(0, _editorPluginConnectivity.isOfflineMode)(mode);
+  var isOnline = !(0, _isOfflineMode.isOfflineMode)(mode);
   (0, _react.useEffect)(function () {
     var useRealTimeSubscriptions = isOnline;
     syncBlockStoreManager.referenceManager.setRealTimeSubscriptionsEnabled(useRealTimeSubscriptions);

package/dist/cjs/ui/SyncBlockRendererWrapper.js

@@ -9,8 +9,10 @@ exports.SyncBlockRendererWrapper = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
+var _types = require("@atlaskit/editor-synced-block-provider/common/types");
+var _useFetchSyncBlockData = require("@atlaskit/editor-synced-block-provider/useFetchSyncBlockData");
+var _useFetchSyncBlockTitle = require("@atlaskit/editor-synced-block-provider/useFetchSyncBlockTitle");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _getUnpublishedSourceType = require("./getUnpublishedSourceType");
 var _SyncBlockLabel = require("./SyncBlockLabel");
@@ -25,8 +27,8 @@ var SyncBlockRendererWrapperComponent = function SyncBlockRendererWrapperCompone
     localId = _ref.localId,
     api = _ref.api;
   var isSamePageSyncEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('editor-synced-block-same-page-sync');
-  var syncBlockFetchResult = (0, _editorSyncedBlockProvider.useFetchSyncBlockData)(syncBlockStore, resourceId, localId, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
-  var title = (0, _editorSyncedBlockProvider.useFetchSyncBlockTitle)(syncBlockStore, node);
+  var syncBlockFetchResult = (0, _useFetchSyncBlockData.useFetchSyncBlockData)(syncBlockStore, resourceId, localId, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
+  var title = (0, _useFetchSyncBlockTitle.useFetchSyncBlockTitle)(syncBlockStore, node);
   var contentUpdatedAt = syncBlockFetchResult === null || syncBlockFetchResult === void 0 || (_syncBlockFetchResult = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult === void 0 || (_syncBlockFetchResult = _syncBlockFetchResult.data) === null || _syncBlockFetchResult === void 0 ? void 0 : _syncBlockFetchResult.contentUpdatedAt;
   var isUnpublishedBlock = ((_syncBlockFetchResult2 = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult2 === void 0 || (_syncBlockFetchResult2 = _syncBlockFetchResult2.data) === null || _syncBlockFetchResult2 === void 0 ? void 0 : _syncBlockFetchResult2.status) === 'unpublished';
   var localSameDocumentSource = isSamePageSyncEnabled ? (_syncBlockFetchResult3 = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult3 === void 0 ? void 0 : _syncBlockFetchResult3.localSameDocumentSource : undefined;
@@ -51,7 +53,7 @@ var SyncBlockRendererWrapperComponent = function SyncBlockRendererWrapperCompone
       isMounted = false;
     };
   }, [localSourceBlockInstanceId, syncBlockStore.sourceManager]);
-  var isUnsyncedBlock = isUnpublishedBlock && !localSameDocumentSource || (syncBlockFetchResult === null || syncBlockFetchResult === void 0 || (_syncBlockFetchResult4 = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult4 === void 0 || (_syncBlockFetchResult4 = _syncBlockFetchResult4.error) === null || _syncBlockFetchResult4 === void 0 ? void 0 : _syncBlockFetchResult4.type) === _editorSyncedBlockProvider.SyncBlockError.NotFound;
+  var isUnsyncedBlock = isUnpublishedBlock && !localSameDocumentSource || (syncBlockFetchResult === null || syncBlockFetchResult === void 0 || (_syncBlockFetchResult4 = syncBlockFetchResult.syncBlockInstance) === null || _syncBlockFetchResult4 === void 0 || (_syncBlockFetchResult4 = _syncBlockFetchResult4.error) === null || _syncBlockFetchResult4 === void 0 ? void 0 : _syncBlockFetchResult4.type) === _types.SyncBlockError.NotFound;
 
   // Prevent editing in the contentEditable renderer wrapper. We set
   // contentEditable="true" to enable text selection (creating an editable

package/dist/cjs/ui/SyncBlockSSRReactContextsProvider.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SyncBlockSSRReactContextsProvider = SyncBlockSSRReactContextsProvider;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _isSsr = require("@atlaskit/editor-common/is-ssr");
 /**
  * Wraps syncBlock nodeview children with the editor's actual IntlProvider during
  * SSR streaming (renderToStaticMarkup). This ensures that components using
@@ -22,7 +22,7 @@ var _coreUtils = require("@atlaskit/editor-common/core-utils");
 function SyncBlockSSRReactContextsProvider(_ref) {
   var children = _ref.children,
     intl = _ref.intl;
-  if (!(0, _coreUtils.isSSR)()) {
+  if (!(0, _isSsr.isSSR)()) {
     return children;
   }
   if (!intl) {