@atlaskit/editor-plugin-synced-block 5.3.11 → 5.3.13

package/dist/cjs/ui/SyncBlockLabel.js

@@ -12,7 +12,6 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -32,17 +31,12 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     tooltipContent = _useState2[0],
     setTooltipContent = _useState2[1];
   var tooltipMessage = formatMessage(_messages.syncBlockMessages.defaultSyncBlockTooltip);
-  if (isSource && !(0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
-    tooltipMessage = formatMessage(_messages.syncBlockMessages.sourceSyncBlockTooltip);
-  } else if (title) {
+  if (title) {
     tooltipMessage = formatMessage(_messages.syncBlockMessages.referenceSyncBlockTooltip, {
       title: title
     });
   }
   var updateTooltipContent = (0, _react.useCallback)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
-      return;
-    }
     var tooltipContent = tooltipMessage;
     if (contentUpdatedAt) {
       var elapsedTime = (0, _time.formatElapsedTime)(contentUpdatedAt, intl);
@@ -62,7 +56,7 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
   }, [contentUpdatedAt, formatMessage, intl, tooltipMessage]);
   var ariaDescribedById = "sync-block-label-description-".concat(localId);
   var getLabelContent = (0, _react.useMemo)(function () {
-    if (isUnsyncedBlock && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+    if (isUnsyncedBlock) {
       return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
         size: "small",
         color: "color.text.subtle"
@@ -91,12 +85,12 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     size: "small",
     label: ""
   }), getLabelContent);
-  if ((isSource || isUnsyncedBlock) && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+  if (isSource || isUnsyncedBlock) {
     return label;
   }
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     position: "top",
-    content: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? tooltipContent : tooltipMessage
+    content: tooltipContent
     // workaround because tooltip adds aria-describedby with a new id every time the tooltip is opened
     // this causes an infinite rerender loop because of the forwardRef from the node view we are inside in bodiedSyncBlock
     // tooltip content is available for screen readers in visually hidden content after the label

package/dist/cjs/ui/SyncBlockRefresher.js

@@ -7,13 +7,12 @@ exports.SyncBlockRefresher = exports.SYNC_BLOCK_FETCH_INTERVAL = void 0;
 var _react = require("react");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var SYNC_BLOCK_FETCH_INTERVAL = exports.SYNC_BLOCK_FETCH_INTERVAL = 3000;
 
 // Component that manages synced block data synchronization.
-// When the feature flag 'platform_synced_block_dogfooding' is enabled,
-// it uses provider-based GraphQL subscriptions for updates.
-// When disabled, it falls back to polling at regular intervals.
+// Component that manages synced block data synchronization.
+// Uses provider-based GraphQL subscriptions for updates when online.
+// Falls back to polling at regular intervals when offline.
 var SyncBlockRefresher = exports.SyncBlockRefresher = function SyncBlockRefresher(_ref) {
   var syncBlockStoreManager = _ref.syncBlockStoreManager,
     api = _ref.api;
@@ -24,14 +23,13 @@ var SyncBlockRefresher = exports.SyncBlockRefresher = function SyncBlockRefreshe
       };
     }),
     mode = _useSharedPluginState.mode;
-  var featureFlagEnabled = (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding');
   var isOnline = !(0, _editorPluginConnectivity.isOfflineMode)(mode);
   (0, _react.useEffect)(function () {
-    var useRealTimeSubscriptions = featureFlagEnabled && isOnline;
+    var useRealTimeSubscriptions = isOnline;
     syncBlockStoreManager.referenceManager.setRealTimeSubscriptionsEnabled(useRealTimeSubscriptions);
-  }, [syncBlockStoreManager, featureFlagEnabled, isOnline]);
+  }, [syncBlockStoreManager, isOnline]);
   (0, _react.useEffect)(function () {
-    var useRealTimeSubscriptions = featureFlagEnabled && isOnline;
+    var useRealTimeSubscriptions = isOnline;
     if (useRealTimeSubscriptions) {
       return;
     }
@@ -50,6 +48,6 @@ var SyncBlockRefresher = exports.SyncBlockRefresher = function SyncBlockRefreshe
     return function () {
       window.clearInterval(interval);
     };
-  }, [syncBlockStoreManager, isOnline, featureFlagEnabled]);
+  }, [syncBlockStoreManager, isOnline]);
   return null;
 };

