@atlaskit/editor-plugin-synced-block 5.0.0 → 5.1.1

package/dist/esm/pm-plugins/experience-tracking/create-source-experience.js

@@ -0,0 +1,178 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { bind } from 'bind-event-listener';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { Experience, ExperienceCheckDomMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView, popupWithNestedElement } from '@atlaskit/editor-common/experiences';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+var pluginKey = new PluginKey('createSourceSyncBlockExperience');
+var ABORT_REASON = {
+  EDITOR_DESTROYED: 'editor-destroyed'
+};
+var START_METHOD = {
+  BLOCK_MENU: 'block-menu',
+  PINNED_TOOLBAR: 'pinned-toolbar',
+  QUICK_INSERT: 'quick-insert'
+};
+var SYNCED_BLOCK_CREATE_BUTTON_IDS = ['create-synced-block-toolbar-btn', 'create-synced-block-block-menu-btn', 'create-synced-block-quick-insert-btn'];
+var syncedBlockCreateButtonIds = new Set(SYNCED_BLOCK_CREATE_BUTTON_IDS);
+
+/**
+ * This experience tracks when a source sync block is inserted.
+ *
+ * Start: When user inserts a sync block via block menu, quick insert or pinned toolbar
+ * Success: When the sync block is added to the DOM within 2000ms of start
+ * Failure: When 500ms passes without the source sync block being added to the DOM
+ */
+export var getCreateSourceExperiencePlugin = function getCreateSourceExperiencePlugin(_ref) {
+  var refs = _ref.refs,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+    syncBlockStore = _ref.syncBlockStore;
+  var popupsTargetEl;
+  var editorViewEl;
+  var getPopupsTarget = function getPopupsTarget() {
+    if (!popupsTargetEl) {
+      popupsTargetEl = refs.popupsMountPoint || refs.wrapperElement || getPopupContainerFromEditorView(editorViewEl);
+    }
+    return popupsTargetEl;
+  };
+  var experience = getCreateSourceExperience({
+    refs: refs,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    syncBlockStore: syncBlockStore
+  });
+  syncBlockStore.sourceManager.setCreateExperience(experience);
+  var unbindClickListener = 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 (!isSyncedBlockCreateButtonId(testId)) {
+        return;
+      }
+      handleButtonClick(testId, experience);
+    }
+  });
+  var unbindKeydownListener = bind(document, {
+    type: 'keydown',
+    listener: function listener(event) {
+      if (isEnterKey(event.key)) {
+        var typeaheadPopup = 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 === 'create-synced-block-quick-insert-btn') {
+          experience.start({
+            method: START_METHOD.QUICK_INSERT
+          });
+        }
+      }
+    },
+    options: {
+      capture: true
+    }
+  });
+  return new SafePlugin({
+    key: pluginKey,
+    view: function view(editorView) {
+      editorViewEl = editorView.dom;
+      return {
+        destroy: function destroy() {
+          experience.abort({
+            reason: ABORT_REASON.EDITOR_DESTROYED
+          });
+          unbindClickListener();
+          unbindKeydownListener();
+        }
+      };
+    }
+  });
+};
+var getCreateSourceExperience = function getCreateSourceExperience(_ref2) {
+  var refs = _ref2.refs,
+    dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: 2000
+    }), new ExperienceCheckDomMutation({
+      onDomMutation: function onDomMutation(_ref3) {
+        var mutations = _ref3.mutations;
+        if (mutations.some(isSourceSyncBlockAddedInMutation)) {
+          return {
+            status: 'success'
+          };
+        }
+        return undefined;
+      },
+      observeConfig: function observeConfig() {
+        var _refs$containerElemen;
+        var proseMirrorElement = (_refs$containerElemen = refs.containerElement) === null || _refs$containerElemen === void 0 ? void 0 : _refs$containerElemen.querySelector('.ProseMirror');
+        if (!proseMirrorElement || !(proseMirrorElement instanceof HTMLElement)) {
+          return null;
+        }
+        return {
+          target: proseMirrorElement,
+          options: {
+            childList: true
+          }
+        };
+      }
+    })]
+  });
+};
+var isSyncedBlockCreateButtonId = function isSyncedBlockCreateButtonId(value) {
+  return !!value && syncedBlockCreateButtonIds.has(value);
+};
+var handleButtonClick = function handleButtonClick(testId, experience) {
+  switch (testId) {
+    case 'create-synced-block-toolbar-btn':
+      experience.start({
+        method: START_METHOD.PINNED_TOOLBAR
+      });
+      break;
+    case 'create-synced-block-block-menu-btn':
+      experience.start({
+        method: START_METHOD.BLOCK_MENU
+      });
+      break;
+    case 'create-synced-block-quick-insert-btn':
+      experience.start({
+        method: START_METHOD.QUICK_INSERT
+      });
+      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 isSourceSyncBlockAddedInMutation = function isSourceSyncBlockAddedInMutation(_ref4) {
+  var type = _ref4.type,
+    addedNodes = _ref4.addedNodes;
+  return type === 'childList' && _toConsumableArray(addedNodes).some(isSourceSyncBlockNode);
+};
+var isSourceSyncBlockNode = function isSourceSyncBlockNode(node) {
+  if (!(node instanceof HTMLElement)) {
+    return false;
+  }
+  return !!node.querySelector('[data-prosemirror-node-name="bodiedSyncBlock"]');
+};

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

@@ -0,0 +1,25 @@
+import { getCreateReferenceExperiencePlugin } from "./create-reference-experience";
+import { getCreateSourceExperiencePlugin } from "./create-source-experience";
+export var getExperienceTrackingPlugins = function getExperienceTrackingPlugins(_ref) {
+  var refs = _ref.refs,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+    syncBlockStore = _ref.syncBlockStore;
+  return [{
+    name: 'createReferenceSyncedBlockExperiencePlugin',
+    plugin: function plugin() {
+      return getCreateReferenceExperiencePlugin({
+        refs: refs,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent
+      });
+    }
+  }, {
+    name: 'createSourceSyncedBlockExperiencePlugin',
+    plugin: function plugin() {
+      return getCreateSourceExperiencePlugin({
+        refs: refs,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+        syncBlockStore: syncBlockStore
+      });
+    }
+  }];
+};

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

@@ -12,8 +12,10 @@ 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';
 import { shouldIgnoreDomEvent } from './utils/ignore-dom-event';
@@ -77,7 +79,22 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
     },
     props: {
       nodeViews: {
-        syncBlock: lazySyncBlockView({
+        syncBlock: fg('platform_synced_block_dogfooding') ? function (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,
+          // because obtaining it is asynchronous (sharedPluginState.currentState() is delayed).
+          return new SyncBlockView({
+            api: api,
+            options: options,
+            node: node,
+            view: view,
+            getPos: getPos,
+            portalProviderAPI: pmPluginFactoryParams.portalProviderAPI,
+            eventDispatcher: pmPluginFactoryParams.eventDispatcher,
+            syncBlockStore: syncBlockStore
+          }).init();
+        } : lazySyncBlockView({
           options: options,
           pmPluginFactoryParams: pmPluginFactoryParams,
           api: api

package/dist/esm/syncedBlockPlugin.js

@@ -1,11 +1,14 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { bodiedSyncBlock, syncBlock } from '@atlaskit/adf-schema';
 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 as _flushBodiedSyncBlocks, flushSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
+import { getExperienceTrackingPlugins } from './pm-plugins/experience-tracking/get-experience-tracking-plugins';
 import { createPlugin, syncedBlockPluginKey } from './pm-plugins/main';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 import { DeleteConfirmationModal } from './ui/DeleteConfirmationModal';
@@ -17,6 +20,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
   var _api$analytics, _api$blockMenu, _config$enableSourceC, _api$toolbar, _config$enableSourceC2;
   var config = _ref.config,
     api = _ref.api;
+  var refs = {};
   var syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider);
   syncBlockStore.setFireAnalyticsEvent(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
   api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api, (_config$enableSourceC = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC !== void 0 ? _config$enableSourceC : false));
@@ -38,7 +42,14 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
         plugin: function plugin(params) {
           return createPlugin(config, params, syncBlockStore, api);
         }
-      }];
+      }].concat(_toConsumableArray(fg('platform_synced_block_dogfooding') ? 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
+      }) : []));
     },
     commands: {
       copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard() {
@@ -93,14 +104,21 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
               syncBlockStore: syncBlockStore,
               typeAheadInsert: insert
             });
