@atlaskit/editor-plugin-analytics 0.0.5 → 0.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-analytics
 
+## 0.1.1
+
+### Patch Changes
+
+- [`4e6f1bf8511`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e6f1bf8511) - [ED-19233] Import prosemirror libraries from internal facade package
+
+## 0.1.0
+
+### Minor Changes
+
+- [`91c4edcea5a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/91c4edcea5a) - The analytics plugin (`editor-plugin-analytics`) now creates the `createAnalyticsEvent` if none is supplied and shares it with other plugins internally.
+
 ## 0.0.5
 
 ### Patch Changes

package/dist/cjs/analytics-api/editor-state-context.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.findInsertLocation = findInsertLocation;
 exports.getSelectionType = getSelectionType;
 exports.getStateContext = getStateContext;
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorUtils = require("prosemirror-utils");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 function getSelectionType(selection) {
   var _selection$constructo;
@@ -19,7 +19,7 @@ function getSelectionType(selection) {
     position = selection.side;
   } else if (selection instanceof _cellSelection.CellSelection) {
     type = _analytics.SELECTION_TYPE.CELL;
-  } else if (selection instanceof _prosemirrorState.NodeSelection) {
+  } else if (selection instanceof _state.NodeSelection) {
     type = _analytics.SELECTION_TYPE.NODE;
   } else if (selection.from !== selection.to) {
     type = _analytics.SELECTION_TYPE.RANGED;
@@ -44,7 +44,7 @@ function findInsertLocation(selection) {
   var _selection$$from$doc$ = selection.$from.doc.type,
     schema = _selection$$from$doc$.schema,
     name = _selection$$from$doc$.name;
-  if (selection instanceof _prosemirrorState.NodeSelection) {
+  if (selection instanceof _state.NodeSelection) {
     return selection.node.type.name;
   }
   if (selection instanceof _cellSelection.CellSelection) {
@@ -52,7 +52,7 @@ function findInsertLocation(selection) {
   }
 
   // Text selection
-  var parentNodeInfo = (0, _prosemirrorUtils.findParentNode)(function (node) {
+  var parentNodeInfo = (0, _utils.findParentNode)(function (node) {
     return node.type !== schema.nodes.paragraph;
   })(selection);
   return parentNodeInfo ? parentNodeInfo.node.type.name : name;

package/dist/cjs/plugin-key.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.analyticsPluginKey = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var analyticsPluginKey = new _prosemirrorState.PluginKey('analyticsPlugin');
+var _state = require("@atlaskit/editor-prosemirror/state");
+var analyticsPluginKey = new _state.PluginKey('analyticsPlugin');
 exports.analyticsPluginKey = analyticsPluginKey;

package/dist/cjs/plugin.js

@@ -8,8 +8,10 @@ exports.analyticsPlugin = void 0;
 exports.extendPayload = extendPayload;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
 var _steps = require("@atlaskit/adf-schema/steps");
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -22,7 +24,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function createPlugin(options, featureFlags) {
-  if (!options || !options.createAnalyticsEvent) {
+  if (!options) {
     return;
   }
   var hasRequiredPerformanceAPIs = (0, _utils.isPerformanceAPIAvailable)();
@@ -35,10 +37,15 @@ function createPlugin(options, featureFlags) {
         });
       },
       apply: function apply(tr, pluginState, _, state) {
-        if (pluginState.createAnalyticsEvent !== options.createAnalyticsEvent) {
-          // When the plugin state is reconfigured, the init function isn't called again
+        var _tr$getMeta;
+        var _ref = (_tr$getMeta = tr.getMeta(_pluginKey.analyticsPluginKey)) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : {},
+          createAnalyticsEvent = _ref.createAnalyticsEvent;
+
+        // When the createAnalyticsEvent is reconfigured
+        if (options.createAnalyticsEvent && options.createAnalyticsEvent !== pluginState.createAnalyticsEvent || pluginState.createAnalyticsEvent !== createAnalyticsEvent && createAnalyticsEvent) {
+          var _options$createAnalyt;
           return _objectSpread(_objectSpread({}, pluginState), {}, {
-            createAnalyticsEvent: options.createAnalyticsEvent
+            createAnalyticsEvent: (_options$createAnalyt = options.createAnalyticsEvent) !== null && _options$createAnalyt !== void 0 ? _options$createAnalyt : createAnalyticsEvent
           });
         }
         if (featureFlags.catchAllTracking) {
@@ -59,9 +66,9 @@ function createPlugin(options, featureFlags) {
                   // NOTE this name could be resulting in misleading data -- where if multiple payloads are
                   // received before a render completes -- the measurement value will be inaccurate (this is
                   // due to measureRender requiring unique measureNames)
-                  measureName, function (_ref) {
-                    var duration = _ref.duration,
-                      distortedDuration = _ref.distortedDuration;
+                  measureName, function (_ref2) {
+                    var duration = _ref2.duration,
+                      distortedDuration = _ref2.distortedDuration;
                     (0, _analytics.fireAnalyticsEvent)(pluginState.createAnalyticsEvent)({
                       payload: extendPayload({
                         payload: payload,
@@ -101,8 +108,8 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
           attachAnalyticsEvent: null
         };
       }
-      var _ref2 = (_analyticsPluginKey$g = _pluginKey.analyticsPluginKey.getState(editorState)) !== null && _analyticsPluginKey$g !== void 0 ? _analyticsPluginKey$g : {},
-        createAnalyticsEvent = _ref2.createAnalyticsEvent;
+      var _ref3 = (_analyticsPluginKey$g = _pluginKey.analyticsPluginKey.getState(editorState)) !== null && _analyticsPluginKey$g !== void 0 ? _analyticsPluginKey$g : {},
+        createAnalyticsEvent = _ref3.createAnalyticsEvent;
       return {
         createAnalyticsEvent: createAnalyticsEvent,
         attachAnalyticsEvent: (0, _attachPayloadIntoTransaction.createAttachPayloadIntoTransaction)(editorState.selection)
@@ -113,9 +120,9 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
         var channel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _analyticsListeners.FabricChannel.editor;
         return function (tr) {
           var _api$dependencies$ana, _api$dependencies$ana2;
-          var _ref3 = (_api$dependencies$ana = api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.sharedState.currentState()) !== null && _api$dependencies$ana !== void 0 ? _api$dependencies$ana : {},
-            createAnalyticsEvent = _ref3.createAnalyticsEvent,
-            attachAnalyticsEvent = _ref3.attachAnalyticsEvent;
+          var _ref4 = (_api$dependencies$ana = api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.sharedState.currentState()) !== null && _api$dependencies$ana !== void 0 ? _api$dependencies$ana : {},
+            createAnalyticsEvent = _ref4.createAnalyticsEvent,
+            attachAnalyticsEvent = _ref4.attachAnalyticsEvent;
           if (!tr || !createAnalyticsEvent || !attachAnalyticsEvent) {
             return false;
           }
@@ -128,6 +135,19 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
         };
       }
     },
+    usePluginHook: function usePluginHook(_ref5) {
+      var editorView = _ref5.editorView;
+      var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+        createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+      (0, _react.useLayoutEffect)(function () {
+        var dispatch = editorView.dispatch,
+          tr = editorView.state.tr;
+        tr.setMeta(_pluginKey.analyticsPluginKey, {
+          createAnalyticsEvent: createAnalyticsEvent
+        });
+        dispatch(tr);
+      }, [createAnalyticsEvent, editorView]);
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'analyticsPlugin',
@@ -136,10 +156,10 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
         }
       }];
     },
-    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref4) {
-      var originalTransaction = _ref4.originalTransaction,
-        transactions = _ref4.transactions,
-        newEditorState = _ref4.newEditorState;
+    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref6) {
+      var originalTransaction = _ref6.originalTransaction,
+        transactions = _ref6.transactions,
+        newEditorState = _ref6.newEditorState;
       var pluginState = _pluginKey.analyticsPluginKey.getState(newEditorState);
       if (!pluginState || !pluginState.createAnalyticsEvent) {
         return;
@@ -160,9 +180,9 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
       }
       var createAnalyticsEvent = pluginState.createAnalyticsEvent;
       var undoAnaltyicsEventTransformer = (0, _undoRedoInputSource.generateUndoRedoInputSoucePayload)(originalTransaction);
-      steps.forEach(function (_ref5) {
-        var payload = _ref5.payload,
-          channel = _ref5.channel;
+      steps.forEach(function (_ref7) {
+        var payload = _ref7.payload,
+          channel = _ref7.channel;
         var nextPayload = undoAnaltyicsEventTransformer(payload);
         (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
           payload: nextPayload,
@@ -173,10 +193,10 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
   };
 };
 exports.analyticsPlugin = analyticsPlugin;
-function extendPayload(_ref6) {
-  var payload = _ref6.payload,
-    duration = _ref6.duration,
-    distortedDuration = _ref6.distortedDuration;
+function extendPayload(_ref8) {
+  var payload = _ref8.payload,
+    duration = _ref8.duration,
+    distortedDuration = _ref8.distortedDuration;
   return _objectSpread(_objectSpread({}, payload), {}, {
     attributes: _objectSpread(_objectSpread({}, payload.attributes), {}, {
       duration: duration,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-analytics",
-	"version": "0.0.5",
+	"version": "0.1.1",
 	"sideEffects": false
 }

package/dist/es2019/analytics-api/editor-state-context.js

@@ -1,6 +1,6 @@
-import { NodeSelection } from 'prosemirror-state';
-import { findParentNode } from 'prosemirror-utils';
 import { ACTION, ACTION_SUBJECT, SELECTION_POSITION, SELECTION_TYPE } from '@atlaskit/editor-common/analytics';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNode } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 export function getSelectionType(selection) {
   var _selection$constructo;

package/dist/es2019/plugin-key.js

@@ -1,2 +1,2 @@
-import { PluginKey } from 'prosemirror-state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export const analyticsPluginKey = new PluginKey('analyticsPlugin');

package/dist/es2019/plugin.js

@@ -1,5 +1,7 @@
+import { useLayoutEffect } from 'react';
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, EVENT_TYPE, fireAnalyticsEvent, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-common/utils';
@@ -7,7 +9,7 @@ import { createAttachPayloadIntoTransaction } from './analytics-api/attach-paylo
 import { analyticsPluginKey } from './plugin-key';
 import { generateUndoRedoInputSoucePayload } from './undo-redo-input-source';
 function createPlugin(options, featureFlags) {
-  if (!options || !options.createAnalyticsEvent) {
+  if (!options) {
     return;
   }
   const hasRequiredPerformanceAPIs = isPerformanceAPIAvailable();
@@ -21,11 +23,17 @@ function createPlugin(options, featureFlags) {
         };
       },
       apply: (tr, pluginState, _, state) => {
-        if (pluginState.createAnalyticsEvent !== options.createAnalyticsEvent) {
-          // When the plugin state is reconfigured, the init function isn't called again
+        var _tr$getMeta;
+        const {
+          createAnalyticsEvent
+        } = (_tr$getMeta = tr.getMeta(analyticsPluginKey)) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : {};
+
+        // When the createAnalyticsEvent is reconfigured
+        if (options.createAnalyticsEvent && options.createAnalyticsEvent !== pluginState.createAnalyticsEvent || pluginState.createAnalyticsEvent !== createAnalyticsEvent && createAnalyticsEvent) {
+          var _options$createAnalyt;
           return {
             ...pluginState,
-            createAnalyticsEvent: options.createAnalyticsEvent
+            createAnalyticsEvent: (_options$createAnalyt = options.createAnalyticsEvent) !== null && _options$createAnalyt !== void 0 ? _options$createAnalyt : createAnalyticsEvent
           };
         }
         if (featureFlags.catchAllTracking) {
@@ -104,6 +112,25 @@ const analyticsPlugin = (options, api) => {
         return true;
       }
     },
+    usePluginHook({
+      editorView
+    }) {
+      const {
+        createAnalyticsEvent
+      } = useAnalyticsEvents();
+      useLayoutEffect(() => {
+        const {
+          dispatch,
+          state: {
+            tr
+          }
+        } = editorView;
+        tr.setMeta(analyticsPluginKey, {
+          createAnalyticsEvent
+        });
+        dispatch(tr);
+      }, [createAnalyticsEvent, editorView]);
+    },
     pmPlugins() {
       return [{
         name: 'analyticsPlugin',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-analytics",
-	"version": "0.0.5",
+	"version": "0.1.1",
 	"sideEffects": false
 }

package/dist/esm/analytics-api/editor-state-context.js

@@ -1,6 +1,6 @@
-import { NodeSelection } from 'prosemirror-state';
-import { findParentNode } from 'prosemirror-utils';
 import { ACTION, ACTION_SUBJECT, SELECTION_POSITION, SELECTION_TYPE } from '@atlaskit/editor-common/analytics';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNode } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 export function getSelectionType(selection) {
   var _selection$constructo;

package/dist/esm/plugin-key.js

@@ -1,2 +1,2 @@
-import { PluginKey } from 'prosemirror-state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export var analyticsPluginKey = new PluginKey('analyticsPlugin');

package/dist/esm/plugin.js

@@ -5,8 +5,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { useLayoutEffect } from 'react';
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, EVENT_TYPE, fireAnalyticsEvent, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-common/utils';
@@ -14,7 +16,7 @@ import { createAttachPayloadIntoTransaction } from './analytics-api/attach-paylo
 import { analyticsPluginKey } from './plugin-key';
 import { generateUndoRedoInputSoucePayload } from './undo-redo-input-source';
 function createPlugin(options, featureFlags) {
-  if (!options || !options.createAnalyticsEvent) {
+  if (!options) {
     return;
   }
   var hasRequiredPerformanceAPIs = isPerformanceAPIAvailable();
@@ -27,10 +29,15 @@ function createPlugin(options, featureFlags) {
         });
       },
       apply: function apply(tr, pluginState, _, state) {
-        if (pluginState.createAnalyticsEvent !== options.createAnalyticsEvent) {
-          // When the plugin state is reconfigured, the init function isn't called again
+        var _tr$getMeta;
+        var _ref = (_tr$getMeta = tr.getMeta(analyticsPluginKey)) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : {},
+          createAnalyticsEvent = _ref.createAnalyticsEvent;
+
+        // When the createAnalyticsEvent is reconfigured
+        if (options.createAnalyticsEvent && options.createAnalyticsEvent !== pluginState.createAnalyticsEvent || pluginState.createAnalyticsEvent !== createAnalyticsEvent && createAnalyticsEvent) {
+          var _options$createAnalyt;
           return _objectSpread(_objectSpread({}, pluginState), {}, {
-            createAnalyticsEvent: options.createAnalyticsEvent
+            createAnalyticsEvent: (_options$createAnalyt = options.createAnalyticsEvent) !== null && _options$createAnalyt !== void 0 ? _options$createAnalyt : createAnalyticsEvent
           });
         }
         if (featureFlags.catchAllTracking) {
@@ -51,9 +58,9 @@ function createPlugin(options, featureFlags) {
                   // NOTE this name could be resulting in misleading data -- where if multiple payloads are
                   // received before a render completes -- the measurement value will be inaccurate (this is
                   // due to measureRender requiring unique measureNames)
-                  measureName, function (_ref) {
-                    var duration = _ref.duration,
-                      distortedDuration = _ref.distortedDuration;
+                  measureName, function (_ref2) {
+                    var duration = _ref2.duration,
+                      distortedDuration = _ref2.distortedDuration;
                     fireAnalyticsEvent(pluginState.createAnalyticsEvent)({
                       payload: extendPayload({
                         payload: payload,
@@ -93,8 +100,8 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
           attachAnalyticsEvent: null
         };
       }
-      var _ref2 = (_analyticsPluginKey$g = analyticsPluginKey.getState(editorState)) !== null && _analyticsPluginKey$g !== void 0 ? _analyticsPluginKey$g : {},
-        createAnalyticsEvent = _ref2.createAnalyticsEvent;
+      var _ref3 = (_analyticsPluginKey$g = analyticsPluginKey.getState(editorState)) !== null && _analyticsPluginKey$g !== void 0 ? _analyticsPluginKey$g : {},
+        createAnalyticsEvent = _ref3.createAnalyticsEvent;
       return {
         createAnalyticsEvent: createAnalyticsEvent,
         attachAnalyticsEvent: createAttachPayloadIntoTransaction(editorState.selection)
@@ -105,9 +112,9 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
         var channel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : FabricChannel.editor;
         return function (tr) {
           var _api$dependencies$ana, _api$dependencies$ana2;
-          var _ref3 = (_api$dependencies$ana = api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.sharedState.currentState()) !== null && _api$dependencies$ana !== void 0 ? _api$dependencies$ana : {},
-            createAnalyticsEvent = _ref3.createAnalyticsEvent,
-            attachAnalyticsEvent = _ref3.attachAnalyticsEvent;
+          var _ref4 = (_api$dependencies$ana = api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.sharedState.currentState()) !== null && _api$dependencies$ana !== void 0 ? _api$dependencies$ana : {},
+            createAnalyticsEvent = _ref4.createAnalyticsEvent,
+            attachAnalyticsEvent = _ref4.attachAnalyticsEvent;
           if (!tr || !createAnalyticsEvent || !attachAnalyticsEvent) {
             return false;
           }
@@ -120,6 +127,19 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
         };
       }
     },
+    usePluginHook: function usePluginHook(_ref5) {
+      var editorView = _ref5.editorView;
+      var _useAnalyticsEvents = useAnalyticsEvents(),
+        createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+      useLayoutEffect(function () {
+        var dispatch = editorView.dispatch,
+          tr = editorView.state.tr;
+        tr.setMeta(analyticsPluginKey, {
+          createAnalyticsEvent: createAnalyticsEvent
+        });
+        dispatch(tr);
+      }, [createAnalyticsEvent, editorView]);
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'analyticsPlugin',
@@ -128,10 +148,10 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
         }
       }];
     },
-    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref4) {
-      var originalTransaction = _ref4.originalTransaction,
-        transactions = _ref4.transactions,
-        newEditorState = _ref4.newEditorState;
+    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref6) {
+      var originalTransaction = _ref6.originalTransaction,
+        transactions = _ref6.transactions,
+        newEditorState = _ref6.newEditorState;
       var pluginState = analyticsPluginKey.getState(newEditorState);
       if (!pluginState || !pluginState.createAnalyticsEvent) {
         return;
@@ -152,9 +172,9 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
       }
       var createAnalyticsEvent = pluginState.createAnalyticsEvent;
       var undoAnaltyicsEventTransformer = generateUndoRedoInputSoucePayload(originalTransaction);
-      steps.forEach(function (_ref5) {
-        var payload = _ref5.payload,
-          channel = _ref5.channel;
+      steps.forEach(function (_ref7) {
+        var payload = _ref7.payload,
+          channel = _ref7.channel;
         var nextPayload = undoAnaltyicsEventTransformer(payload);
         fireAnalyticsEvent(createAnalyticsEvent)({
           payload: nextPayload,
@@ -164,10 +184,10 @@ var analyticsPlugin = function analyticsPlugin(options, api) {
     }
   };
 };
-export function extendPayload(_ref6) {
-  var payload = _ref6.payload,
-    duration = _ref6.duration,
-    distortedDuration = _ref6.distortedDuration;
+export function extendPayload(_ref8) {
+  var payload = _ref8.payload,
+    duration = _ref8.duration,
+    distortedDuration = _ref8.distortedDuration;
   return _objectSpread(_objectSpread({}, payload), {}, {
     attributes: _objectSpread(_objectSpread({}, payload.attributes), {}, {
       duration: duration,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-analytics",
-	"version": "0.0.5",
+	"version": "0.1.1",
 	"sideEffects": false
 }

package/dist/types/analytics-api/attach-payload-into-transaction.d.ts

@@ -1,5 +1,5 @@
-import type { Selection, Transaction } from 'prosemirror-state';
 import { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
+import type { Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 type AttachPayloadIntoTransaction = (props: {
     payload: AnalyticsEventPayload;
     selection: Selection;

package/dist/types/analytics-api/editor-state-context.d.ts

@@ -1,5 +1,5 @@
-import { Selection } from 'prosemirror-state';
 import { AnalyticsEventPayload, SELECTION_POSITION, SELECTION_TYPE } from '@atlaskit/editor-common/analytics';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
 export declare function getSelectionType(selection: Selection): {
     type: SELECTION_TYPE;
     position?: SELECTION_POSITION;

package/dist/types/plugin-key.d.ts

@@ -1,2 +1,2 @@
-import { PluginKey } from 'prosemirror-state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const analyticsPluginKey: PluginKey<any>;

package/dist/types/undo-redo-input-source.d.ts

@@ -1,3 +1,3 @@
-import { Transaction } from 'prosemirror-state';
 import { AnalyticsPayload } from '@atlaskit/adf-schema/steps';
+import { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const generateUndoRedoInputSoucePayload: (tr: Readonly<Transaction>) => <T extends AnalyticsPayload>(payload: T) => T;

package/dist/types-ts4.5/analytics-api/attach-payload-into-transaction.d.ts

@@ -1,5 +1,5 @@
-import type { Selection, Transaction } from 'prosemirror-state';
 import { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
+import type { Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 type AttachPayloadIntoTransaction = (props: {
     payload: AnalyticsEventPayload;
     selection: Selection;

package/dist/types-ts4.5/analytics-api/editor-state-context.d.ts

@@ -1,5 +1,5 @@
-import { Selection } from 'prosemirror-state';
 import { AnalyticsEventPayload, SELECTION_POSITION, SELECTION_TYPE } from '@atlaskit/editor-common/analytics';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
 export declare function getSelectionType(selection: Selection): {
     type: SELECTION_TYPE;
     position?: SELECTION_POSITION;

package/dist/types-ts4.5/plugin-key.d.ts

@@ -1,2 +1,2 @@
-import { PluginKey } from 'prosemirror-state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const analyticsPluginKey: PluginKey<any>;

package/dist/types-ts4.5/undo-redo-input-source.d.ts

@@ -1,3 +1,3 @@
-import { Transaction } from 'prosemirror-state';
 import { AnalyticsPayload } from '@atlaskit/adf-schema/steps';
+import { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const generateUndoRedoInputSoucePayload: (tr: Readonly<Transaction>) => <T extends AnalyticsPayload>(payload: T) => T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-analytics",
-  "version": "0.0.5",
+  "version": "0.1.1",
   "description": "Analytics plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -31,21 +31,20 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^26.0.0",
+    "@atlaskit/adf-schema": "^26.4.0",
     "@atlaskit/analytics-listeners": "^8.6.0",
     "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/editor-common": "^74.15.0",
+    "@atlaskit/editor-common": "^74.29.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
+    "@atlaskit/editor-prosemirror": "1.0.2",
     "@atlaskit/editor-tables": "^2.2.0",
-    "@babel/runtime": "^7.0.0",
-    "prosemirror-state": "1.3.4",
-    "prosemirror-utils": "^1.0.0-0"
+    "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.8.0",
+    "@atlaskit/editor-test-helpers": "^18.10.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",
     "react-dom": "^16.8.0",

package/report.api.md

@@ -21,7 +21,7 @@ import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { PerformanceTracking } from '@atlaskit/editor-common/types';
-import type { Transaction } from 'prosemirror-state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 
 // @public (undocumented)
 export const analyticsPlugin: NextEditorPlugin<

package/tmp/api-report-tmp.d.ts

@@ -10,7 +10,7 @@ import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { PerformanceTracking } from '@atlaskit/editor-common/types';
-import type { Transaction } from 'prosemirror-state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 
 // @public (undocumented)
 export const analyticsPlugin: NextEditorPlugin<'analytics', {