@atlaskit/editor-plugin-loom 0.1.1 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-loom
 
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.2.0
+
+### Minor Changes
+
+- [#59421](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59421) [`3747754f8ab0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3747754f8ab0) - NO-ISSUE Added the capability to directly trigger an analytics event as an action to the editor analytics plugin
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.1.1
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -1,13 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.loomPlugin = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _react = _interopRequireDefault(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
@@ -15,28 +13,12 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _commands = require("./commands");
 var _pmPlugin = require("./pm-plugin");
 var _ToolbarButton = _interopRequireDefault(require("./ui/ToolbarButton"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
   var _api$analytics;
   var api = _ref.api;
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   return {
     name: 'loom',
-    usePluginHook: function usePluginHook(_ref2) {
-      var editorView = _ref2.editorView;
-      var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-        createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-      (0, _react.useLayoutEffect)(function () {
-        var dispatch = editorView.dispatch,
-          tr = editorView.state.tr;
-        tr.setMeta(_pmPlugin.loomPluginKey, {
-          type: _pmPlugin.LoomPluginAction.SET_ANALYTICS_FUNCTION,
-          createAnalyticsEvent: createAnalyticsEvent
-        });
-        dispatch(tr);
-      }, [createAnalyticsEvent, editorView]);
-    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'loom',
@@ -53,8 +35,8 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
     },
     pluginsOptions: {
       // Enable inserting Loom recordings through the slash command
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
+      quickInsert: function quickInsert(_ref2) {
+        var formatMessage = _ref2.formatMessage;
         return [{
           id: 'loom',
           title: formatMessage(_messages.toolbarInsertBlockMessages.recordVideo),
@@ -93,8 +75,8 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
       }
     },
     // Enable inserting Loom recordings through main toolbar
-    primaryToolbarComponent: function primaryToolbarComponent(_ref4) {
-      var disabled = _ref4.disabled;
+    primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
+      var disabled = _ref3.disabled;
       return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
         disabled: disabled,
         api: api

package/dist/cjs/pm-plugin.js

@@ -23,7 +23,6 @@ var LoomPluginAction = exports.LoomPluginAction = /*#__PURE__*/function (LoomPlu
   LoomPluginAction[LoomPluginAction["DISABLE"] = 1] = "DISABLE";
   LoomPluginAction[LoomPluginAction["RECORD_VIDEO"] = 2] = "RECORD_VIDEO";
   LoomPluginAction[LoomPluginAction["INSERT_VIDEO"] = 3] = "INSERT_VIDEO";
-  LoomPluginAction[LoomPluginAction["SET_ANALYTICS_FUNCTION"] = 4] = "SET_ANALYTICS_FUNCTION";
   return LoomPluginAction;
 }({});
 var loomPluginKey = exports.loomPluginKey = new _state.PluginKey('loom');
@@ -39,30 +38,23 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
           isEnabled: false,
           loomButton: null,
           isRecordingVideo: false,
-          error: undefined,
-          createAnalyticsEvent: undefined
+          error: undefined
         };
       },
       apply: function apply(tr, pluginState) {
         var _tr$getMeta, _pluginState$loomButt;
         var action = (_tr$getMeta = tr.getMeta(loomPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
         switch (action) {
-          case LoomPluginAction.SET_ANALYTICS_FUNCTION:
-            var _tr$getMeta2 = tr.getMeta(loomPluginKey),
-              createAnalyticsEvent = _tr$getMeta2.createAnalyticsEvent;
-            return _objectSpread(_objectSpread({}, pluginState), {}, {
-              createAnalyticsEvent: createAnalyticsEvent
-            });
           case LoomPluginAction.ENABLE:
-            var _tr$getMeta3 = tr.getMeta(loomPluginKey),
-              loomButton = _tr$getMeta3.loomButton;
+            var _tr$getMeta2 = tr.getMeta(loomPluginKey),
+              loomButton = _tr$getMeta2.loomButton;
             return _objectSpread(_objectSpread({}, pluginState), {}, {
               isEnabled: true,
               loomButton: loomButton
             });
           case LoomPluginAction.DISABLE:
-            var _tr$getMeta4 = tr.getMeta(loomPluginKey),
-              error = _tr$getMeta4.error;
+            var _tr$getMeta3 = tr.getMeta(loomPluginKey),
+              error = _tr$getMeta3.error;
             return _objectSpread(_objectSpread({}, pluginState), {}, {
               isEnabled: false,
               loomButton: null,
@@ -86,7 +78,8 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
     view: function view(editorView) {
       var setupLoom = /*#__PURE__*/function () {
         var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-          var _yield$import, isSupported, setup, _yield$isSupported, supported, error, _pluginState, _yield$setup, configureButton, loomButton, sdkButton, pluginState;
+          var _api$analytics3;
+          var _yield$import, isSupported, setup, _yield$isSupported, supported, error, _api$analytics2, _yield$setup, configureButton, loomButton, sdkButton;
           return _regenerator.default.wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -105,7 +98,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
                 supported = _yield$isSupported.supported;
                 error = _yield$isSupported.error;
                 if (supported) {
-                  _context2.next = 16;
+                  _context2.next = 15;
                   break;
                 }
                 // Keep plugin state update and analytics separate to avoid accidentally not updating
@@ -118,24 +111,21 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
                 });
                 // We're not combining the analytics steps into the enable / disable commands because the collab-edit plugin
                 // filters out any transactions with steps (even analytics) when it's initialising
-                _pluginState = loomPluginKey.getState(editorView.state);
-                (0, _analytics.fireAnalyticsEvent)(_pluginState === null || _pluginState === void 0 ? void 0 : _pluginState.createAnalyticsEvent)({
-                  payload: {
-                    action: _analytics.ACTION.ERRORED,
-                    actionSubject: _analytics.ACTION_SUBJECT.LOOM,
-                    eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-                    attributes: {
-                      error: error
-                    }
+                api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.fireAnalyticsEvent({
+                  action: _analytics.ACTION.ERRORED,
+                  actionSubject: _analytics.ACTION_SUBJECT.LOOM,
+                  eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+                  attributes: {
+                    error: error
                   }
                 });
                 return _context2.abrupt("return");
-              case 16:
-                _context2.next = 18;
+              case 15:
+                _context2.next = 17;
                 return setup({
                   publicAppId: LOOM_SDK_PUBLIC_APP_ID
                 });
-              case 18:
+              case 17:
                 _yield$setup = _context2.sent;
                 configureButton = _yield$setup.configureButton;
                 // Hidden element to work around the SDK API
@@ -175,15 +165,12 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
                 }));
                 // We're not combining the analytics steps into the enable / disable commands because the collab-edit plugin
                 // filters out any transactions with steps (even analytics) when it's initialising
-                pluginState = loomPluginKey.getState(editorView.state);
-                (0, _analytics.fireAnalyticsEvent)(pluginState === null || pluginState === void 0 ? void 0 : pluginState.createAnalyticsEvent)({
-                  payload: {
-                    action: _analytics.ACTION.INITIALISED,
-                    actionSubject: _analytics.ACTION_SUBJECT.LOOM,
-                    eventType: _analytics.EVENT_TYPE.OPERATIONAL
-                  }
+                api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.fireAnalyticsEvent({
+                  action: _analytics.ACTION.INITIALISED,
+                  actionSubject: _analytics.ACTION_SUBJECT.LOOM,
+                  eventType: _analytics.EVENT_TYPE.OPERATIONAL
                 });
-              case 26:
+              case 24:
               case "end":
                 return _context2.stop();
             }

package/dist/es2019/plugin.js

@@ -1,11 +1,10 @@
-import React, { useLayoutEffect } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import React from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { IconLoom } from '@atlaskit/editor-common/quick-insert';
 import { recordVideo, recordVideoFailed } from './commands';
-import { createPlugin, LoomPluginAction, loomPluginKey } from './pm-plugin';
+import { createPlugin, loomPluginKey } from './pm-plugin';
 import LoomToolbarButton from './ui/ToolbarButton';
 export const loomPlugin = ({
   api
@@ -14,26 +13,6 @@ export const loomPlugin = ({
   const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   return {
     name: 'loom',
-    usePluginHook({
-      editorView
-    }) {
-      const {
-        createAnalyticsEvent
-      } = useAnalyticsEvents();
-      useLayoutEffect(() => {
-        const {
-          dispatch,
-          state: {
-            tr
-          }
-        } = editorView;
-        tr.setMeta(loomPluginKey, {
-          type: LoomPluginAction.SET_ANALYTICS_FUNCTION,
-          createAnalyticsEvent
-        });
-        dispatch(tr);
-      }, [createAnalyticsEvent, editorView]);
-    },
     pmPlugins: () => [{
       name: 'loom',
       plugin: () => createPlugin(api)

package/dist/es2019/pm-plugin.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -8,7 +8,6 @@ export let LoomPluginAction = /*#__PURE__*/function (LoomPluginAction) {
   LoomPluginAction[LoomPluginAction["DISABLE"] = 1] = "DISABLE";
   LoomPluginAction[LoomPluginAction["RECORD_VIDEO"] = 2] = "RECORD_VIDEO";
   LoomPluginAction[LoomPluginAction["INSERT_VIDEO"] = 3] = "INSERT_VIDEO";
-  LoomPluginAction[LoomPluginAction["SET_ANALYTICS_FUNCTION"] = 4] = "SET_ANALYTICS_FUNCTION";
   return LoomPluginAction;
 }({});
 export const loomPluginKey = new PluginKey('loom');
@@ -23,21 +22,12 @@ export const createPlugin = api => {
         isEnabled: false,
         loomButton: null,
         isRecordingVideo: false,
-        error: undefined,
-        createAnalyticsEvent: undefined
+        error: undefined
       }),
       apply: (tr, pluginState) => {
         var _tr$getMeta, _pluginState$loomButt;
         const action = (_tr$getMeta = tr.getMeta(loomPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
         switch (action) {
-          case LoomPluginAction.SET_ANALYTICS_FUNCTION:
-            const {
-              createAnalyticsEvent
-            } = tr.getMeta(loomPluginKey);
-            return {
-              ...pluginState,
-              createAnalyticsEvent
-            };
           case LoomPluginAction.ENABLE:
             const {
               loomButton
@@ -76,6 +66,7 @@ export const createPlugin = api => {
     },
     view(editorView) {
       const setupLoom = async () => {
+        var _api$analytics3;
         // Asynchronously check if the Loom SDK is supported
         // it hits a Loom API so could take a while
         const {
@@ -87,6 +78,7 @@ export const createPlugin = api => {
           error
         } = await isSupported();
         if (!supported) {
+          var _api$analytics2;
           // Keep plugin state update and analytics separate to avoid accidentally not updating
           // plugin state due to collab-edit filtering out transactions with steps
           api === null || api === void 0 ? void 0 : api.core.actions.execute(disableLoom({
@@ -97,15 +89,12 @@ export const createPlugin = api => {
           });
           // We're not combining the analytics steps into the enable / disable commands because the collab-edit plugin
           // filters out any transactions with steps (even analytics) when it's initialising
-          const pluginState = loomPluginKey.getState(editorView.state);
-          fireAnalyticsEvent(pluginState === null || pluginState === void 0 ? void 0 : pluginState.createAnalyticsEvent)({
-            payload: {
-              action: ACTION.ERRORED,
-              actionSubject: ACTION_SUBJECT.LOOM,
-              eventType: EVENT_TYPE.OPERATIONAL,
-              attributes: {
-                error
-              }
+          api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent({
+            action: ACTION.ERRORED,
+            actionSubject: ACTION_SUBJECT.LOOM,
+            eventType: EVENT_TYPE.OPERATIONAL,
+            attributes: {
+              error
             }
           });
           return;
@@ -144,13 +133,10 @@ export const createPlugin = api => {
         }));
         // We're not combining the analytics steps into the enable / disable commands because the collab-edit plugin
         // filters out any transactions with steps (even analytics) when it's initialising
-        const pluginState = loomPluginKey.getState(editorView.state);
-        fireAnalyticsEvent(pluginState === null || pluginState === void 0 ? void 0 : pluginState.createAnalyticsEvent)({
-          payload: {
-            action: ACTION.INITIALISED,
-            actionSubject: ACTION_SUBJECT.LOOM,
-            eventType: EVENT_TYPE.OPERATIONAL
-          }
+        api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.fireAnalyticsEvent({
+          action: ACTION.INITIALISED,
+          actionSubject: ACTION_SUBJECT.LOOM,
+          eventType: EVENT_TYPE.OPERATIONAL
         });
       };
       setupLoom();

package/dist/esm/plugin.js

@@ -1,11 +1,10 @@
-import React, { useLayoutEffect } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import React from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { IconLoom } from '@atlaskit/editor-common/quick-insert';
 import { recordVideo, recordVideoFailed } from './commands';
-import { createPlugin, LoomPluginAction, loomPluginKey } from './pm-plugin';
+import { createPlugin, loomPluginKey } from './pm-plugin';
 import LoomToolbarButton from './ui/ToolbarButton';
 export var loomPlugin = function loomPlugin(_ref) {
   var _api$analytics;
@@ -13,20 +12,6 @@ export var loomPlugin = function loomPlugin(_ref) {
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   return {
     name: 'loom',
-    usePluginHook: function usePluginHook(_ref2) {
-      var editorView = _ref2.editorView;
-      var _useAnalyticsEvents = useAnalyticsEvents(),
-        createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-      useLayoutEffect(function () {
-        var dispatch = editorView.dispatch,
-          tr = editorView.state.tr;
-        tr.setMeta(loomPluginKey, {
-          type: LoomPluginAction.SET_ANALYTICS_FUNCTION,
-          createAnalyticsEvent: createAnalyticsEvent
-        });
-        dispatch(tr);
-      }, [createAnalyticsEvent, editorView]);
-    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'loom',
@@ -43,8 +28,8 @@ export var loomPlugin = function loomPlugin(_ref) {
     },
     pluginsOptions: {
       // Enable inserting Loom recordings through the slash command
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
+      quickInsert: function quickInsert(_ref2) {
+        var formatMessage = _ref2.formatMessage;
         return [{
           id: 'loom',
           title: formatMessage(toolbarInsertBlockMessages.recordVideo),
@@ -83,8 +68,8 @@ export var loomPlugin = function loomPlugin(_ref) {
       }
     },
     // Enable inserting Loom recordings through main toolbar
-    primaryToolbarComponent: function primaryToolbarComponent(_ref4) {
-      var disabled = _ref4.disabled;
+    primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
+      var disabled = _ref3.disabled;
       return /*#__PURE__*/React.createElement(LoomToolbarButton, {
         disabled: disabled,
         api: api

package/dist/esm/pm-plugin.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -13,7 +13,6 @@ export var LoomPluginAction = /*#__PURE__*/function (LoomPluginAction) {
   LoomPluginAction[LoomPluginAction["DISABLE"] = 1] = "DISABLE";
   LoomPluginAction[LoomPluginAction["RECORD_VIDEO"] = 2] = "RECORD_VIDEO";
   LoomPluginAction[LoomPluginAction["INSERT_VIDEO"] = 3] = "INSERT_VIDEO";
-  LoomPluginAction[LoomPluginAction["SET_ANALYTICS_FUNCTION"] = 4] = "SET_ANALYTICS_FUNCTION";
   return LoomPluginAction;
 }({});
 export var loomPluginKey = new PluginKey('loom');
@@ -29,30 +28,23 @@ export var createPlugin = function createPlugin(api) {
           isEnabled: false,
           loomButton: null,
           isRecordingVideo: false,
-          error: undefined,
-          createAnalyticsEvent: undefined
+          error: undefined
         };
       },
       apply: function apply(tr, pluginState) {
         var _tr$getMeta, _pluginState$loomButt;
         var action = (_tr$getMeta = tr.getMeta(loomPluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.type;
         switch (action) {
-          case LoomPluginAction.SET_ANALYTICS_FUNCTION:
-            var _tr$getMeta2 = tr.getMeta(loomPluginKey),
-              createAnalyticsEvent = _tr$getMeta2.createAnalyticsEvent;
-            return _objectSpread(_objectSpread({}, pluginState), {}, {
-              createAnalyticsEvent: createAnalyticsEvent
-            });
           case LoomPluginAction.ENABLE:
-            var _tr$getMeta3 = tr.getMeta(loomPluginKey),
-              loomButton = _tr$getMeta3.loomButton;
+            var _tr$getMeta2 = tr.getMeta(loomPluginKey),
+              loomButton = _tr$getMeta2.loomButton;
             return _objectSpread(_objectSpread({}, pluginState), {}, {
               isEnabled: true,
               loomButton: loomButton
             });
           case LoomPluginAction.DISABLE:
-            var _tr$getMeta4 = tr.getMeta(loomPluginKey),
-              error = _tr$getMeta4.error;
+            var _tr$getMeta3 = tr.getMeta(loomPluginKey),
+              error = _tr$getMeta3.error;
             return _objectSpread(_objectSpread({}, pluginState), {}, {
               isEnabled: false,
               loomButton: null,
@@ -76,7 +68,8 @@ export var createPlugin = function createPlugin(api) {
     view: function view(editorView) {
       var setupLoom = /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-          var _yield$import, isSupported, setup, _yield$isSupported, supported, error, _pluginState, _yield$setup, configureButton, loomButton, sdkButton, pluginState;
+          var _api$analytics3;
+          var _yield$import, isSupported, setup, _yield$isSupported, supported, error, _api$analytics2, _yield$setup, configureButton, loomButton, sdkButton;
           return _regeneratorRuntime.wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -93,7 +86,7 @@ export var createPlugin = function createPlugin(api) {
                 supported = _yield$isSupported.supported;
                 error = _yield$isSupported.error;
                 if (supported) {
-                  _context2.next = 16;
+                  _context2.next = 15;
                   break;
                 }
                 // Keep plugin state update and analytics separate to avoid accidentally not updating
@@ -106,24 +99,21 @@ export var createPlugin = function createPlugin(api) {
                 });
                 // We're not combining the analytics steps into the enable / disable commands because the collab-edit plugin
                 // filters out any transactions with steps (even analytics) when it's initialising
-                _pluginState = loomPluginKey.getState(editorView.state);
-                fireAnalyticsEvent(_pluginState === null || _pluginState === void 0 ? void 0 : _pluginState.createAnalyticsEvent)({
-                  payload: {
-                    action: ACTION.ERRORED,
-                    actionSubject: ACTION_SUBJECT.LOOM,
-                    eventType: EVENT_TYPE.OPERATIONAL,
-                    attributes: {
-                      error: error
-                    }
+                api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.fireAnalyticsEvent({
+                  action: ACTION.ERRORED,
+                  actionSubject: ACTION_SUBJECT.LOOM,
+                  eventType: EVENT_TYPE.OPERATIONAL,
+                  attributes: {
+                    error: error
                   }
                 });
                 return _context2.abrupt("return");
-              case 16:
-                _context2.next = 18;
+              case 15:
+                _context2.next = 17;
                 return setup({
                   publicAppId: LOOM_SDK_PUBLIC_APP_ID
                 });
-              case 18:
+              case 17:
                 _yield$setup = _context2.sent;
                 configureButton = _yield$setup.configureButton;
                 // Hidden element to work around the SDK API
@@ -163,15 +153,12 @@ export var createPlugin = function createPlugin(api) {
                 }));
                 // We're not combining the analytics steps into the enable / disable commands because the collab-edit plugin
                 // filters out any transactions with steps (even analytics) when it's initialising
-                pluginState = loomPluginKey.getState(editorView.state);
-                fireAnalyticsEvent(pluginState === null || pluginState === void 0 ? void 0 : pluginState.createAnalyticsEvent)({
-                  payload: {
-                    action: ACTION.INITIALISED,
-                    actionSubject: ACTION_SUBJECT.LOOM,
-                    eventType: EVENT_TYPE.OPERATIONAL
-                  }
+                api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.fireAnalyticsEvent({
+                  action: ACTION.INITIALISED,
+                  actionSubject: ACTION_SUBJECT.LOOM,
+                  eventType: EVENT_TYPE.OPERATIONAL
                 });
-              case 26:
+              case 24:
               case "end":
                 return _context2.stop();
             }

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

@@ -1,5 +1,4 @@
 import type { SDKUnsupportedReasons } from '@loomhq/record-sdk';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -9,14 +8,12 @@ export interface LoomPluginState {
     loomButton: HTMLButtonElement | null;
     isRecordingVideo: boolean;
     error: SDKUnsupportedReasons | undefined;
-    createAnalyticsEvent: CreateUIAnalyticsEvent | undefined;
 }
 export declare enum LoomPluginAction {
     ENABLE = 0,
     DISABLE = 1,
     RECORD_VIDEO = 2,
-    INSERT_VIDEO = 3,
-    SET_ANALYTICS_FUNCTION = 4
+    INSERT_VIDEO = 3
 }
 export declare const loomPluginKey: PluginKey<LoomPluginState>;
 export declare const createPlugin: (api: ExtractInjectionAPI<LoomPlugin> | undefined) => SafePlugin<LoomPluginState>;

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

@@ -1,5 +1,4 @@
 import type { SDKUnsupportedReasons } from '@loomhq/record-sdk';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -9,14 +8,12 @@ export interface LoomPluginState {
     loomButton: HTMLButtonElement | null;
     isRecordingVideo: boolean;
     error: SDKUnsupportedReasons | undefined;
-    createAnalyticsEvent: CreateUIAnalyticsEvent | undefined;
 }
 export declare enum LoomPluginAction {
     ENABLE = 0,
     DISABLE = 1,
     RECORD_VIDEO = 2,
-    INSERT_VIDEO = 3,
-    SET_ANALYTICS_FUNCTION = 4
+    INSERT_VIDEO = 3
 }
 export declare const loomPluginKey: PluginKey<LoomPluginState>;
 export declare const createPlugin: (api: ExtractInjectionAPI<LoomPlugin> | undefined) => SafePlugin<LoomPluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-loom",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "Loom plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -14,7 +14,8 @@
     "website": {
       "name": "EditorPluginLoom",
       "category": "Components"
-    }
+    },
+    "runReact18": false
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
   "main": "dist/cjs/index.js",
@@ -35,10 +36,9 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/editor-common": "^76.25.0",
-    "@atlaskit/editor-plugin-analytics": "^0.3.0",
-    "@atlaskit/editor-plugin-hyperlink": "^0.6.0",
+    "@atlaskit/editor-common": "^76.36.0",
+    "@atlaskit/editor-plugin-analytics": "^0.4.0",
+    "@atlaskit/editor-plugin-hyperlink": "^0.7.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/icon": "^22.0.0",
     "@babel/runtime": "^7.0.0",
@@ -49,8 +49,8 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-plugin-base": "^0.2.0",
-    "@atlaskit/editor-plugin-card": "^0.14.0",
+    "@atlaskit/editor-plugin-base": "^0.3.0",
+    "@atlaskit/editor-plugin-card": "^0.16.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",