@atlaskit/editor-plugin-synced-block 5.2.1 → 5.3.0

package/dist/cjs/pm-plugins/experience-tracking/delete-reference-experience.js

@@ -1,175 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDeleteReferenceExperiencePlugin = exports.getDeleteReferenceExperience = void 0;
-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 _experienceTrackingUtils = require("../utils/experience-tracking-utils");
-var pluginKey = new _state.PluginKey('deleteReferenceSyncBlockExperience');
-var START_METHOD = {
-  ELEMENT_TOOLBAR: 'element-toolbar',
-  DELETE: 'delete',
-  TYPED_OVER: 'typed-over',
-  CUT: 'cut',
-  UNDO: 'undo',
-  REDO: 'redo'
-};
-
-/**
- * This experience tracks when a reference sync block is deleted.
- *
- * Start: When user deletes ref sync block from toolbar, presses delete when cursor is in front of ref sync block,
- * presses any key with a ref sync block selected, cuts with a ref sync block selected, triggers undo/redo that deletes a ref sync block
- * Success: When the sync block is removed from the DOM within 2000ms of start
- * Failure: When 2000ms passes without the reference sync block being removed from the DOM
- */
-var getDeleteReferenceExperiencePlugin = exports.getDeleteReferenceExperiencePlugin = function getDeleteReferenceExperiencePlugin(_ref) {
-  var refs = _ref.refs,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    syncBlockStore = _ref.syncBlockStore;
-  var experience = getDeleteReferenceExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
-  });
-  syncBlockStore.sourceManager.setDeleteExperience(experience);
-  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 (isReferenceSyncedBlockDeleteButtonId(testId)) {
-        experience.start({
-          method: START_METHOD.ELEMENT_TOOLBAR
-        });
-      }
-    }
-  });
-  return new _safePlugin.SafePlugin({
-    key: pluginKey,
-    props: {
-      handleDOMEvents: {
-        cut: function cut(view) {
-          var state = view.state;
-          if (hasSyncBlockInSelection(state.selection)) {
-            experience.start({
-              method: START_METHOD.CUT
-            });
-          }
-          return false;
-        },
-        keydown: function keydown(view, event) {
-          var state = view.state;
-          var hasSelection = hasSyncBlockInSelection(state.selection);
-          var hasAdjacent = hasSyncBlockBeforeCursor(state.selection);
-          if (hasSelection) {
-            experience.start({
-              method: START_METHOD.TYPED_OVER
-            });
-          }
-          if (isDeleteKey(event.key) && hasAdjacent) {
-            experience.start({
-              method: START_METHOD.DELETE
-            });
-          }
-          return false;
-        }
-      }
-    },
-    appendTransaction: function appendTransaction(transactions, oldState, newState) {
-      transactions.forEach(function (tr) {
-        var _wasSyncBlockDeletedO = (0, _experienceTrackingUtils.wasSyncBlockDeletedOrAddedByHistory)(tr, oldState, newState),
-          hasDeletedSyncBlock = _wasSyncBlockDeletedO.hasDeletedSyncBlock,
-          isUndo = _wasSyncBlockDeletedO.isUndo;
-        if (hasDeletedSyncBlock) {
-          experience.start({
-            method: isUndo ? START_METHOD.UNDO : START_METHOD.REDO
-          });
-        }
-      });
-      return null;
-    },
-    view: function view() {
-      return {
-        destroy: function destroy() {
-          experience.abort({
-            reason: _types.EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          unbindClickListener();
-        }
-      };
-    }
-  });
-};
-var getDeleteReferenceExperience = exports.getDeleteReferenceExperience = function getDeleteReferenceExperience(_ref2) {
-  var refs = _ref2.refs,
-    dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
-      durationMs: 2000
-    }), new _experiences.ExperienceCheckDomMutation({
-      onDomMutation: function onDomMutation(_ref3) {
-        var mutations = _ref3.mutations;
-        var deletedResourceIds = (0, _experienceTrackingUtils.getRemovedResourceIds)(mutations, '[data-prosemirror-node-name="syncBlock"]');
-        if (deletedResourceIds.length > 0) {
-          return {
-            status: 'success',
-            metadata: {
-              deletedResourceIds: deletedResourceIds
-            }
-          };
-        }
-        return undefined;
-      },
-      observeConfig: function observeConfig() {
-        return {
-          target: (0, _experienceTrackingUtils.getTarget)(refs.containerElement),
-          options: {
-            childList: true
-          }
-        };
-      }
-    })]
-  });
-};
-var isReferenceSyncedBlockDeleteButtonId = function isReferenceSyncedBlockDeleteButtonId(testId) {
-  return testId === 'reference-synced-block-delete-button';
-};
-var isDeleteKey = function isDeleteKey(key) {
-  return key === 'Delete' || key === 'Backspace';
-};
-var hasSyncBlockInSelection = function hasSyncBlockInSelection(selection) {
-  var syncBlock = selection.$from.doc.type.schema.nodes.syncBlock;
-  var found = false;
-  selection.$from.doc.nodesBetween(selection.from, selection.to, function (node) {
-    if (node.type === syncBlock) {
-      found = true;
-      return false;
-    }
-    // sync block nodes can only be found at the top level
-    return false;
-  });
-  return found;
-};
-var hasSyncBlockBeforeCursor = function hasSyncBlockBeforeCursor(selection) {
-  if (!selection.empty) {
-    return false;
-  }
-  var syncBlock = selection.$from.doc.type.schema.nodes.syncBlock;
-  var nodeBefore = selection.$from.nodeBefore;
-  return (nodeBefore === null || nodeBefore === void 0 ? void 0 : nodeBefore.type) === syncBlock;
-};

