@atlaskit/editor-plugin-synced-block 5.3.3 → 5.3.5

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 5.3.5
+
+### Patch Changes
+
+- [`81230b670d02c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/81230b670d02c) -
+  ED-29744 camel case experience attributes
+- [`7702ea47c5329`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7702ea47c5329) -
+  [ux] Show editor flag when unpublished sync block is pasted
+- [`515026ad93e46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/515026ad93e46) -
+  [ux] EDITOR-4772 fix synced block label tooltip not showing
+- [`acc0b8da50cdc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/acc0b8da50cdc) -
+  [ux] EDITOR-4708 fix sync block step tracking to consider doc at that step rather than previous
+  doc step
+- Updated dependencies
+
+## 5.3.4
+
+### Patch Changes
+
+- [`2d1d47b369e5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2d1d47b369e5a) -
+  [ux] EDITOR-4766 Use correct selection when transforming to synced block
+- [`3d0b3f8b4d802`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d0b3f8b4d802) -
+  Remove platform_editor_toolbar_aifc_responsive experiment
+- Updated dependencies
+
 ## 5.3.3
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -95,9 +95,6 @@
 		{
 			"path": "../../../design-system/spinner/afm-cc/tsconfig.json"
 		},
-		{
-			"path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/tokens/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -95,9 +95,6 @@
 		{
 			"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
 		},
-		{
-			"path": "../../tmp-editor-statsig/afm-jira/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -95,9 +95,6 @@
 		{
 			"path": "../../../design-system/spinner/afm-products/tsconfig.json"
 		},
-		{
-			"path": "../../tmp-editor-statsig/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/tokens/afm-products/tsconfig.json"
 		},

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

@@ -66,7 +66,7 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
     // Save the new node with empty content to backend
     // This is so that the node can be copied and referenced without the source being saved/published
     syncBlockStore.sourceManager.createBodiedSyncBlockNode(_attrs);
-    tr.replaceWith(conversionInfo.from > 0 ? conversionInfo.from - 1 : 0, conversionInfo.to, _newBodiedSyncBlockNode).scrollIntoView();
+    tr.replaceWith(conversionInfo.from, conversionInfo.to, _newBodiedSyncBlockNode).scrollIntoView();
 
     // set selection to the start of the previous selection for the position taken up by the start of the new synced block
     tr.setSelection(_state.TextSelection.create(tr.doc, conversionInfo.from));

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.syncedBlockPluginKey = exports.createPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _selection = require("@atlaskit/editor-common/selection");
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
@@ -22,7 +23,7 @@ var _types = require("../types");
 var _handleBodiedSyncBlockRemoval = require("./utils/handle-bodied-sync-block-removal");
 var _ignoreDomEvent = require("./utils/ignore-dom-event");
 var _selectionDecorations = require("./utils/selection-decorations");
-var _trackSyncBlocks4 = require("./utils/track-sync-blocks");
+var _trackSyncBlocks6 = require("./utils/track-sync-blocks");
 var _utils2 = require("./utils/utils");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -59,6 +60,27 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
   };
   // Track if a copy event occurred to distinguish copy from drag and drop
   var isCopyEvent = false;
+  // Track which sync blocks have already triggered the unpublished flag
+  var unpublishedFlagShown = new Set();
+
+  // Set up callback to detect unpublished sync blocks when they're fetched
+  (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') && syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(function (resourceId) {
+    // Only show the flag once per sync block
+    if (!unpublishedFlagShown.has(resourceId)) {
+      unpublishedFlagShown.add(resourceId);
+      // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+      setTimeout(function () {
+        api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          return tr.setMeta(syncedBlockPluginKey, {
+            activeFlag: {
+              id: _types.FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
+            }
+          });
+        });
+      }, 0);
+    }
+  });
   return new _safePlugin.SafePlugin({
     key: syncedBlockPluginKey,
     state: {
@@ -158,8 +180,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return false;
         }
       },
-      transformCopied: function transformCopied(slice, _ref3) {
-        var state = _ref3.state;
+      transformCopied: function transformCopied(slice, _ref4) {
+        var state = _ref4.state;
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
@@ -200,6 +222,22 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       var _api$connectivity2;
       var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
       var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
+
+      // Track newly added reference sync blocks before processing the transaction
+      if (tr.docChanged && !tr.getMeta('isRemote') && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+        var _trackSyncBlocks = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
+            return node.type.name === 'syncBlock';
+          }, tr, state),
+          added = _trackSyncBlocks.added;
+        // Mark newly added sync blocks so we can detect unpublished status when data is fetched
+        added.forEach(function (nodeInfo) {
+          var _nodeInfo$attrs;
+          if ((_nodeInfo$attrs = nodeInfo.attrs) !== null && _nodeInfo$attrs !== void 0 && _nodeInfo$attrs.resourceId) {
+            syncBlockStore.referenceManager.markAsNewlyAdded(nodeInfo.attrs.resourceId);
+          }
+        });
+      }
+
       // Ignore transactions that don't change the document
       // or are from remote (collab) or already confirmed sync block deletion
       // We only care about local changes that change the document
@@ -207,10 +245,44 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       if (!tr.docChanged || !(syncBlockStore !== null && syncBlockStore !== void 0 && syncBlockStore.sourceManager.requireConfirmationBeforeDelete()) && !syncBlockStore.sourceManager.hasPendingCreation() || Boolean(tr.getMeta('isRemote')) || Boolean(tr.getMeta('isCommitSyncBlockCreation')) || !isOffline && isConfirmedSyncBlockDeletion) {
         return true;
       }
-      var _trackSyncBlocks = (0, _trackSyncBlocks4.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, state),
-        bodiedSyncBlockRemoved = _trackSyncBlocks.removed,
-        bodiedSyncBlockAdded = _trackSyncBlocks.added;
+      var _trackSyncBlocks2 = (0, _trackSyncBlocks6.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, state),
+        bodiedSyncBlockRemoved = _trackSyncBlocks2.removed,
+        bodiedSyncBlockAdded = _trackSyncBlocks2.added;
       if (!isOffline) {
+        if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+          var _trackSyncBlocks3 = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
+              return node.type.name === 'syncBlock';
+            }, tr, state),
+            syncBlockRemoved = _trackSyncBlocks3.removed,
+            syncBlockAdded = _trackSyncBlocks3.added;
+          syncBlockRemoved.forEach(function (syncBlock) {
+            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({
+              action: _analytics.ACTION.DELETED,
+              actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+              actionSubjectId: _analytics.ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
+              attributes: {
+                resourceId: syncBlock.attrs.resourceId,
+                blockInstanceId: syncBlock.attrs.localId
+              },
+              eventType: _analytics.EVENT_TYPE.OPERATIONAL
+            });
+          });
+          syncBlockAdded.forEach(function (syncBlock) {
+            var _api$analytics2;
+            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
+              action: _analytics.ACTION.INSERTED,
+              actionSubject: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
+              actionSubjectId: _analytics.ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
+              attributes: {
+                resourceId: syncBlock.attrs.resourceId,
+                blockInstanceId: syncBlock.attrs.localId
+              },
+              eventType: _analytics.EVENT_TYPE.OPERATIONAL
+            });
+          });
+        }
+        ;
         if (bodiedSyncBlockRemoved.length > 0) {
           confirmationTransactionRef.current = tr;
           return (0, _handleBodiedSyncBlockRemoval.handleBodiedSyncBlockRemoval)(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? getDeleteReason(tr) : undefined);
@@ -236,26 +308,26 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return false;
         }
       } else {
-        var _trackSyncBlocks2 = (0, _trackSyncBlocks4.trackSyncBlocks)(function (node) {
+        var _trackSyncBlocks4 = (0, _trackSyncBlocks6.trackSyncBlocks)(function (node) {
             return node.type.name === 'syncBlock';
           }, tr, state),
-          syncBlockRemoved = _trackSyncBlocks2.removed,
-          syncBlockAdded = _trackSyncBlocks2.added;
+          _syncBlockRemoved = _trackSyncBlocks4.removed,
+          _syncBlockAdded = _trackSyncBlocks4.added;
         var errorFlag = false;
 
         // Disable (bodied)syncBlock node deletion/creation/edition in offline mode and trigger an error flag instead
-        if (isConfirmedSyncBlockDeletion || bodiedSyncBlockRemoved.length > 0 || syncBlockRemoved.length > 0) {
+        if (isConfirmedSyncBlockDeletion || bodiedSyncBlockRemoved.length > 0 || _syncBlockRemoved.length > 0) {
           errorFlag = _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE;
-        } else if (bodiedSyncBlockAdded.length > 0 || syncBlockAdded.length > 0) {
+        } else if (bodiedSyncBlockAdded.length > 0 || _syncBlockAdded.length > 0) {
           errorFlag = _types.FLAG_ID.CANNOT_CREATE_WHEN_OFFLINE;
-        } else if ((0, _trackSyncBlocks4.hasEditInSyncBlock)(tr, state)) {
+        } else if ((0, _trackSyncBlocks6.hasEditInSyncBlock)(tr, state)) {
           errorFlag = _types.FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE;
         }
         if (errorFlag) {
           // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
           setTimeout(function () {
-            api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
-              var tr = _ref4.tr;
+            api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
+              var tr = _ref5.tr;
               return tr.setMeta(syncedBlockPluginKey, {
                 activeFlag: {
                   id: errorFlag
@@ -284,8 +356,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
             if (!tr.getMeta(_utils.pmHistoryPluginKey)) {
               return 0; // continue
             }
-            var _trackSyncBlocks3 = (0, _trackSyncBlocks4.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
-              added = _trackSyncBlocks3.added;
+            var _trackSyncBlocks5 = (0, _trackSyncBlocks6.trackSyncBlocks)(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
+              added = _trackSyncBlocks5.added;
             if (added.length > 0) {
               // Delete bodiedSyncBlock if it's originated from history, i.e. redo creation
               // See filterTransaction above for more details

package/dist/cjs/pm-plugins/menu-and-toolbar-experiences.js

@@ -97,16 +97,16 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
       return {
         destroy: function destroy() {
           createSourcePrimaryToolbarExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           createSourceBlockMenuExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           createSourceQuickInsertMenuExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           deleteReferenceSyncedBlockExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           unbindClickListener();
           unbindKeydownListener();

package/dist/cjs/pm-plugins/utils/track-sync-blocks.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.trackSyncBlocks = exports.hasEditInSyncBlock = void 0;
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -25,14 +26,15 @@ var trackSyncBlocks = exports.trackSyncBlocks = function trackSyncBlocks(predica
   });
 
   // this is a quick check to see if any insertion/deletion of bodiedSyncBlock happened
-  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step) {
+  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step, idx) {
     var from = step.from,
       to = step.to;
+    var docAtStep = (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? tr.docs[idx] : state.doc;
     var hasChange = false;
     if (from !== to) {
       step.getMap().forEach(function (oldStart, oldEnd) {
         if (oldStart !== oldEnd && !hasChange) {
-          var deletedSlice = state.doc.slice(Math.max(0, oldStart), Math.min(state.doc.content.size, oldEnd));
+          var deletedSlice = docAtStep.slice(Math.max(0, oldStart), Math.min(docAtStep.content.size, oldEnd));
           deletedSlice.content.forEach(function (node) {
             if (hasChange) {
               return;

package/dist/cjs/types/index.js

@@ -10,6 +10,7 @@ var FLAG_ID = exports.FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["CANNOT_CREATE_WHEN_OFFLINE"] = "cannot-create-when-offline";
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
+  FLAG_ID["UNPUBLISHED_SYNC_BLOCK_PASTED"] = "unpublished-sync-block-pasted";
   return FLAG_ID;
 }({});
 var SYNCED_BLOCK_BUTTON_TEST_ID = exports.SYNCED_BLOCK_BUTTON_TEST_ID = {

package/dist/cjs/ui/Flag.js

@@ -20,7 +20,7 @@ var _types = require("../types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
-var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
+var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
   title: _messages.syncBlockMessages.failToDeleteTitle,
   description: _messages.syncBlockMessages.failToDeleteWhenOfflineDescription,
   type: 'error'
@@ -39,6 +39,10 @@ var flagMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _d
 }), _types.FLAG_ID.SYNC_BLOCK_COPIED, {
   title: _messages.syncBlockMessages.syncBlockCopiedTitle,
   type: 'info'
+}), _types.FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED, {
+  title: _messages.syncBlockMessages.unpublishedSyncBlockPastedTitle,
+  description: _messages.syncBlockMessages.unpublishedSyncBlockPastedDescription,
+  type: 'info'
 });
 var Flag = exports.Flag = function Flag(_ref) {
   var api = _ref.api;

package/dist/cjs/ui/SyncBlockLabel.js

@@ -60,42 +60,40 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     setTooltipContent(tooltipContent);
   }, [contentUpdatedAt, formatMessage, intl, tooltipMessage]);
   var ariaDescribedById = "sync-block-label-description-".concat(localId);
-  var LabelComponent = function LabelComponent() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": SyncBlockLabelDataId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      ,
-      className: _syncBlock.SyncBlockLabelSharedCssClassName.labelClassName,
-      "aria-describedby": ariaDescribedById
-    }, /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
-      color: "var(--ds-icon-subtle, #505258)",
-      size: "small",
-      label: ""
-    }), isSource || !title ? /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-      size: "small",
-      color: "color.text.subtle"
-    }, formatMessage(_messages.syncBlockMessages.syncedBlockLabel)) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-      maxLines: 1,
-      size: "small",
-      color: "color.text.subtle"
-    }, title)), /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
-      id: ariaDescribedById
-    }, tooltipContent));
-  };
-  var LabelWithTooltip = function LabelWithTooltip() {
-    return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-      position: "top",
-      content: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? tooltipContent : tooltipMessage
-      // 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
-      ,
-      isScreenReaderAnnouncementDisabled: true
-      // using this to ensure that the 'last edited' time is updated when the tooltip is opened
-      ,
-      onShow: updateTooltipContent
-    }, /*#__PURE__*/_react.default.createElement(LabelComponent, null));
-  };
-  return (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? isSource ? /*#__PURE__*/_react.default.createElement(LabelComponent, null) : /*#__PURE__*/_react.default.createElement(LabelWithTooltip, null) : /*#__PURE__*/_react.default.createElement(LabelWithTooltip, null);
+  var label = /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": SyncBlockLabelDataId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: _syncBlock.SyncBlockLabelSharedCssClassName.labelClassName,
+    "aria-describedby": ariaDescribedById
+  }, /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
+    color: "var(--ds-icon-subtle, #505258)",
+    size: "small",
+    label: ""
+  }), isSource || !title ? /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, formatMessage(_messages.syncBlockMessages.syncedBlockLabel)) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    maxLines: 1,
+    size: "small",
+    color: "color.text.subtle"
+  }, title));
+  if (isSource && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+    return label;
+  }
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    position: "top",
+    content: (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding') ? tooltipContent : tooltipMessage
+    // 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
+    ,
+    isScreenReaderAnnouncementDisabled: true
+    // using this to ensure that the 'last edited' time is updated when the tooltip is opened
+    ,
+    onShow: updateTooltipContent
+  }, label, /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
+    id: ariaDescribedById
+  }, tooltipContent));
 };
 var SyncBlockLabel = exports.SyncBlockLabel = /*#__PURE__*/_react.default.memo(SyncBlockLabelComponent);

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