-          }
+          },
+          testId: fg('platform_synced_block_dogfooding') ? 'create-synced-block-quick-insert-btn' : undefined
         }];
       },
       floatingToolbar: function floatingToolbar(state, intl) {
         return getToolbarConfig(state, intl, api, syncBlockStore);
       }
     },
-    contentComponent: function contentComponent() {
+    contentComponent: function contentComponent(_ref4) {
+      var containerElement = _ref4.containerElement,
+        wrapperElement = _ref4.wrapperElement,
+        popupsMountPoint = _ref4.popupsMountPoint;
+      refs.containerElement = containerElement || undefined;
+      refs.popupsMountPoint = popupsMountPoint || undefined;
+      refs.wrapperElement = wrapperElement || undefined;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SyncBlockRefresher, {
         syncBlockStoreManager: syncBlockStore,
         api: api

package/dist/esm/ui/CreateSyncedBlockButton.js

@@ -44,6 +44,7 @@ export var CreateSyncedBlockButton = function CreateSyncedBlockButton(_ref) {
       label: ""
     }),
     isDisabled: isDisabled,
+    testId: "create-synced-block-toolbar-btn",
     onClick: onClick
   }));
 };

package/dist/esm/ui/CreateSyncedBlockDropdownItem.js

@@ -42,6 +42,7 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref)
     }),
     onClick: onClick,
     isDisabled: isOffline,