package/dist/cjs/pm-plugins/experience-tracking/delete-source-experience.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDeleteSourceExperiencePlugin = exports.getDeleteSourceExperience = void 0;
-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 _experienceTrackingUtils = require("../utils/experience-tracking-utils");
-var pluginKey = new _state.PluginKey('deleteSourceSyncBlockExperience');
-var START_METHOD = {
-  DELETE_CONFIRM_BUTTON: 'delete-confirm-button'
-};
-
-/**
- * This experience tracks when a source sync block is deleted.
- *
- * Start: When user clicks the delete button in the delete modal
- * Success: When the sync block is removed from the DOM within 2000ms of start
- * Failure: When 2000ms passes without the source sync block being removed from the DOM
- */
-var getDeleteSourceExperiencePlugin = exports.getDeleteSourceExperiencePlugin = function getDeleteSourceExperiencePlugin(_ref) {
-  var refs = _ref.refs,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    syncBlockStore = _ref.syncBlockStore;
-  var experience = getDeleteSourceExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
-  });
-  syncBlockStore.sourceManager.setDeleteExperience(experience);
-  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 (isSyncedBlockDeleteButtonId(testId)) {
-        experience.start({
-          method: START_METHOD.DELETE_CONFIRM_BUTTON
-        });
-      }
-    }
-  });
-  return new _safePlugin.SafePlugin({
-    key: pluginKey,
-    view: function view() {
-      return {
-        destroy: function destroy() {
-          experience.abort({
-            reason: _types.EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          unbindClickListener();
-        }
-      };
-    }
-  });
-};
-var getDeleteSourceExperience = exports.getDeleteSourceExperience = function getDeleteSourceExperience(_ref2) {
-  var refs = _ref2.refs,
-    dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_DELETE,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
-      durationMs: 2000
-    }), new _experiences.ExperienceCheckDomMutation({
-      onDomMutation: function onDomMutation(_ref3) {
-        var mutations = _ref3.mutations;
-        var deletedResourceIds = (0, _experienceTrackingUtils.getRemovedResourceIds)(mutations, '[data-prosemirror-node-name="bodiedSyncBlock"]');
-        if (deletedResourceIds.length > 0) {
-          return {
-            status: 'success',
-            metadata: {
-              deletedResourceIds: deletedResourceIds
-            }
-          };
-        }
-        return undefined;
-      },
-      observeConfig: function observeConfig() {
-        return {
-          target: (0, _experienceTrackingUtils.getTarget)(refs.containerElement),
-          options: {
-            childList: true
-          }
-        };
-      }
-    })]
-  });
-};
-var isSyncedBlockDeleteButtonId = function isSyncedBlockDeleteButtonId(testId) {
-  return testId === 'synced-block-delete-confirmation-modal-delete-button';
-};