package/dist/cjs/ui/SyncedLocationDropdown.js

@@ -18,6 +18,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react2 = require("@compiled/react");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _icon = require("@atlaskit/icon");
@@ -28,6 +29,7 @@ var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotati
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _logo = require("@atlaskit/logo");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -168,7 +170,8 @@ var SyncedLocationDropdown = exports.SyncedLocationDropdown = function SyncedLoc
     resourceId = _ref4.resourceId,
     intl = _ref4.intl,
     isSource = _ref4.isSource,
-    localId = _ref4.localId;
+    localId = _ref4.localId,
+    api = _ref4.api;
   var formatMessage = intl.formatMessage;
   var triggerTitle = formatMessage(_messages.syncBlockMessages.syncedLocationDropdownTitle);
   var _useState = (0, _react.useState)(false),
@@ -181,12 +184,14 @@ var SyncedLocationDropdown = exports.SyncedLocationDropdown = function SyncedLoc
       var isOpen = _ref5.isOpen;
       return setIsOpen(isOpen);
     },
+    testId: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? 'synced-block-synced-locations-dropdown' : undefined,
     trigger: function trigger(_ref6) {
       var triggerRef = _ref6.triggerRef,
         triggerProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
       return /*#__PURE__*/React.createElement(_ui.FloatingToolbarButton, (0, _extends2.default)({
         ref: triggerRef,
         areAnyNewToolbarFlagsEnabled: true,
+        selected: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? isOpen : undefined,
         iconAfter: /*#__PURE__*/React.createElement(_chevronDown.default, {
           color: "currentColor",
           spacing: "spacious",
@@ -201,7 +206,8 @@ var SyncedLocationDropdown = exports.SyncedLocationDropdown = function SyncedLoc
     resourceId: resourceId,
     intl: intl,
     isSource: isSource,
-    localId: localId
+    localId: localId,
+    api: api
   }));
 };
 var DropdownContent = function DropdownContent(_ref7) {
@@ -209,7 +215,8 @@ var DropdownContent = function DropdownContent(_ref7) {
     resourceId = _ref7.resourceId,
     intl = _ref7.intl,
     isSource = _ref7.isSource,
-    localId = _ref7.localId;
+    localId = _ref7.localId,
+    api = _ref7.api;
   var formatMessage = intl.formatMessage;
   var _useState3 = (0, _react.useState)('none'),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
@@ -252,6 +259,20 @@ var DropdownContent = function DropdownContent(_ref7) {
     }();
     getReferenceData();
   }, [syncBlockStore, intl, isSource, localId, resourceId]);
+  var handleLocationClick = function handleLocationClick() {
+    if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_1')) {
+      var _api$analytics;
+      api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.fireAnalyticsEvent({
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+        action: _analytics.ACTION.CLICKED,
+        actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_CLICK_SYNCED_LOCATION,
+        attributes: {
+          resourceId: resourceId
+        }
+      });
+    }
+  };
   var content = function content() {
     switch (fetchStatus) {
       case 'loading':
@@ -281,7 +302,10 @@ var DropdownContent = function DropdownContent(_ref7) {
               }),
               href: reference.url,
               target: "_blank",
-              key: reference.title
+              key: reference.title,
+              onClick: function onClick() {
+                return handleLocationClick();
+              }
             }, /*#__PURE__*/React.createElement(ItemTitle, {
               title: reference.title || reference.url || '',
               formatMessage: formatMessage,
@@ -308,7 +332,8 @@ var LoadingScreen = function LoadingScreen() {
 var ErrorScreen = function ErrorScreen(_ref9) {
   var formatMessage = _ref9.formatMessage;
   return /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: styles.errorContainer
+    xcss: styles.errorContainer,
+    testId: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? 'synced-locations-dropdown-content-error' : undefined
   }, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.errorIcon
   }, /*#__PURE__*/React.createElement(_statusError.default, {
@@ -325,7 +350,8 @@ var NoResultScreen = function NoResultScreen(_ref0) {
   var formatMessage = _ref0.formatMessage;
   return /*#__PURE__*/React.createElement(_compiled.Stack, {
     xcss: styles.noResultsContainer,
-    space: "space.100"
+    space: "space.100",
+    testId: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? 'synced-locations-dropdown-content-no-results' : undefined
   }, /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p"
   }, formatMessage(_messages.syncBlockMessages.syncedLocationDropdownNoResults)), /*#__PURE__*/React.createElement(_compiled.Text, {

package/dist/cjs/ui/floating-toolbar.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getToolbarConfig = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
@@ -57,11 +58,11 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
       title: formatMessage(_messages.default.delete),
       onClick: (0, _editorCommands.removeSyncedBlock)(api),
       icon: _delete.default,
-      testId: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete : undefined
-    }, hoverDecorationProps(nodeType, (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? undefined : _consts.akEditorSelectedNodeClassName));
+      testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete
+    }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
     items.push(deleteButton);
   } else {
-    if (!isErroredBlock && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+    if (!isErroredBlock) {
       var syncedLocation = {
         type: 'custom',
         fallback: [],
@@ -71,7 +72,8 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
             resourceId: resourceId,
             localId: localId,
             intl: intl,
-            isSource: isBodiedSyncBlock
+            isSource: isBodiedSyncBlock,
+            api: api
           });
         }
       };
@@ -87,7 +89,8 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
             title: formatMessage(_messages.syncBlockMessages.unsyncButton),
             onClick: function onClick() {
               return (0, _editorCommands.unsync)(syncBlockStore, isBodiedSyncBlock, view);
-            }
+            },
+            testId: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? isBodiedSyncBlock ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceUnsync : _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceUnsync : undefined
           });
         }
       };