+    testId: "create-synced-block-block-menu-btn",
     elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
       appearance: "new"
     }, formatMessage(blockMenuMessages.newLozenge))

package/dist/types/nodeviews/syncedBlock.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
@@ -5,6 +6,7 @@ import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-vie
 import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export interface SyncBlockNodeViewProps extends ReactComponentProps {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
@@ -14,8 +16,19 @@ export interface SyncBlockNodeViewProps extends ReactComponentProps {
     node: PMNode;
     options: SyncedBlockPluginOptions | undefined;
     portalProviderAPI: PortalProviderAPI;
+    syncBlockStore?: SyncBlockStoreManager;
     view: EditorView;
 }
+export declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
+    private options;
+    private api?;
+    private syncBlockStore?;
+    constructor(props: SyncBlockNodeViewProps);
+    unsubscribe: (() => void) | undefined;
+    createDomRef(): HTMLElement;
+    render(): React.JSX.Element | null;
+    destroy(): void;
+}
 export interface SyncBlockNodeViewProperties {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
     options: SyncedBlockPluginOptions | undefined;

package/dist/types/pm-plugins/experience-tracking/create-reference-experience.d.ts

@@ -0,0 +1,17 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+type CreateReferenceExperienceOptions = {
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    refs: {
+        containerElement?: HTMLElement;
+    };
+};
+/**
+ * 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 declare const getCreateReferenceExperiencePlugin: ({ refs, dispatchAnalyticsEvent, }: CreateReferenceExperienceOptions) => SafePlugin<any>;
+export {};

package/dist/types/pm-plugins/experience-tracking/create-source-experience.d.ts

@@ -0,0 +1,21 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+type CreateSourceExperienceOptions = {
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    refs: {
+        containerElement?: HTMLElement;
+        popupsMountPoint?: HTMLElement;
+        wrapperElement?: HTMLElement;
+    };
+    syncBlockStore: SyncBlockStoreManager;
+};
+/**
+ * This experience tracks when a source sync block is inserted.
+ *
+ * Start: When user inserts a sync block via block menu, quick insert or pinned toolbar
+ * Success: When the sync block is added to the DOM within 2000ms of start
+ * Failure: When 500ms passes without the source sync block being added to the DOM
+ */
+export declare const getCreateSourceExperiencePlugin: ({ refs, dispatchAnalyticsEvent, syncBlockStore, }: CreateSourceExperienceOptions) => SafePlugin<any>;
+export {};

package/dist/types/pm-plugins/experience-tracking/get-experience-tracking-plugins.d.ts

@@ -0,0 +1,16 @@
+import type { DispatchAnalyticsEvent } from "@atlaskit/editor-common/analytics";
+import type { SyncBlockStoreManager } from "@atlaskit/editor-synced-block-provider";
+type ExperienceTrackingPluginsProps = {
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    refs: {
+        containerElement?: HTMLElement;
+        popupsMountPoint?: HTMLElement;
+        wrapperElement?: HTMLElement;
+    };
+    syncBlockStore: SyncBlockStoreManager;
+};
+export declare const getExperienceTrackingPlugins: ({ refs, dispatchAnalyticsEvent, syncBlockStore }: ExperienceTrackingPluginsProps) => {
+    name: string;
+    plugin: () => import("@atlaskit/editor-common/safe-plugin").SafePlugin<any>;
+}[];
+export {};

package/dist/types-ts4.5/nodeviews/syncedBlock.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
@@ -5,6 +6,7 @@ import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-vie
 import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export interface SyncBlockNodeViewProps extends ReactComponentProps {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
@@ -14,8 +16,19 @@ export interface SyncBlockNodeViewProps extends ReactComponentProps {
     node: PMNode;
     options: SyncedBlockPluginOptions | undefined;
     portalProviderAPI: PortalProviderAPI;
+    syncBlockStore?: SyncBlockStoreManager;
     view: EditorView;
 }
+export declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
+    private options;
+    private api?;
+    private syncBlockStore?;
+    constructor(props: SyncBlockNodeViewProps);
+    unsubscribe: (() => void) | undefined;
+    createDomRef(): HTMLElement;
+    render(): React.JSX.Element | null;
+    destroy(): void;
+}
 export interface SyncBlockNodeViewProperties {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;
     options: SyncedBlockPluginOptions | undefined;

package/dist/types-ts4.5/pm-plugins/experience-tracking/create-reference-experience.d.ts

@@ -0,0 +1,17 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+type CreateReferenceExperienceOptions = {
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    refs: {
+        containerElement?: HTMLElement;
+    };
+};
+/**
+ * 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 declare const getCreateReferenceExperiencePlugin: ({ refs, dispatchAnalyticsEvent, }: CreateReferenceExperienceOptions) => SafePlugin<any>;
+export {};

package/dist/types-ts4.5/pm-plugins/experience-tracking/create-source-experience.d.ts

@@ -0,0 +1,21 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+type CreateSourceExperienceOptions = {
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    refs: {
+        containerElement?: HTMLElement;
+        popupsMountPoint?: HTMLElement;
+        wrapperElement?: HTMLElement;
+    };
+    syncBlockStore: SyncBlockStoreManager;
+};
+/**
+ * This experience tracks when a source sync block is inserted.
+ *
+ * Start: When user inserts a sync block via block menu, quick insert or pinned toolbar
+ * Success: When the sync block is added to the DOM within 2000ms of start
+ * Failure: When 500ms passes without the source sync block being added to the DOM
+ */
+export declare const getCreateSourceExperiencePlugin: ({ refs, dispatchAnalyticsEvent, syncBlockStore, }: CreateSourceExperienceOptions) => SafePlugin<any>;
+export {};

package/dist/types-ts4.5/pm-plugins/experience-tracking/get-experience-tracking-plugins.d.ts

@@ -0,0 +1,16 @@
+import type { DispatchAnalyticsEvent } from "@atlaskit/editor-common/analytics";
+import type { SyncBlockStoreManager } from "@atlaskit/editor-synced-block-provider";
+type ExperienceTrackingPluginsProps = {
+    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    refs: {
+        containerElement?: HTMLElement;
+        popupsMountPoint?: HTMLElement;
+        wrapperElement?: HTMLElement;
+    };
+    syncBlockStore: SyncBlockStoreManager;
+};
+export declare const getExperienceTrackingPlugins: ({ refs, dispatchAnalyticsEvent, syncBlockStore }: ExperienceTrackingPluginsProps) => {
+    name: string;
+    plugin: () => import("@atlaskit/editor-common/safe-plugin").SafePlugin<any>;
+}[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "5.0.0",
+	"version": "5.1.1",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,11 +35,11 @@
 		"@atlaskit/editor-plugin-block-menu": "^6.0.0",
 		"@atlaskit/editor-plugin-connectivity": "7.0.0",
 		"@atlaskit/editor-plugin-decorations": "^7.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^9.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^9.1.0",
 		"@atlaskit/editor-plugin-selection": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-synced-block-provider": "^3.0.0",
+		"@atlaskit/editor-synced-block-provider": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.18.0",
 		"@atlaskit/flag": "^17.7.0",
@@ -47,16 +47,18 @@
 		"@atlaskit/icon-lab": "^5.13.0",
 		"@atlaskit/lozenge": "^13.3.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.3.0",
+		"@atlaskit/tmp-editor-statsig": "^16.4.0",
 		"@atlaskit/tokens": "9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
+		"bind-event-listener": "^3.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.0.0",
+		"@atlaskit/editor-common": "^111.2.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
@@ -97,5 +99,10 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_synced_block_dogfooding": {
+			"type": "boolean"
+		}
 	}
 }