@atlaskit/editor-core 164.0.3 → 166.0.0

package/dist/es2019/ui/PortalProvider/index.js

@@ -8,9 +8,11 @@ import PropTypes from 'prop-types';
 import { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
 import { EventDispatcher } from '../../event-dispatcher';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics/types/enums';
-import { injectIntl, RawIntlProvider } from 'react-intl-next';
+import { useIntl, RawIntlProvider, injectIntl } from 'react-intl-next';
+import { useGlobalTheme } from '@atlaskit/theme/components';
+import { PortalProviderThemeProviders } from './PortalProviderThemesProvider';
 export class PortalProviderAPI extends EventDispatcher {
-  constructor(intl, onAnalyticsEvent, analyticsContext) {
+  constructor(intl, onAnalyticsEvent, analyticsContext, themeMode) {
     super();
 
     _defineProperty(this, "portals", new Map());
@@ -22,9 +24,32 @@ export class PortalProviderAPI extends EventDispatcher {
     this.intl = intl;
     this.onAnalyticsEvent = onAnalyticsEvent;
     this.useAnalyticsContext = analyticsContext;
+    this.themeMode = themeMode;
   }
 
   render(children, container, hasAnalyticsContext = false, hasIntlContext = false) {
+    if (this.themeMode) {
+      const childrenWithThemeProviders = () => /*#__PURE__*/React.createElement(PortalProviderThemeProviders, {
+        mode: this.themeMode
+      }, children());
+
+      this.portals.set(container, {
+        children: childrenWithThemeProviders,
+        hasAnalyticsContext,
+        hasIntlContext
+      });
+      let wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders()) : childrenWithThemeProviders();
+
+      if (hasIntlContext) {
+        wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
+          value: this.intl
+        }, wrappedChildren);
+      }
+
+      unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
+      return;
+    }
+
     this.portals.set(container, {
       children,
       hasAnalyticsContext,
@@ -105,7 +130,7 @@ export class PortalProviderAPI extends EventDispatcher {
 class BasePortalProvider extends React.Component {
   constructor(props) {
     super(props);
-    this.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext);
+    this.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext, props.themeMode);
   }
 
   render() {
@@ -123,6 +148,17 @@ class BasePortalProvider extends React.Component {
 _defineProperty(BasePortalProvider, "displayName", 'PortalProvider');
 
 export const PortalProvider = injectIntl(BasePortalProvider);
+export const PortalProviderWithThemeProviders = props => {
+  const intl = useIntl();
+  const globalTheme = useGlobalTheme();
+  return /*#__PURE__*/React.createElement(BasePortalProvider, {
+    intl: intl,
+    themeMode: globalTheme.mode,
+    onAnalyticsEvent: props.onAnalyticsEvent,
+    useAnalyticsContext: props.useAnalyticsContext,
+    render: props.render
+  });
+};
 export class PortalRenderer extends React.Component {
   constructor(props) {
     super(props);

package/dist/es2019/utils/check-if-mobile-bridge.js

@@ -0,0 +1,12 @@
+export function checkIfMobileBridge() {
+  /**
+   * This variable is setup on mobile prior to the editor being
+   * rendered.
+   *
+   * -- packages/editor/editor-mobile-bridge/src/editor/native-to-web/bridge-initialiser.ts
+   * - packages/editor/editor-mobile-bridge/src/__tests__/integration-webview/_mocks/editor-component.tsx
+   */
+  const isMobileBridge = typeof window !== 'undefined' && 'bridge' in window && // @ts-ignore
+  'mediaMap' in window.bridge;
+  return isMobileBridge;
+}

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "164.0.3";
+export const version = "166.0.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "164.0.3",
+	"version": "166.0.0",
 	"sideEffects": false
 }

package/dist/esm/actions/index.js

@@ -14,6 +14,7 @@ import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 import { findNodePosWithLocalId } from '../plugins/extension/utils';
 import { getFeatureFlags } from '../plugins/feature-flags-context/get-feature-flags';
 import { getCollabProvider } from '../plugins/collab-edit/native-collab-provider-plugin';
+import deprecationWarnings from '../utils/deprecation-warnings';
 
 var EditorActions = /*#__PURE__*/function () {
   function EditorActions() {
@@ -300,6 +301,13 @@ var EditorActions = /*#__PURE__*/function () {
     value: function replaceDocument(rawValue) {
       var shouldScrollToBottom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var shouldAddToHistory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      deprecationWarnings('EditorActions.replaceDocument', {
+        shouldAddToHistory: shouldAddToHistory
+      }, [{
+        property: 'shouldAddToHistory',
+        description: '[ED-14158] EditorActions.replaceDocument does not use the shouldAddToHistory arg',
+        type: 'removed'
+      }]);
 
       if (!this.editorView || rawValue === undefined || rawValue === null) {
         return false;

package/dist/esm/create-editor/ReactEditorView.js

@@ -580,11 +580,22 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           config: _this.config,
           eventDispatcher: _this.eventDispatcher,
           transformer: _this.contentTransformer
-        });
+        }); // Allows us to dispatch analytics within the plugin view.destory methods
+
+
+        var analyticsConnected = _this.eventDispatcher.has(analyticsEventKey, _this.handleAnalyticsEvent);
+
+        if (!analyticsConnected) {
+          _this.eventDispatcher.on(analyticsEventKey, _this.handleAnalyticsEvent);
+        }
 
         _this.view.destroy(); // Destroys the dom node & all node views
 
 
+        if (!analyticsConnected) {
+          _this.eventDispatcher.off(analyticsEventKey, _this.handleAnalyticsEvent);
+        }
+
         _this.view = undefined;
       }
     });
@@ -755,7 +766,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       // This serves to avoid potential runtime exceptions which could arise
       // from an async dispatched transaction after it's unmounted.
       this.canDispatchTransactions = false;
-      this.eventDispatcher.destroy();
       clearTimeout(this.focusTimeoutId);
 
       if (this.reliabilityInterval) {
@@ -774,11 +784,9 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             state.destroy();
           }
         });
-      } // this.view will be destroyed when React unmounts in handleEditorViewRef
-
+      }
 
-      this.eventDispatcher.off(analyticsEventKey, this.handleAnalyticsEvent);
-      this.eventDispatcher.off('resetEditorState', this.resetEditorState);
+      this.eventDispatcher.destroy(); // this.view will be destroyed when React unmounts in handleEditorViewRef
     } // Helper to allow tests to inject plugins directly
 
   }, {

package/dist/esm/create-editor/create-plugins-list.js

@@ -199,8 +199,7 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
 
   if (props.emojiProvider) {
     preset.add([emojiPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent,
-      allowZeroWidthSpaceAfter: !isMobile
+      createAnalyticsEvent: createAnalyticsEvent
     }]);
   }
 