package/dist/cjs/pm-plugins/experience-tracking/get-experience-tracking-plugins.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getExperienceTrackingPlugins = void 0;
-var _createReferenceExperience = require("./create-reference-experience");
-var _createSourceExperience = require("./create-source-experience");
-var _deleteReferenceExperience = require("./delete-reference-experience");
-var _deleteSourceExperience = require("./delete-source-experience");
-var _providerOnlyExperiences = require("./provider-only-experiences");
-var getExperienceTrackingPlugins = exports.getExperienceTrackingPlugins = function getExperienceTrackingPlugins(_ref) {
-  var refs = _ref.refs,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    syncBlockStore = _ref.syncBlockStore;
-  return [{
-    name: 'createReferenceSyncedBlockExperiencePlugin',
-    plugin: function plugin() {
-      return (0, _createReferenceExperience.getCreateReferenceExperiencePlugin)({
-        refs: refs,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent
-      });
-    }
-  }, {
-    name: 'createSourceSyncedBlockExperiencePlugin',
-    plugin: function plugin() {
-      return (0, _createSourceExperience.getCreateSourceExperiencePlugin)({
-        refs: refs,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        syncBlockStore: syncBlockStore
-      });
-    }
-  }, {
-    name: 'deleteSourceExperiencePlugin',
-    plugin: function plugin() {
-      return (0, _deleteSourceExperience.getDeleteSourceExperiencePlugin)({
-        refs: refs,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        syncBlockStore: syncBlockStore
-      });
-    }
-  }, {
-    name: 'deleteReferenceExperiencePlugin',
-    plugin: function plugin() {
-      return (0, _deleteReferenceExperience.getDeleteReferenceExperiencePlugin)({
-        refs: refs,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        syncBlockStore: syncBlockStore
-      });
-    }
-  }, {
-    name: 'providerOnlySyncedBlockExperiencesPlugin',
-    plugin: function plugin() {
-      return (0, _providerOnlyExperiences.getProviderOnlyExperiencesPlugin)({
-        refs: refs,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        syncBlockStore: syncBlockStore
-      });
-    }
-  }];
-};

package/dist/cjs/pm-plugins/experience-tracking/provider-only-experiences.js

