@atlaskit/editor-plugin-synced-block 5.2.0 → 5.2.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 5.2.2
+
+### Patch Changes
+
+- [`7f41011a1b0ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f41011a1b0ff) -
+  EDITOR-1665 update sync block experience events to use general experience ids, keep existing error
+  events and add success events
+- Updated dependencies
+
+## 5.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.2.0
 
 ### Minor Changes

package/afm-jira/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"target": "es5",
 		"outDir": "../../../../../jira/tsDist/@atlaskit__editor-plugin-synced-block/app",

package/dist/cjs/editor-commands/index.js

@@ -15,7 +15,8 @@ var _types = require("../types");
 var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_ref) {
   var tr = _ref.tr,
     syncBlockStore = _ref.syncBlockStore,
-    typeAheadInsert = _ref.typeAheadInsert;
+    typeAheadInsert = _ref.typeAheadInsert,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
   var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
     bodiedSyncBlock = _tr$doc$type$schema$n.bodiedSyncBlock,
     paragraph = _tr$doc$type$schema$n.paragraph;
@@ -41,9 +42,14 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
     var conversionInfo = (0, _utils2.canBeConvertedToSyncBlock)(tr.selection);
     if (!conversionInfo) {
       if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
-        var _syncBlockStore$sourc;
-        (_syncBlockStore$sourc = syncBlockStore.sourceManager.createExperience) === null || _syncBlockStore$sourc === void 0 || _syncBlockStore$sourc.failure({
-          reason: 'Selection is not allowed to be converted to sync block'
+        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
+          action: _analytics.ACTION.ERROR,
+          actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+          attributes: {
+            error: 'Content cannot be converted to sync block'
+          },
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL
         });
       }
       return false;

package/dist/cjs/pm-plugins/menu-and-toolbar-experiences.js

@@ -0,0 +1,267 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMenuAndToolbarExperiencesPlugin = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _bindEventListener = require("bind-event-listener");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _experiences = require("@atlaskit/editor-common/experiences");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _types = require("../types");
+var TIMEOUT_DURATION = 30000;
+var pluginKey = new _state.PluginKey('syncedBlockMenuAndToolbarExperience');
+var SYNCED_BLOCK_BUTTON_TEST_IDS = Object.values(_types.SYNCED_BLOCK_BUTTON_TEST_ID);
+var syncedBlockButtonIds = new Set(SYNCED_BLOCK_BUTTON_TEST_IDS);
+var targetEl;
+var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperiencesPlugin(_ref) {
+  var refs = _ref.refs,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+  var popupsTargetEl;
+  var editorViewEl;
+  var getPopupsTarget = function getPopupsTarget() {
+    if (!popupsTargetEl) {
+      popupsTargetEl = refs.popupsMountPoint || refs.wrapperElement || (0, _experiences.getPopupContainerFromEditorView)(editorViewEl);
+    }
+    return popupsTargetEl;
+  };
+  var createSourcePrimaryToolbarExperience = getCreateSourcePrimaryToolbarExperience({
+    refs: refs,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  });
+  var createSourceBlockMenuExperience = getCreateSourceBlockMenuExperience({
+    refs: refs,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  });
+  var createSourceQuickInsertMenuExperience = getCreateSourceQuickInsertMenuExperience({
+    refs: refs,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  });
+  var deleteReferenceSyncedBlockExperience = getDeleteReferenceSyncedBlockToolbarExperience({
+    refs: refs,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  });
+  var unbindClickListener = (0, _bindEventListener.bind)(document, {
+    type: 'click',
+    listener: function listener(event) {
+      var target = event.target;
+      if (!target) {
+        return;
+      }
+      var button = target.closest('button[data-testid]');
+      if (!button || !(button instanceof HTMLButtonElement)) {
+        return;
+      }
+      var testId = button.dataset.testid;
+      if (!isSyncedBlockButtonId(testId)) {
+        return;
+      }
+      handleButtonClick({
+        testId: testId,
+        createSourcePrimaryToolbarExperience: createSourcePrimaryToolbarExperience,
+        createSourceBlockMenuExperience: createSourceBlockMenuExperience,
+        createSourceQuickInsertMenuExperience: createSourceQuickInsertMenuExperience,
+        deleteReferenceSyncedBlockExperience: deleteReferenceSyncedBlockExperience
+      });
+    }
+  });
+  var unbindKeydownListener = (0, _bindEventListener.bind)(document, {
+    type: 'keydown',
+    listener: function listener(event) {
+      if (isEnterKey(event.key)) {
+        var typeaheadPopup = (0, _experiences.popupWithNestedElement)(getPopupsTarget(), '.fabric-editor-typeahead');
+        if (!typeaheadPopup || !(typeaheadPopup instanceof HTMLElement)) {
+          return;
+        }
+        var firstItem = typeaheadPopup.querySelector('[role="option"]');
+        if (!firstItem || !(firstItem instanceof HTMLElement)) {
+          return;
+        }
+        var testId = firstItem.dataset.testid;
+        if (testId === _types.SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate) {
+          createSourceQuickInsertMenuExperience.start();
+        }
+      }
+    },
+    options: {
+      capture: true
+    }
+  });
+  return new _safePlugin.SafePlugin({
+    key: pluginKey,
+    view: function view(editorView) {
+      editorViewEl = editorView.dom;
+      return {
+        destroy: function destroy() {
+          createSourcePrimaryToolbarExperience.abort({
+            reason: 'editor-destroyed'
+          });
+          createSourceBlockMenuExperience.abort({
+            reason: 'editor-destroyed'
+          });
+          createSourceQuickInsertMenuExperience.abort({
+            reason: 'editor-destroyed'
+          });
+          deleteReferenceSyncedBlockExperience.abort({
+            reason: 'editor-destroyed'
+          });
+          unbindClickListener();
+          unbindKeydownListener();
+        }
+      };
+    }
+  });
+};
+var getCreateSourcePrimaryToolbarExperience = function getCreateSourcePrimaryToolbarExperience(_ref2) {
+  var refs = _ref2.refs,
+    dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+  return new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _analytics.ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.PRIMARY_TOOLBAR,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), syncedBlockAddedToDomCheck(refs)]
+  });
+};
+var getCreateSourceBlockMenuExperience = function getCreateSourceBlockMenuExperience(_ref3) {
+  var refs = _ref3.refs,
+    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
+  return new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
+    action: _analytics.ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.BLOCK_MENU,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), syncedBlockAddedToDomCheck(refs)]
+  });
+};
+var getCreateSourceQuickInsertMenuExperience = function getCreateSourceQuickInsertMenuExperience(_ref4) {
+  var refs = _ref4.refs,
+    dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
+  return new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
+    action: _analytics.ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.QUICK_INSERT,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), syncedBlockAddedToDomCheck(refs)]
+  });
+};
+var getDeleteReferenceSyncedBlockToolbarExperience = function getDeleteReferenceSyncedBlockToolbarExperience(_ref5) {
+  var refs = _ref5.refs,
+    dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent;
+  return new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _analytics.ACTION.REFERENCE_SYNCED_BLOCK_DELETE,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), referenceSyncBlockRemovedFromDomCheck(refs)]
+  });
+};
+var isSyncedBlockButtonId = function isSyncedBlockButtonId(value) {
+  return !!value && syncedBlockButtonIds.has(value);
+};
+var handleButtonClick = function handleButtonClick(_ref6) {
+  var testId = _ref6.testId,
+    createSourcePrimaryToolbarExperience = _ref6.createSourcePrimaryToolbarExperience,
+    createSourceBlockMenuExperience = _ref6.createSourceBlockMenuExperience,
+    createSourceQuickInsertMenuExperience = _ref6.createSourceQuickInsertMenuExperience,
+    deleteReferenceSyncedBlockExperience = _ref6.deleteReferenceSyncedBlockExperience;
+  switch (testId) {
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.primaryToolbarCreate:
+      createSourcePrimaryToolbarExperience.start();
+      break;
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate:
+      createSourceBlockMenuExperience.start();
+      break;
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate:
+      createSourceQuickInsertMenuExperience.start();
+      break;
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete:
+      deleteReferenceSyncedBlockExperience.start();
+      break;
+    default:
+      {
+        // Exhaustiveness check: if a new SyncedBlockToolbarButtonId is added
+        // but not handled above, TypeScript will error here.
+        var _exhaustiveCheck = testId;
+        return _exhaustiveCheck;
+      }
+  }
+};
+var isEnterKey = function isEnterKey(key) {
+  return key === 'Enter';
+};
+var getTarget = function getTarget(containerElement) {
+  if (!targetEl) {
+    var element = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelector('.ProseMirror');
+    if (!element || !(element instanceof HTMLElement)) {
+      return null;
+    }
+    targetEl = element;
+  }
+  return targetEl;
+};
+var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs) {
+  return new _experiences.ExperienceCheckDomMutation({
+    onDomMutation: function onDomMutation(_ref7) {
+      var mutations = _ref7.mutations;
+      if (mutations.some(isBodiedSyncBlockAddedInMutation)) {
+        return {
+          status: 'success'
+        };
+      }
+      return undefined;
+    },
+    observeConfig: function observeConfig() {
+      return {
+        target: getTarget(refs.containerElement),
+        options: {
+          childList: true
+        }
+      };
+    }
+  });
+};
+var isBodiedSyncBlockAddedInMutation = function isBodiedSyncBlockAddedInMutation(_ref8) {
+  var type = _ref8.type,
+    addedNodes = _ref8.addedNodes;
+  return type === 'childList' && (0, _toConsumableArray2.default)(addedNodes).some(isBodiedSyncBlockWithinNode);
+};
+var isBodiedSyncBlockWithinNode = function isBodiedSyncBlockWithinNode(node) {
+  return (0, _experiences.getNodeQuery)('[data-prosemirror-node-name="bodiedSyncBlock"]')(node);
+};
+var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFromDomCheck(refs) {
+  return new _experiences.ExperienceCheckDomMutation({
+    onDomMutation: function onDomMutation(_ref9) {
+      var mutations = _ref9.mutations;
+      if (mutations.some(isSyncBlockRemovedInMutation)) {
+        return {
+          status: 'success'
+        };
+      }
+      return undefined;
+    },
+    observeConfig: function observeConfig() {
+      return {
+        target: getTarget(refs.containerElement),
+        options: {
+          childList: true
+        }
+      };
+    }
+  });
+};
+var isSyncBlockRemovedInMutation = function isSyncBlockRemovedInMutation(_ref0) {
+  var type = _ref0.type,
+    removedNodes = _ref0.removedNodes;
+  return type === 'childList' && (0, _toConsumableArray2.default)(removedNodes).some(isSyncBlockWithinNode);
+};
+var isSyncBlockWithinNode = function isSyncBlockWithinNode(node) {
+  return (0, _experiences.getNodeQuery)('[data-prosemirror-node-name="syncBlock"]')(node);
+};

package/dist/cjs/syncedBlockPlugin.js

@@ -15,8 +15,9 @@ var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _editorActions = require("./editor-actions");
 var _editorCommands = require("./editor-commands");
-var _getExperienceTrackingPlugins = require("./pm-plugins/experience-tracking/get-experience-tracking-plugins");
 var _main = require("./pm-plugins/main");
+var _menuAndToolbarExperiences = require("./pm-plugins/menu-and-toolbar-experiences");
+var _types = require("./types");
 var _blockMenuComponents = require("./ui/block-menu-components");
 var _DeleteConfirmationModal = require("./ui/DeleteConfirmationModal");
 var _Flag = require("./ui/Flag");
@@ -49,14 +50,18 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
         plugin: function plugin(params) {
           return (0, _main.createPlugin)(config, params, syncBlockStore, api);
         }
-      }].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? (0, _getExperienceTrackingPlugins.getExperienceTrackingPlugins)({
-        refs: refs,
-        dispatchAnalyticsEvent: function dispatchAnalyticsEvent(payload) {
-          var _api$analytics2;
-          return api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent(payload);
-        },
-        syncBlockStore: syncBlockStore
-      }) : []));
+      }].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? [{
+        name: 'menuAndToolbarExperiencesPlugin',
+        plugin: function plugin() {
+          return (0, _menuAndToolbarExperiences.getMenuAndToolbarExperiencesPlugin)({
+            refs: refs,
+            dispatchAnalyticsEvent: function dispatchAnalyticsEvent(payload) {
+              var _api$analytics2;
+              return api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.fireAnalyticsEvent(payload);
+            }
+          });
+        }
+      }] : []));
     },
     commands: {
       copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard() {
@@ -64,13 +69,15 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
       },
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {
+          var _api$analytics3;
           var tr = _ref2.tr;
           if (!(config !== null && config !== void 0 && config.enableSourceCreation)) {
             return null;
           }
           return (0, _editorCommands.createSyncedBlock)({
             tr: tr,
-            syncBlockStore: syncBlockStore
+            syncBlockStore: syncBlockStore,
+            fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.fireAnalyticsEvent
           }) || null;
         };
       }
@@ -106,13 +113,15 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
             });
           },
           action: function action(insert, state) {
+            var _api$analytics4;
             return (0, _editorCommands.createSyncedBlock)({
               tr: state.tr,
               syncBlockStore: syncBlockStore,
-              typeAheadInsert: insert
+              typeAheadInsert: insert,
+              fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.fireAnalyticsEvent
             });
           },
-          testId: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? 'create-synced-block-quick-insert-btn' : undefined
+          testId: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate : undefined
         }];
       },
       floatingToolbar: function floatingToolbar(state, intl) {

package/dist/cjs/types/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FLAG_ID = exports.EXPERIENCE_ABORT_REASON = void 0;
+exports.SYNCED_BLOCK_BUTTON_TEST_ID = exports.FLAG_ID = void 0;
 var FLAG_ID = exports.FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["CANNOT_DELETE_WHEN_OFFLINE"] = "cannot-delete-when-offline";
   FLAG_ID["CANNOT_EDIT_WHEN_OFFLINE"] = "cannot-edit-when-offline";
@@ -12,6 +12,9 @@ var FLAG_ID = exports.FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   return FLAG_ID;
 }({});
-var EXPERIENCE_ABORT_REASON = exports.EXPERIENCE_ABORT_REASON = {
-  EDITOR_DESTROYED: 'editor-destroyed'
+var SYNCED_BLOCK_BUTTON_TEST_ID = exports.SYNCED_BLOCK_BUTTON_TEST_ID = {
+  primaryToolbarCreate: 'create-synced-block-toolbar-btn',
+  blockMenuCreate: 'create-synced-block-block-menu-btn',
+  quickInsertCreate: 'create-synced-block-quick-insert-btn',
+  syncedBlockToolbarReferenceDelete: 'reference-synced-block-delete-btn'
 };

package/dist/cjs/ui/CreateSyncedBlockButton.js

@@ -14,6 +14,7 @@ var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
 var _utils = require("../pm-plugins/utils/utils");
+var _types = require("../types");
 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); }
 var CreateSyncedBlockButton = exports.CreateSyncedBlockButton = function CreateSyncedBlockButton(_ref) {
   var api = _ref.api;
@@ -53,7 +54,7 @@ var CreateSyncedBlockButton = exports.CreateSyncedBlockButton = function CreateS
       label: ""
     }),
     isDisabled: isDisabled,
-    testId: "create-synced-block-toolbar-btn",
+    testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.primaryToolbarCreate,
     onClick: onClick
   }));
 };

package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js

@@ -14,6 +14,7 @@ var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _utils = require("../pm-plugins/utils/utils");
+var _types = require("../types");
 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); }
 var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
   var api = _ref.api;
@@ -51,7 +52,7 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
     }),
     onClick: onClick,
     isDisabled: isOffline,
-    testId: "create-synced-block-block-menu-btn",
+    testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
     elemAfter: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
       appearance: "new"
     }, formatMessage(_messages.blockMenuMessages.newLozenge))

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

@@ -18,6 +18,7 @@ var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _editorCommands = require("../editor-commands");
 var _utils2 = require("../pm-plugins/utils/utils");
+var _types = 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; }
@@ -54,7 +55,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
       title: formatMessage(_messages.default.delete),
       onClick: (0, _editorCommands.removeSyncedBlock)(api),
       icon: _delete.default,
-      testId: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? 'reference-synced-block-delete-button' : undefined
+      testId: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete : undefined
     }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
     items.push(deleteButton);
   } else {

package/dist/es2019/editor-commands/index.js

@@ -9,7 +9,8 @@ import { FLAG_ID } from '../types';
 export const createSyncedBlock = ({
   tr,
   syncBlockStore,
-  typeAheadInsert
+  typeAheadInsert,
+  fireAnalyticsEvent
 }) => {
   const {
     schema: {
@@ -41,9 +42,14 @@ export const createSyncedBlock = ({
     const conversionInfo = canBeConvertedToSyncBlock(tr.selection);
     if (!conversionInfo) {
       if (fg('platform_synced_block_dogfooding')) {
-        var _syncBlockStore$sourc;
-        (_syncBlockStore$sourc = syncBlockStore.sourceManager.createExperience) === null || _syncBlockStore$sourc === void 0 ? void 0 : _syncBlockStore$sourc.failure({
-          reason: 'Selection is not allowed to be converted to sync block'
+        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+          action: ACTION.ERROR,
+          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+          attributes: {
+            error: 'Content cannot be converted to sync block'
+          },
+          eventType: EVENT_TYPE.OPERATIONAL
         });
       }
       return false;