@@ -101,7 +104,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
       title: formatMessage(_messages.syncBlockMessages.copySyncBlockLabel),
       showTitle: false,
       tooltipContent: formatMessage(_messages.syncBlockMessages.copySyncedBlockTooltip),
-      onClick: (0, _editorCommands.copySyncedBlockReferenceToClipboard)(syncBlockStore, api)
+      onClick: (0, _editorCommands.copySyncedBlockReferenceToClipboard)(syncBlockStore, _analytics.INPUT_METHOD.SYNCED_BLOCK_TB, api)
     }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
     items.push(copyButton);
     var disabled = !syncBlockStore.referenceManager.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);
@@ -131,7 +134,8 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
         onClick: (0, _editorCommands.removeSyncedBlock)(api),
         icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
           label: ""
-        })
+        }),
+        testId: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? isBodiedSyncBlock ? _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarSourceDelete : _types.SYNCED_BLOCK_BUTTON_TEST_ID.syncedBlockToolbarReferenceDelete : undefined
       }, hoverDecorationProps(nodeType))]
     }];
     items.push.apply(items, overflowMenuConfig);

package/dist/es2019/editor-commands/index.js

@@ -30,17 +30,15 @@ export const createSyncedBlock = ({
     const paragraphNode = paragraph.createAndFill({});
     const newBodiedSyncBlockNode = bodiedSyncBlock.createAndFill(attrs, paragraphNode ? [paragraphNode] : []);
     if (!newBodiedSyncBlockNode) {
-      if (fg('platform_synced_block_dogfooding')) {
-        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-          action: ACTION.ERROR,
-          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
-          attributes: {
-            error: 'Create and fill for empty content failed'
-          },
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-      }
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        attributes: {
+          error: 'Create and fill for empty content failed'
+        },
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
       return false;
     }
 
@@ -55,33 +53,29 @@ export const createSyncedBlock = ({
   } else {
     const conversionInfo = canBeConvertedToSyncBlock(tr.selection);
     if (!conversionInfo) {
-      if (fg('platform_synced_block_dogfooding')) {
-        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-          action: ACTION.ERROR,
-          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
-          attributes: {
-            error: 'Content cannot be converted to sync block'
-          },
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-      }
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        attributes: {
+          error: 'Content cannot be converted to sync block'
+        },
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
       return false;
     }
     const attrs = syncBlockStore.sourceManager.generateBodiedSyncBlockAttrs();
     const newBodiedSyncBlockNode = bodiedSyncBlock.createAndFill(attrs, conversionInfo.contentToInclude);
     if (!newBodiedSyncBlockNode) {
-      if (fg('platform_synced_block_dogfooding')) {
-        fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
-          action: ACTION.ERROR,
-          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
-          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
-          attributes: {
-            error: 'Create and fill for content failed'
-          },
-          eventType: EVENT_TYPE.OPERATIONAL
-        });
-      }
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
+        attributes: {
+          error: 'Create and fill for content failed'
+        },
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
       return false;
     }
 
@@ -98,20 +92,33 @@ export const createSyncedBlock = ({
   // see filterTransaction for more details
   return tr;
 };
-export const copySyncedBlockReferenceToClipboardEditorCommand = (syncBlockStore, api) => ({
+export const copySyncedBlockReferenceToClipboardEditorCommand = (syncBlockStore, inputMethod, api) => ({
   tr
 }) => {
-  if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore, api)) {
+  if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore, inputMethod, api)) {
     return tr;
   }
   return null;
 };
-export const copySyncedBlockReferenceToClipboard = (syncBlockStore, api) => (state, _dispatch, _view) => {
-  return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore, api);
+export const copySyncedBlockReferenceToClipboard = (syncBlockStore, inputMethod, api) => (state, _dispatch, _view) => {
+  return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore, inputMethod, api);
 };
-const copySyncedBlockReferenceToClipboardInternal = (schema, selection, syncBlockStore, api) => {
+const copySyncedBlockReferenceToClipboardInternal = (schema, selection, syncBlockStore, inputMethod, api) => {
   const syncBlockFindResult = findSyncBlockOrBodiedSyncBlock(schema, selection);
   if (!syncBlockFindResult) {
+    if (fg('platform_synced_block_patch_1')) {
+      var _api$analytics, _api$analytics$action;
+      api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent({
+        eventType: EVENT_TYPE.OPERATIONAL,
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+        attributes: {
+          error: 'No sync block found in selection',
+          inputMethod
+        }
+      });
+    }
     return false;
   }
   const isBodiedSyncBlock = isBodiedSyncBlockNode(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
@@ -128,12 +135,39 @@ const copySyncedBlockReferenceToClipboardInternal = (schema, selection, syncBloc
       resourceId: syncBlockStore.referenceManager.generateResourceIdForReference(syncBlockFindResult.node.attrs.resourceId)
     });
     if (!referenceSyncBlockNode) {
+      if (fg('platform_synced_block_patch_1')) {
+        var _api$analytics2, _api$analytics2$actio;
+        api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent({
+          eventType: EVENT_TYPE.OPERATIONAL,
+          action: ACTION.ERROR,
+          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+          attributes: {
+            error: 'Failed to create reference sync block node',
+            resourceId: syncBlockFindResult.node.attrs.resourceId,
+            inputMethod
+          }
+        });
+      }
       return false;
     }
   } else {
     referenceSyncBlockNode = syncBlockFindResult.node;
   }
   if (!referenceSyncBlockNode) {
+    if (fg('platform_synced_block_patch_1')) {
+      var _api$analytics3, _api$analytics3$actio;
+      api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : (_api$analytics3$actio = _api$analytics3.actions) === null || _api$analytics3$actio === void 0 ? void 0 : _api$analytics3$actio.fireAnalyticsEvent({
+        eventType: EVENT_TYPE.OPERATIONAL,
+        action: ACTION.ERROR,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+        attributes: {
+          error: 'No reference sync block node available',
+          inputMethod
+        }
+      });
+    }
     return false;
   }
   const domNode = toDOM(referenceSyncBlockNode, schema);
@@ -144,6 +178,19 @@ const copySyncedBlockReferenceToClipboardInternal = (schema, selection, syncBloc
     api === null || api === void 0 ? void 0 : api.core.actions.execute(({
       tr
     }) => {
+      if (fg('platform_synced_block_patch_1')) {
+        var _api$analytics4, _api$analytics4$actio;
+        api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : (_api$analytics4$actio = _api$analytics4.actions) === null || _api$analytics4$actio === void 0 ? void 0 : _api$analytics4$actio.fireAnalyticsEvent({
+          eventType: EVENT_TYPE.OPERATIONAL,
+          action: ACTION.COPIED,
+          actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+          actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_COPY,
+          attributes: {
+            resourceId: referenceSyncBlockNode.attrs.resourceId,
+            inputMethod
+          }
+        });
+      }
       return tr.setMeta(syncedBlockPluginKey, {
         activeFlag: {
           id: FLAG_ID.SYNC_BLOCK_COPIED
@@ -162,11 +209,23 @@ export const editSyncedBlockSource = (syncBlockStore, api) => (state, dispatch,
   }
   const syncBlockURL = syncBlockStore.referenceManager.getSyncBlockURL(resourceId);
   if (syncBlockURL) {
+    if (fg('platform_synced_block_patch_1')) {
+      var _api$analytics5;
+      api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions.fireAnalyticsEvent({
+        eventType: EVENT_TYPE.OPERATIONAL,
+        action: ACTION.SYNCED_BLOCK_EDIT_SOURCE,
+        actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+        actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_SOURCE_URL,
+        attributes: {
+          resourceId: resourceId
+        }
+      });
+    }
     window.open(syncBlockURL, '_blank');
   } else {
-    var _api$analytics, _api$analytics$action;
+    var _api$analytics6, _api$analytics6$actio;
     const tr = state.tr;
-    api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent({
+    api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : (_api$analytics6$actio = _api$analytics6.actions) === null || _api$analytics6$actio === void 0 ? void 0 : _api$analytics6$actio.attachAnalyticsEvent({
       eventType: EVENT_TYPE.OPERATIONAL,
       action: ACTION.ERROR,
       actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,

package/dist/es2019/nodeviews/bodiedSyncedBlock.js

@@ -5,7 +5,6 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { BodiedSyncBlockWrapper } from '../ui/BodiedSyncBlockWrapper';
 const toDOM = () => ['div', {
   class: BodiedSyncBlockSharedCssClassName.content,
@@ -68,7 +67,7 @@ class BodiedSyncBlock extends ReactNodeView {
     if (!syncBlockStore) {
       return null;
     }
-    return fg('platform_synced_block_dogfooding') ? /*#__PURE__*/React.createElement(ErrorBoundary, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
       component: ACTION_SUBJECT.SYNCED_BLOCK,
       dispatchAnalyticsEvent: (_this$api6 = this.api) === null || _this$api6 === void 0 ? void 0 : (_this$api6$analytics = _this$api6.analytics) === null || _this$api6$analytics === void 0 ? void 0 : _this$api6$analytics.actions.fireAnalyticsEvent,
       fallbackComponent: null
@@ -76,11 +75,7 @@ class BodiedSyncBlock extends ReactNodeView {
       ref: forwardRef,
       syncBlockStore: syncBlockStore,
       node: this.node
-    })) : /*#__PURE__*/React.createElement(BodiedSyncBlockWrapper, {
-      ref: forwardRef,
-      syncBlockStore: syncBlockStore,
-      node: this.node
-    });
+    }));
   }
   getContentDOM() {
     const {

package/dist/es2019/nodeviews/syncedBlock.js

@@ -4,7 +4,6 @@ import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { SyncBlockSharedCssClassName, SyncBlockActionsProvider } from '@atlaskit/editor-common/sync-block';
 import { useFetchSyncBlockData, useFetchSyncBlockTitle } from '@atlaskit/editor-synced-block-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { removeSyncedBlockAtPos } from '../editor-commands';
 import { SyncBlockRendererWrapper } from '../ui/SyncBlockRendererWrapper';
 export class SyncBlock extends ReactNodeView {
@@ -22,7 +21,7 @@ export class SyncBlock extends ReactNodeView {
   render({
     getPos
   }) {
-    var _this$options, _this$api$syncedBlock, _this$api, _this$api$syncedBlock2, _this$api$syncedBlock3, _this$api2, _this$api2$analytics, _this$options2, _this$options3;
+    var _this$options, _this$api$syncedBlock, _this$api, _this$api$syncedBlock2, _this$api$syncedBlock3, _this$api2, _this$api2$analytics, _this$options2;
     if (!((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.syncedBlockRenderer)) {
       return null;
     }
@@ -33,14 +32,13 @@ export class SyncBlock extends ReactNodeView {
     if (!resourceId || !localId) {
       return null;
     }
-    const initialSyncBlockStore = fg('platform_synced_block_dogfooding') ? this.syncBlockStore : undefined;
-    const syncBlockStore = (_this$api$syncedBlock = (_this$api = this.api) === null || _this$api === void 0 ? void 0 : (_this$api$syncedBlock2 = _this$api.syncedBlock) === null || _this$api$syncedBlock2 === void 0 ? void 0 : (_this$api$syncedBlock3 = _this$api$syncedBlock2.sharedState.currentState()) === null || _this$api$syncedBlock3 === void 0 ? void 0 : _this$api$syncedBlock3.syncBlockStore) !== null && _this$api$syncedBlock !== void 0 ? _this$api$syncedBlock : initialSyncBlockStore;
+    const syncBlockStore = (_this$api$syncedBlock = (_this$api = this.api) === null || _this$api === void 0 ? void 0 : (_this$api$syncedBlock2 = _this$api.syncedBlock) === null || _this$api$syncedBlock2 === void 0 ? void 0 : (_this$api$syncedBlock3 = _this$api$syncedBlock2.sharedState.currentState()) === null || _this$api$syncedBlock3 === void 0 ? void 0 : _this$api$syncedBlock3.syncBlockStore) !== null && _this$api$syncedBlock !== void 0 ? _this$api$syncedBlock : this.syncBlockStore;
     if (!syncBlockStore) {
       return null;
     }
 
     // get document node from data provider
-    return fg('platform_synced_block_dogfooding') ? /*#__PURE__*/React.createElement(ErrorBoundary, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
       component: ACTION_SUBJECT.SYNCED_BLOCK,
       dispatchAnalyticsEvent: (_this$api2 = this.api) === null || _this$api2 === void 0 ? void 0 : (_this$api2$analytics = _this$api2.analytics) === null || _this$api2$analytics === void 0 ? void 0 : _this$api2$analytics.actions.fireAnalyticsEvent,
       fallbackComponent: null
@@ -61,16 +59,7 @@ export class SyncBlock extends ReactNodeView {
         return useFetchSyncBlockData(syncBlockStore, resourceId, localId, (_this$api3 = this.api) === null || _this$api3 === void 0 ? void 0 : (_this$api3$analytics = _this$api3.analytics) === null || _this$api3$analytics === void 0 ? void 0 : (_this$api3$analytics$ = _this$api3$analytics.actions) === null || _this$api3$analytics$ === void 0 ? void 0 : _this$api3$analytics$.fireAnalyticsEvent);
       },
       api: this.api
-    }))) : /*#__PURE__*/React.createElement(SyncBlockRendererWrapper, {
-      localId: this.node.attrs.localId,
-      syncedBlockRenderer: (_this$options3 = this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.syncedBlockRenderer,
-      useFetchSyncBlockTitle: () => useFetchSyncBlockTitle(syncBlockStore, this.node),
-      useFetchSyncBlockData: () => {
-        var _this$api4, _this$api4$analytics, _this$api4$analytics$;
-        return useFetchSyncBlockData(syncBlockStore, resourceId, localId, (_this$api4 = this.api) === null || _this$api4 === void 0 ? void 0 : (_this$api4$analytics = _this$api4.analytics) === null || _this$api4$analytics === void 0 ? void 0 : (_this$api4$analytics$ = _this$api4$analytics.actions) === null || _this$api4$analytics$ === void 0 ? void 0 : _this$api4$analytics$.fireAnalyticsEvent);
-      },
-      api: this.api
-    });
+    })));
   }
   destroy() {
     var _this$unsubscribe;