@atlaskit/editor-plugin-media 1.37.4 → 1.38.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-media
 
+## 1.38.0
+
+### Minor Changes
+
+- [#156303](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156303)
+  [`dd9e4eaa8e65b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dd9e4eaa8e65b) -
+  [ux] ED-25493 Support caption onboarding, comment notification visual refresh and live view double
+  click support
+
+### Patch Changes
+
+- [#157011](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157011)
+  [`dcdfd1e83ce5a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dcdfd1e83ce5a) -
+  change ugc typography experiment to a gate
+- Updated dependencies
+
 ## 1.37.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaSingle.js

@@ -77,7 +77,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
       isCopying: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mediaSingleWrapperRef", /*#__PURE__*/_react.default.createRef());
-    // platform_editor_typography_migration_ugc clean up
+    // platform_editor_typography_ugc clean up
     // remove HTMLSpanElement type
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "captionPlaceHolderRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createOrUpdateMediaNodeUpdater", function (props) {
@@ -511,8 +511,8 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         isDrafting: isCurrentNodeDrafting
       }), (0, _react2.jsx)("div", {
         ref: this.props.forwardRef
-      }), shouldShowPlaceholder && ((0, _experiments.editorExperiment)('typography_migration_ugc', true) ? (0, _react2.jsx)(_CaptionPlaceholder.CaptionPlaceholderButton
-      // platform_editor_typography_migration_ugc clean up
+      }), shouldShowPlaceholder && ((0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _react2.jsx)(_CaptionPlaceholder.CaptionPlaceholderButton
+      // platform_editor_typography_ugc clean up
       // remove typecasting
       , {
         ref: this.captionPlaceHolderRef,

package/dist/cjs/nodeviews/mediaSingleNext.js

@@ -518,8 +518,8 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
     isDrafting: isCurrentNodeDrafting
   }), (0, _react2.jsx)("div", {
     ref: forwardRef
-  }), shouldShowPlaceholder && ((0, _experiments.editorExperiment)('typography_migration_ugc', true) ? (0, _react2.jsx)(_CaptionPlaceholder.CaptionPlaceholderButton
-  // platform_editor_typography_migration_ugc clean up
+  }), shouldShowPlaceholder && ((0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _react2.jsx)(_CaptionPlaceholder.CaptionPlaceholderButton
+  // platform_editor_typography_ugc clean up
   // remove typecasting
   , {
     ref: captionPlaceHolderRef,

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

@@ -933,18 +933,33 @@ var createPlugin = exports.createPlugin = function createPlugin(_schema, options
       },
       handleDoubleClickOn: function handleDoubleClickOn(view) {
         var _pluginInjectionApi$e;
-        if (!(0, _platformFeatureFlags.fg)('platform_editor_media_previewer_bugfix') || !(0, _platformFeatureFlags.fg)('platform_editor_media_interaction_improvements') || (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) === 'view') {
+        if (!(0, _platformFeatureFlags.fg)('platform_editor_media_previewer_bugfix') || !(0, _platformFeatureFlags.fg)('platform_editor_media_interaction_improvements')) {
           return;
         }
+        var isLivePagesViewMode = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) === 'view';
 
         // Double Click support for Media Viewer Nodes
         var maybeMediaNode = (0, _mediaCommon2.getMediaFromSupportedMediaNodesFromSelection)(view.state);
         if (maybeMediaNode) {
+          var _pluginInjectionApi$a;
           // If media type is video, do not open media viewer
-          if ((0, _mediaSingle2.isVideo)(maybeMediaNode.attrs.__fileMimeType)) {
+          if (!(0, _mediaCommon2.isNodeDoubleClickSupportedInLivePagesViewMode)(isLivePagesViewMode, maybeMediaNode)) {
             return false;
           }
+          // Show media viewer
           pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.media.commands.showMediaViewer(maybeMediaNode.attrs));
+
+          // Call analytics event
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.actions.fireAnalyticsEvent({
+            action: _analytics.ACTION.OPENED,
+            actionSubject: _analytics.ACTION_SUBJECT.MEDIA_VIEWER,
+            actionSubjectId: _analytics.ACTION_SUBJECT_ID.MEDIA,
+            eventType: _analytics.EVENT_TYPE.UI,
+            attributes: {
+              nodeType: maybeMediaNode.type.name,
+              inputMethod: _analytics.INPUT_METHOD.DOUBLE_CLICK
+            }
+          });
           return true;
         }
         return false;

package/dist/cjs/toolbar/assets/commentWithDotIcon.js

@@ -8,6 +8,7 @@ exports.CommentWithDotIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var IconCommentWithDotGlyph = function IconCommentWithDotGlyph() {
   return /*#__PURE__*/_react.default.createElement("svg", {
@@ -36,8 +37,37 @@ var IconCommentWithDotGlyph = function IconCommentWithDotGlyph() {
     fill: "var(--ds-background-warning-bold, ".concat(_colors.Y300, ")")
   }));
 };
+var IconCommentConfluenceTypeWithDotGlyph = function IconCommentConfluenceTypeWithDotGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.998 11.513C4.998 8.475 8.139 6.003 12 6.003C15.861 6.003 19.002 8.475 19.002 11.513C19.002 14.552 15.861 17.023 12 17.023C8.139 17.023 4.998 14.552 4.998 11.513ZM19.838 19.284V19.282C19.838 19.282 18.274 17.022 19.071 16.166L19.034 16.186C20.261 14.902 21 13.279 21 11.513C21 7.371 16.963 4 12 4C7.037 4 3 7.37 3 11.513C3 15.656 7.037 19.027 12 19.027C13.42 19.027 14.76 18.742 15.957 18.251C16.96 19.273 18.244 19.823 19.197 19.97L19.199 19.967C19.2515 19.9867 19.3069 19.9979 19.363 20C19.448 20 19.5317 19.9789 19.6067 19.9386C19.6816 19.8984 19.7453 19.8402 19.7923 19.7693C19.8392 19.6984 19.8679 19.6169 19.8757 19.5323C19.8835 19.4476 19.8712 19.3623 19.838 19.284Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M16 9H8C7.44772 9 7 9.44772 7 10C7 10.5523 7.44772 11 8 11H16C16.5523 11 17 10.5523 17 10C17 9.44772 16.5523 9 16 9Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M11 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H11C11.5523 14 12 13.5523 12 13C12 12.4477 11.5523 12 11 12Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "13",
+    y: "1",
+    width: "8",
+    height: "8",
+    rx: "4",
+    stroke: "var(--ds-border-inverse, ".concat(_colors.N0, ")"),
+    strokeWidth: 2,
+    fill: "var(--ds-icon-brand, #0052CC)"
+  }));
+};
 var CommentWithDotIcon = exports.CommentWithDotIcon = function CommentWithDotIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: IconCommentWithDotGlyph
+    glyph: (0, _platformFeatureFlags.fg)('platform_editor_media_interaction_improvements') ? IconCommentConfluenceTypeWithDotGlyph : IconCommentWithDotGlyph
   }, props));
 };

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

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CaptionPlaceholderButton = exports.CaptionPlaceholder = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _media = require("@atlaskit/editor-common/media");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
@@ -22,6 +24,8 @@ var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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) { (0, _defineProperty2.default)(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; }
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
 var placeholderButton = (0, _primitives.xcss)({
@@ -29,10 +33,11 @@ var placeholderButton = (0, _primitives.xcss)({
   marginTop: 'space.100'
 });
 
-// platform_editor_typography_migration_ugc clean up
+// platform_editor_typography_ugc clean up
 // Remove this component
 var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick;
+  var message = (0, _platformFeatureFlags.fg)('platform_editor_media_interaction_improvements') ? _objectSpread({}, _media.captionMessages.placeholderWithDoubleClickPrompt) : _objectSpread({}, _media.captionMessages.placeholder);
   return (
     // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
     (0, _react2.jsx)("span", {
@@ -41,7 +46,7 @@ var CaptionPlaceholder = exports.CaptionPlaceholder = /*#__PURE__*/_react.defaul
       onClick: onClick,
       "data-id": _mediaSingle.CAPTION_PLACEHOLDER_ID,
       "data-testid": "caption-placeholder"
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _media.captionMessages.placeholder))
+    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, message))
   );
 });
 var CaptionPlaceholderButton = exports.CaptionPlaceholderButton = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