@@ -8,17 +8,16 @@ exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _CreateSyncedBlockButton = require("./CreateSyncedBlockButton");
 var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: _toolbar.SYNCED_BLOCK_GROUP.type,
   key: _toolbar.SYNCED_BLOCK_GROUP.key,
-  component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref) {
+  component: function component(_ref) {
     var children = _ref.children;
     return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
       above: "md"
     }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
-  } : undefined,
+  },
   parents: [{
     type: _toolbar.INSERT_BLOCK_SECTION.type,
     key: _toolbar.INSERT_BLOCK_SECTION.key,

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

@@ -66,7 +66,7 @@ export const createSyncedBlock = ({
     // Save the new node with empty content to backend
     // This is so that the node can be copied and referenced without the source being saved/published
     syncBlockStore.sourceManager.createBodiedSyncBlockNode(attrs);
-    tr.replaceWith(conversionInfo.from > 0 ? conversionInfo.from - 1 : 0, conversionInfo.to, newBodiedSyncBlockNode).scrollIntoView();
+    tr.replaceWith(conversionInfo.from, conversionInfo.to, newBodiedSyncBlockNode).scrollIntoView();
 
     // set selection to the start of the previous selection for the position taken up by the start of the new synced block
     tr.setSelection(TextSelection.create(tr.doc, conversionInfo.from));

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

@@ -1,3 +1,4 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
@@ -47,6 +48,28 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
   };
   // Track if a copy event occurred to distinguish copy from drag and drop
   let isCopyEvent = false;
+  // Track which sync blocks have already triggered the unpublished flag
+  const unpublishedFlagShown = new Set();
+
+  // Set up callback to detect unpublished sync blocks when they're fetched
+  fg('platform_synced_block_dogfooding') && syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(resourceId => {
+    // Only show the flag once per sync block
+    if (!unpublishedFlagShown.has(resourceId)) {
+      unpublishedFlagShown.add(resourceId);
+      // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+      setTimeout(() => {
+        api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+          tr
+        }) => {
+          return tr.setMeta(syncedBlockPluginKey, {
+            activeFlag: {
+              id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
+            }
+          });
+        });
+      }, 0);
+    }
+  });
   return new SafePlugin({
     key: syncedBlockPluginKey,
     state: {
@@ -192,6 +215,21 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       var _api$connectivity2, _api$connectivity2$sh;
       const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 ? void 0 : (_api$connectivity2$sh = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2$sh === void 0 ? void 0 : _api$connectivity2$sh.mode);
       const isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
+
+      // Track newly added reference sync blocks before processing the transaction
+      if (tr.docChanged && !tr.getMeta('isRemote') && fg('platform_synced_block_dogfooding')) {
+        const {
+          added
+        } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
+        // Mark newly added sync blocks so we can detect unpublished status when data is fetched
+        added.forEach(nodeInfo => {
+          var _nodeInfo$attrs;
+          if ((_nodeInfo$attrs = nodeInfo.attrs) !== null && _nodeInfo$attrs !== void 0 && _nodeInfo$attrs.resourceId) {
+            syncBlockStore.referenceManager.markAsNewlyAdded(nodeInfo.attrs.resourceId);
+          }
+        });
+      }
+
       // Ignore transactions that don't change the document
       // or are from remote (collab) or already confirmed sync block deletion
       // We only care about local changes that change the document
@@ -204,6 +242,39 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         added: bodiedSyncBlockAdded
       } = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state);
       if (!isOffline) {
+        if (fg('platform_synced_block_dogfooding')) {
+          const {
+            removed: syncBlockRemoved,
+            added: syncBlockAdded
+          } = trackSyncBlocks(node => node.type.name === 'syncBlock', tr, state);
+          syncBlockRemoved.forEach(syncBlock => {
+            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({
+              action: ACTION.DELETED,
+              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
+              attributes: {
+                resourceId: syncBlock.attrs.resourceId,
+                blockInstanceId: syncBlock.attrs.localId
+              },
+              eventType: EVENT_TYPE.OPERATIONAL
+            });
+          });
+          syncBlockAdded.forEach(syncBlock => {
+            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({
+              action: ACTION.INSERTED,
+              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
+              attributes: {
+                resourceId: syncBlock.attrs.resourceId,
+                blockInstanceId: syncBlock.attrs.localId
+              },
+              eventType: EVENT_TYPE.OPERATIONAL
+            });
+          });
+        }
+        ;
         if (bodiedSyncBlockRemoved.length > 0) {
           confirmationTransactionRef.current = tr;
           return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, fg('platform_synced_block_dogfooding') ? getDeleteReason(tr) : undefined);

package/dist/es2019/pm-plugins/menu-and-toolbar-experiences.js

@@ -90,16 +90,16 @@ export const getMenuAndToolbarExperiencesPlugin = ({
       return {
         destroy: () => {
           createSourcePrimaryToolbarExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           createSourceBlockMenuExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           createSourceQuickInsertMenuExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           deleteReferenceSyncedBlockExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           unbindClickListener();
           unbindKeydownListener();

package/dist/es2019/pm-plugins/utils/track-sync-blocks.js

@@ -1,5 +1,6 @@
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const trackSyncBlocks = (predicate, tr, state) => {
   const removed = {};
   const added = {};
@@ -14,16 +15,17 @@ export const trackSyncBlocks = (predicate, tr, state) => {
   const replaceSteps = tr.steps.filter(step => step instanceof ReplaceStep || step instanceof ReplaceAroundStep);
 
   // this is a quick check to see if any insertion/deletion of bodiedSyncBlock happened
-  const hasBodiedSyncBlockChanges = replaceSteps.some(step => {
+  const hasBodiedSyncBlockChanges = replaceSteps.some((step, idx) => {
     const {
       from,
       to
     } = step;
+    const docAtStep = fg('platform_synced_block_dogfooding') ? tr.docs[idx] : state.doc;
     let hasChange = false;
     if (from !== to) {
       step.getMap().forEach((oldStart, oldEnd) => {
         if (oldStart !== oldEnd && !hasChange) {
-          const deletedSlice = state.doc.slice(Math.max(0, oldStart), Math.min(state.doc.content.size, oldEnd));
+          const deletedSlice = docAtStep.slice(Math.max(0, oldStart), Math.min(docAtStep.content.size, oldEnd));
           deletedSlice.content.forEach(node => {
             if (hasChange) {
               return;

package/dist/es2019/types/index.js

@@ -4,6 +4,7 @@ export let FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["CANNOT_CREATE_WHEN_OFFLINE"] = "cannot-create-when-offline";
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
+  FLAG_ID["UNPUBLISHED_SYNC_BLOCK_PASTED"] = "unpublished-sync-block-pasted";
   return FLAG_ID;
 }({});
 export const SYNCED_BLOCK_BUTTON_TEST_ID = {

package/dist/es2019/ui/Flag.js

@@ -32,6 +32,11 @@ const flagMap = {
   [FLAG_ID.SYNC_BLOCK_COPIED]: {
     title: messages.syncBlockCopiedTitle,
     type: 'info'
+  },
+  [FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED]: {
+    title: messages.unpublishedSyncBlockPastedTitle,
+    description: messages.unpublishedSyncBlockPastedDescription,
+    type: 'info'
   }
 };
 export const Flag = ({

package/dist/es2019/ui/SyncBlockLabel.js

@@ -50,7 +50,7 @@ const SyncBlockLabelComponent = ({
     setTooltipContent(tooltipContent);
   }, [contentUpdatedAt, formatMessage, intl, tooltipMessage]);
   const ariaDescribedById = `sync-block-label-description-${localId}`;
-  const LabelComponent = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  const label = /*#__PURE__*/React.createElement("div", {
     "data-testid": SyncBlockLabelDataId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
@@ -67,10 +67,11 @@ const SyncBlockLabelComponent = ({
     maxLines: 1,
     size: "small",
     color: "color.text.subtle"
-  }, title)), /*#__PURE__*/React.createElement(VisuallyHidden, {
-    id: ariaDescribedById
-  }, tooltipContent));
-  const LabelWithTooltip = () => /*#__PURE__*/React.createElement(Tooltip, {
+  }, title));
+  if (isSource && fg('platform_synced_block_dogfooding')) {
+    return label;
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
     position: "top",
     content: fg('platform_synced_block_dogfooding') ? tooltipContent : tooltipMessage
     // workaround because tooltip adds aria-describedby with a new id every time the tooltip is opened
@@ -81,7 +82,8 @@ const SyncBlockLabelComponent = ({
     // using this to ensure that the 'last edited' time is updated when the tooltip is opened
     ,
     onShow: updateTooltipContent
-  }, /*#__PURE__*/React.createElement(LabelComponent, null));
-  return fg('platform_synced_block_dogfooding') ? isSource ? /*#__PURE__*/React.createElement(LabelComponent, null) : /*#__PURE__*/React.createElement(LabelWithTooltip, null) : /*#__PURE__*/React.createElement(LabelWithTooltip, null);
+  }, label, /*#__PURE__*/React.createElement(VisuallyHidden, {
+    id: ariaDescribedById
+  }, tooltipContent));
 };
 export const SyncBlockLabel = /*#__PURE__*/React.memo(SyncBlockLabelComponent);

package/dist/es2019/ui/toolbar-components.js

@@ -1,16 +1,15 @@
 import React from 'react';
 import { INSERT_BLOCK_SECTION, INSERT_BLOCK_SECTION_RANK, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { CreateSyncedBlockButton } from './CreateSyncedBlockButton';
 const SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: SYNCED_BLOCK_GROUP.type,
   key: SYNCED_BLOCK_GROUP.key,
-  component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? ({
+  component: ({
     children
   }) => /*#__PURE__*/React.createElement(Show, {
     above: "md"
-  }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)) : undefined,
+  }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)),
   parents: [{
     type: INSERT_BLOCK_SECTION.type,
     key: INSERT_BLOCK_SECTION.key,

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

@@ -60,7 +60,7 @@ export var createSyncedBlock = function createSyncedBlock(_ref) {
     // Save the new node with empty content to backend
     // This is so that the node can be copied and referenced without the source being saved/published
     syncBlockStore.sourceManager.createBodiedSyncBlockNode(_attrs);
-    tr.replaceWith(conversionInfo.from > 0 ? conversionInfo.from - 1 : 0, conversionInfo.to, _newBodiedSyncBlockNode).scrollIntoView();
+    tr.replaceWith(conversionInfo.from, conversionInfo.to, _newBodiedSyncBlockNode).scrollIntoView();
 
     // set selection to the start of the previous selection for the position taken up by the start of the new synced block
     tr.setSelection(TextSelection.create(tr.doc, conversionInfo.from));

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

@@ -4,6 +4,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return 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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 import { BodiedSyncBlockSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
@@ -52,6 +53,27 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
   };
   // Track if a copy event occurred to distinguish copy from drag and drop
   var isCopyEvent = false;
+  // Track which sync blocks have already triggered the unpublished flag
+  var unpublishedFlagShown = new Set();
+
+  // Set up callback to detect unpublished sync blocks when they're fetched
+  fg('platform_synced_block_dogfooding') && syncBlockStore.referenceManager.setOnUnpublishedSyncBlockDetected(function (resourceId) {
+    // Only show the flag once per sync block
+    if (!unpublishedFlagShown.has(resourceId)) {
+      unpublishedFlagShown.add(resourceId);
+      // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+      setTimeout(function () {
+        api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
+          return tr.setMeta(syncedBlockPluginKey, {
+            activeFlag: {
+              id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
+            }
+          });
+        });
+      }, 0);
+    }
+  });
   return new SafePlugin({
     key: syncedBlockPluginKey,
     state: {
@@ -151,8 +173,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return false;
         }
       },
-      transformCopied: function transformCopied(slice, _ref3) {
-        var state = _ref3.state;
+      transformCopied: function transformCopied(slice, _ref4) {
+        var state = _ref4.state;
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
@@ -193,6 +215,22 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       var _api$connectivity2;
       var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
       var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
+
+      // Track newly added reference sync blocks before processing the transaction
+      if (tr.docChanged && !tr.getMeta('isRemote') && fg('platform_synced_block_dogfooding')) {
+        var _trackSyncBlocks = trackSyncBlocks(function (node) {
+            return node.type.name === 'syncBlock';
+          }, tr, state),
+          added = _trackSyncBlocks.added;
+        // Mark newly added sync blocks so we can detect unpublished status when data is fetched
+        added.forEach(function (nodeInfo) {
+          var _nodeInfo$attrs;
+          if ((_nodeInfo$attrs = nodeInfo.attrs) !== null && _nodeInfo$attrs !== void 0 && _nodeInfo$attrs.resourceId) {
+            syncBlockStore.referenceManager.markAsNewlyAdded(nodeInfo.attrs.resourceId);
+          }
+        });
+      }
+
       // Ignore transactions that don't change the document
       // or are from remote (collab) or already confirmed sync block deletion
       // We only care about local changes that change the document
@@ -200,10 +238,44 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       if (!tr.docChanged || !(syncBlockStore !== null && syncBlockStore !== void 0 && syncBlockStore.sourceManager.requireConfirmationBeforeDelete()) && !syncBlockStore.sourceManager.hasPendingCreation() || Boolean(tr.getMeta('isRemote')) || Boolean(tr.getMeta('isCommitSyncBlockCreation')) || !isOffline && isConfirmedSyncBlockDeletion) {
         return true;
       }
-      var _trackSyncBlocks = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state),
-        bodiedSyncBlockRemoved = _trackSyncBlocks.removed,
-        bodiedSyncBlockAdded = _trackSyncBlocks.added;
+      var _trackSyncBlocks2 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, state),
+        bodiedSyncBlockRemoved = _trackSyncBlocks2.removed,
+        bodiedSyncBlockAdded = _trackSyncBlocks2.added;
       if (!isOffline) {
+        if (fg('platform_synced_block_dogfooding')) {
+          var _trackSyncBlocks3 = trackSyncBlocks(function (node) {
+              return node.type.name === 'syncBlock';
+            }, tr, state),
+            syncBlockRemoved = _trackSyncBlocks3.removed,
+            syncBlockAdded = _trackSyncBlocks3.added;
+          syncBlockRemoved.forEach(function (syncBlock) {
+            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({
+              action: ACTION.DELETED,
+              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
+              attributes: {
+                resourceId: syncBlock.attrs.resourceId,
+                blockInstanceId: syncBlock.attrs.localId
+              },
+              eventType: EVENT_TYPE.OPERATIONAL
+            });
+          });
+          syncBlockAdded.forEach(function (syncBlock) {
+            var _api$analytics2;
+            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
+              action: ACTION.INSERTED,
+              actionSubject: ACTION_SUBJECT.SYNCED_BLOCK,
+              actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_CREATE,
+              attributes: {
+                resourceId: syncBlock.attrs.resourceId,
+                blockInstanceId: syncBlock.attrs.localId
+              },
+              eventType: EVENT_TYPE.OPERATIONAL
+            });
+          });
+        }
+        ;
         if (bodiedSyncBlockRemoved.length > 0) {
           confirmationTransactionRef.current = tr;
           return handleBodiedSyncBlockRemoval(bodiedSyncBlockRemoved, syncBlockStore, api, confirmationTransactionRef, fg('platform_synced_block_dogfooding') ? getDeleteReason(tr) : undefined);
@@ -229,17 +301,17 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return false;
         }
       } else {
-        var _trackSyncBlocks2 = trackSyncBlocks(function (node) {
+        var _trackSyncBlocks4 = trackSyncBlocks(function (node) {
             return node.type.name === 'syncBlock';
           }, tr, state),
-          syncBlockRemoved = _trackSyncBlocks2.removed,
-          syncBlockAdded = _trackSyncBlocks2.added;
+          _syncBlockRemoved = _trackSyncBlocks4.removed,
+          _syncBlockAdded = _trackSyncBlocks4.added;
         var errorFlag = false;
 
         // Disable (bodied)syncBlock node deletion/creation/edition in offline mode and trigger an error flag instead
-        if (isConfirmedSyncBlockDeletion || bodiedSyncBlockRemoved.length > 0 || syncBlockRemoved.length > 0) {
+        if (isConfirmedSyncBlockDeletion || bodiedSyncBlockRemoved.length > 0 || _syncBlockRemoved.length > 0) {
           errorFlag = FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE;
-        } else if (bodiedSyncBlockAdded.length > 0 || syncBlockAdded.length > 0) {
+        } else if (bodiedSyncBlockAdded.length > 0 || _syncBlockAdded.length > 0) {
           errorFlag = FLAG_ID.CANNOT_CREATE_WHEN_OFFLINE;
         } else if (hasEditInSyncBlock(tr, state)) {
           errorFlag = FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE;
@@ -247,8 +319,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         if (errorFlag) {
           // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
           setTimeout(function () {
-            api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
-              var tr = _ref4.tr;
+            api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
+              var tr = _ref5.tr;
               return tr.setMeta(syncedBlockPluginKey, {
                 activeFlag: {
                   id: errorFlag
@@ -277,8 +349,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             if (!tr.getMeta(pmHistoryPluginKey)) {
               return 0; // continue
             }
-            var _trackSyncBlocks3 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
-              added = _trackSyncBlocks3.added;
+            var _trackSyncBlocks5 = trackSyncBlocks(syncBlockStore.sourceManager.isSourceBlock, tr, oldState),
+              added = _trackSyncBlocks5.added;
             if (added.length > 0) {
               // Delete bodiedSyncBlock if it's originated from history, i.e. redo creation
               // See filterTransaction above for more details

package/dist/esm/pm-plugins/menu-and-toolbar-experiences.js

@@ -90,16 +90,16 @@ export var getMenuAndToolbarExperiencesPlugin = function getMenuAndToolbarExperi
       return {
         destroy: function destroy() {
           createSourcePrimaryToolbarExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           createSourceBlockMenuExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           createSourceQuickInsertMenuExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           deleteReferenceSyncedBlockExperience.abort({
-            reason: 'editor-destroyed'
+            reason: 'editorDestroyed'
           });
           unbindClickListener();
           unbindKeydownListener();

package/dist/esm/pm-plugins/utils/track-sync-blocks.js

@@ -3,6 +3,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   var removed = {};
   var added = {};
@@ -19,14 +20,15 @@ export var trackSyncBlocks = function trackSyncBlocks(predicate, tr, state) {
   });
 
   // this is a quick check to see if any insertion/deletion of bodiedSyncBlock happened
-  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step) {
+  var hasBodiedSyncBlockChanges = replaceSteps.some(function (step, idx) {
     var from = step.from,
       to = step.to;
+    var docAtStep = fg('platform_synced_block_dogfooding') ? tr.docs[idx] : state.doc;
     var hasChange = false;
     if (from !== to) {
       step.getMap().forEach(function (oldStart, oldEnd) {
         if (oldStart !== oldEnd && !hasChange) {
-          var deletedSlice = state.doc.slice(Math.max(0, oldStart), Math.min(state.doc.content.size, oldEnd));
+          var deletedSlice = docAtStep.slice(Math.max(0, oldStart), Math.min(docAtStep.content.size, oldEnd));
           deletedSlice.content.forEach(function (node) {
             if (hasChange) {
               return;

package/dist/esm/types/index.js

@@ -4,6 +4,7 @@ export var FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["CANNOT_CREATE_WHEN_OFFLINE"] = "cannot-create-when-offline";
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
   FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
+  FLAG_ID["UNPUBLISHED_SYNC_BLOCK_PASTED"] = "unpublished-sync-block-pasted";
   return FLAG_ID;
 }({});
 export var SYNCED_BLOCK_BUTTON_TEST_ID = {

package/dist/esm/ui/Flag.js

@@ -11,7 +11,7 @@ import StatusSuccessIcon from '@atlaskit/icon/core/status-success';
 import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
 import { syncedBlockPluginKey } from '../pm-plugins/main';
 import { FLAG_ID } from '../types';
-var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
+var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
   title: messages.failToDeleteTitle,
   description: messages.failToDeleteWhenOfflineDescription,
   type: 'error'
@@ -30,6 +30,10 @@ var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_d
 }), FLAG_ID.SYNC_BLOCK_COPIED, {
   title: messages.syncBlockCopiedTitle,
   type: 'info'
+}), FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED, {
+  title: messages.unpublishedSyncBlockPastedTitle,
+  description: messages.unpublishedSyncBlockPastedDescription,
+  type: 'info'
 });
 export var Flag = function Flag(_ref) {
   var api = _ref.api;

package/dist/esm/ui/SyncBlockLabel.js

@@ -51,42 +51,40 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
     setTooltipContent(tooltipContent);
   }, [contentUpdatedAt, formatMessage, intl, tooltipMessage]);
   var ariaDescribedById = "sync-block-label-description-".concat(localId);
-  var LabelComponent = function LabelComponent() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      "data-testid": SyncBlockLabelDataId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      ,
-      className: SyncBlockLabelSharedCssClassName.labelClassName,
-      "aria-describedby": ariaDescribedById
-    }, /*#__PURE__*/React.createElement(BlockSyncedIcon, {
-      color: "var(--ds-icon-subtle, #505258)",
-      size: "small",
-      label: ""
-    }), isSource || !title ? /*#__PURE__*/React.createElement(Text, {
-      size: "small",
-      color: "color.text.subtle"
-    }, formatMessage(messages.syncedBlockLabel)) : /*#__PURE__*/React.createElement(Text, {
-      maxLines: 1,
-      size: "small",
-      color: "color.text.subtle"
-    }, title)), /*#__PURE__*/React.createElement(VisuallyHidden, {
-      id: ariaDescribedById
-    }, tooltipContent));
-  };
-  var LabelWithTooltip = function LabelWithTooltip() {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      position: "top",
-      content: fg('platform_synced_block_dogfooding') ? tooltipContent : tooltipMessage
-      // 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
-      ,
-      isScreenReaderAnnouncementDisabled: true
-      // using this to ensure that the 'last edited' time is updated when the tooltip is opened
-      ,
-      onShow: updateTooltipContent
-    }, /*#__PURE__*/React.createElement(LabelComponent, null));
-  };
-  return fg('platform_synced_block_dogfooding') ? isSource ? /*#__PURE__*/React.createElement(LabelComponent, null) : /*#__PURE__*/React.createElement(LabelWithTooltip, null) : /*#__PURE__*/React.createElement(LabelWithTooltip, null);
+  var label = /*#__PURE__*/React.createElement("div", {
+    "data-testid": SyncBlockLabelDataId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: SyncBlockLabelSharedCssClassName.labelClassName,
+    "aria-describedby": ariaDescribedById
+  }, /*#__PURE__*/React.createElement(BlockSyncedIcon, {
+    color: "var(--ds-icon-subtle, #505258)",
+    size: "small",
+    label: ""
+  }), isSource || !title ? /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, formatMessage(messages.syncedBlockLabel)) : /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    size: "small",
+    color: "color.text.subtle"
+  }, title));
+  if (isSource && fg('platform_synced_block_dogfooding')) {
+    return label;
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    position: "top",
+    content: fg('platform_synced_block_dogfooding') ? tooltipContent : tooltipMessage
+    // 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
+    ,
+    isScreenReaderAnnouncementDisabled: true
+    // using this to ensure that the 'last edited' time is updated when the tooltip is opened
+    ,
+    onShow: updateTooltipContent
+  }, label, /*#__PURE__*/React.createElement(VisuallyHidden, {
+    id: ariaDescribedById
+  }, tooltipContent));
 };
 export var SyncBlockLabel = /*#__PURE__*/React.memo(SyncBlockLabelComponent);

package/dist/esm/ui/toolbar-components.js

@@ -1,17 +1,16 @@
 import React from 'react';
 import { INSERT_BLOCK_SECTION, INSERT_BLOCK_SECTION_RANK, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { CreateSyncedBlockButton } from './CreateSyncedBlockButton';
 var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: SYNCED_BLOCK_GROUP.type,
   key: SYNCED_BLOCK_GROUP.key,
-  component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref) {
+  component: function component(_ref) {
     var children = _ref.children;
     return /*#__PURE__*/React.createElement(Show, {
       above: "md"
     }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
-  } : undefined,
+  },
   parents: [{
     type: INSERT_BLOCK_SECTION.type,
     key: INSERT_BLOCK_SECTION.key,

package/dist/types/types/index.d.ts

@@ -5,7 +5,8 @@ export declare enum FLAG_ID {
     CANNOT_EDIT_WHEN_OFFLINE = "cannot-edit-when-offline",
     CANNOT_CREATE_WHEN_OFFLINE = "cannot-create-when-offline",
     FAIL_TO_DELETE = "fail-to-delete",
-    SYNC_BLOCK_COPIED = "sync-block-copied"
+    SYNC_BLOCK_COPIED = "sync-block-copied",
+    UNPUBLISHED_SYNC_BLOCK_PASTED = "unpublished-sync-block-pasted"
 }
 type FlagConfig = {
     id: FLAG_ID;

package/dist/types-ts4.5/types/index.d.ts

@@ -5,7 +5,8 @@ export declare enum FLAG_ID {
     CANNOT_EDIT_WHEN_OFFLINE = "cannot-edit-when-offline",
     CANNOT_CREATE_WHEN_OFFLINE = "cannot-create-when-offline",
     FAIL_TO_DELETE = "fail-to-delete",
-    SYNC_BLOCK_COPIED = "sync-block-copied"
+    SYNC_BLOCK_COPIED = "sync-block-copied",
+    UNPUBLISHED_SYNC_BLOCK_PASTED = "unpublished-sync-block-pasted"
 }
 type FlagConfig = {
     id: FLAG_ID;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "5.3.3",
+	"version": "5.3.5",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -45,14 +45,13 @@
 		"@atlaskit/editor-toolbar": "^0.19.0",
 		"@atlaskit/flag": "^17.8.0",
 		"@atlaskit/icon": "30.0.0",
-		"@atlaskit/icon-lab": "^5.14.0",
+		"@atlaskit/icon-lab": "^5.15.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.3.0",
 		"@atlaskit/modal-dialog": "^14.10.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/spinner": "19.0.9",
-		"@atlaskit/tmp-editor-statsig": "^16.32.0",
 		"@atlaskit/tokens": "10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -63,7 +62,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.8.0",
+		"@atlaskit/editor-common": "^111.9.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {