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

package/dist/cjs/ui/SyncedLocationDropdown.js

@@ -18,12 +18,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react2 = require("@compiled/react");
 var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
 var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item-group"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
+var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
+var _constants = require("@atlaskit/editor-common/sync-block/constants");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
+var _DropdownContainer = require("@atlaskit/editor-common/ui-menu/DropdownContainer");
+var _ari = require("@atlaskit/editor-synced-block-provider/clients/confluence/ari");
 var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
 var _bug = _interopRequireDefault(require("@atlaskit/icon/core/bug"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
@@ -43,7 +44,7 @@ var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-ex
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
-var _types = require("../types");
+var _types2 = require("../types");
 var _SyncedLocationsEmptyStateIllustration = require("./assets/SyncedLocationsEmptyStateIllustration");
 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; }
@@ -97,7 +98,7 @@ var NoAccessIndicator = function NoAccessIndicator(_ref) {
   })) : /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.requestAccess
-  }, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownRequestAccess));
+  }, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownRequestAccess));
 };
 
 /**
@@ -131,10 +132,10 @@ var ItemTitle = function ItemTitle(_ref2) {
   }, title), onSameDocument && /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.note
-  }, "\xA0-", ' ', formatMessage(productType === 'confluence-page' ? _messages.syncBlockMessages.syncedLocationDropdownTitleNoteForConfluencePage : _messages.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem)), isSource && /*#__PURE__*/React.createElement(_compiled.Box, {
+  }, "\xA0-", ' ', formatMessage(productType === 'confluence-page' ? _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForConfluencePage : _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem)), isSource && /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.lozenge
-  }, /*#__PURE__*/React.createElement(_lozenge.default, null, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownSourceLozenge))), !hasAccess && /*#__PURE__*/React.createElement(NoAccessIndicator, {
+  }, /*#__PURE__*/React.createElement(_lozenge.default, null, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownSourceLozenge))), !hasAccess && /*#__PURE__*/React.createElement(NoAccessIndicator, {
     formatMessage: formatMessage
   }));
 };
@@ -148,7 +149,7 @@ var subTypeIconMap = {
 };
 var getConfluenceSubTypeIcon = function getConfluenceSubTypeIcon(sourceAri, subType) {
   try {
-    var _getPageIdAndTypeFrom = (0, _editorSyncedBlockProvider.getPageIdAndTypeFromConfluencePageAri)({
+    var _getPageIdAndTypeFrom = (0, _ari.getPageIdAndTypeFromConfluencePageAri)({
         ari: sourceAri
       }),
       pageType = _getPageIdAndTypeFrom.type;
@@ -247,7 +248,7 @@ var createCustomIssueTypeIcon = function createCustomIssueTypeIcon(iconUrl) {
  */
 var renderJiraIssueTypeIcon = function renderJiraIssueTypeIcon(issueType, intl) {
   var mapped = jiraIssueTypeIconMap[issueType.name];
-  var label = intl.formatMessage(mapped ? _messages.syncBlockMessages[mapped.messageKey] : _messages.syncBlockMessages.syncedLocationDropdownIssueTypeGeneric);
+  var label = intl.formatMessage(mapped ? _syncBlock.syncBlockMessages[mapped.messageKey] : _syncBlock.syncBlockMessages.syncedLocationDropdownIssueTypeGeneric);
   if (issueType.iconUrl && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_blocks_patch_11')) {
     return /*#__PURE__*/React.createElement("span", {
       className: (0, _runtime.ax)(["_1bsbgktf _4t3igktf _1e0c1txw _1o9zidpf _4cvr1h6o _1bah1h6o"])
@@ -335,7 +336,7 @@ var processReferenceData = exports.processReferenceData = function processRefere
       var references = _step.value;
       if (references.length > 1) {
         references.forEach(function (reference, index) {
-          return reference.title = "".concat(reference.title === '' && reference.hasAccess ? formatMessage(_messages.syncBlockMessages.syncedLocationDropdownUntitledPage) : reference.title, ": ").concat(formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitleBlockIndex, {
+          return reference.title = "".concat(reference.title === '' && reference.hasAccess ? formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownUntitledPage) : reference.title, ": ").concat(formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTitleBlockIndex, {
             index: index + 1
           }));
         });
@@ -396,10 +397,10 @@ var getBaseTitle = function getBaseTitle(_ref5) {
     formatMessage = _ref5.formatMessage,
     reference = _ref5.reference;
   if (isRestrictedLocation(reference)) {
-    return formatMessage(_messages.syncBlockMessages.syncedLocationDropdownRestrictedContent);
+    return formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownRestrictedContent);
   }
-  var title = reference.title === '' && reference.hasAccess ? formatMessage(_messages.syncBlockMessages.syncedLocationDropdownUntitledPage) : reference.title || reference.url || '';
-  return blockIndex === undefined ? title : "".concat(title, ": ").concat(formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitleBlockIndex, {
+  var title = reference.title === '' && reference.hasAccess ? formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownUntitledPage) : reference.title || reference.url || '';
+  return blockIndex === undefined ? title : "".concat(title, ": ").concat(formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTitleBlockIndex, {
     index: blockIndex
   }));
 };
@@ -411,7 +412,7 @@ var getFieldAwareNote = function getFieldAwareNote(reference, formatMessage) {
     if (!reference.onSameDocument) {
       return undefined;
     }
-    return formatMessage(reference.productType === 'confluence-page' ? _messages.syncBlockMessages.syncedLocationDropdownTitleNoteForConfluencePage : _messages.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem);
+    return formatMessage(reference.productType === 'confluence-page' ? _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForConfluencePage : _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem);
   }
 
   // A provider that computes no scope still reports `onSameDocument`. It is the same host
@@ -419,9 +420,9 @@ var getFieldAwareNote = function getFieldAwareNote(reference, formatMessage) {
   var locationScope = (_reference$locationSc = reference.locationScope) !== null && _reference$locationSc !== void 0 ? _reference$locationSc : reference.onSameDocument ? 'same-document' : undefined;
   switch (locationScope) {
     case 'same-document':
-      return formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItemField);
+      return formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItemField);
     case 'same-parent-document':
-      return formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem);
+      return formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem);
     default:
       return undefined;
   }
@@ -486,7 +487,7 @@ var EditorPositionedSyncedLocationDropdown = function EditorPositionedSyncedLoca
     localId = _ref7.localId,
     api = _ref7.api,
     floatingToolbarRenderContext = _ref7.floatingToolbarRenderContext;
-  var triggerTitle = intl.formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitle);
+  var triggerTitle = intl.formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTitle);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOpen = _useState2[0],
@@ -518,9 +519,9 @@ var EditorPositionedSyncedLocationDropdown = function EditorPositionedSyncedLoca
     };
   }, [isOpen, setDisableParentScroll]);
   var trigger = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/React.createElement(_ui.FloatingToolbarButton, {
+    return /*#__PURE__*/React.createElement(_Button.default, {
       areAnyNewToolbarFlagsEnabled: true,
-      testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSyncedLocationsTrigger,
+      testId: _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSyncedLocationsTrigger,
       selected: isOpen,
       iconAfter: /*#__PURE__*/React.createElement(_chevronDown.default, {
         color: "currentColor",
@@ -532,7 +533,7 @@ var EditorPositionedSyncedLocationDropdown = function EditorPositionedSyncedLoca
       ariaHasPopup: true
     }, triggerTitle);
   }, [isOpen, toggleOpen, triggerTitle]);
-  return /*#__PURE__*/React.createElement(_uiMenu.DropdownContainer, {
+  return /*#__PURE__*/React.createElement(_DropdownContainer.DropdownContainer, {
     testId: SYNCED_LOCATIONS_DROPDOWN_TEST_ID,
     isOpen: isOpen,
     trigger: trigger,
@@ -544,12 +545,13 @@ var EditorPositionedSyncedLocationDropdown = function EditorPositionedSyncedLoca
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     arrowKeyNavigationProviderOptions: {
-      type: _uiMenu.ArrowKeyNavigationType.MENU
+      type: _types.ArrowKeyNavigationType.MENU
     }
   }, content);
 };
 var SyncedLocationDropdownWithCount = exports.SyncedLocationDropdownWithCount = function SyncedLocationDropdownWithCount(_ref8) {
   var syncBlockStore = _ref8.syncBlockStore,
+    doc = _ref8.doc,
     resourceId = _ref8.resourceId,
     intl = _ref8.intl,
     isSource = _ref8.isSource,
@@ -565,7 +567,8 @@ var SyncedLocationDropdownWithCount = exports.SyncedLocationDropdownWithCount =
       isSource: isSource,
       localId: localId,
       resourceId: resourceId,
-      syncBlockStore: syncBlockStore
+      syncBlockStore: syncBlockStore,
+      doc: doc
     }),
     fetchStatus = _useReferenceData.fetchStatus,
     locations = _useReferenceData.locations;
@@ -583,7 +586,7 @@ var SyncedLocationDropdownWithCount = exports.SyncedLocationDropdownWithCount =
         }).length;
     }
   }, [locations]);
-  var tooltipContent = !isOpen && fetchStatus === 'success' && referenceCount === 0 ? intl.formatMessage(_messages.syncBlockMessages.syncedLocationDropdownNoReferencesTooltip) : null;
+  var tooltipContent = !isOpen && fetchStatus === 'success' && referenceCount === 0 ? intl.formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownNoReferencesTooltip) : null;
   var content = isOpen ? /*#__PURE__*/React.createElement(DropdownContentWithReferenceData, {
     resourceId: resourceId,
     intl: intl,
@@ -610,9 +613,9 @@ var SyncedLocationDropdownWithCount = exports.SyncedLocationDropdownWithCount =
     };
   }, [isOpen, setDisableParentScroll]);
   var trigger = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/React.createElement(_ui.FloatingToolbarButton, {
+    return /*#__PURE__*/React.createElement(_Button.default, {
       areAnyNewToolbarFlagsEnabled: true,
-      testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSyncedLocationsTrigger,
+      testId: _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSyncedLocationsTrigger,
       selected: isOpen,
       iconAfter: /*#__PURE__*/React.createElement(_chevronDown.default, {
         color: "currentColor",
@@ -629,7 +632,7 @@ var SyncedLocationDropdownWithCount = exports.SyncedLocationDropdownWithCount =
       referenceCount: referenceCount
     }));
   }, [fetchStatus, intl, isOpen, referenceCount, toggleOpen, tooltipContent]);
-  return /*#__PURE__*/React.createElement(_uiMenu.DropdownContainer, {
+  return /*#__PURE__*/React.createElement(_DropdownContainer.DropdownContainer, {
     alignDropdownWithParentElement: true,
     alignX: "left",
     testId: SYNCED_LOCATIONS_DROPDOWN_TEST_ID,
@@ -643,7 +646,7 @@ var SyncedLocationDropdownWithCount = exports.SyncedLocationDropdownWithCount =
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     arrowKeyNavigationProviderOptions: {
-      type: _uiMenu.ArrowKeyNavigationType.MENU
+      type: _types.ArrowKeyNavigationType.MENU
     }
   }, content);
 };
@@ -705,24 +708,29 @@ var DropdownContent = function DropdownContent(_ref1) {
 };
 var useReferenceData = function useReferenceData(_ref11) {
   var syncBlockStore = _ref11.syncBlockStore,
+    doc = _ref11.doc,
     resourceId = _ref11.resourceId,
     intl = _ref11.intl,
     isSource = _ref11.isSource,
     localId = _ref11.localId;
-  var _useState9 = (0, _react.useState)(function () {
-      return isSource && syncBlockStore.sourceManager.isNewSourceBlock(resourceId);
-    }),
+  // Refresh locations when the toolbar opens, rather than on every document edit.
+  var _useState9 = (0, _react.useState)(doc),
     _useState0 = (0, _slicedToArray2.default)(_useState9, 1),
-    isNewSourceBlock = _useState0[0];
+    docAtMount = _useState0[0];
   var _useState1 = (0, _react.useState)(function () {
+      return isSource && syncBlockStore.sourceManager.isNewSourceBlock(resourceId);
+    }),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 1),
+    isNewSourceBlock = _useState10[0];
+  var _useState11 = (0, _react.useState)(function () {
       return {
         fetchStatus: isNewSourceBlock ? 'success' : 'loading',
         locations: EMPTY_LOCATIONS
       };
     }),
-    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
-    state = _useState10[0],
-    setState = _useState10[1];
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    state = _useState12[0],
+    setState = _useState12[1];
   (0, _react.useEffect)(function () {
     var isCurrentRequest = true;
     setState({
@@ -736,7 +744,7 @@ var useReferenceData = function useReferenceData(_ref11) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _context2.next = 1;
-              return syncBlockStore.fetchReferencesSourceInfo(resourceId, localId, isSource);
+              return syncBlockStore.fetchReferencesSourceInfo(resourceId, localId, isSource, docAtMount);
             case 1:
               response = _context2.sent;
               if (isCurrentRequest) {
@@ -776,7 +784,7 @@ var useReferenceData = function useReferenceData(_ref11) {
     return function () {
       isCurrentRequest = false;
     };
-  }, [syncBlockStore, resourceId, intl, isSource, localId, isNewSourceBlock]);
+  }, [syncBlockStore, resourceId, intl, isSource, localId, isNewSourceBlock, docAtMount]);
   return {
     fetchStatus: state.fetchStatus,
     locations: state.locations
@@ -787,7 +795,7 @@ var SyncedLocationTriggerContent = function SyncedLocationTriggerContent(_ref13)
     fetchStatus = _ref13.fetchStatus,
     referenceCount = _ref13.referenceCount;
   var formatMessage = intl.formatMessage;
-  var triggerTitle = formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitle);
+  var triggerTitle = formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTitle);
   var syncedLocationCount = referenceCount === 0 ? 0 : referenceCount + 1;
   switch (fetchStatus) {
     case 'loading':
@@ -796,12 +804,12 @@ var SyncedLocationTriggerContent = function SyncedLocationTriggerContent(_ref13)
         space: "space.050"
       }, triggerTitle, /*#__PURE__*/React.createElement(_spinner.default, {
         size: "small",
-        label: formatMessage(_messages.syncBlockMessages.syncedLocationDropdownLoading)
+        label: formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownLoading)
       }));
     case 'success':
       {
         var count = syncedLocationCount > 99 ? '99+' : intl.formatNumber(syncedLocationCount);
-        return formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitleWithCount, {
+        return formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTitleWithCount, {
           count: count
         });
       }
@@ -821,10 +829,10 @@ var DropdownContentWithReferenceData = function DropdownContentWithReferenceData
   var handleLocationClick = function handleLocationClick() {
     var _api$analytics;
     api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-      action: _analytics.ACTION.CLICKED,
-      actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_CLICK_SYNCED_LOCATION,
+      eventType: _enums.EVENT_TYPE.OPERATIONAL,
+      action: _enums.ACTION.CLICKED,
+      actionSubject: _enums.ACTION_SUBJECT.SYNCED_BLOCK,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_CLICK_SYNCED_LOCATION,
       attributes: {
         resourceId: resourceId
       }
@@ -846,7 +854,7 @@ var DropdownContentWithReferenceData = function DropdownContentWithReferenceData
             "data-testid": "synced-locations-dropdown-content",
             className: (0, _runtime.ax)([styles.contentContainer, "_ku9g126e _18bk1rpy"])
           }, /*#__PURE__*/React.createElement(_dropdownMenuItemGroup.default, {
-            title: formatMessage(_messages.syncBlockMessages.syncedLocationDropdownHeading, {
+            title: formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownHeading, {
               count: "".concat(locationCount > 99 ? '99+' : locationCount)
             })
           }, locations.kind === 'field-aware' ? /*#__PURE__*/React.createElement(FieldAwareLocationRows, {
@@ -876,7 +884,7 @@ var ControlLocationRows = function ControlLocationRows(_ref15) {
     handleLocationClick = _ref15.handleLocationClick;
   var formatMessage = intl.formatMessage;
   return /*#__PURE__*/React.createElement(_react.Fragment, null, referenceData.map(function (reference, index) {
-    var title = isRestrictedLocation(reference) ? formatMessage(_messages.syncBlockMessages.syncedLocationDropdownRestrictedContent) : reference.title === '' && reference.hasAccess ? formatMessage(_messages.syncBlockMessages.syncedLocationDropdownUntitledPage) : reference.title || reference.url || '';
+    var title = isRestrictedLocation(reference) ? formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownRestrictedContent) : reference.title === '' && reference.hasAccess ? formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownUntitledPage) : reference.title || reference.url || '';
     return /*#__PURE__*/React.createElement("div", {
       key: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_blocks_patch_11') ? "".concat(reference.sourceAri, "#").concat(index) : reference.title,
       className: (0, _runtime.ax)(["_2ll012x7"])
@@ -922,7 +930,7 @@ var FieldAwareItemTitle = function FieldAwareItemTitle(_ref16) {
   }, "\xA0- ", note), reference.isSource && /*#__PURE__*/React.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.lozenge
-  }, /*#__PURE__*/React.createElement(_lozenge.default, null, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownSourceLozenge))), !reference.hasAccess && /*#__PURE__*/React.createElement(NoAccessIndicator, {
+  }, /*#__PURE__*/React.createElement(_lozenge.default, null, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownSourceLozenge))), !reference.hasAccess && /*#__PURE__*/React.createElement(NoAccessIndicator, {
     formatMessage: formatMessage
   }));
   if (fieldName === undefined) {
@@ -953,7 +961,7 @@ var FieldAwareLocationRows = function FieldAwareLocationRows(_ref17) {
       // Two lines in the tooltip's own text flow. Wrapping them in `Text` would
       // default to `font.body` and override the container's `font.body.small`,
       // so the field-aware tooltip would not match every other one.
-      React.createElement(_react.Fragment, null, item.baseTitle, /*#__PURE__*/React.createElement("br", null), formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTooltipFieldName, {
+      React.createElement(_react.Fragment, null, item.baseTitle, /*#__PURE__*/React.createElement("br", null), formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownTooltipFieldName, {
         fieldName: item.fieldName
       })) : item.baseTitle
     }, /*#__PURE__*/React.createElement(_dropdownMenuItem.default, {
@@ -978,7 +986,7 @@ var FieldAwareLocationRows = function FieldAwareLocationRows(_ref17) {
 var LoadingScreen = function LoadingScreen(_ref18) {
   var formatMessage = _ref18.formatMessage;
   return /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_spinner.default, {
-    label: formatMessage(_messages.syncBlockMessages.syncedLocationDropdownLoading)
+    label: formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownLoading)
   }));
 };
 var ErrorScreen = function ErrorScreen(_ref19) {
@@ -996,7 +1004,7 @@ var ErrorScreen = function ErrorScreen(_ref19) {
   })), /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p",
     size: "medium"
-  }, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownError)));
+  }, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownError)));
 };
 var NoResultScreen = function NoResultScreen(_ref20) {
   var formatMessage = _ref20.formatMessage;
@@ -1009,12 +1017,12 @@ var NoResultScreen = function NoResultScreen(_ref20) {
     space: "space.150"
   }, /*#__PURE__*/React.createElement(_SyncedLocationsEmptyStateIllustration.SyncedLocationsEmptyStateIllustration, null), /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p"
-  }, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownActivationNoResults)), /*#__PURE__*/React.createElement(_compiled.Text, {
+  }, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownActivationNoResults)), /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p"
   }, /*#__PURE__*/React.createElement(_compiled.Anchor, {
-    href: _syncBlock.SYNCED_BLOCKS_DOCUMENTATION_URL,
+    href: _constants.SYNCED_BLOCKS_DOCUMENTATION_URL,
     target: "_blank",
     rel: "noopener noreferrer",
     xcss: styles.learnMoreLink
-  }, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownLearnMoreLink)))));
+  }, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownLearnMoreLink)))));
 };