@@ -51,6 +56,7 @@ var CaptionPlaceholderButton = exports.CaptionPlaceholderButton = /*#__PURE__*/_
     // Hence we want to disabled it so that user can type in caption directly after click
     e.preventDefault();
   }, []);
+  var message = (0, _platformFeatureFlags.fg)('platform_editor_media_interaction_improvements') ? _objectSpread({}, _media.captionMessages.placeholderWithDoubleClickPrompt) : _objectSpread({}, _media.captionMessages.placeholder);
   return (0, _react2.jsx)(_primitives.Pressable, {
     ref: ref,
     backgroundColor: "color.background.neutral.subtle",
@@ -63,5 +69,5 @@ var CaptionPlaceholderButton = exports.CaptionPlaceholderButton = /*#__PURE__*/_
   }, (0, _react2.jsx)(_primitives.Text, {
     color: "color.text.subtlest",
     size: "large"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _media.captionMessages.placeholder)));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, message)));
 });

package/dist/cjs/utils/media-common.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaSingleOrInlineNodeSelected = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaSingleOrInlineNodeFromSelection = exports.getMediaNodeFromSelection = exports.getMediaFromSupportedMediaNodesFromSelection = exports.getIdentifier = exports.extractMediaNodes = exports.createMediaIdentifierArray = exports.copyOptionalAttrsFromMediaState = void 0;
+exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isNodeDoubleClickSupportedInLivePagesViewMode = exports.isMediaSingleOrInlineNodeSelected = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaSingleOrInlineNodeFromSelection = exports.getMediaNodeFromSelection = exports.getMediaFromSupportedMediaNodesFromSelection = exports.getIdentifier = exports.extractMediaNodes = exports.createMediaIdentifierArray = exports.copyOptionalAttrsFromMediaState = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -223,6 +223,28 @@ var getMediaFromSupportedMediaNodesFromSelection = exports.getMediaFromSupported
       return null;
   }
 };