package/dist/esm/editor.js

@@ -37,7 +37,7 @@ import { getUiComponent } from './create-editor';
 import EditorActions from './actions';
 import { ReactEditorView } from './create-editor';
 import EditorContext from './ui/EditorContext';
-import { PortalProvider, PortalRenderer } from './ui/PortalProvider';
+import { PortalProvider, PortalProviderWithThemeProviders, PortalRenderer } from './ui/PortalProvider';
 import { nextMajorVersion } from './version-wrapper';
 import { ContextAdapter } from './nodeviews/context-adapter';
 import measurements from './utils/performance/measure-enum';
@@ -46,6 +46,7 @@ import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from './plugin
 import ErrorBoundary from './create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from './plugins/feature-flags-context/feature-flags-from-props';
 import { RenderTracking } from './utils/performance/components/RenderTracking';
+import { checkIfMobileBridge } from './utils/check-if-mobile-bridge';
 var fullHeight = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n"])));
 
 var Editor = /*#__PURE__*/function (_React$Component) {
@@ -518,6 +519,22 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       var renderTracking = (_this$props$performan = this.props.performanceTracking) === null || _this$props$performan === void 0 ? void 0 : (_this$props$performan2 = _this$props$performan.renderTracking) === null || _this$props$performan2 === void 0 ? void 0 : _this$props$performan2.editor;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
+      /**
+       * The PortalProviderWithThemeProviders renders portals with atlaskit
+       * and the deprecated styled components theme providers.
+       *
+       * Without this the node views react trees;
+       * - do not have access to the atlaskit theme via the `useGlobalTheme` hook
+       * - do not have access to the theme when using the `styled`${({theme}) => theme.}` api.
+       *
+       * Added for a mobile regression, which needed to be fixed on master.
+       * Once this makes it's way to develop, we should consider making it the default
+       * behaviour.
+       *
+       * https://product-fabric.atlassian.net/browse/ED-14204
+       */
+
+      var EnvironmentDrivenPortalProvider = checkIfMobileBridge() ? PortalProviderWithThemeProviders : PortalProvider;
       return jsx(FabricEditorAnalyticsContext, {
         data: {
           packageName: name,
@@ -542,7 +559,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
             css: fullHeight
           }, jsx(EditorContext, {
             editorActions: _this5.editorActions
-          }, jsx(ContextAdapter, null, jsx(PortalProvider, {
+          }, jsx(ContextAdapter, null, jsx(EnvironmentDrivenPortalProvider, {
             onAnalyticsEvent: _this5.handleAnalyticsEvent,
             useAnalyticsContext: _this5.props.UNSAFE_useAnalyticsContext,
             render: function render(portalProviderAPI) {
@@ -576,6 +593,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                     eventDispatcher: eventDispatcher,
                     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
                     maxHeight: _this5.props.maxHeight,
+                    minHeight: _this5.props.minHeight,
                     onSave: _this5.props.onSave ? _this5.handleSave : undefined,
                     onCancel: _this5.props.onCancel,
                     popupsMountPoint: _this5.props.popupsMountPoint,
@@ -619,6 +637,19 @@ _defineProperty(Editor, "defaultProps", {
   quickInsert: true
 });
 
+_defineProperty(Editor, "propTypes", {
+  minHeight: function minHeight(_ref4) {
+    var appearance = _ref4.appearance,
+        _minHeight = _ref4.minHeight;
+
+    if (_minHeight && appearance && !['comment', 'chromeless'].includes(appearance)) {
+      return new Error('minHeight only supports editor appearance chromeless and comment');
+    }
+
+    return null;
+  }
+});
+
 _defineProperty(Editor, "contextTypes", {
   editorActions: PropTypes.object
 });

package/dist/esm/event-dispatcher/index.js

@@ -17,6 +17,15 @@ export var EventDispatcher = /*#__PURE__*/function () {
 
       this.listeners[event].add(cb);
     }
+  }, {
+    key: "has",
+    value: function has(event, cb) {
+      if (!this.listeners[event]) {
+        return false;
+      }
+
+      return this.listeners[event].has(cb);
+    }
   }, {
     key: "off",
     value: function off(event, cb) {

package/dist/esm/nodeviews/ReactNodeView.js

@@ -6,7 +6,6 @@ import React from 'react';
 import { createDispatch } from '../event-dispatcher';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
 import { analyticsEventKey } from '../plugins/analytics/consts';
-import { getFeatureFlags } from '../plugins/feature-flags-context';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
 
@@ -125,20 +124,12 @@ var ReactNodeView = /*#__PURE__*/function () {
     }
   }, {
     key: "createDomRef",
-    value: function createDomRef(options) {
+    value: function createDomRef() {
       if (!this.node.isInline) {
         return document.createElement('div');
       }
 
       var htmlElement = document.createElement('span');
-      var state = this.view.state;
-      var featureFlags = getFeatureFlags(state);
-
-      if (featureFlags && featureFlags.displayInlineBlockForInlineNodes && (options === null || options === void 0 ? void 0 : options.displayInlineBlockForInlineNodes) !== false) {
-        htmlElement.style.display = 'inline-block';
-        htmlElement.style.userSelect = 'all';
-      }
-
       return htmlElement;
     }
   }, {

package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js

@@ -6,4 +6,4 @@ import { css } from '@emotion/react';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils'; // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
-export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .inlineNodeView {\n    display: inline;\n    user-select: all;\n  }\n\n  &.ua-chrome .inlineNodeView > span {\n    user-select: none;\n  }\n\n  .inlineNodeViewAddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), ZERO_WIDTH_SPACE);
+export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .inlineNodeView {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > * {\n      white-space: pre-wrap;\n    }\n  }\n\n  &.ua-chrome .inlineNodeView > span {\n    user-select: none;\n  }\n\n  .inlineNodeViewAddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), ZERO_WIDTH_SPACE);

package/dist/esm/plugins/analytics/types/enums.js

@@ -55,6 +55,7 @@ export var ACTION;
   ACTION["INDENTED"] = "indented";
   ACTION["INITIALISED"] = "initialised";
   ACTION["INPUT_PERF_SAMPLING"] = "inputPerfSampling";
+  ACTION["INPUT_PERF_SAMPLING_AVG"] = "inputPerfSamplingAvg";
   ACTION["INSERTED"] = "inserted";
   ACTION["INVALID_DOCUMENT_ENCOUNTERED"] = "invalidDocumentEncountered";
   ACTION["INVOKED"] = "invoked";

package/dist/esm/plugins/base/pm-plugins/frozen-editor.js

@@ -13,7 +13,7 @@ import { getParticipantsCount } from '../../collab-edit/get-participants-count';
 import { countNodes } from '../../../utils/count-nodes';
 import { getContextIdentifier } from './context-identifier';
 import { setInteractionType } from '../utils/frozen-editor';
-import { getTimeSince } from '../../../utils/performance/get-performance-timing';
+import InputLatencyTracker from '../utils/input-latency-tracking';
 export var frozenEditorPluginKey = new PluginKey('frozenEditor');
 var DEFAULT_KEYSTROKE_SAMPLING_LIMIT = 100;
 var DEFAULT_SLOW_THRESHOLD = 300;
@@ -24,11 +24,11 @@ var DEFAULT_TRACK_SEVERITY_ENABLED = false;
 export var DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = 100;
 export var DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = 500;
 
-var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEvent, view, time, allowCountNodes, interactionType, severity) {
+var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEvent, view, time, getNodeCount, interactionType, severity) {
   var _getContextIdentifier;
 
   var state = view.state;
-  var nodesCount = allowCountNodes ? countNodes(view.state) : {};
+  var nodesCount = getNodeCount(state);
   return dispatchAnalyticsEvent({
     action: ACTION.BROWSER_FREEZE,
     actionSubject: ACTION_SUBJECT.EDITOR,
@@ -46,8 +46,8 @@ var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEven
 };
 
 export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) {
-  var keystrokeCount = 0;
   var interactionType;
+  var inputLatencyTracker = null;
 
   if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
     interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.LOADING);
@@ -57,6 +57,20 @@ export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTr
   var slowThreshold = inputTracking && typeof inputTracking.slowThreshold === 'number' ? inputTracking.slowThreshold : DEFAULT_SLOW_THRESHOLD;
   var freezeThreshold = inputTracking && typeof inputTracking.freezeThreshold === 'number' ? inputTracking.freezeThreshold : DEFAULT_FREEZE_THRESHOLD;
   var allowCountNodes = inputTracking && inputTracking.countNodes;
+  var prevNodeCountState = null;
+  var prevNodeCount = {}; // Cache the result as we were calling this multiple times
+  // and has potential to be expensive
+
+  var getNodeCount = function getNodeCount(state) {
+    if (state === prevNodeCountState) {
+      return prevNodeCount;
+    }
+
+    prevNodeCount = allowCountNodes ? countNodes(state) : {};
+    prevNodeCountState = state;
+    return prevNodeCount;
+  };
+
   var shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
@@ -64,84 +78,18 @@ export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTr
     key: frozenEditorPluginKey,
     props: isPerformanceAPIAvailable() ? {
       handleTextInput: function handleTextInput(view) {
-        var state = view.state;
-        var now = performance.now();
+        var _inputLatencyTracker;
+
+        (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.start();
 
         if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
           interactionType = BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
         }
 
-        var experienceStore = ufo ? ExperienceStore.getInstance(view) : undefined;
-        var trackTyping = samplingRate && ++keystrokeCount === samplingRate;
-
-        if (trackTyping) {
-          experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(EditorExperience.typing);
-        }
-
         requestAnimationFrame(function () {
-          var diff = getTimeSince(now);
-
-          if (diff > slowThreshold) {
-            var nodesCount = allowCountNodes ? countNodes(view.state) : {};
-
-            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
-              var _getContextIdentifier2;
-
-              dispatchAnalyticsEvent({
-                action: ACTION.SLOW_INPUT,
-                actionSubject: ACTION_SUBJECT.EDITOR,
-                attributes: _objectSpread(_objectSpread({
-                  time: diff,
-                  nodeSize: state.doc.nodeSize
-                }, nodesCount), {}, {
-                  participants: getParticipantsCount(state),
-                  objectId: (_getContextIdentifier2 = getContextIdentifier(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
-                }),
-                eventType: EVENT_TYPE.OPERATIONAL
-              });
-            }
+          var _inputLatencyTracker2;
 
-            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(EditorExperience.typing, {
-              slowInput: true
-            });
-          }
-
-          if (trackTyping) {
-            var _getContextIdentifier4;
-
-            var _nodesCount = allowCountNodes ? countNodes(view.state) : {};
-
-            keystrokeCount = 0;
-            var severity = shouldTrackSeverity ? getAnalyticsEventSeverity(diff, severityThresholdNormal, severityThresholdDegraded) : undefined;
-
-            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
-              var _getContextIdentifier3;
-
-              var payload = {
-                action: ACTION.INPUT_PERF_SAMPLING,
-                actionSubject: ACTION_SUBJECT.EDITOR,
-                attributes: _objectSpread(_objectSpread({
-                  time: diff,
-                  nodeSize: state.doc.nodeSize
-                }, _nodesCount), {}, {
-                  participants: getParticipantsCount(state),
-                  objectId: (_getContextIdentifier3 = getContextIdentifier(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId,
-                  severity: severity
-                }),
-                eventType: EVENT_TYPE.OPERATIONAL
-              };
-              dispatchAnalyticsEvent(payload);
-            }
-
-            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(EditorExperience.typing, _objectSpread(_objectSpread({
-              nodeSize: state.doc.nodeSize
-            }, _nodesCount), {}, {
-              participants: getParticipantsCount(state),
-              objectId: (_getContextIdentifier4 = getContextIdentifier(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
-              time: diff,
-              severity: severity
-            }));
-          }
+          (_inputLatencyTracker2 = inputLatencyTracker) === null || _inputLatencyTracker2 === void 0 ? void 0 : _inputLatencyTracker2.end();
         });
         return false;
       },
@@ -161,6 +109,106 @@ export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTr
         return {};
       }
 
+      var experienceStore = ufo ? ExperienceStore.getInstance(_view) : undefined;
+
+      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+        inputLatencyTracker = new InputLatencyTracker({
+          samplingRate: samplingRate,
+          slowThreshold: slowThreshold,
+          normalThreshold: severityThresholdNormal,
+          degradedThreshold: severityThresholdDegraded,
+          onSampleStart: function onSampleStart() {
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(EditorExperience.typing);
+          },
+          onSampleEnd: function onSampleEnd(time, _ref) {
+            var _getContextIdentifier2;
+
+            var isSlow = _ref.isSlow,
+                severity = _ref.severity;
+            var state = _view.state;
+            var nodesCount = getNodeCount(state);
+
+            if (isSlow) {
+              experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(EditorExperience.typing, {
+                slowInput: true
+              });
+            }
+
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(EditorExperience.typing, _objectSpread(_objectSpread({
+              nodeSize: state.doc.nodeSize
+            }, nodesCount), {}, {
+              participants: getParticipantsCount(state),
+              objectId: (_getContextIdentifier2 = getContextIdentifier(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId,
+              time: time,
+              severity: shouldTrackSeverity ? severity : undefined
+            }));
+          },
+          dispatchSample: function dispatchSample(time, severity) {
+            var _getContextIdentifier3;
+
+            var state = _view.state;
+            var nodesCount = getNodeCount(state);
+            var samplePayload = {
+              action: ACTION.INPUT_PERF_SAMPLING,
+              actionSubject: ACTION_SUBJECT.EDITOR,
+              attributes: _objectSpread(_objectSpread({
+                time: time,
+                nodeSize: state.doc.nodeSize
+              }, nodesCount), {}, {
+                participants: getParticipantsCount(state),
+                objectId: (_getContextIdentifier3 = getContextIdentifier(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId,
+                severity: shouldTrackSeverity ? severity : undefined
+              }),
+              eventType: EVENT_TYPE.OPERATIONAL
+            };
+            dispatchAnalyticsEvent(samplePayload);
+          },
+          dispatchAverage: function dispatchAverage(_ref2, severity) {
+            var _getContextIdentifier4;
+
+            var mean = _ref2.mean,
+                median = _ref2.median,
+                sampleSize = _ref2.sampleSize;
+            var state = _view.state;
+            var nodeCount = getNodeCount(state);
+            var averagePayload = {
+              action: ACTION.INPUT_PERF_SAMPLING_AVG,
+              actionSubject: ACTION_SUBJECT.EDITOR,
+              attributes: _objectSpread(_objectSpread({
+                mean: mean,
+                median: median,
+                sampleSize: sampleSize
+              }, nodeCount), {}, {
+                nodeSize: state.doc.nodeSize,
+                severity: shouldTrackSeverity ? severity : undefined,
+                participants: getParticipantsCount(state),
+                objectId: (_getContextIdentifier4 = getContextIdentifier(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId
+              }),
+              eventType: EVENT_TYPE.OPERATIONAL
+            };
+            dispatchAnalyticsEvent(averagePayload);
+          },
+          onSlowInput: function onSlowInput(time) {
+            var _getContextIdentifier5;
+
+            var state = _view.state;
+            var nodesCount = getNodeCount(state);
+            dispatchAnalyticsEvent({
+              action: ACTION.SLOW_INPUT,
+              actionSubject: ACTION_SUBJECT.EDITOR,
+              attributes: _objectSpread(_objectSpread({
+                time: time,
+                nodeSize: state.doc.nodeSize
+              }, nodesCount), {}, {
+                participants: getParticipantsCount(state),
+                objectId: (_getContextIdentifier5 = getContextIdentifier(state)) === null || _getContextIdentifier5 === void 0 ? void 0 : _getContextIdentifier5.objectId
+              }),
+              eventType: EVENT_TYPE.OPERATIONAL
+            });
+          }
+        });
+      }
+
       var observer;
 
       try {
@@ -171,7 +219,7 @@ export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTr
             var duration = perfEntries[i].duration;
 
             if (duration > freezeThreshold) {
-              dispatchLongTaskEvent(dispatchAnalyticsEvent, _view, duration, allowCountNodes, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? getAnalyticsEventSeverity(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
+              dispatchLongTaskEvent(dispatchAnalyticsEvent, _view, duration, getNodeCount, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? getAnalyticsEventSeverity(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
             }
           }
         }); // register observer for long task notifications
@@ -184,9 +232,10 @@ export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTr
 
       return {
         destroy: function destroy() {
-          if (observer) {
-            observer.disconnect();
-          }
+          var _inputLatencyTracker3;
+
+          (_inputLatencyTracker3 = inputLatencyTracker) === null || _inputLatencyTracker3 === void 0 ? void 0 : _inputLatencyTracker3.flush();
+          observer === null || observer === void 0 ? void 0 : observer.disconnect();
         }
       };
     }