package/dist/cjs/ui/block-menu-components.js

@@ -6,16 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBlockMenuComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
+var _key = require("@atlaskit/editor-common/block-menu/key");
+var _rank = require("@atlaskit/editor-common/block-menu/rank");
 var _CreateSyncedBlockDropdownItem = require("./CreateSyncedBlockDropdownItem");
 var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(api, enableSourceSyncedBlockCreation) {
   return [{
     type: 'block-menu-item',
-    key: _blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
+    key: _key.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.TRANSFORM_MENU_SECTION.key,
-      rank: _blockMenu.TRANSFORM_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
+      key: _key.TRANSFORM_MENU_SECTION.key,
+      rank: _rank.TRANSFORM_MENU_SECTION_RANK[_key.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockDropdownItem.CreateOrCopySyncedBlockDropdownItem, {

package/dist/cjs/ui/floating-toolbar.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,13 +8,16 @@ exports.getToolbarConfig = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
+var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
+var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
+var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
 var _selection = require("@atlaskit/editor-common/selection");
-var _ui = require("@atlaskit/editor-common/ui");
+var _selection2 = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _consts = require("@atlaskit/editor-shared-styles/consts");
-var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
+var _types = require("@atlaskit/editor-synced-block-provider/common/types");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
@@ -23,9 +25,8 @@ var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broke
 var _megaphone = _interopRequireDefault(require("@atlaskit/icon/core/megaphone"));
 var _editorCommands = require("../editor-commands");
 var _utils2 = require("../pm-plugins/utils/utils");
-var _types = require("../types");
+var _types2 = require("../types");
 var _SyncedLocationDropdown = require("./SyncedLocationDropdown");
-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; }
 var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(state, intl, api, syncBlockStore, isLivePage, onGiveFeedback) {
@@ -38,7 +39,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
     return;
   }
   var syncBlockInstance = syncBlockStore.referenceManager.getFromCache(syncBlockObject.node.attrs.resourceId);
-  var isUnsyncedBlock = (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type) === _editorSyncedBlockProvider.SyncBlockError.NotFound;
+  var isUnsyncedBlock = (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.type) === _types.SyncBlockError.NotFound;
   var isErroredBlock = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error;
   var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
   var isBodiedSyncBlock = (0, _utils2.isBodiedSyncBlockNode)(syncBlockObject.node, bodiedSyncBlock);
@@ -63,8 +64,8 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
       title: formatMessage(_messages.default.delete),
       onClick: (0, _editorCommands.removeSyncedBlock)(api),
       icon: _delete.default,
-      testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete
-    }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
+      testId: _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete
+    }, hoverDecorationProps(nodeType, _constants.akEditorSelectedNodeClassName));
     items.push(deleteButton);
   } else {
     var copyButton = _objectSpread({
@@ -72,11 +73,11 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
       type: 'button',
       appearance: 'subtle',
       icon: _copy.default,
-      title: formatMessage(_messages.syncBlockMessages.copyToSyncLabel),
+      title: formatMessage(_syncBlock.syncBlockMessages.copyToSyncLabel),
       showTitle: true,
-      testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarCopy,
-      onClick: (0, _editorCommands.copySyncedBlockReferenceToClipboard)(syncBlockStore, _analytics.INPUT_METHOD.SYNCED_BLOCK_TB, api, isLivePage)
-    }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
+      testId: _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarCopy,
+      onClick: (0, _editorCommands.copySyncedBlockReferenceToClipboard)(syncBlockStore, _enums.INPUT_METHOD.SYNCED_BLOCK_TB, api, isLivePage)
+    }, hoverDecorationProps(nodeType, _constants.akEditorSelectedNodeClassName));
     items.push(copyButton);
     if (!isErroredBlock) {
       var syncedLocation = {
@@ -86,6 +87,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
           return /*#__PURE__*/_react.default.createElement(_SyncedLocationDropdown.SyncedLocationDropdownWithCount, {
             key: "".concat(resourceId, ":").concat(localId, ":").concat(isBodiedSyncBlock),
             syncBlockStore: syncBlockStore,
+            doc: state.doc,
             resourceId: resourceId,
             localId: localId,
             intl: intl,
@@ -100,19 +102,19 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
         fallback: [],
         render: function render(view) {
           var _syncBlockInstance$da;
-          return /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
+          return /*#__PURE__*/_react.default.createElement(_Button.default, {
             areAnyNewToolbarFlagsEnabled: true,
             disabled: (syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.status) === 'unpublished',
             icon: /*#__PURE__*/_react.default.createElement(_linkBroken.default, {
               label: ""
             }),
-            title: formatMessage(_messages.syncBlockMessages.unsyncButton)
+            title: formatMessage(_syncBlock.syncBlockMessages.unsyncButton)
             // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
             ,
             onClick: function onClick() {
               return (0, _editorCommands.unsync)(syncBlockStore, isBodiedSyncBlock, view);
             },
-            testId: isBodiedSyncBlock ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceUnsync : _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceUnsync
+            testId: isBodiedSyncBlock ? _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceUnsync : _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceUnsync
           });
         }
       };
@@ -126,29 +128,29 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
         disabled: disabled,
         appearance: 'subtle',
         icon: _edit.default,
-        title: formatMessage(_messages.syncBlockMessages.editSourceLabel),
+        title: formatMessage(_syncBlock.syncBlockMessages.editSourceLabel),
         showTitle: false,
-        tooltipContent: disabled ? formatMessage(_messages.syncBlockMessages.editSourceTooltipDisabled) : formatMessage(_messages.syncBlockMessages.editSourceTooltip),
+        tooltipContent: disabled ? formatMessage(_syncBlock.syncBlockMessages.editSourceTooltipDisabled) : formatMessage(_syncBlock.syncBlockMessages.editSourceTooltip),
         onClick: (0, _editorCommands.editSyncedBlockSource)(syncBlockStore, api)
-      }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
+      }, hoverDecorationProps(nodeType, _constants.akEditorSelectedNodeClassName));
       items.push(editSourceButton);
     }
 
     // testId is required to show focus on trigger button on ESC key press
     // see hideOnEsc in platform/packages/editor/editor-plugin-floating-toolbar/src/ui/Dropdown.tsx
