@atlaskit/editor-plugin-media 1.20.0 → 1.20.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-media
 
+## 1.20.1
+
+### Patch Changes
+
+-   [#100662](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100662)
+    [`3d61cd8f2afe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3d61cd8f2afe) -
+    [ED-23355] Update annotation viewed event to with attributes nodeType and method to capture
+    usage for comments on media
+-   Updated dependencies
+
 ## 1.20.0
 
 ### Minor Changes

package/dist/cjs/toolbar/comments.js

@@ -28,7 +28,7 @@ var commentButton = exports.commentButton = function commentButton(intl, state,
       var _api$annotation$actio = api.annotation.actions,
         showCommentForBlockNode = _api$annotation$actio.showCommentForBlockNode,
         setInlineCommentDraftState = _api$annotation$actio.setInlineCommentDraftState;
-      if (!showCommentForBlockNode(selectMediaNode)(state, dispatch)) {
+      if (!showCommentForBlockNode(selectMediaNode, _analytics.VIEW_METHOD.COMMENT_BUTTON)(state, dispatch)) {
         var _selectMediaNode$attr;
         setInlineCommentDraftState(true,
         // TODO: might need to update to reflect it's from media floating toolbar

package/dist/cjs/ui/CommentBadge/index.js

@@ -9,6 +9,7 @@ exports.CommentBadge = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -46,7 +47,7 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
   var onClick = (0, _react.useCallback)(function () {
     if (api.annotation && mediaNode) {
       var showCommentForBlockNode = api.annotation.actions.showCommentForBlockNode;
-      showCommentForBlockNode(mediaNode)(state, dispatch);
+      showCommentForBlockNode(mediaNode, _analytics.VIEW_METHOD.BADGE)(state, dispatch);
     }
   }, [api.annotation, dispatch, mediaNode, state]);
   var pos = getPos();

package/dist/es2019/toolbar/comments.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, VIEW_METHOD } from '@atlaskit/editor-common/analytics';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { commentMessages as messages } from '@atlaskit/editor-common/media';
 import CommentIcon from '@atlaskit/icon/glyph/comment';
@@ -20,7 +20,7 @@ export const commentButton = (intl, state, api) => {
         showCommentForBlockNode,
         setInlineCommentDraftState
       } = api.annotation.actions;
-      if (!showCommentForBlockNode(selectMediaNode)(state, dispatch)) {
+      if (!showCommentForBlockNode(selectMediaNode, VIEW_METHOD.COMMENT_BUTTON)(state, dispatch)) {
         var _selectMediaNode$attr;
         setInlineCommentDraftState(true,
         // TODO: might need to update to reflect it's from media floating toolbar

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

@@ -1,5 +1,6 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { injectIntl } from 'react-intl-next';
+import { VIEW_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { CommentBadge as CommentBadgeComponent } from '@atlaskit/editor-common/media-single';
 const CommentBadgeWrapper = ({
@@ -41,7 +42,7 @@ const CommentBadgeWrapper = ({
       const {
         showCommentForBlockNode
       } = api.annotation.actions;
-      showCommentForBlockNode(mediaNode)(state, dispatch);
+      showCommentForBlockNode(mediaNode, VIEW_METHOD.BADGE)(state, dispatch);
     }
   }, [api.annotation, dispatch, mediaNode, state]);
   const pos = getPos();

package/dist/esm/toolbar/comments.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, VIEW_METHOD } from '@atlaskit/editor-common/analytics';
 import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { commentMessages as messages } from '@atlaskit/editor-common/media';
 import CommentIcon from '@atlaskit/icon/glyph/comment';
@@ -21,7 +21,7 @@ export var commentButton = function commentButton(intl, state, api) {
       var _api$annotation$actio = api.annotation.actions,
         showCommentForBlockNode = _api$annotation$actio.showCommentForBlockNode,
         setInlineCommentDraftState = _api$annotation$actio.setInlineCommentDraftState;
-      if (!showCommentForBlockNode(selectMediaNode)(state, dispatch)) {
+      if (!showCommentForBlockNode(selectMediaNode, VIEW_METHOD.COMMENT_BUTTON)(state, dispatch)) {
         var _selectMediaNode$attr;
         setInlineCommentDraftState(true,
         // TODO: might need to update to reflect it's from media floating toolbar

package/dist/esm/ui/CommentBadge/index.js

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useMemo, useState } from 'react';
 import { injectIntl } from 'react-intl-next';
+import { VIEW_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { CommentBadge as CommentBadgeComponent } from '@atlaskit/editor-common/media-single';
 var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
@@ -36,7 +37,7 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
   var onClick = useCallback(function () {
     if (api.annotation && mediaNode) {
       var showCommentForBlockNode = api.annotation.actions.showCommentForBlockNode;
-      showCommentForBlockNode(mediaNode)(state, dispatch);
+      showCommentForBlockNode(mediaNode, VIEW_METHOD.BADGE)(state, dispatch);
     }
   }, [api.annotation, dispatch, mediaNode, state]);
   var pos = getPos();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-media",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "description": "Media plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -37,10 +37,10 @@
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/button": "^17.14.0",
-    "@atlaskit/editor-common": "^80.1.0",
+    "@atlaskit/editor-common": "^80.4.0",
     "@atlaskit/editor-palette": "1.6.0",
     "@atlaskit/editor-plugin-analytics": "^1.2.0",
-    "@atlaskit/editor-plugin-annotation": "1.8.0",
+    "@atlaskit/editor-plugin-annotation": "1.9.0",
     "@atlaskit/editor-plugin-decorations": "^1.1.0",
     "@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
@@ -64,7 +64,7 @@
     "@atlaskit/media-ui": "^25.10.0",
     "@atlaskit/media-viewer": "^48.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^6.1.0",
+    "@atlaskit/primitives": "^6.2.0",
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/theme": "^12.8.0",
     "@atlaskit/tokens": "^1.48.0",