+var isNodeDoubleClickSupportedInLivePagesViewMode = exports.isNodeDoubleClickSupportedInLivePagesViewMode = function isNodeDoubleClickSupportedInLivePagesViewMode(isViewMode, node) {
+  if (!node) {
+    return false;
+  }
+  // Double Click is not supported for video nodes on both views
+  if ((0, _mediaSingle.isVideo)(node.attrs.__fileMimeType)) {
+    return false;
+  }
+
+  // Double click is supported for all editor media nodes
+  if (!isViewMode) {
+    return true;
+  }
+
+  // Double Click is not supported for mediaGroup and mediaInline nodes that are file
+  if (node.type === node.type.schema.nodes.mediaGroup || node.type === node.type.schema.nodes.mediaInline && node.attrs.type === 'file') {
+    return false;
+  }
+
+  // Double Click supported for all other media nodes
+  return true;
+};
 var getIdentifier = exports.getIdentifier = function getIdentifier(attrs) {
   if ((0, _utils3.isExternalMedia)(attrs)) {
     return {

package/dist/es2019/nodeviews/mediaSingle.js

@@ -51,7 +51,7 @@ export default class MediaSingleNode extends Component {
       isCopying: false
     });
     _defineProperty(this, "mediaSingleWrapperRef", /*#__PURE__*/React.createRef());
-    // platform_editor_typography_migration_ugc clean up
+    // platform_editor_typography_ugc clean up
     // remove HTMLSpanElement type
     _defineProperty(this, "captionPlaceHolderRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "createOrUpdateMediaNodeUpdater", props => {
@@ -428,8 +428,8 @@ export default class MediaSingleNode extends Component {
       isDrafting: isCurrentNodeDrafting
     }), jsx("div", {
       ref: this.props.forwardRef
-    }), shouldShowPlaceholder && (editorExperiment('typography_migration_ugc', true) ? jsx(CaptionPlaceholderButton
-    // platform_editor_typography_migration_ugc clean up
+    }), shouldShowPlaceholder && (fg('platform_editor_typography_ugc') ? jsx(CaptionPlaceholderButton
+    // platform_editor_typography_ugc clean up
     // remove typecasting
     , {
       ref: this.captionPlaceHolderRef,

package/dist/es2019/nodeviews/mediaSingleNext.js

@@ -478,8 +478,8 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
     isDrafting: isCurrentNodeDrafting
   }), jsx("div", {
     ref: forwardRef
-  }), shouldShowPlaceholder && (editorExperiment('typography_migration_ugc', true) ? jsx(CaptionPlaceholderButton
-  // platform_editor_typography_migration_ugc clean up
+  }), shouldShowPlaceholder && (fg('platform_editor_typography_ugc') ? jsx(CaptionPlaceholderButton
+  // platform_editor_typography_ugc clean up
   // remove typecasting
   , {
     ref: captionPlaceHolderRef,

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

@@ -4,6 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { RawIntlProvider } from 'react-intl-next';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { mediaInlineImagesEnabled } from '@atlaskit/editor-common/media-inline';
 import { CAPTION_PLACEHOLDER_ID, getMaxWidthForNestedNodeNext } from '@atlaskit/editor-common/media-single';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -20,10 +21,10 @@ import * as helpers from '../commands/helpers';
 import { updateMediaNodeAttrs } from '../commands/helpers';
 import PickerFacade from '../picker-facade';
 import DropPlaceholder from '../ui/Media/DropPlaceholder';
-import { getMediaFromSupportedMediaNodesFromSelection, removeMediaNode, splitMediaGroup } from '../utils/media-common';
+import { getMediaFromSupportedMediaNodesFromSelection, isNodeDoubleClickSupportedInLivePagesViewMode, removeMediaNode, splitMediaGroup } from '../utils/media-common';
 import { insertMediaGroupNode, insertMediaInlineNode } from '../utils/media-files';
 import { getMediaNodeInsertionType } from '../utils/media-inline';
-import { insertMediaSingleNode, isVideo } from '../utils/media-single';
+import { insertMediaSingleNode } from '../utils/media-single';
 import { ACTIONS } from './actions';
 import { MediaTaskManager } from './mediaTaskManager';
 import { stateKey } from './plugin-key';
@@ -817,18 +818,33 @@ export const createPlugin = (_schema, options, getIntl, pluginInjectionApi, disp
       },
       handleDoubleClickOn: view => {
         var _pluginInjectionApi$e, _pluginInjectionApi$e2;
-        if (!fg('platform_editor_media_previewer_bugfix') || !fg('platform_editor_media_interaction_improvements') || (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : (_pluginInjectionApi$e2 = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) === 'view') {
+        if (!fg('platform_editor_media_previewer_bugfix') || !fg('platform_editor_media_interaction_improvements')) {
           return;
         }
+        const isLivePagesViewMode = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : (_pluginInjectionApi$e2 = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) === 'view';
 
         // Double Click support for Media Viewer Nodes
         const maybeMediaNode = getMediaFromSupportedMediaNodesFromSelection(view.state);
         if (maybeMediaNode) {
+          var _pluginInjectionApi$a;
           // If media type is video, do not open media viewer
-          if (isVideo(maybeMediaNode.attrs.__fileMimeType)) {
+          if (!isNodeDoubleClickSupportedInLivePagesViewMode(isLivePagesViewMode, maybeMediaNode)) {
             return false;
           }
+          // Show media viewer
           pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.media.commands.showMediaViewer(maybeMediaNode.attrs));
+
+          // Call analytics event
+          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.fireAnalyticsEvent({
+            action: ACTION.OPENED,
+            actionSubject: ACTION_SUBJECT.MEDIA_VIEWER,
+            actionSubjectId: ACTION_SUBJECT_ID.MEDIA,
+            eventType: EVENT_TYPE.UI,
+            attributes: {
+              nodeType: maybeMediaNode.type.name,
+              inputMethod: INPUT_METHOD.DOUBLE_CLICK
+            }
+          });
           return true;
         }
         return false;

package/dist/es2019/toolbar/assets/commentWithDotIcon.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@atlaskit/icon';
-import { Y300 } from '@atlaskit/theme/colors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { N0, Y300 } from '@atlaskit/theme/colors';
 const IconCommentWithDotGlyph = () => {
   return /*#__PURE__*/React.createElement("svg", {
     width: "24",
@@ -29,8 +30,37 @@ const IconCommentWithDotGlyph = () => {
     fill: `var(--ds-background-warning-bold, ${Y300})`
   }));
 };
+const IconCommentConfluenceTypeWithDotGlyph = () => {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.998 11.513C4.998 8.475 8.139 6.003 12 6.003C15.861 6.003 19.002 8.475 19.002 11.513C19.002 14.552 15.861 17.023 12 17.023C8.139 17.023 4.998 14.552 4.998 11.513ZM19.838 19.284V19.282C19.838 19.282 18.274 17.022 19.071 16.166L19.034 16.186C20.261 14.902 21 13.279 21 11.513C21 7.371 16.963 4 12 4C7.037 4 3 7.37 3 11.513C3 15.656 7.037 19.027 12 19.027C13.42 19.027 14.76 18.742 15.957 18.251C16.96 19.273 18.244 19.823 19.197 19.97L19.199 19.967C19.2515 19.9867 19.3069 19.9979 19.363 20C19.448 20 19.5317 19.9789 19.6067 19.9386C19.6816 19.8984 19.7453 19.8402 19.7923 19.7693C19.8392 19.6984 19.8679 19.6169 19.8757 19.5323C19.8835 19.4476 19.8712 19.3623 19.838 19.284Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16 9H8C7.44772 9 7 9.44772 7 10C7 10.5523 7.44772 11 8 11H16C16.5523 11 17 10.5523 17 10C17 9.44772 16.5523 9 16 9Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H11C11.5523 14 12 13.5523 12 13C12 12.4477 11.5523 12 11 12Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "13",
+    y: "1",
+    width: "8",
+    height: "8",
+    rx: "4",
+    stroke: `var(--ds-border-inverse, ${N0})`,
+    strokeWidth: 2,
+    fill: "var(--ds-icon-brand, #0052CC)"
+  }));
+};
 export const CommentWithDotIcon = props => {
   return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconCommentWithDotGlyph
+    glyph: fg('platform_editor_media_interaction_improvements') ? IconCommentConfluenceTypeWithDotGlyph : IconCommentWithDotGlyph
   }, props));
 };

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

@@ -9,6 +9,7 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable, Text, xcss } from '@atlaskit/primitives';
 import { N200 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -24,11 +25,16 @@ const placeholderButton = xcss({
   marginTop: 'space.100'
 });
 
-// platform_editor_typography_migration_ugc clean up
+// platform_editor_typography_ugc clean up
 // Remove this component
 export const CaptionPlaceholder = /*#__PURE__*/React.forwardRef(({
   onClick
 }, ref) => {
+  const message = fg('platform_editor_media_interaction_improvements') ? {
+    ...messages.placeholderWithDoubleClickPrompt
+  } : {
+    ...messages.placeholder
+  };
   return (
     // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
     jsx("span", {
@@ -37,7 +43,7 @@ export const CaptionPlaceholder = /*#__PURE__*/React.forwardRef(({
       onClick: onClick,
       "data-id": CAPTION_PLACEHOLDER_ID,
       "data-testid": "caption-placeholder"
-    }, jsx(FormattedMessage, messages.placeholder))
+    }, jsx(FormattedMessage, message))
   );
 });
 export const CaptionPlaceholderButton = /*#__PURE__*/React.forwardRef(({
@@ -48,6 +54,11 @@ export const CaptionPlaceholderButton = /*#__PURE__*/React.forwardRef(({
     // Hence we want to disabled it so that user can type in caption directly after click
     e.preventDefault();
   }, []);
+  const message = fg('platform_editor_media_interaction_improvements') ? {
+    ...messages.placeholderWithDoubleClickPrompt
+  } : {
+    ...messages.placeholder
+  };
   return jsx(Pressable, {
     ref: ref,
     backgroundColor: "color.background.neutral.subtle",
@@ -60,5 +71,5 @@ export const CaptionPlaceholderButton = /*#__PURE__*/React.forwardRef(({
   }, jsx(Text, {
     color: "color.text.subtlest",
     size: "large"
-  }, jsx(FormattedMessage, messages.placeholder)));
+  }, jsx(FormattedMessage, message)));
 });

package/dist/es2019/utils/media-common.js

@@ -233,6 +233,28 @@ export const getMediaFromSupportedMediaNodesFromSelection = state => {
       return null;
   }
 };
+export const isNodeDoubleClickSupportedInLivePagesViewMode = (isViewMode, node) => {
+  if (!node) {
+    return false;
+  }
+  // Double Click is not supported for video nodes on both views
+  if (isVideo(node.attrs.__fileMimeType)) {
+    return false;
+  }
+
+  // Double click is supported for all editor media nodes
+  if (!isViewMode) {
+    return true;
+  }
+
+  // Double Click is not supported for mediaGroup and mediaInline nodes that are file
+  if (node.type === node.type.schema.nodes.mediaGroup || node.type === node.type.schema.nodes.mediaInline && node.attrs.type === 'file') {
+    return false;
+  }
+
+  // Double Click supported for all other media nodes
+  return true;
+};
 export const getIdentifier = attrs => {
   if (isExternalMedia(attrs)) {
     return {

package/dist/esm/nodeviews/mediaSingle.js

@@ -71,7 +71,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       isCopying: false
     });
     _defineProperty(_assertThisInitialized(_this), "mediaSingleWrapperRef", /*#__PURE__*/React.createRef());
-    // platform_editor_typography_migration_ugc clean up
+    // platform_editor_typography_ugc clean up
     // remove HTMLSpanElement type
     _defineProperty(_assertThisInitialized(_this), "captionPlaceHolderRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "createOrUpdateMediaNodeUpdater", function (props) {
@@ -505,8 +505,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         isDrafting: isCurrentNodeDrafting
       }), jsx("div", {
         ref: this.props.forwardRef
-      }), shouldShowPlaceholder && (editorExperiment('typography_migration_ugc', true) ? jsx(CaptionPlaceholderButton
-      // platform_editor_typography_migration_ugc clean up
+      }), shouldShowPlaceholder && (fg('platform_editor_typography_ugc') ? jsx(CaptionPlaceholderButton
+      // platform_editor_typography_ugc clean up
       // remove typecasting
       , {
         ref: this.captionPlaceHolderRef,

package/dist/esm/nodeviews/mediaSingleNext.js

@@ -511,8 +511,8 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
     isDrafting: isCurrentNodeDrafting
   }), jsx("div", {
     ref: forwardRef
-  }), shouldShowPlaceholder && (editorExperiment('typography_migration_ugc', true) ? jsx(CaptionPlaceholderButton
-  // platform_editor_typography_migration_ugc clean up
+  }), shouldShowPlaceholder && (fg('platform_editor_typography_ugc') ? jsx(CaptionPlaceholderButton
+  // platform_editor_typography_ugc clean up
   // remove typecasting
   , {
     ref: captionPlaceHolderRef,

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

@@ -13,6 +13,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { RawIntlProvider } from 'react-intl-next';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { mediaInlineImagesEnabled } from '@atlaskit/editor-common/media-inline';
 import { CAPTION_PLACEHOLDER_ID, getMaxWidthForNestedNodeNext } from '@atlaskit/editor-common/media-single';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -29,10 +30,10 @@ import * as helpers from '../commands/helpers';
 import { updateMediaNodeAttrs } from '../commands/helpers';
 import PickerFacade from '../picker-facade';
 import DropPlaceholder from '../ui/Media/DropPlaceholder';
-import { getMediaFromSupportedMediaNodesFromSelection, removeMediaNode, splitMediaGroup } from '../utils/media-common';
+import { getMediaFromSupportedMediaNodesFromSelection, isNodeDoubleClickSupportedInLivePagesViewMode, removeMediaNode, splitMediaGroup } from '../utils/media-common';
 import { insertMediaGroupNode, insertMediaInlineNode } from '../utils/media-files';
 import { getMediaNodeInsertionType } from '../utils/media-inline';
-import { insertMediaSingleNode, isVideo } from '../utils/media-single';
+import { insertMediaSingleNode } from '../utils/media-single';
 import { ACTIONS } from './actions';
 import { MediaTaskManager } from './mediaTaskManager';
 import { stateKey } from './plugin-key';
@@ -918,18 +919,33 @@ export var createPlugin = function createPlugin(_schema, options, getIntl, plugi
       },
       handleDoubleClickOn: function handleDoubleClickOn(view) {
         var _pluginInjectionApi$e;
-        if (!fg('platform_editor_media_previewer_bugfix') || !fg('platform_editor_media_interaction_improvements') || (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) === 'view') {
+        if (!fg('platform_editor_media_previewer_bugfix') || !fg('platform_editor_media_interaction_improvements')) {
           return;
         }
+        var isLivePagesViewMode = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) === 'view';
 
         // Double Click support for Media Viewer Nodes
         var maybeMediaNode = getMediaFromSupportedMediaNodesFromSelection(view.state);
         if (maybeMediaNode) {
+          var _pluginInjectionApi$a;
           // If media type is video, do not open media viewer
-          if (isVideo(maybeMediaNode.attrs.__fileMimeType)) {
+          if (!isNodeDoubleClickSupportedInLivePagesViewMode(isLivePagesViewMode, maybeMediaNode)) {
             return false;
           }
+          // Show media viewer
           pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.media.commands.showMediaViewer(maybeMediaNode.attrs));
+
+          // Call analytics event
+          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.actions.fireAnalyticsEvent({
+            action: ACTION.OPENED,
+            actionSubject: ACTION_SUBJECT.MEDIA_VIEWER,
+            actionSubjectId: ACTION_SUBJECT_ID.MEDIA,
+            eventType: EVENT_TYPE.UI,
+            attributes: {
+              nodeType: maybeMediaNode.type.name,
+              inputMethod: INPUT_METHOD.DOUBLE_CLICK
+            }
+          });
           return true;
         }
         return false;

package/dist/esm/toolbar/assets/commentWithDotIcon.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@atlaskit/icon';
-import { Y300 } from '@atlaskit/theme/colors';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { N0, Y300 } from '@atlaskit/theme/colors';
 var IconCommentWithDotGlyph = function IconCommentWithDotGlyph() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "24",
@@ -29,8 +30,37 @@ var IconCommentWithDotGlyph = function IconCommentWithDotGlyph() {
     fill: "var(--ds-background-warning-bold, ".concat(Y300, ")")
   }));
 };
+var IconCommentConfluenceTypeWithDotGlyph = function IconCommentConfluenceTypeWithDotGlyph() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.998 11.513C4.998 8.475 8.139 6.003 12 6.003C15.861 6.003 19.002 8.475 19.002 11.513C19.002 14.552 15.861 17.023 12 17.023C8.139 17.023 4.998 14.552 4.998 11.513ZM19.838 19.284V19.282C19.838 19.282 18.274 17.022 19.071 16.166L19.034 16.186C20.261 14.902 21 13.279 21 11.513C21 7.371 16.963 4 12 4C7.037 4 3 7.37 3 11.513C3 15.656 7.037 19.027 12 19.027C13.42 19.027 14.76 18.742 15.957 18.251C16.96 19.273 18.244 19.823 19.197 19.97L19.199 19.967C19.2515 19.9867 19.3069 19.9979 19.363 20C19.448 20 19.5317 19.9789 19.6067 19.9386C19.6816 19.8984 19.7453 19.8402 19.7923 19.7693C19.8392 19.6984 19.8679 19.6169 19.8757 19.5323C19.8835 19.4476 19.8712 19.3623 19.838 19.284Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16 9H8C7.44772 9 7 9.44772 7 10C7 10.5523 7.44772 11 8 11H16C16.5523 11 17 10.5523 17 10C17 9.44772 16.5523 9 16 9Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11 12H8C7.44772 12 7 12.4477 7 13C7 13.5523 7.44772 14 8 14H11C11.5523 14 12 13.5523 12 13C12 12.4477 11.5523 12 11 12Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "13",
+    y: "1",
+    width: "8",
+    height: "8",
+    rx: "4",
+    stroke: "var(--ds-border-inverse, ".concat(N0, ")"),
+    strokeWidth: 2,
+    fill: "var(--ds-icon-brand, #0052CC)"
+  }));
+};
 export var CommentWithDotIcon = function CommentWithDotIcon(props) {
   return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconCommentWithDotGlyph
+    glyph: fg('platform_editor_media_interaction_improvements') ? IconCommentConfluenceTypeWithDotGlyph : IconCommentWithDotGlyph
   }, props));
 };

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