-    var testId = isBodiedSyncBlock ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceOverflowTrigger : _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceOverflowTrigger;
+    var testId = isBodiedSyncBlock ? _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceOverflowTrigger : _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceOverflowTrigger;
     var overflowMenuConfig = [{
       type: 'overflow-dropdown',
       testId: testId,
       options: [].concat((0, _toConsumableArray2.default)(onGiveFeedback ? [{
-        title: formatMessage(_messages.toolbarInsertBlockMessages.feedbackDialog),
+        title: formatMessage(_insertBlock.toolbarInsertBlockMessages.feedbackDialog),
         icon: /*#__PURE__*/_react.default.createElement(_megaphone.default, {
           label: ""
         }),
         onClick: function onClick() {
           api === null || api === void 0 || api.core.actions.execute(function (_ref) {
             var tr = _ref.tr;
-            return tr.setSelection(new _selection.GapCursorSelection(tr.doc.resolve(syncBlockObject.pos + syncBlockObject.node.nodeSize), _selection.Side.RIGHT));
+            return tr.setSelection(new _selection2.GapCursorSelection(tr.doc.resolve(syncBlockObject.pos + syncBlockObject.node.nodeSize), _selection.Side.RIGHT));
           });
           onGiveFeedback({
             blockType: isBodiedSyncBlock ? 'source' : 'reference',
@@ -162,7 +164,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
         icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
           label: ""
         }),
-        testId: isBodiedSyncBlock ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceDelete : _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete
+        testId: isBodiedSyncBlock ? _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceDelete : _types2.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete
       }, hoverDecorationProps(nodeType))])
     }];
     items.push.apply(items, overflowMenuConfig);
@@ -178,7 +180,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
     nodeType: nodeType,
     items: items,
     scrollable: true,
-    groupLabel: formatMessage(_messages.syncBlockMessages.syncBlockGroup),
+    groupLabel: formatMessage(_syncBlock.syncBlockMessages.syncBlockGroup),
     visible: (api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode) !== 'offline'
   };
 };

