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

package/dist/es2019/pm-plugins/main.js

@@ -7,9 +7,7 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/editor-synced-block-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
-import { lazySyncBlockView } from '../nodeviews/lazySyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';
 import { FLAG_ID } from '../types';
 import { handleBodiedSyncBlockRemoval } from './utils/handle-bodied-sync-block-removal';
@@ -52,7 +50,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
   const unpublishedFlagShown = new Set();
 
   // Set up callback to detect unpublished sync blocks when they're fetched
-  fg('platform_synced_block_dogfooding') && syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(resourceId => {
+  syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(resourceId => {
     // Only show the flag once per sync block
     if (!unpublishedFlagShown.has(resourceId)) {
       unpublishedFlagShown.add(resourceId);
@@ -104,7 +102,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
     },
     props: {
       nodeViews: {
-        syncBlock: fg('platform_synced_block_dogfooding') ? (node, view, getPos, _decorations) => {
+        syncBlock: (node, view, getPos, _decorations) => {
           // To support SSR, pass `syncBlockStore` here
           // and do not use lazy loading.
           // We cannot start rendering and then load `syncBlockStore` asynchronously,
@@ -119,11 +117,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
             eventDispatcher: pmPluginFactoryParams.eventDispatcher,
             syncBlockStore: syncBlockStore
           }).init();
-        } : lazySyncBlockView({
-          options,
-          pmPluginFactoryParams,
-          api
-        }),
+        },
         bodiedSyncBlock: lazyBodiedSyncBlockView({
           pluginOptions: options,
           pmPluginFactoryParams,
@@ -217,7 +211,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       const isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
-      if (tr.docChanged && !tr.getMeta('isRemote') && fg('platform_synced_block_dogfooding')) {
+      if (tr.docChanged && !tr.getMeta('isRemote')) {
         const {
           added
         } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
@@ -242,42 +236,39 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         added: bodiedSyncBlockAdded
       } = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state);
       if (!isOffline) {
-        if (fg('platform_synced_block_dogfooding')) {
-          const {
-            removed: syncBlockRemoved,
-            added: syncBlockAdded
-          } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
-          syncBlockRemoved.forEach(syncBlock => {
-            var _api$analytics, _api$analytics$action;
-            api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent({
-              action: ACTION.DELETED,
-              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
-              attributes: {
-                resourceId: syncBlock.attrs.resourceId,
-                blockInstanceId: syncBlock.attrs.localId
-              },
-              eventType: EVENT_TYPE.OPERATIONAL
-            });
+        const {
+          removed: syncBlockRemoved,
+          added: syncBlockAdded
+        } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
+        syncBlockRemoved.forEach(syncBlock => {
+          var _api$analytics, _api$analytics$action;
+          api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent({
+            action: ACTION.DELETED,
+            actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+            actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
+            attributes: {
+              resourceId: syncBlock.attrs.resourceId,
+              blockInstanceId: syncBlock.attrs.localId
+            },
+            eventType: EVENT_TYPE.OPERATIONAL
           });
-          syncBlockAdded.forEach(syncBlock => {
-            var _api$analytics2, _api$analytics2$actio;
-            api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent({
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
-              attributes: {
-                resourceId: syncBlock.attrs.resourceId,
-                blockInstanceId: syncBlock.attrs.localId
-              },
-              eventType: EVENT_TYPE.OPERATIONAL
-            });
+        });
+        syncBlockAdded.forEach(syncBlock => {
+          var _api$analytics2, _api$analytics2$actio;
+          api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent({
+            action: ACTION.INSERTED,
+            actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+            actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
+            attributes: {
+              resourceId: syncBlock.attrs.resourceId,
+              blockInstanceId: syncBlock.attrs.localId
+            },
+            eventType: EVENT_TYPE.OPERATIONAL
           });
-        }
-        ;
+        });
         if (bodiedSyncBlockRemoved.length > 0) {
           confirmationTransactionRef.current = tr;
-          return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, fg('platform_synced_block_dogfooding') ? getDeleteReason(tr) : undefined);
+          return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, getDeleteReason(tr));
         }
         if (bodiedSyncBlockAdded.length > 0) {
           if (Boolean(tr.getMeta(pmHistoryPluginKey))) {

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

@@ -3,6 +3,7 @@ import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement } from '@atlaskit/editor-common/experiences';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
 const TIMEOUT_DURATION = 30000;
 const pluginKey = new PluginKey('syncedBlockMenuAndToolbarExperience');
@@ -21,22 +22,76 @@ export const getMenuAndToolbarExperiencesPlugin = ({
     }
     return popupsTargetEl;
   };
-  const createSourcePrimaryToolbarExperience = getCreateSourcePrimaryToolbarExperience({
-    refs,
-    dispatchAnalyticsEvent
+  const createSourcePrimaryToolbarExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: ACTION_SUBJECT_ID.PRIMARY_TOOLBAR,
+    dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), syncedBlockAddedToDomCheck(refs)]
   });
-  const createSourceBlockMenuExperience = getCreateSourceBlockMenuExperience({
-    refs,
-    dispatchAnalyticsEvent
+  const createSourceBlockMenuExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
+    action: ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: ACTION_SUBJECT_ID.BLOCK_MENU,
+    dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), syncedBlockAddedToDomCheck(refs)]
   });
-  const createSourceQuickInsertMenuExperience = getCreateSourceQuickInsertMenuExperience({
-    refs,
-    dispatchAnalyticsEvent
+  const createSourceQuickInsertMenuExperience = new Experience(EXPERIENCE_ID.MENU_ACTION, {
+    action: ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: ACTION_SUBJECT_ID.QUICK_INSERT,
+    dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), syncedBlockAddedToDomCheck(refs)]
   });
-  const deleteReferenceSyncedBlockExperience = getDeleteReferenceSyncedBlockToolbarExperience({
-    refs,
-    dispatchAnalyticsEvent
+  const deleteReferenceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: ACTION.REFERENCE_SYNCED_BLOCK_DELETE,
+    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+    dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: TIMEOUT_DURATION
+    }), referenceSyncBlockRemovedFromDomCheck(refs)]
   });
+  let unsyncReferenceSyncedBlockExperience;
+  let unsyncSourceSyncedBlockExperience;
+  let deleteSourceSyncedBlockExperience;
+  let syncedLocationsExperience;
+  if (fg('platform_synced_block_patch_1')) {
+    unsyncReferenceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: ACTION.REFERENCE_SYNCED_BLOCK_UNSYNC,
+      actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent,
+      checks: [new ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), referenceSyncBlockRemovedFromDomCheck(refs)]
+    });
+    unsyncSourceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: ACTION.SYNCED_BLOCK_UNSYNC,
+      actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent,
+      checks: [new ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), syncBlockDeleteConfirmationModalAddedCheck(refs)]
+    });
+    deleteSourceSyncedBlockExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: ACTION.SYNCED_BLOCK_DELETE,
+      actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent,
+      checks: [new ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), syncBlockDeleteConfirmationModalAddedCheck(refs)]
+    });
+    syncedLocationsExperience = new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
+      action: ACTION.SYNCED_BLOCK_VIEW_SYNCED_LOCATIONS,
+      actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+      dispatchAnalyticsEvent,
+      checks: [new ExperienceCheckTimeout({
+        durationMs: TIMEOUT_DURATION
+      }), syncedLocationsDropdownOpenedCheck(refs)]
+    });
+  }
   const unbindClickListener = bind(document, {
     type: 'click',
     listener: event => {
@@ -52,13 +107,24 @@ export const getMenuAndToolbarExperiencesPlugin = ({
       if (!isSyncedBlockButtonId(testId)) {
         return;
       }
+      if (button.disabled) {
+        return;
+      }
       handleButtonClick({
         testId,
+        button,
         createSourcePrimaryToolbarExperience,
         createSourceBlockMenuExperience,
         createSourceQuickInsertMenuExperience,
-        deleteReferenceSyncedBlockExperience
+        deleteReferenceSyncedBlockExperience,
+        unsyncReferenceSyncedBlockExperience,
+        unsyncSourceSyncedBlockExperience,
+        deleteSourceSyncedBlockExperience,
+        syncedLocationsExperience
       });
+    },
+    options: {
+      capture: true
     }
   });
   const unbindKeydownListener = bind(document, {
@@ -89,6 +155,7 @@ export const getMenuAndToolbarExperiencesPlugin = ({
       editorViewEl = editorView.dom;
       return {
         destroy: () => {
+          var _deleteSourceSyncedBl, _unsyncReferenceSynce, _unsyncSourceSyncedBl, _syncedLocationsExper;
           createSourcePrimaryToolbarExperience.abort({
             reason: 'editorDestroyed'
           });
@@ -101,6 +168,18 @@ export const getMenuAndToolbarExperiencesPlugin = ({
           deleteReferenceSyncedBlockExperience.abort({
             reason: 'editorDestroyed'
           });
+          (_deleteSourceSyncedBl = deleteSourceSyncedBlockExperience) === null || _deleteSourceSyncedBl === void 0 ? void 0 : _deleteSourceSyncedBl.abort({
+            reason: 'editorDestroyed'
+          });
+          (_unsyncReferenceSynce = unsyncReferenceSyncedBlockExperience) === null || _unsyncReferenceSynce === void 0 ? void 0 : _unsyncReferenceSynce.abort({
+            reason: 'editorDestroyed'
+          });
+          (_unsyncSourceSyncedBl = unsyncSourceSyncedBlockExperience) === null || _unsyncSourceSyncedBl === void 0 ? void 0 : _unsyncSourceSyncedBl.abort({
+            reason: 'editorDestroyed'
+          });
+          (_syncedLocationsExper = syncedLocationsExperience) === null || _syncedLocationsExper === void 0 ? void 0 : _syncedLocationsExper.abort({
+            reason: 'editorDestroyed'
+          });
           unbindClickListener();
           unbindKeydownListener();
         }
@@ -108,80 +187,64 @@ export const getMenuAndToolbarExperiencesPlugin = ({
     }
   });
 };
-const getCreateSourcePrimaryToolbarExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: ACTION.SYNCED_BLOCK_CREATE,
-    actionSubjectId: ACTION_SUBJECT_ID.PRIMARY_TOOLBAR,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: TIMEOUT_DURATION
-    }), syncedBlockAddedToDomCheck(refs)]
-  });
-};
-const getCreateSourceBlockMenuExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(EXPERIENCE_ID.MENU_ACTION, {
-    action: ACTION.SYNCED_BLOCK_CREATE,
-    actionSubjectId: ACTION_SUBJECT_ID.BLOCK_MENU,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: TIMEOUT_DURATION
-    }), syncedBlockAddedToDomCheck(refs)]
-  });
-};
-const getCreateSourceQuickInsertMenuExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(EXPERIENCE_ID.MENU_ACTION, {
-    action: ACTION.SYNCED_BLOCK_CREATE,
-    actionSubjectId: ACTION_SUBJECT_ID.QUICK_INSERT,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: TIMEOUT_DURATION
-    }), syncedBlockAddedToDomCheck(refs)]
-  });
-};
-const getDeleteReferenceSyncedBlockToolbarExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: ACTION.REFERENCE_SYNCED_BLOCK_DELETE,
-    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: TIMEOUT_DURATION
-    }), referenceSyncBlockRemovedFromDomCheck(refs)]
-  });
-};
 const isSyncedBlockButtonId = value => {
   return !!value && syncedBlockButtonIds.has(value);
 };
 const handleButtonClick = ({
   testId,
+  button,
   createSourcePrimaryToolbarExperience,
   createSourceBlockMenuExperience,
   createSourceQuickInsertMenuExperience,
-  deleteReferenceSyncedBlockExperience
+  deleteReferenceSyncedBlockExperience,
+  unsyncReferenceSyncedBlockExperience,
+  unsyncSourceSyncedBlockExperience,
+  deleteSourceSyncedBlockExperience,
+  syncedLocationsExperience
 }) => {
   switch (testId) {
     case SYNCED_BLOCK_BUTTON_TEST_ID.primaryToolbarCreate:
-      createSourcePrimaryToolbarExperience.start();
+      createSourcePrimaryToolbarExperience.start({
+        forceRestart: true
+      });
       break;
     case SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate:
-      createSourceBlockMenuExperience.start();
+      createSourceBlockMenuExperience.start({
+        forceRestart: true
+      });
       break;
     case SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate:
-      createSourceQuickInsertMenuExperience.start();
+      createSourceQuickInsertMenuExperience.start({
+        forceRestart: true
+      });
       break;
     case SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete:
-      deleteReferenceSyncedBlockExperience.start();
+      deleteReferenceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceUnsync:
+      unsyncReferenceSyncedBlockExperience === null || unsyncReferenceSyncedBlockExperience === void 0 ? void 0 : unsyncReferenceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceUnsync:
+      unsyncSourceSyncedBlockExperience === null || unsyncSourceSyncedBlockExperience === void 0 ? void 0 : unsyncSourceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceDelete:
+      deleteSourceSyncedBlockExperience === null || deleteSourceSyncedBlockExperience === void 0 ? void 0 : deleteSourceSyncedBlockExperience.start({
+        forceRestart: true
+      });
+      break;
+    case SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSyncedLocationsTrigger:
+      // Only track when opening the dropdown
+      if (button.getAttribute('aria-pressed') === 'false') {
+        syncedLocationsExperience === null || syncedLocationsExperience === void 0 ? void 0 : syncedLocationsExperience.start({
+          forceRestart: true
+        });
+      }
       break;
     default:
       {
@@ -258,4 +321,76 @@ const isSyncBlockRemovedInMutation = ({
 }) => {
   return type === 'childList' && [...removedNodes].some(isSyncBlockWithinNode);
 };
-const isSyncBlockWithinNode = node => getNodeQuery('[data-prosemirror-node-name="syncBlock"]')(node);
+const isSyncBlockWithinNode = node => getNodeQuery('[data-prosemirror-node-name="syncBlock"]')(node);
+const syncBlockDeleteConfirmationModalAddedCheck = refs => new ExperienceCheckDomMutation({
+  onDomMutation: ({
+    mutations
+  }) => {
+    if (mutations.some(isDeleteConfirmationModalAddedInMutation)) {
+      return {
+        status: 'success'
+      };
+    }
+    return undefined;
+  },
+  observeConfig: () => {
+    return {
+      target: document.body,
+      options: {
+        childList: true,
+        subtree: true
+      }
+    };
+  }
+});
+const isDeleteConfirmationModalAddedInMutation = ({
+  type,
+  addedNodes
+}) => {
+  return type === 'childList' && [...addedNodes].some(isDeleteConfirmationModalWithinNode);
+};
+const isDeleteConfirmationModalWithinNode = node => getNodeQuery('[data-testid="sync-block-delete-confirmation"]')(node);
+const syncedLocationsDropdownOpenedCheck = refs => new ExperienceCheckDomMutation({
+  onDomMutation: ({
+    mutations
+  }) => {
+    if (mutations.some(isSyncedLocationsDropdownErrorInMutation)) {
+      return {
+        status: 'failure'
+      };
+    }
+    if (mutations.some(isSyncedLocationsDropdownAddedInMutation)) {
+      return {
+        status: 'success'
+      };
+    }
+    return undefined;
+  },
+  observeConfig: () => {
+    return {
+      target: document.body,
+      options: {
+        childList: true,
+        subtree: true
+      }
+    };
+  }
+});
+const isSyncedLocationsDropdownAddedInMutation = ({
+  type,
+  addedNodes
+}) => {
+  return type === 'childList' && [...addedNodes].some(isSyncedLocationsDropdownWithinNode);
+};
+const isSyncedLocationsDropdownErrorInMutation = ({
+  type,
+  addedNodes
+}) => {
+  return type === 'childList' && [...addedNodes].some(isSyncedLocationsDropdownErrorWithinNode);
+};
+const isSyncedLocationsDropdownWithinNode = node => {
+  return !!(getNodeQuery('[data-testid="synced-locations-dropdown-content"]')(node) || getNodeQuery('[data-testid="synced-locations-dropdown-content-no-results"]')(node));
+};
+const isSyncedLocationsDropdownErrorWithinNode = node => {
+  return !!getNodeQuery('[data-testid="synced-locations-dropdown-content-error"]')(node);
+};

package/dist/es2019/pm-plugins/utils/track-sync-blocks.js

@@ -1,6 +1,5 @@
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const trackSyncBlocks = (predicate, tr, state) => {
   const removed = {};
   const added = {};
@@ -20,7 +19,7 @@ export const trackSyncBlocks = (predicate, tr, state) => {
       from,
       to
     } = step;
-    const docAtStep = fg('platform_synced_block_dogfooding') ? tr.docs[idx] : state.doc;
+    const docAtStep = tr.docs[idx];
     let hasChange = false;
     if (from !== to) {
       step.getMap().forEach((oldStart, oldEnd) => {

package/dist/es2019/pm-plugins/utils/utils.js

@@ -1,9 +1,6 @@
 import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { CellSelection, findTable } from '@atlaskit/editor-tables';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const findSyncBlock = (schema, selection) => {
   const {
     syncBlock
@@ -28,50 +25,6 @@ const UNSUPPORTED_NODE_TYPES = new Set(['inlineExtension', 'extension', 'bodiedE
  * or false if conversion is not possible
  */
 export const canBeConvertedToSyncBlock = selection => {
-  return fg('platform_synced_block_dogfooding') ? canBeConvertedToSyncBlockNew(selection) : canBeConvertedToSyncBlockOld(selection);
-};
-export const canBeConvertedToSyncBlockOld = selection => {
-  const schema = selection.$from.doc.type.schema;
-  const {
-    nodes
-  } = schema;
-  let from = selection.from;
-  let to = selection.to;
-  let contentToInclude = selection.content().content;
-  if (selection instanceof CellSelection) {
-    const table = findTable(selection);
-    if (!table) {
-      return false;
-    }
-    contentToInclude = Fragment.from([table.node]);
-    from = table.pos;
-    to = table.pos + table.node.nodeSize;
-  } else if (selection instanceof TextSelection) {
-    const trueParent = findParentNodeOfType([nodes.bulletList, nodes.orderedList, nodes.taskList, nodes.blockquote])(selection);
-    if (trueParent) {
-      contentToInclude = Fragment.from([trueParent.node]);
-      from = trueParent.pos;
-      to = trueParent.pos + trueParent.node.nodeSize;
-    }
-  }
-  let canBeConverted = true;
-  selection.$from.doc.nodesBetween(from, to, node => {
-    if (UNSUPPORTED_NODE_TYPES.has(node.type.name)) {
-      canBeConverted = false;
-      return false;
-    }
-  });
-  if (!canBeConverted) {
-    return false;
-  }
-  contentToInclude = removeBreakoutMarks(contentToInclude);
-  return {
-    contentToInclude,
-    from,
-    to
-  };
-};
-export const canBeConvertedToSyncBlockNew = selection => {
   const {
     $from,
     range

package/dist/es2019/syncedBlockPlugin.js

@@ -4,7 +4,6 @@ import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { flushBodiedSyncBlocks, flushSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin, syncedBlockPluginKey } from './pm-plugins/main';
@@ -41,7 +40,7 @@ export const syncedBlockPlugin = ({
       return [{
         name: 'syncedBlockPlugin',
         plugin: params => createPlugin(config, params, syncBlockStore, api)
-      }, ...(fg('platform_synced_block_dogfooding') ? [{
+      }, {
         name: 'menuAndToolbarExperiencesPlugin',
         plugin: () => getMenuAndToolbarExperiencesPlugin({
           refs,
@@ -50,10 +49,10 @@ export const syncedBlockPlugin = ({
             return api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent(payload);
           }
         })
-      }] : [])];
+      }];
     },
     commands: {
-      copySyncedBlockReferenceToClipboard: () => copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, api),
+      copySyncedBlockReferenceToClipboard: inputMethod => copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, inputMethod, api),
       insertSyncedBlock: () => ({
         tr
       }) => {
@@ -106,7 +105,7 @@ export const syncedBlockPlugin = ({
               fireAnalyticsEvent: api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.fireAnalyticsEvent
             });
           },
-          testId: fg('platform_synced_block_dogfooding') ? SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate : undefined
+          testId: SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate
         }];
       },
       floatingToolbar: (state, intl) => getToolbarConfig(state, intl, api, syncBlockStore)

package/dist/es2019/types/index.js

@@ -11,5 +11,9 @@ export const 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/es2019/ui/CreateSyncedBlockDropdownItem.js

@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
@@ -66,7 +67,7 @@ const CopySyncedBlockDropdownItem = ({
   });
   const onClick = () => {
     var _api$core3, _api$core4, _api$blockControls2, _api$blockControls2$c;
-    api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard());
+    api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard(INPUT_METHOD.BLOCK_MENU));
     api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : (_api$blockControls2$c = _api$blockControls2.commands) === null || _api$blockControls2$c === void 0 ? void 0 : _api$blockControls2$c.toggleBlockMenu({
       closeMenu: true
     }));