@@ -1,5 +1,8 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+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; }
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -11,6 +14,7 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable, Text, xcss } from '@atlaskit/primitives';
 import { N200 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -20,10 +24,11 @@ var placeholderButton = xcss({
   marginTop: 'space.100'
 });
 
-// platform_editor_typography_migration_ugc clean up
+// platform_editor_typography_ugc clean up
 // Remove this component
 export var CaptionPlaceholder = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick;
+  var message = fg('platform_editor_media_interaction_improvements') ? _objectSpread({}, messages.placeholderWithDoubleClickPrompt) : _objectSpread({}, messages.placeholder);
   return (
     // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
     jsx("span", {
@@ -32,7 +37,7 @@ export var CaptionPlaceholder = /*#__PURE__*/React.forwardRef(function (_ref, re
       onClick: onClick,
       "data-id": CAPTION_PLACEHOLDER_ID,
       "data-testid": "caption-placeholder"
-    }, jsx(FormattedMessage, messages.placeholder))
+    }, jsx(FormattedMessage, message))
   );
 });
 export var CaptionPlaceholderButton = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
@@ -42,6 +47,7 @@ export var CaptionPlaceholderButton = /*#__PURE__*/React.forwardRef(function (_r
     // Hence we want to disabled it so that user can type in caption directly after click
     e.preventDefault();
   }, []);
+  var message = fg('platform_editor_media_interaction_improvements') ? _objectSpread({}, messages.placeholderWithDoubleClickPrompt) : _objectSpread({}, messages.placeholder);
   return jsx(Pressable, {
     ref: ref,
     backgroundColor: "color.background.neutral.subtle",
@@ -54,5 +60,5 @@ export var CaptionPlaceholderButton = /*#__PURE__*/React.forwardRef(function (_r
   }, jsx(Text, {
     color: "color.text.subtlest",
     size: "large"
-  }, jsx(FormattedMessage, messages.placeholder)));
+  }, jsx(FormattedMessage, message)));
 });

package/dist/esm/utils/media-common.js

@@ -216,6 +216,28 @@ export var getMediaFromSupportedMediaNodesFromSelection = function getMediaFromS
       return null;
   }
 };
+export var isNodeDoubleClickSupportedInLivePagesViewMode = function isNodeDoubleClickSupportedInLivePagesViewMode(isViewMode, node) {
+  if (!node) {
+    return false;
+  }
+  // Double Click is not supported for video nodes on both views
+  if (isVideo(node.attrs.__fileMimeType)) {
+    return false;
+  }
+
+  // Double click is supported for all editor media nodes
+  if (!isViewMode) {
+    return true;
+  }
+
+  // Double Click is not supported for mediaGroup and mediaInline nodes that are file
+  if (node.type === node.type.schema.nodes.mediaGroup || node.type === node.type.schema.nodes.mediaInline && node.attrs.type === 'file') {
+    return false;
+  }
+
+  // Double Click supported for all other media nodes
+  return true;
+};
 export var getIdentifier = function getIdentifier(attrs) {
   if (isExternalMedia(attrs)) {
     return {

package/dist/types/utils/media-common.d.ts

@@ -23,6 +23,7 @@ export declare const getMediaNodeFromSelection: (state: EditorState) => PMNode |
 export declare const isMediaSingleOrInlineNodeSelected: (state: EditorState) => boolean | undefined;
 export declare const getMediaSingleOrInlineNodeFromSelection: (state: EditorState) => PMNode | null;
 export declare const getMediaFromSupportedMediaNodesFromSelection: (state: EditorState) => PMNode | null;
+export declare const isNodeDoubleClickSupportedInLivePagesViewMode: (isViewMode: boolean, node?: PMNode | null) => boolean;
 export declare const getIdentifier: (attrs: MediaADFAttrs) => Identifier;
 export declare const extractMediaNodes: (doc: ProseMirrorNode) => PMNode[];
 export declare const createMediaIdentifierArray: (mediaNodes: ProseMirrorNode[]) => any[];

package/dist/types-ts4.5/utils/media-common.d.ts

@@ -23,6 +23,7 @@ export declare const getMediaNodeFromSelection: (state: EditorState) => PMNode |
 export declare const isMediaSingleOrInlineNodeSelected: (state: EditorState) => boolean | undefined;
 export declare const getMediaSingleOrInlineNodeFromSelection: (state: EditorState) => PMNode | null;
 export declare const getMediaFromSupportedMediaNodesFromSelection: (state: EditorState) => PMNode | null;
+export declare const isNodeDoubleClickSupportedInLivePagesViewMode: (isViewMode: boolean, node?: PMNode | null) => boolean;
 export declare const getIdentifier: (attrs: MediaADFAttrs) => Identifier;
 export declare const extractMediaNodes: (doc: ProseMirrorNode) => PMNode[];
 export declare const createMediaIdentifierArray: (mediaNodes: ProseMirrorNode[]) => any[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "1.37.4",
+	"version": "1.38.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,8 +36,8 @@
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/editor-common": "^94.4.0",
-		"@atlaskit/editor-palette": "1.6.2",
+		"@atlaskit/editor-common": "^94.5.0",
+		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-annotation": "1.21.3",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.9.0",
+		"@atlaskit/tmp-editor-statsig": "^2.10.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@babel/runtime": "^7.0.0",
@@ -142,6 +142,9 @@
 		"editor_nest_media_and_codeblock_in_quotes_jira": {
 			"type": "boolean"
 		},
+		"platform_editor_typography_ugc": {
+			"type": "boolean"
+		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		}