@atlaskit/editor-common 116.24.4 → 116.25.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-common
 
+## 116.25.0
+
+### Minor Changes
+
+- [`c0b0b98789f7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c0b0b98789f7a) -
+  Add analytics for synced block source creation: record the creation input method and whether the
+  block was created empty, and emit a one-off event the first time an empty source block gains
+  content.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 116.24.5
+
+### Patch Changes
+
+- [`07226ab3fad50`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/07226ab3fad50) -
+  [ux] Reserve native embed first-paint layout
+
 ## 116.24.4
 
 ### Patch Changes

package/dist/cjs/analytics/types/enums.js

@@ -597,6 +597,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["SYNCED_BLOCK_UPDATE"] = "syncedBlockUpdate";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_CREATE"] = "syncedBlockCreate";
+  ACTION_SUBJECT_ID["SYNCED_BLOCK_ADD_CONTENT"] = "syncedBlockAddContent";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_CREATE"] = "referenceSyncedBlockCreate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_DELETE"] = "syncedBlockDelete";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_DELETE"] = "referenceSyncedBlockDelete";

package/dist/cjs/extensibility/Extension.js

@@ -34,6 +34,7 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
         editorView = _this$props.editorView,
         handleContentDOMRef = _this$props.handleContentDOMRef,
         extensionHandlers = _this$props.extensionHandlers,
+        extensionLoadingHandlers = _this$props.extensionLoadingHandlers,
         references = _this$props.references,
         editorAppearance = _this$props.editorAppearance,
         pluginInjectionApi = _this$props.pluginInjectionApi,
@@ -59,6 +60,7 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
         extensionProvider: extensionProvider,
         handleContentDOMRef: handleContentDOMRef,
         extensionHandlers: extensionHandlers,
+        extensionLoadingHandlers: extensionLoadingHandlers,
         editorAppearance: editorAppearance,
         pluginInjectionApi: pluginInjectionApi,
         eventDispatcher: eventDispatcher,

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -149,6 +149,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
       var _pmNode$marks;
       var _this$props = _this.props,
         extensionHandlers = _this$props.extensionHandlers,
+        extensionLoadingHandlers = _this$props.extensionLoadingHandlers,
         editorView = _this$props.editorView,
         showBodiedExtensionRendererView = _this$props.showBodiedExtensionRendererView,
         rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
@@ -184,6 +185,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
         }
       }
       var result;
+      var loadingFallback = extensionLoadingHandlers !== null && extensionLoadingHandlers !== void 0 && extensionLoadingHandlers[extensionType] ? (0, _utils.getExtensionRenderer)(extensionLoadingHandlers[extensionType])(node, editorView.state.doc, actions) : undefined;
       if (extensionHandlers && extensionHandlers[extensionType]) {
         var render = (0, _utils.getExtensionRenderer)(extensionHandlers[extensionType]);
         result = render(node, editorView.state.doc, actions);
@@ -196,18 +198,20 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
             return /*#__PURE__*/_react.default.createElement(NodeRenderer, {
               node: node,
               references: _this.props.references,
-              actions: actions
+              actions: actions,
+              loadingFallback: loadingFallback
             });
           }
           return /*#__PURE__*/_react.default.createElement(NodeRenderer, {
             node: node,
             references: _this.props.references,
             isSelected: isSelected,
+            loadingFallback: loadingFallback,
             showUnknownMacroPlaceholder: (0, _platformFeatureFlags.fg)('tinymce_display_unknown_macro_body_content')
           });
         }
       }
-      return result;
+      return result !== null && result !== void 0 ? result : loadingFallback;
     });
     return _this;
   }

package/dist/cjs/extensibility/extensionNodeView.js

@@ -321,6 +321,7 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
         providerFactory: props.providerFactory,
         handleContentDOMRef: forwardRef,
         extensionHandlers: props.extensionHandlers,
+        extensionLoadingHandlers: props.extensionLoadingHandlers,
         editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
         pluginInjectionApi: props.pluginInjectionApi,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
@@ -331,11 +332,12 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
     }
   }]);
 }(_reactNodeView.default); // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
+function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionLoadingHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
   return function (node, view, getPos) {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       extensionHandlers: extensionHandlers,
+      extensionLoadingHandlers: extensionLoadingHandlers,
       extensionNodeViewOptions: extensionNodeViewOptions,
       pluginInjectionApi: pluginInjectionApi,
       macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,

package/dist/cjs/extensions/extension-handlers.js

@@ -124,6 +124,9 @@ function isUnknownConfluenceMacroWithBody(extensionNode) {
 function ExtensionLoading(props) {
   var intl = (0, _reactIntl.useIntl)();
   var extensionNode = props.node;
+  if (!props.error && !props.timedOut && props.loadingFallback) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.loadingFallback);
+  }
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.24.3";
+var packageVersion = "116.24.5";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.24.3";
+var packageVersion = "116.24.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/analytics/types/enums.js

@@ -605,6 +605,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["SYNCED_BLOCK_UPDATE"] = "syncedBlockUpdate";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_CREATE"] = "syncedBlockCreate";
+  ACTION_SUBJECT_ID["SYNCED_BLOCK_ADD_CONTENT"] = "syncedBlockAddContent";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_CREATE"] = "referenceSyncedBlockCreate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_DELETE"] = "syncedBlockDelete";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_DELETE"] = "referenceSyncedBlockDelete";

package/dist/es2019/extensibility/Extension.js

@@ -17,6 +17,7 @@ export class Extension extends Component {
         editorView,
         handleContentDOMRef,
         extensionHandlers,
+        extensionLoadingHandlers,
         references,
         editorAppearance,
         pluginInjectionApi,
@@ -44,6 +45,7 @@ export class Extension extends Component {
         extensionProvider: extensionProvider,
         handleContentDOMRef: handleContentDOMRef,
         extensionHandlers: extensionHandlers,
+        extensionLoadingHandlers: extensionLoadingHandlers,
         editorAppearance: editorAppearance,
         pluginInjectionApi: pluginInjectionApi,
         eventDispatcher: eventDispatcher,

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -102,9 +102,10 @@ class ExtensionComponentInner extends Component {
       }
     });
     _defineProperty(this, "handleExtension", (pmNode, actions) => {
-      var _pmNode$marks, _pmNode$marks$find, _pmNode$marks$find$at;
+      var _pmNode$marks, _pmNode$marks$find, _pmNode$marks$find$at, _result;
       const {
         extensionHandlers,
+        extensionLoadingHandlers,
         editorView,
         showBodiedExtensionRendererView,
         rendererExtensionHandlers
@@ -142,6 +143,7 @@ class ExtensionComponentInner extends Component {
         }
       }
       let result;
+      const loadingFallback = extensionLoadingHandlers !== null && extensionLoadingHandlers !== void 0 && extensionLoadingHandlers[extensionType] ? getExtensionRenderer(extensionLoadingHandlers[extensionType])(node, editorView.state.doc, actions) : undefined;
       if (extensionHandlers && extensionHandlers[extensionType]) {
         const render = getExtensionRenderer(extensionHandlers[extensionType]);
         result = render(node, editorView.state.doc, actions);
@@ -154,18 +156,20 @@ class ExtensionComponentInner extends Component {
             return /*#__PURE__*/React.createElement(NodeRenderer, {
               node: node,
               references: this.props.references,
-              actions: actions
+              actions: actions,
+              loadingFallback: loadingFallback
             });
           }
           return /*#__PURE__*/React.createElement(NodeRenderer, {
             node: node,
             references: this.props.references,
             isSelected: isSelected,
+            loadingFallback: loadingFallback,
             showUnknownMacroPlaceholder: fg('tinymce_display_unknown_macro_body_content')
           });
         }
       }
-      return result;
+      return (_result = result) !== null && _result !== void 0 ? _result : loadingFallback;
     });
   }
   componentDidUpdate() {

package/dist/es2019/extensibility/extensionNodeView.js

@@ -275,6 +275,7 @@ export class ExtensionNode extends ReactNodeView {
       providerFactory: props.providerFactory,
       handleContentDOMRef: forwardRef,
       extensionHandlers: props.extensionHandlers,
+      extensionLoadingHandlers: props.extensionLoadingHandlers,
       editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
       pluginInjectionApi: props.pluginInjectionApi,
       macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
@@ -286,11 +287,12 @@ export class ExtensionNode extends ReactNodeView {
 }
 
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
+export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionLoadingHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
   return (node, view, getPos) => {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory,
       extensionHandlers,
+      extensionLoadingHandlers,
       extensionNodeViewOptions,
       pluginInjectionApi,
       macroInteractionDesignFeatureFlags,

package/dist/es2019/extensions/extension-handlers.js

@@ -63,6 +63,9 @@ function isUnknownConfluenceMacroWithBody(extensionNode) {
 function ExtensionLoading(props) {
   const intl = useIntl();
   const extensionNode = props.node;
+  if (!props.error && !props.timedOut && props.loadingFallback) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.loadingFallback);
+  }
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "116.24.3";
+const packageVersion = "116.24.5";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "116.24.3";
+const packageVersion = "116.24.5";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -605,6 +605,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["SYNCED_BLOCK_UPDATE"] = "syncedBlockUpdate";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_CREATE"] = "syncedBlockCreate";
+  ACTION_SUBJECT_ID["SYNCED_BLOCK_ADD_CONTENT"] = "syncedBlockAddContent";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_CREATE"] = "referenceSyncedBlockCreate";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_DELETE"] = "syncedBlockDelete";
   ACTION_SUBJECT_ID["REFERENCE_SYNCED_BLOCK_DELETE"] = "referenceSyncedBlockDelete";

package/dist/esm/extensibility/Extension.js

@@ -25,6 +25,7 @@ export var Extension = /*#__PURE__*/function (_Component) {
         editorView = _this$props.editorView,
         handleContentDOMRef = _this$props.handleContentDOMRef,
         extensionHandlers = _this$props.extensionHandlers,
+        extensionLoadingHandlers = _this$props.extensionLoadingHandlers,
         references = _this$props.references,
         editorAppearance = _this$props.editorAppearance,
         pluginInjectionApi = _this$props.pluginInjectionApi,
@@ -50,6 +51,7 @@ export var Extension = /*#__PURE__*/function (_Component) {
         extensionProvider: extensionProvider,
         handleContentDOMRef: handleContentDOMRef,
         extensionHandlers: extensionHandlers,
+        extensionLoadingHandlers: extensionLoadingHandlers,
         editorAppearance: editorAppearance,
         pluginInjectionApi: pluginInjectionApi,
         eventDispatcher: eventDispatcher,

package/dist/esm/extensibility/ExtensionComponent.js

@@ -140,6 +140,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
       var _pmNode$marks;
       var _this$props = _this.props,
         extensionHandlers = _this$props.extensionHandlers,
+        extensionLoadingHandlers = _this$props.extensionLoadingHandlers,
         editorView = _this$props.editorView,
         showBodiedExtensionRendererView = _this$props.showBodiedExtensionRendererView,
         rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
@@ -175,6 +176,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
         }
       }
       var result;
+      var loadingFallback = extensionLoadingHandlers !== null && extensionLoadingHandlers !== void 0 && extensionLoadingHandlers[extensionType] ? getExtensionRenderer(extensionLoadingHandlers[extensionType])(node, editorView.state.doc, actions) : undefined;
       if (extensionHandlers && extensionHandlers[extensionType]) {
         var render = getExtensionRenderer(extensionHandlers[extensionType]);
         result = render(node, editorView.state.doc, actions);
@@ -187,18 +189,20 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
             return /*#__PURE__*/React.createElement(NodeRenderer, {
               node: node,
               references: _this.props.references,
-              actions: actions
+              actions: actions,
+              loadingFallback: loadingFallback
             });
           }
           return /*#__PURE__*/React.createElement(NodeRenderer, {
             node: node,
             references: _this.props.references,
             isSelected: isSelected,
+            loadingFallback: loadingFallback,
             showUnknownMacroPlaceholder: fg('tinymce_display_unknown_macro_body_content')
           });
         }
       }
-      return result;
+      return result !== null && result !== void 0 ? result : loadingFallback;
     });
     return _this;
   }

package/dist/esm/extensibility/extensionNodeView.js

@@ -313,6 +313,7 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
         providerFactory: props.providerFactory,
         handleContentDOMRef: forwardRef,
         extensionHandlers: props.extensionHandlers,
+        extensionLoadingHandlers: props.extensionLoadingHandlers,
         editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
         pluginInjectionApi: props.pluginInjectionApi,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
@@ -325,11 +326,12 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
 }(ReactNodeView);
 
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
+export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionLoadingHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
   return function (node, view, getPos) {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       extensionHandlers: extensionHandlers,
+      extensionLoadingHandlers: extensionLoadingHandlers,
       extensionNodeViewOptions: extensionNodeViewOptions,
       pluginInjectionApi: pluginInjectionApi,
       macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,

package/dist/esm/extensions/extension-handlers.js

@@ -109,6 +109,9 @@ function isUnknownConfluenceMacroWithBody(extensionNode) {
 function ExtensionLoading(props) {
   var intl = useIntl();
   var extensionNode = props.node;
+  if (!props.error && !props.timedOut && props.loadingFallback) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.loadingFallback);
+  }
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.24.3";
+var packageVersion = "116.24.5";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.24.3";
+var packageVersion = "116.24.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/types/enums.d.ts

@@ -579,6 +579,7 @@ export declare enum ACTION_SUBJECT_ID {
     SYNCED_BLOCK_UPDATE = "syncedBlockUpdate",
     REFERENCE_SYNCED_BLOCK_UPDATE = "referenceSyncedBlockUpdate",
     SYNCED_BLOCK_CREATE = "syncedBlockCreate",
+    SYNCED_BLOCK_ADD_CONTENT = "syncedBlockAddContent",
     REFERENCE_SYNCED_BLOCK_CREATE = "referenceSyncedBlockCreate",
     SYNCED_BLOCK_DELETE = "syncedBlockDelete",
     REFERENCE_SYNCED_BLOCK_DELETE = "referenceSyncedBlockDelete",

package/dist/types/analytics/types/sync-block-events.d.ts

@@ -74,6 +74,18 @@ type SyncedBlockCopyErrorAttributes = SyncedBlockErrorAttributes & {
 type SyncedBlockEditSourceAttributes = SyncedBlockSuccessAttributes & {
     sameDocument?: boolean;
 };
+/**
+ * Source `syncedBlockCreate` success attrs. Both optional so gate-off/legacy
+ * payloads are unchanged. `inputMethod`: creating surface (enum, PII-safe).
+ * `createdEmpty`: true when created from an empty selection, false when content
+ * was converted into the block.
+ */
+type SyncedBlockCreateSuccessAttributes = SyncedBlockSuccessAttributes & {
+    createdEmpty?: boolean;
+    inputMethod?: INPUT_METHOD;
+};
+/** First-content-added attrs: join keys only (no user content, PII-safe). */
+type SyncedBlockAddContentAttributes = SyncedBlockSuccessAttributes;
 export type SyncedBlockSourceURLErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL, SyncedBlockErrorAttributes>;
 export type SyncedBlockUpdateCacheErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_UPDATE_CACHE, SyncedBlockErrorAttributes>;
 export type SyncedBlockUpdateErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_UPDATE, SyncedBlockErrorAttributes>;
@@ -84,7 +96,12 @@ export type SyncedBlockGetSourceInfoErrorAEP = OperationalAEP<ACTION.ERROR, ACTI
 export type SyncedBlockFetchErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH, SyncedBlockErrorAttributes>;
 export type SyncedBlockFetchReferencesErrorAEP = OperationalAEP<ACTION.ERROR, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH_REFERENCES, SyncedBlockErrorAttributes>;
 export type SyncedBlockFetchSuccessAEP = OperationalAEP<ACTION.FETCHED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH, FetchSyncedBlockSuccessAttributes>;
-export type SyncedBlockCreateSuccessAEP = OperationalAEP<ACTION.INSERTED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE, SyncedBlockSuccessAttributes>;
+export type SyncedBlockCreateSuccessAEP = OperationalAEP<ACTION.INSERTED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE, SyncedBlockCreateSuccessAttributes>;
+/**
+ * First-content-added event: fired once per source block when it first gains
+ * user content, keyed by `resourceId` + `blockInstanceId` to join the funnel.
+ */
+export type SyncedBlockAddContentAEP = OperationalAEP<ACTION.ADDED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_ADD_CONTENT, SyncedBlockAddContentAttributes>;
 export type SyncedBlockUpdateSuccessAEP = OperationalAEP<ACTION.UPDATED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_UPDATE, SyncedBlockSuccessAttributes>;
 export type SyncedBlockDeleteSuccessAEP = OperationalAEP<ACTION.DELETED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.SYNCED_BLOCK_DELETE, SyncedBlockDeleteSuccessAttributes>;
 export type ReferenceSyncedBlockCreateSuccessAEP = OperationalAEP<ACTION.INSERTED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE, SyncedBlockSuccessAttributes>;
@@ -151,6 +168,6 @@ type SyncedBlockInsertAttemptedUnsupportedSurfaceAttributes = {
  * EDITOR-7749.
  */
 export type SyncedBlockInsertAttemptedUnsupportedSurfaceAEP = TrackAEP<ACTION.INSERT_ATTEMPTED, ACTION_SUBJECT.SYNCED_BLOCK, ACTION_SUBJECT_ID.UNSUPPORTED_SURFACE, SyncedBlockInsertAttemptedUnsupportedSurfaceAttributes, undefined>;
-export type SyncBlockEventPayload = SyncedBlockSourceURLErrorAEP | SyncedBlockUpdateCacheErrorAEP | SyncedBlockUpdateErrorAEP | SyncedBlockUpdateSuccessAEP | SyncedBlockCreateErrorAEP | SyncedBlockCreateSuccessAEP | SyncedBlockDeleteErrorAEP | SyncedBlockDeleteSuccessAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockFetchErrorAEP | SyncedBlockFetchSuccessAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchReferencesErrorAEP | ExperienceEventPayload | ReferenceSyncedBlockCreateSuccessAEP | ReferenceSyncedBlockDeleteSuccessAEP | SyncedBlockEditSourceAEP | SyncedBlockCopyAEP | SyncedBlockCopyErrorAEP | SyncedLocationClickAEP | SyncedBlockSSRErrorAEP | SyncedBlockSourceInfoOrphanedAEP | SyncedBlockCacheDeletionForcedAEP | SyncedBlockInsertAttemptedUnsupportedSurfaceAEP | InsertSourceSyncedBlockPayload;
+export type SyncBlockEventPayload = SyncedBlockSourceURLErrorAEP | SyncedBlockUpdateCacheErrorAEP | SyncedBlockUpdateErrorAEP | SyncedBlockUpdateSuccessAEP | SyncedBlockCreateErrorAEP | SyncedBlockCreateSuccessAEP | SyncedBlockAddContentAEP | SyncedBlockDeleteErrorAEP | SyncedBlockDeleteSuccessAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockFetchErrorAEP | SyncedBlockFetchSuccessAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchReferencesErrorAEP | ExperienceEventPayload | ReferenceSyncedBlockCreateSuccessAEP | ReferenceSyncedBlockDeleteSuccessAEP | SyncedBlockEditSourceAEP | SyncedBlockCopyAEP | SyncedBlockCopyErrorAEP | SyncedLocationClickAEP | SyncedBlockSSRErrorAEP | SyncedBlockSourceInfoOrphanedAEP | SyncedBlockCacheDeletionForcedAEP | SyncedBlockInsertAttemptedUnsupportedSurfaceAEP | InsertSourceSyncedBlockPayload;
 export type RendererSyncBlockEventPayload = SyncedBlockGetSourceInfoErrorAEP | SyncedBlockFetchErrorAEP | SyncedBlockFetchSuccessAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockSourceInfoOrphanedAEP | SyncedBlockCacheDeletionForcedAEP | ExperienceEventPayload;
 export {};

package/dist/types/extensibility/Extension.d.ts

@@ -13,6 +13,7 @@ export interface Props {
     editorView: EditorView;
     eventDispatcher?: EventDispatcher;
     extensionHandlers: ExtensionHandlers;
+    extensionLoadingHandlers?: ExtensionHandlers;
     getPos: ProsemirrorGetPosHandler;
     handleContentDOMRef: (node: HTMLElement | null) => void;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;

package/dist/types/extensibility/ExtensionComponent.d.ts

@@ -12,6 +12,7 @@ export interface Props {
     editorView: EditorView;
     eventDispatcher?: EventDispatcher;
     extensionHandlers: ExtensionHandlers;
+    extensionLoadingHandlers?: ExtensionHandlers;
     extensionProvider?: Promise<ExtensionProvider>;
     getPos: ProsemirrorGetPosHandler;
     handleContentDOMRef: (node: HTMLElement | null) => void;

package/dist/types/extensibility/extensionNodeView.d.ts

@@ -17,6 +17,7 @@ interface ExtensionNodeViewOptions {
 }
 interface ReactExtensionNodeProps {
     extensionHandlers: ExtensionHandlers;
+    extensionLoadingHandlers?: ExtensionHandlers;
     extensionNodeViewOptions?: ExtensionNodeViewOptions;
     intl?: IntlShape;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
@@ -75,6 +76,7 @@ export declare class ExtensionNode<AdditionalParams = unknown> extends ReactNode
     } | undefined;
     render(props: {
         extensionHandlers: ExtensionHandlers;
+        extensionLoadingHandlers?: ExtensionHandlers;
         extensionNodeViewOptions?: ExtensionNodeViewOptions;
         intl?: IntlShape;
         macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
@@ -85,5 +87,5 @@ export declare class ExtensionNode<AdditionalParams = unknown> extends ReactNode
         showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
     }, forwardRef: ForwardRef): React.JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean, showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean, rendererExtensionHandlers?: ExtensionHandlers, intl?: IntlShape): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionLoadingHandlers: ExtensionHandlers | undefined, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean, showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean, rendererExtensionHandlers?: ExtensionHandlers, intl?: IntlShape): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.24.4",
+	"version": "116.25.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/link": "^4.1.0",
 		"@atlaskit/link-datasource": "^6.1.0",
 		"@atlaskit/link-picker": "^6.2.0",
-		"@atlaskit/media-card": "^81.3.0",
+		"@atlaskit/media-card": "^81.4.0",
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
 		"@atlaskit/media-common": "^14.3.0",