@@ -1,128 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getProviderOnlyExperiencesPlugin = void 0;
-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 pluginKey = new _state.PluginKey('providerOnlySyncBlockExperiences');
-var getProviderOnlyExperiencesPlugin = exports.getProviderOnlyExperiencesPlugin = function getProviderOnlyExperiencesPlugin(_ref) {
-  var refs = _ref.refs,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    syncBlockStore = _ref.syncBlockStore;
-  var saveSourceExperience = getSaveSourceExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
-  });
-  syncBlockStore.sourceManager.setSaveExperience(saveSourceExperience);
-  var saveReferenceExperience = getSaveReferenceExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
-  });
-  var fetchExperience = getFetchExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
-  });
-  var fetchSourceInfoExperience = getFetchSourceInfoExperience({
-    refs: refs,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent
-  });
-  syncBlockStore.referenceManager.setExperiences(fetchExperience, fetchSourceInfoExperience, saveReferenceExperience);
-  return new _safePlugin.SafePlugin({
-    key: pluginKey,
-    view: function view() {
-      return {
-        destroy: function destroy() {
-          saveSourceExperience.abort({
-            reason: _types.EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          saveReferenceExperience.abort({
-            reason: _types.EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          fetchExperience.abort({
-            reason: _types.EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          fetchSourceInfoExperience.abort({
-            reason: _types.EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-        }
-      };
-    }
-  });
-};
-
-/**
- * This experience tracks when a source sync block is saved to the BE.
- *
- * Start: When the flush source sync block function is called.
- * Success: When the sync block save is successful within 1500ms of start.
- * Failure: When 1500ms passes without the sync block being successfully saved
- */
-var getSaveSourceExperience = function getSaveSourceExperience(_ref2) {
-  var dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_UPDATE,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
-      durationMs: 1500
-    })]
-  });
-};
-
-/**
- * This experience tracks when a reference sync block is saved to the BE.
- *
- * Start: When the flush sync block function is called.
- * Success: When the sync block save is successful within 1500ms of start.
- * Failure: When 1500ms passes without the sync block being successfully saved
- */
-var getSaveReferenceExperience = function getSaveReferenceExperience(_ref3) {
-  var dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
-  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
-      durationMs: 1500
-    })]
-  });
-};
-
-/**
- * This experience tracks when a reference sync block data is fetched from the BE.
- *
- * Start: When the fetchNodesData function is called.
- * Success: When the fetching the data is successful within 1500ms of start.
- * Failure: When 1500ms passes without the data being successfully fetched, or the fetch fails
- */
-var getFetchExperience = function getFetchExperience(_ref4) {
-  var dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
-  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
-      durationMs: 1500
-    })]
-  });
-};
-
-/**
- * This experience tracks when a reference sync block source info data (title, url) is fetched from the BE.
- *
- * Start: When the fetchSourceInfo function is called.
- * Success: When the fetching the data is successful within 2500ms of start.
- * Failure: When 2500ms passes without the data being successfully fetched, or the fetch fails
- */
-var getFetchSourceInfoExperience = function getFetchSourceInfoExperience(_ref5) {
-  var dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent;
-  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
-      durationMs: 2500
-    })]
-  });
-};

package/dist/cjs/pm-plugins/utils/experience-tracking-utils.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wasSyncBlockDeletedOrAddedByHistory = exports.getTarget = exports.getRemovedResourceIds = exports.getAddedResourceIds = void 0;
-var _utils = require("@atlaskit/editor-common/utils");
-var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var targetEl;
-var getTarget = exports.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 wasSyncBlockDeletedOrAddedByHistory = exports.wasSyncBlockDeletedOrAddedByHistory = function wasSyncBlockDeletedOrAddedByHistory(tr, oldState, newState) {
-  var historyMeta = tr.getMeta(_utils.pmHistoryPluginKey);
-  if (!Boolean(historyMeta)) {
-    return {};
-  }
-  var syncBlock = newState.schema.nodes.syncBlock;
-  var oldSyncBlockNodes = (0, _utils2.findChildren)(oldState.doc, function (node) {
-    return node.type === syncBlock;
-  });
-  var newSyncBlockNodes = (0, _utils2.findChildren)(newState.doc, function (node) {
-    return node.type === syncBlock;
-  });
-  var oldSyncBlockIds = new Set(oldSyncBlockNodes.map(function (nodeWithPos) {
-    return nodeWithPos.node.attrs.localId;
-  }).filter(function (localId) {
-    return Boolean(localId);
-  }));
-  var newSyncBlockIds = new Set(newSyncBlockNodes.map(function (nodeWithPos) {
-    return nodeWithPos.node.attrs.localId;
-  }).filter(function (localId) {
-    return Boolean(localId);
-  }));
-  var hasDeletedSyncBlock = Array.from(oldSyncBlockIds).some(function (localId) {
-    return !newSyncBlockIds.has(localId);
-  });
-  var hasAddedSyncBlock = Array.from(newSyncBlockIds).some(function (localId) {
-    return !oldSyncBlockIds.has(localId);
-  });
-  return {
-    hasDeletedSyncBlock: hasDeletedSyncBlock,
-    hasAddedSyncBlock: hasAddedSyncBlock,
-    isUndo: historyMeta.redo === false
-  };
-};
-var getResourceIds = function getResourceIds(nodes, resourceIds, query) {
-  nodes.forEach(function (node) {
-    if (!(node instanceof HTMLElement)) {
-      return;
-    }
-    var syncBlockElements = node.querySelectorAll(query);
-    syncBlockElements.forEach(function (element) {
-      var resourceId = element.getAttribute('resourceid');
-      if (resourceId) {
-        resourceIds.push(resourceId);
-      }
-    });
-  });
-};
-var getAddedResourceIds = exports.getAddedResourceIds = function getAddedResourceIds(mutations, query) {
-  var resourceIds = [];
-  mutations.forEach(function (mutation) {
-    if (mutation.type === 'childList') {
-      getResourceIds(mutation.addedNodes, resourceIds, query);
-    }
-  });
-  return resourceIds;
-};
-var getRemovedResourceIds = exports.getRemovedResourceIds = function getRemovedResourceIds(mutations, query) {
-  var resourceIds = [];
-  mutations.forEach(function (mutation) {
-    if (mutation.type === 'childList') {
-      getResourceIds(mutation.removedNodes, resourceIds, query);
-    }
-  });
-  return resourceIds;
-};

package/dist/es2019/pm-plugins/experience-tracking/create-reference-experience.js

@@ -1,109 +0,0 @@
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, ExperienceCheckDomMutation, ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EXPERIENCE_ABORT_REASON } from '../../types';
-import { getAddedResourceIds, wasSyncBlockDeletedOrAddedByHistory, getTarget } from '../utils/experience-tracking-utils';
-const isPastedFromFabricEditor = html => !!html && html.indexOf('data-pm-slice="') >= 0;
-const pluginKey = new PluginKey('createReferenceSyncBlockExperience');
-const START_METHOD = {
-  PASTE: 'paste',
-  UNDO: 'undo',
-  REDO: 'redo'
-};
-
-/**
- * This experience tracks when a reference sync block is inserted.
- *
- * Start: When user pastes a sync block from editor and createSyncedBlock is called
- * Success: When the sync block is added to the DOM within 500ms of start
- * Failure: When 500ms passes without the reference sync block being added to the DOM
- */
-export const getCreateReferenceExperiencePlugin = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  const experience = getCreateReferenceExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  return new SafePlugin({
-    key: pluginKey,
-    view: () => {
-      return {
-        destroy: () => {
-          experience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-        }
-      };
-    },
-    props: {
-      handlePaste: (_view, rawEvent, slice) => {
-        var _event$clipboardData;
-        const event = rawEvent;
-        const html = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text/html');
-
-        // do not start on paste from renderer, because this flattens the content and does not create a reference block
-        if (isPastedFromFabricEditor(html)) {
-          slice.content.forEach(node => {
-            if (node.type.name === 'syncBlock' || node.type.name === 'bodiedSyncBlock') {
-              experience.start({
-                method: START_METHOD.PASTE
-              });
-            }
-          });
-        }
-      }
-    },
-    appendTransaction: (transactions, oldState, newState) => {
-      transactions.forEach(tr => {
-        const {
-          hasAddedSyncBlock,
-          isUndo
-        } = wasSyncBlockDeletedOrAddedByHistory(tr, oldState, newState);
-        if (hasAddedSyncBlock) {
-          experience.start({
-            method: isUndo ? START_METHOD.UNDO : START_METHOD.REDO
-          });
-        }
-      });
-      return null;
-    }
-  });
-};
-const getCreateReferenceExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 500
-    }), new ExperienceCheckDomMutation({
-      onDomMutation: ({
-        mutations
-      }) => {
-        const insertedResourceIds = getAddedResourceIds(mutations, '[data-prosemirror-node-name="syncBlock"]');
-        if (insertedResourceIds.length > 0) {
-          return {
-            status: 'success',
-            metadata: {
-              insertedResourceIds
-            }
-          };
-        }
-        return undefined;
-      },
-      observeConfig: () => {
-        return {
-          target: getTarget(refs.containerElement),
-          options: {
-            childList: true
-          }
-        };
-      }
-    })]
-  });
-};