package/dist/cjs/ui/quick-insert/SyncedBlockQuickInsertMenuItem.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.SyncedBlockQuickInsertMenuItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _blockType = require("@atlaskit/editor-common/messages/block-type");
 var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
-var _messages2 = require("@atlaskit/editor-common/quick-insert/messages");
+var _messages = require("@atlaskit/editor-common/quick-insert/messages");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
 var _editorCommands = require("../../editor-commands");
 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); }
@@ -26,11 +26,11 @@ var SyncedBlockQuickInsertMenuItem = exports.SyncedBlockQuickInsertMenuItem = fu
     return previewImageUrls ? {
       image: previewImageUrls,
       attribution: {
-        name: formatMessage(_messages2.messages.previewAttributionAtlassian)
+        name: formatMessage(_messages.messages.previewAttributionAtlassian)
       }
     } : undefined;
   }, [formatMessage, previewImageUrls]);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorDisabled'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['editorDisabled'], function (states) {
       var _states$editorDisable;
       return {
         editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled
@@ -47,17 +47,17 @@ var SyncedBlockQuickInsertMenuItem = exports.SyncedBlockQuickInsertMenuItem = fu
       syncBlockStore: syncBlockStore,
       typeAheadInsert: insert,
       fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
-      inputMethod: source !== null && source !== void 0 ? source : _analytics.INPUT_METHOD.QUICK_INSERT
+      inputMethod: source !== null && source !== void 0 ? source : _enums.INPUT_METHOD.QUICK_INSERT
     });
   }, [api, syncBlockStore]);
   return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
-    description: formatMessage(_messages.blockTypeMessages.syncedBlockDescription),
+    description: formatMessage(_blockType.messages.syncedBlockDescription),
     iconBefore: /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
       label: ""
     }),
     isDisabled: editorDisabled,
     onSelect: onSelect,
     preview: preview,
-    title: formatMessage(_messages.blockTypeMessages.syncedBlockQuickInsertTitle)
+    title: formatMessage(_blockType.messages.syncedBlockQuickInsertTitle)
   });
 };

package/dist/cjs/ui/quick-insert/getSyncedBlockQuickInsertComponents.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSyncedBlockQuickInsertComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _messages = require("@atlaskit/editor-common/messages");
+var _blockType = require("@atlaskit/editor-common/messages/block-type");
 var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
@@ -29,10 +29,10 @@ var getSyncedBlockQuickInsertComponents = exports.getSyncedBlockQuickInsertCompo
     match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref2) {
       var formatMessage = _ref2.formatMessage;
       return {
-        description: formatMessage(_messages.blockTypeMessages.syncedBlockDescription),
+        description: formatMessage(_blockType.messages.syncedBlockDescription),
         keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect', 'create'],
         shortcut: '',
-        title: formatMessage(_messages.blockTypeMessages.syncedBlockQuickInsertTitle)
+        title: formatMessage(_blockType.messages.syncedBlockQuickInsertTitle)
       };
     }),
     component: function component() {