@atlaskit/editor-plugin-synced-block 5.3.11 → 5.3.12

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 5.3.12
+
+### Patch Changes
+
+- [`011b84236ffaa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/011b84236ffaa) -
+  EDITOR-4175 add analytics events for the synced block toolbar buttons
+- Updated dependencies
+
 ## 5.3.11
 
 ### Patch Changes

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

@@ -98,23 +98,36 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
   // see filterTransaction for more details
   return tr;
 };
-var copySyncedBlockReferenceToClipboardEditorCommand = exports.copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, api) {
+var copySyncedBlockReferenceToClipboardEditorCommand = exports.copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, inputMethod, api) {
   return function (_ref2) {
     var tr = _ref2.tr;
-    if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore, api)) {
+    if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore, inputMethod, api)) {
       return tr;
     }
     return null;
   };
 };
-var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(syncBlockStore, api) {
+var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(syncBlockStore, inputMethod, api) {
   return function (state, _dispatch, _view) {
-    return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore, api);
+    return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore, inputMethod, api);
   };
 };
-var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore, api) {
+var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore, inputMethod, api) {
   var syncBlockFindResult = (0, _utils2.findSyncBlockOrBodiedSyncBlock)(schema, selection);
   if (!syncBlockFindResult) {
+    if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+      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.ERROR,
+        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+        attributes: {
+          error: 'No sync block found in selection',
+          inputMethod: inputMethod
+        }
+      });
+    }
     return false;
   }
   var isBodiedSyncBlock = (0, _utils2.isBodiedSyncBlockNode)(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
@@ -127,12 +140,39 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
       resourceId: syncBlockStore.referenceManager.generateResourceIdForReference(syncBlockFindResult.node.attrs.resourceId)
     });
     if (!referenceSyncBlockNode) {
+      if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+        var _api$analytics2;
+        api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+          action: _analytics.ACTION.ERROR,
+          actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+          attributes: {
+            error: 'Failed to create reference sync block node',
+            resourceId: syncBlockFindResult.node.attrs.resourceId,
+            inputMethod: inputMethod
+          }
+        });
+      }
       return false;
     }
   } else {
     referenceSyncBlockNode = syncBlockFindResult.node;
   }
   if (!referenceSyncBlockNode) {
+    if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+      var _api$analytics3;
+      api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.fireAnalyticsEvent({
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+        action: _analytics.ACTION.ERROR,
+        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+        attributes: {
+          error: 'No reference sync block node available',
+          inputMethod: inputMethod
+        }
+      });
+    }
     return false;
   }
   var domNode = (0, _copyButton.toDOM)(referenceSyncBlockNode, schema);
@@ -142,6 +182,19 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
   setTimeout(function () {
     api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
       var tr = _ref3.tr;
+      if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+        var _api$analytics4;
+        api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.fireAnalyticsEvent({
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+          action: _analytics.ACTION.COPIED,
+          actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+          attributes: {
+            resourceId: referenceSyncBlockNode.attrs.resourceId,
+            inputMethod: inputMethod
+          }
+        });
+      }
       return tr.setMeta(_main.syncedBlockPluginKey, {
         activeFlag: {
           id: _types.FLAG_ID.SYNC_BLOCK_COPIED
@@ -161,11 +214,23 @@ var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedB
     }
     var syncBlockURL = syncBlockStore.referenceManager.getSyncBlockURL(resourceId);
     if (syncBlockURL) {
+      if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+        var _api$analytics5;
+        api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 || _api$analytics5.actions.fireAnalyticsEvent({
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+          action: _analytics.ACTION.SYNCED_BLOCK_EDIT_SOURCE,
+          actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL,
+          attributes: {
+            resourceId: resourceId
+          }
+        });
+      }
       window.open(syncBlockURL, '_blank');
     } else {
-      var _api$analytics;
+      var _api$analytics6;
       var tr = state.tr;
-      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.attachAnalyticsEvent({
+      api === null || api === void 0 || (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 || (_api$analytics6 = _api$analytics6.actions) === null || _api$analytics6 === void 0 || _api$analytics6.attachAnalyticsEvent({
         eventType: _analytics.EVENT_TYPE.OPERATIONAL,
         action: _analytics.ACTION.ERROR,
         actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,

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

@@ -11,6 +11,7 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../types");
 var TIMEOUT_DURATION = 30000;
 var pluginKey = new _state.PluginKey('syncedBlockMenuAndToolbarExperience');
@@ -28,22 +29,76 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
     }
     return popupsTargetEl;
   };
-  var createSourcePrimaryToolbarExperience = getCreateSourcePrimaryToolbarExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  var createSourcePrimaryToolbarExperience = 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 createSourceBlockMenuExperience = getCreateSourceBlockMenuExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  var createSourceBlockMenuExperience = 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 createSourceQuickInsertMenuExperience = getCreateSourceQuickInsertMenuExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  var createSourceQuickInsertMenuExperience = 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 deleteReferenceSyncedBlockExperience = getDeleteReferenceSyncedBlockToolbarExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  var deleteReferenceSyncedBlockExperience = 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 unsyncReferenceSyncedBlockExperience;
+  var unsyncSourceSyncedBlockExperience;
+  var deleteSourceSyncedBlockExperience;
+  var syncedLocationsExperience;
+  if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+    unsyncReferenceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: _analytics.ACTION.REFERENCE_SYNCED_BLOCK_UNSYNC,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      checks: [new _experiences.ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), referenceSyncBlockRemovedFromDomCheck(refs)]
+    });
+    unsyncSourceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: _analytics.ACTION.SYNCED_BLOCK_UNSYNC,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      checks: [new _experiences.ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), syncBlockDeleteConfirmationModalAddedCheck(refs)]
+    });
+    deleteSourceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: _analytics.ACTION.SYNCED_BLOCK_DELETE,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      checks: [new _experiences.ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), syncBlockDeleteConfirmationModalAddedCheck(refs)]
+    });
+    syncedLocationsExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: _analytics.ACTION.SYNCED_BLOCK_VIEW_SYNCED_LOCATIONS,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      checks: [new _experiences.ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), syncedLocationsDropdownOpenedCheck(refs)]
+    });
+  }
   var unbindClickListener = (0, _bindEventListener.bind)(document, {
     type: 'click',
     listener: function listener(event) {
@@ -59,13 +114,24 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
       if (!isSyncedBlockButtonId(testId)) {
         return;
       }
+      if (button.disabled) {
+        return;
+      }
       handleButtonClick({
         testId: testId,
+        button: button,
         createSourcePrimaryToolbarExperience: createSourcePrimaryToolbarExperience,
         createSourceBlockMenuExperience: createSourceBlockMenuExperience,
         createSourceQuickInsertMenuExperience: createSourceQuickInsertMenuExperience,
-        deleteReferenceSyncedBlockExperience: deleteReferenceSyncedBlockExperience
+        deleteReferenceSyncedBlockExperience: deleteReferenceSyncedBlockExperience,
+        unsyncReferenceSyncedBlockExperience: unsyncReferenceSyncedBlockExperience,
+        unsyncSourceSyncedBlockExperience: unsyncSourceSyncedBlockExperience,
+        deleteSourceSyncedBlockExperience: deleteSourceSyncedBlockExperience,
+        syncedLocationsExperience: syncedLocationsExperience
       });
+    },
+    options: {
+      capture: true
     }
   });
   var unbindKeydownListener = (0, _bindEventListener.bind)(document, {
@@ -96,6 +162,7 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
       editorViewEl = editorView.dom;
       return {
         destroy: function destroy() {
+          var _deleteSourceSyncedBl, _unsyncReferenceSynce, _unsyncSourceSyncedBl, _syncedLocationsExper;
           createSourcePrimaryToolbarExperience.abort({
             reason: 'editorDestroyed'
           });
@@ -108,6 +175,18 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
           deleteReferenceSyncedBlockExperience.abort({
             reason: 'editorDestroyed'
           });
+          (_deleteSourceSyncedBl = deleteSourceSyncedBlockExperience) === null || _deleteSourceSyncedBl === void 0 || _deleteSourceSyncedBl.abort({
+            reason: 'editorDestroyed'
+          });
+          (_unsyncReferenceSynce = unsyncReferenceSyncedBlockExperience) === null || _unsyncReferenceSynce === void 0 || _unsyncReferenceSynce.abort({
+            reason: 'editorDestroyed'
+          });
+          (_unsyncSourceSyncedBl = unsyncSourceSyncedBlockExperience) === null || _unsyncSourceSyncedBl === void 0 || _unsyncSourceSyncedBl.abort({
+            reason: 'editorDestroyed'
+          });
+          (_syncedLocationsExper = syncedLocationsExperience) === null || _syncedLocationsExper === void 0 || _syncedLocationsExper.abort({
+            reason: 'editorDestroyed'
+          });
           unbindClickListener();
           unbindKeydownListener();
         }
@@ -115,75 +194,63 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
     }
   });
 };
-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;
+var handleButtonClick = function handleButtonClick(_ref2) {
+  var testId = _ref2.testId,
+    button = _ref2.button,
+    createSourcePrimaryToolbarExperience = _ref2.createSourcePrimaryToolbarExperience,
+    createSourceBlockMenuExperience = _ref2.createSourceBlockMenuExperience,
+    createSourceQuickInsertMenuExperience = _ref2.createSourceQuickInsertMenuExperience,
+    deleteReferenceSyncedBlockExperience = _ref2.deleteReferenceSyncedBlockExperience,
+    unsyncReferenceSyncedBlockExperience = _ref2.unsyncReferenceSyncedBlockExperience,
+    unsyncSourceSyncedBlockExperience = _ref2.unsyncSourceSyncedBlockExperience,
+    deleteSourceSyncedBlockExperience = _ref2.deleteSourceSyncedBlockExperience,
+    syncedLocationsExperience = _ref2.syncedLocationsExperience;
   switch (testId) {
     case _types.SYNCED_BLOCK_BUTTON_TEST_ID.primaryToolbarCreate:
-      createSourcePrimaryToolbarExperience.start();
+      createSourcePrimaryToolbarExperience.start({
+        forceRestart: true
+      });
       break;
     case _types.SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate:
-      createSourceBlockMenuExperience.start();
+      createSourceBlockMenuExperience.start({
+        forceRestart: true
+      });
       break;
     case _types.SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate:
-      createSourceQuickInsertMenuExperience.start();
+      createSourceQuickInsertMenuExperience.start({
+        forceRestart: true
+      });
       break;
     case _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete:
-      deleteReferenceSyncedBlockExperience.start();
+      deleteReferenceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceUnsync:
+      unsyncReferenceSyncedBlockExperience === null || unsyncReferenceSyncedBlockExperience === void 0 || unsyncReferenceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceUnsync:
+      unsyncSourceSyncedBlockExperience === null || unsyncSourceSyncedBlockExperience === void 0 || unsyncSourceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceDelete:
+      deleteSourceSyncedBlockExperience === null || deleteSourceSyncedBlockExperience === void 0 || deleteSourceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSyncedLocationsTrigger:
+      // Only track when opening the dropdown
+      if (button.getAttribute('aria-pressed') === 'false') {
+        syncedLocationsExperience === null || syncedLocationsExperience === void 0 || syncedLocationsExperience.start({
+          forceRestart: true
+        });
+      }
       break;
     default:
       {
@@ -209,8 +276,8 @@ var getTarget = function getTarget(containerElement) {
 };
 var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs) {
   return new _experiences.ExperienceCheckDomMutation({
-    onDomMutation: function onDomMutation(_ref7) {
-      var mutations = _ref7.mutations;
+    onDomMutation: function onDomMutation(_ref3) {
+      var mutations = _ref3.mutations;
       if (mutations.some(isBodiedSyncBlockAddedInMutation)) {
         return {
           status: 'success'
@@ -228,9 +295,9 @@ var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs) {
     }
   });
 };
-var isBodiedSyncBlockAddedInMutation = function isBodiedSyncBlockAddedInMutation(_ref8) {
-  var type = _ref8.type,
-    addedNodes = _ref8.addedNodes;
+var isBodiedSyncBlockAddedInMutation = function isBodiedSyncBlockAddedInMutation(_ref4) {
+  var type = _ref4.type,
+    addedNodes = _ref4.addedNodes;
   return type === 'childList' && (0, _toConsumableArray2.default)(addedNodes).some(isBodiedSyncBlockWithinNode);
 };
 var isBodiedSyncBlockWithinNode = function isBodiedSyncBlockWithinNode(node) {
@@ -238,8 +305,8 @@ var isBodiedSyncBlockWithinNode = function isBodiedSyncBlockWithinNode(node) {
 };
 var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFromDomCheck(refs) {
   return new _experiences.ExperienceCheckDomMutation({
-    onDomMutation: function onDomMutation(_ref9) {
-      var mutations = _ref9.mutations;
+    onDomMutation: function onDomMutation(_ref5) {
+      var mutations = _ref5.mutations;
       if (mutations.some(isSyncBlockRemovedInMutation)) {
         return {
           status: 'success'
@@ -257,11 +324,84 @@ var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFr
     }
   });
 };
-var isSyncBlockRemovedInMutation = function isSyncBlockRemovedInMutation(_ref0) {
-  var type = _ref0.type,
-    removedNodes = _ref0.removedNodes;
+var isSyncBlockRemovedInMutation = function isSyncBlockRemovedInMutation(_ref6) {
+  var type = _ref6.type,
+    removedNodes = _ref6.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);
+};
+var syncBlockDeleteConfirmationModalAddedCheck = function syncBlockDeleteConfirmationModalAddedCheck(refs) {
+  return new _experiences.ExperienceCheckDomMutation({
+    onDomMutation: function onDomMutation(_ref7) {
+      var mutations = _ref7.mutations;
+      if (mutations.some(isDeleteConfirmationModalAddedInMutation)) {
+        return {
+          status: 'success'
+        };
+      }
+      return undefined;
+    },
+    observeConfig: function observeConfig() {
+      return {
+        target: document.body,
+        options: {
+          childList: true,
+          subtree: true
+        }
+      };
+    }
+  });
+};
+var isDeleteConfirmationModalAddedInMutation = function isDeleteConfirmationModalAddedInMutation(_ref8) {
+  var type = _ref8.type,
+    addedNodes = _ref8.addedNodes;
+  return type === 'childList' && (0, _toConsumableArray2.default)(addedNodes).some(isDeleteConfirmationModalWithinNode);
+};
+var isDeleteConfirmationModalWithinNode = function isDeleteConfirmationModalWithinNode(node) {
+  return (0, _experiences.getNodeQuery)('[data-testid="sync-block-delete-confirmation"]')(node);
+};
+var syncedLocationsDropdownOpenedCheck = function syncedLocationsDropdownOpenedCheck(refs) {
+  return new _experiences.ExperienceCheckDomMutation({
+    onDomMutation: function onDomMutation(_ref9) {
+      var mutations = _ref9.mutations;
+      if (mutations.some(isSyncedLocationsDropdownErrorInMutation)) {
+        return {
+          status: 'failure'
+        };
+      }
+      if (mutations.some(isSyncedLocationsDropdownAddedInMutation)) {
+        return {
+          status: 'success'
+        };
+      }
+      return undefined;
+    },
+    observeConfig: function observeConfig() {
+      return {
+        target: document.body,
+        options: {
+          childList: true,
+          subtree: true
+        }
+      };
+    }
+  });
+};
+var isSyncedLocationsDropdownAddedInMutation = function isSyncedLocationsDropdownAddedInMutation(_ref0) {
+  var type = _ref0.type,
+    addedNodes = _ref0.addedNodes;
+  return type === 'childList' && (0, _toConsumableArray2.default)(addedNodes).some(isSyncedLocationsDropdownWithinNode);
+};
+var isSyncedLocationsDropdownErrorInMutation = function isSyncedLocationsDropdownErrorInMutation(_ref1) {
+  var type = _ref1.type,
+    addedNodes = _ref1.addedNodes;
+  return type === 'childList' && (0, _toConsumableArray2.default)(addedNodes).some(isSyncedLocationsDropdownErrorWithinNode);
+};
+var isSyncedLocationsDropdownWithinNode = function isSyncedLocationsDropdownWithinNode(node) {
+  return !!((0, _experiences.getNodeQuery)('[data-testid="synced-locations-dropdown-content"]')(node) || (0, _experiences.getNodeQuery)('[data-testid="synced-locations-dropdown-content-no-results"]')(node));
+};
+var isSyncedLocationsDropdownErrorWithinNode = function isSyncedLocationsDropdownErrorWithinNode(node) {
+  return !!(0, _experiences.getNodeQuery)('[data-testid="synced-locations-dropdown-content-error"]')(node);
 };

package/dist/cjs/syncedBlockPlugin.js

@@ -64,8 +64,8 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
       }] : []));
     },
     commands: {
-      copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard() {
-        return (0, _editorCommands.copySyncedBlockReferenceToClipboardEditorCommand)(syncBlockStore, api);
+      copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard(inputMethod) {
+        return (0, _editorCommands.copySyncedBlockReferenceToClipboardEditorCommand)(syncBlockStore, inputMethod, api);
       },
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {

package/dist/cjs/types/index.js

@@ -17,5 +17,9 @@ 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'
+  syncedBlockToolbarReferenceDelete: 'reference-synced-block-delete-btn',
+  syncedBlockToolbarSourceDelete: 'source-synced-block-delete-btn',
+  syncedBlockToolbarReferenceUnsync: 'reference-synced-block-unsync-btn',
+  syncedBlockToolbarSourceUnsync: 'source-synced-block-unsync-btn',
+  syncedBlockToolbarSyncedLocationsTrigger: 'synced-block-synced-locations-dropdown--trigger'
 };

package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CreateOrCopySyncedBlockDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
@@ -71,7 +72,7 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
     mode = _useSharedPluginState2.mode;
   var onClick = function onClick() {
     var _api$core3, _api$core4, _api$blockControls2;
-    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard());
+    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard(_analytics.INPUT_METHOD.BLOCK_MENU));
     api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.toggleBlockMenu({
       closeMenu: true
     }));