@atlaskit/editor-synced-block-provider 6.6.5 → 6.6.7

package/dist/es2019/store-manager/syncBlockSubscriptionManager.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { logException } from '@atlaskit/editor-common/monitoring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { fetchErrorPayload, fetchSuccessPayload } from '../utils/errorHandling';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { getSourceProductFromResourceIdSafe } from '../utils/utils';
@@ -21,6 +22,8 @@ export class SyncBlockSubscriptionManager {
     // causing the cache to be deleted prematurely. We delay deletion to allow
     // the new component to subscribe and cancel the pending deletion.
     _defineProperty(this, "pendingCacheDeletions", new Map());
+    _defineProperty(this, "retryAttempts", new Map());
+    _defineProperty(this, "pendingRetries", new Map());
     this.deps = deps;
   }
 
@@ -213,6 +216,7 @@ export class SyncBlockSubscriptionManager {
     if (!(dataProvider !== null && dataProvider !== void 0 && dataProvider.subscribeToBlockUpdates)) {
       return;
     }
+    const reconnectEnabled = fg('platform_synced_block_patch_12');
     const unsubscribe = dataProvider.subscribeToBlockUpdates(resourceId, syncBlockInstance => {
       this.handleGraphQLUpdate(syncBlockInstance);
     }, error => {
@@ -221,17 +225,105 @@ export class SyncBlockSubscriptionManager {
         location: 'editor-synced-block-provider/syncBlockSubscriptionManager/graphql-subscription'
       });
       (_this$deps$getFireAna2 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna2 === void 0 ? void 0 : _this$deps$getFireAna2(fetchErrorPayload(error.message, resourceId, getSourceProductFromResourceIdSafe(resourceId)));
-    });
+      if (reconnectEnabled) {
+        this.handleSubscriptionTerminated(resourceId);
+      }
+    }, reconnectEnabled ? () => {
+      this.handleSubscriptionTerminated(resourceId);
+    } : undefined);
     if (unsubscribe) {
       this.graphqlSubscriptions.set(resourceId, unsubscribe);
     }
   }
+
+  /**
+   * Handles subscription termination (complete or error) by cleaning up the
+   * stale entry and scheduling a reconnection with exponential backoff.
+   */
+  handleSubscriptionTerminated(resourceId) {
+    // Remove the stale subscription entry so setupSubscription won't early-return
+    this.graphqlSubscriptions.delete(resourceId);
+
+    // Guard against duplicate calls (graphql-ws can fire both error and complete)
+    if (this.pendingRetries.has(resourceId)) {
+      return;
+    }
+
+    // Only reconnect if there are still active subscribers for this resource
+    if (this.subscriptions.has(resourceId) && this.shouldUseRealTime()) {
+      this.scheduleReconnection(resourceId);
+    }
+  }
+
+  /**
+   * Schedules a reconnection attempt with exponential backoff.
+   * Delay = INITIAL_RETRY_DELAY_MS * (RETRY_BACKOFF_MULTIPLIER ^ attempts)
+   * e.g. 1s, 2s, 4s, 8s, 16s
+   */
+  scheduleReconnection(resourceId) {
+    var _this$retryAttempts$g;
+    const attempts = (_this$retryAttempts$g = this.retryAttempts.get(resourceId)) !== null && _this$retryAttempts$g !== void 0 ? _this$retryAttempts$g : 0;
+    if (attempts >= SyncBlockSubscriptionManager.MAX_RETRY_ATTEMPTS) {
+      var _this$deps$getFireAna3;
+      const errorMessage = `Subscription reconnection failed after ${attempts} attempts`;
+      logException(new Error(errorMessage), {
+        location: 'editor-synced-block-provider/syncBlockSubscriptionManager/max-retries-exhausted'
+      });
+      (_this$deps$getFireAna3 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna3 === void 0 ? void 0 : _this$deps$getFireAna3(fetchErrorPayload(errorMessage, resourceId, getSourceProductFromResourceIdSafe(resourceId)));
+      return;
+    }
+    const delay = SyncBlockSubscriptionManager.INITIAL_RETRY_DELAY_MS * Math.pow(SyncBlockSubscriptionManager.RETRY_BACKOFF_MULTIPLIER, attempts);
+    const timer = setTimeout(() => {
+      this.pendingRetries.delete(resourceId);
+
+      // Only re-subscribe if still relevant
+      if (this.subscriptions.has(resourceId) && this.shouldUseRealTime()) {
+        this.setupSubscription(resourceId);
+
+        // Only increment if the subscription was actually established
+        // (setupSubscription may be a no-op if another code path already re-established it)
+        if (this.graphqlSubscriptions.has(resourceId)) {
+          this.retryAttempts.set(resourceId, attempts + 1);
+        }
+      } else {
+        // Conditions no longer met — clean up stale retry state
+        this.retryAttempts.delete(resourceId);
+      }
+    }, delay);
+    this.pendingRetries.set(resourceId, timer);
+  }
+
+  /**
+   * Resets the retry counter for a resource. Called when a successful
+   * update is received, indicating the subscription is healthy.
+   */
+  resetRetryCount(resourceId) {
+    this.retryAttempts.delete(resourceId);
+  }
+  cancelPendingRetry(resourceId) {
+    const timer = this.pendingRetries.get(resourceId);
+    if (timer) {
+      clearTimeout(timer);
+      this.pendingRetries.delete(resourceId);
+    }
+  }
+  cancelAllPendingRetries() {
+    for (const timer of this.pendingRetries.values()) {
+      clearTimeout(timer);
+    }
+    this.pendingRetries.clear();
+    this.retryAttempts.clear();
+  }
   cleanupSubscription(resourceId) {
     const unsubscribe = this.graphqlSubscriptions.get(resourceId);
     if (unsubscribe) {
       unsubscribe();
       this.graphqlSubscriptions.delete(resourceId);
     }
+    if (fg('platform_synced_block_patch_12')) {
+      this.cancelPendingRetry(resourceId);
+      this.retryAttempts.delete(resourceId);
+    }
   }
   setupSubscriptionsForAllBlocks() {
     for (const resourceId of this.subscriptions.keys()) {
@@ -243,6 +335,9 @@ export class SyncBlockSubscriptionManager {
       unsubscribe();
     }
     this.graphqlSubscriptions.clear();
+    if (fg('platform_synced_block_patch_12')) {
+      this.cancelAllPendingRetries();
+    }
   }
   destroy() {
     this.cleanupAll();
@@ -268,17 +363,25 @@ export class SyncBlockSubscriptionManager {
     const resolved = existing ? resolveSyncBlockInstance(existing, syncBlockInstance) : syncBlockInstance;
     this.deps.updateCache(resolved);
     if (!syncBlockInstance.error) {
+      // Successful data delivery means the subscription is healthy — reset retry counter
+      if (fg('platform_synced_block_patch_12')) {
+        this.resetRetryCount(syncBlockInstance.resourceId);
+      }
       const callbacks = this.subscriptions.get(syncBlockInstance.resourceId);
       const localIds = callbacks ? Object.keys(callbacks) : [];
       localIds.forEach(localId => {
-        var _this$deps$getFireAna3, _syncBlockInstance$da, _syncBlockInstance$da2;
-        (_this$deps$getFireAna3 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna3 === void 0 ? void 0 : _this$deps$getFireAna3(fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da = (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product) !== null && _syncBlockInstance$da !== void 0 ? _syncBlockInstance$da : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
+        var _this$deps$getFireAna4, _syncBlockInstance$da, _syncBlockInstance$da2;
+        (_this$deps$getFireAna4 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna4 === void 0 ? void 0 : _this$deps$getFireAna4(fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da = (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product) !== null && _syncBlockInstance$da !== void 0 ? _syncBlockInstance$da : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
       });
       this.deps.fetchSyncBlockSourceInfo(resolved.resourceId);
     } else {
-      var _syncBlockInstance$er, _syncBlockInstance$er2, _this$deps$getFireAna4, _syncBlockInstance$da3, _syncBlockInstance$da4;
+      var _syncBlockInstance$er, _syncBlockInstance$er2, _this$deps$getFireAna5, _syncBlockInstance$da3, _syncBlockInstance$da4;
       const errorMessage = ((_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.reason) || ((_syncBlockInstance$er2 = syncBlockInstance.error) === null || _syncBlockInstance$er2 === void 0 ? void 0 : _syncBlockInstance$er2.type);
-      (_this$deps$getFireAna4 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna4 === void 0 ? void 0 : _this$deps$getFireAna4(fetchErrorPayload(errorMessage, syncBlockInstance.resourceId, (_syncBlockInstance$da3 = (_syncBlockInstance$da4 = syncBlockInstance.data) === null || _syncBlockInstance$da4 === void 0 ? void 0 : _syncBlockInstance$da4.product) !== null && _syncBlockInstance$da3 !== void 0 ? _syncBlockInstance$da3 : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
+      (_this$deps$getFireAna5 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna5 === void 0 ? void 0 : _this$deps$getFireAna5(fetchErrorPayload(errorMessage, syncBlockInstance.resourceId, (_syncBlockInstance$da3 = (_syncBlockInstance$da4 = syncBlockInstance.data) === null || _syncBlockInstance$da4 === void 0 ? void 0 : _syncBlockInstance$da4.product) !== null && _syncBlockInstance$da3 !== void 0 ? _syncBlockInstance$da3 : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
     }
   }
-}
+}
+// Reconnection with exponential backoff
+_defineProperty(SyncBlockSubscriptionManager, "INITIAL_RETRY_DELAY_MS", 1000);
+_defineProperty(SyncBlockSubscriptionManager, "RETRY_BACKOFF_MULTIPLIER", 2);
+_defineProperty(SyncBlockSubscriptionManager, "MAX_RETRY_ATTEMPTS", 5);

package/dist/es2019/utils/utils.js

@@ -1,9 +1,51 @@
 /* eslint-disable require-unicode-regexp  */
 
+import { fg } from '@atlaskit/platform-feature-flags';
+export const stripAnnotationMarksFromJSONContent = content => {
+  var _strippedContent3;
+  let strippedContent;
+  content.forEach((contentNode, index) => {
+    var _contentNode$marks;
+    if (!contentNode) {
+      var _strippedContent;
+      (_strippedContent = strippedContent) === null || _strippedContent === void 0 ? void 0 : _strippedContent.push(contentNode);
+      return;
+    }
+    const hasAnnotationMark = (_contentNode$marks = contentNode.marks) === null || _contentNode$marks === void 0 ? void 0 : _contentNode$marks.some(mark => mark.type === 'annotation');
+    const childContent = contentNode.content ? stripAnnotationMarksFromJSONContent(contentNode.content) : undefined;
+    const hasContentChanged = childContent !== undefined && childContent !== contentNode.content;
+    if (!hasAnnotationMark && !hasContentChanged) {
+      var _strippedContent2;
+      (_strippedContent2 = strippedContent) === null || _strippedContent2 === void 0 ? void 0 : _strippedContent2.push(contentNode);
+      return;
+    }
+    if (!strippedContent) {
+      strippedContent = content.slice(0, index);
+    }
+    const strippedNode = {
+      ...contentNode
+    };
+    if (hasAnnotationMark) {
+      var _contentNode$marks2;
+      const marks = (_contentNode$marks2 = contentNode.marks) === null || _contentNode$marks2 === void 0 ? void 0 : _contentNode$marks2.filter(mark => mark.type !== 'annotation');
+      if (marks && marks.length > 0) {
+        strippedNode.marks = marks;
+      } else {
+        delete strippedNode.marks;
+      }
+    }
+    if (hasContentChanged && childContent) {
+      strippedNode.content = childContent;
+    }
+    strippedContent.push(strippedNode);
+  });
+  return (_strippedContent3 = strippedContent) !== null && _strippedContent3 !== void 0 ? _strippedContent3 : content;
+};
 export const convertSyncBlockPMNodeToSyncBlockData = node => {
+  const content = node.content.toJSON();
   return {
     blockInstanceId: node.attrs.localId,
-    content: node.content.toJSON(),
+    content: fg('platform_synced_block_patch_12') ? stripAnnotationMarksFromJSONContent(content) : content,
     resourceId: node.attrs.resourceId
   };
 };

package/dist/esm/clients/block-service/blockSubscription.js

@@ -167,7 +167,7 @@ var parseSubscriptionPayload = function parseSubscriptionPayload(payload) {
  * @param onError - Optional callback function invoked on subscription errors
  * @returns Unsubscribe function to close the subscription
  */
-export var subscribeToBlockUpdates = function subscribeToBlockUpdates(blockAri, onData, onError) {
+export var subscribeToBlockUpdates = function subscribeToBlockUpdates(blockAri, onData, onError, onComplete) {
   var client = getBlockServiceClient();
   if (!client) {
     // Return a no-op unsubscribe if client is not available (e.g., SSR)
@@ -203,7 +203,7 @@ export var subscribeToBlockUpdates = function subscribeToBlockUpdates(blockAri,
       onError === null || onError === void 0 || onError(new Error(extractGraphQLWSErrorMessage(error)));
     }),
     complete: function complete() {
-      // Subscription completed
+      onComplete === null || onComplete === void 0 || onComplete();
     }
   });
   return unsubscribe;

package/dist/esm/providers/block-service/blockServiceAPI.js

@@ -786,7 +786,7 @@ var BlockServiceADFFetchProvider = /*#__PURE__*/function () {
     )
   }, {
     key: "subscribeToBlockUpdates",
-    value: function subscribeToBlockUpdates(resourceId, onUpdate, onError) {
+    value: function subscribeToBlockUpdates(resourceId, onUpdate, onError, onComplete) {
       var blockAri = generateBlockAriFromReference({
         cloudId: this.cloudId,
         resourceId: resourceId
@@ -820,7 +820,7 @@ var BlockServiceADFFetchProvider = /*#__PURE__*/function () {
             resourceId: parsedData.resourceId
           };
           onUpdate(syncBlockInstance);
-        }, onError);
+        }, onError, onComplete);
       }).catch(function (err) {
         if (cancelled) {
           return;

package/dist/esm/providers/syncBlockProvider.js

@@ -462,9 +462,9 @@ export var SyncedBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
      */
   }, {
     key: "subscribeToBlockUpdates",
-    value: function subscribeToBlockUpdates(resourceId, onUpdate, onError) {
+    value: function subscribeToBlockUpdates(resourceId, onUpdate, onError, onComplete) {
       if (this.fetchProvider.subscribeToBlockUpdates) {
-        return this.fetchProvider.subscribeToBlockUpdates(resourceId, onUpdate, onError);
+        return this.fetchProvider.subscribeToBlockUpdates(resourceId, onUpdate, onError, onComplete);
       }
       return undefined;
     }

package/dist/esm/store-manager/referenceSyncBlockStoreManager.js

@@ -6,16 +6,17 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import isEqual from 'lodash/isEqual';
 import { logException } from '@atlaskit/editor-common/monitoring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncBlockError } from '../common/types';
 import { fetchErrorPayload, fetchSuccessPayload, getSourceInfoErrorPayload, updateReferenceErrorPayload } from '../utils/errorHandling';
 import { getFetchExperience, getFetchSourceInfoExperience, getSaveReferenceExperience } from '../utils/experienceTracking';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
-import { createSyncBlockNode, getSourceProductFromResourceIdSafe } from '../utils/utils';
+import { createSyncBlockNode, getSourceProductFromResourceIdSafe, stripAnnotationMarksFromJSONContent } from '../utils/utils';
 import { SyncBlockBatchFetcher } from './syncBlockBatchFetcher';
 import { syncBlockInMemorySessionCache } from './syncBlockInMemorySessionCache';
 import { SyncBlockProviderFactoryManager } from './syncBlockProviderFactoryManager';
@@ -203,10 +204,27 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       var syncBlockNode = createSyncBlockNode('', resourceId);
       var providerData = (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 || (_this$dataProvider2 = _this$dataProvider2.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider2 === void 0 ? void 0 : _this$dataProvider2.data;
       if (providerData) {
-        return providerData;
+        return this.stripAnnotationMarksFromReferenceData(providerData);
       }
       return this.getFromSessionCache(resourceId);
     }
+  }, {
+    key: "stripAnnotationMarksFromReferenceData",
+    value: function stripAnnotationMarksFromReferenceData(syncBlock) {
+      var _syncBlock$data;
+      if (!fg('platform_synced_block_patch_12') || !((_syncBlock$data = syncBlock.data) !== null && _syncBlock$data !== void 0 && _syncBlock$data.content)) {
+        return syncBlock;
+      }
+      var content = stripAnnotationMarksFromJSONContent(syncBlock.data.content);
+      if (content === syncBlock.data.content) {
+        return syncBlock;
+      }
+      return _objectSpread(_objectSpread({}, syncBlock), {}, {
+        data: _objectSpread(_objectSpread({}, syncBlock.data), {}, {
+          content: content
+        })
+      });
+    }
   }, {
     key: "updateSessionCache",
     value: function updateSessionCache(resourceId) {
@@ -223,7 +241,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         if (!raw) {
           return undefined;
         }
-        return JSON.parse(raw);
+        return this.stripAnnotationMarksFromReferenceData(JSON.parse(raw));
       } catch (error) {
         logException(error, {
           location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/getFromSessionCache'
@@ -594,14 +612,15 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "updateCache",
     value: function updateCache(syncBlock) {
-      var resourceId = syncBlock.resourceId;
+      var sanitizedSyncBlock = this.stripAnnotationMarksFromReferenceData(syncBlock);
+      var resourceId = sanitizedSyncBlock.resourceId;
       if (resourceId) {
         var _this$dataProvider3;
-        (_this$dataProvider3 = this.dataProvider) === null || _this$dataProvider3 === void 0 || _this$dataProvider3.updateCache(_defineProperty({}, resourceId, syncBlock), {
+        (_this$dataProvider3 = this.dataProvider) === null || _this$dataProvider3 === void 0 || _this$dataProvider3.updateCache(_defineProperty({}, resourceId, sanitizedSyncBlock), {
           strategy: 'merge',
           source: 'network'
         });
-        this._subscriptionManager.notifySubscriptionCallbacks(resourceId, syncBlock);
+        this._subscriptionManager.notifySubscriptionCallbacks(resourceId, sanitizedSyncBlock);
         this.updateSessionCache(resourceId);
       }
     }
@@ -678,12 +697,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "getSyncBlockURL",
     value: function getSyncBlockURL(resourceId) {
-      var _syncBlock$data;
+      var _syncBlock$data2;
       var syncBlock = this.getFromCache(resourceId);
       if (!syncBlock) {
         return undefined;
       }
-      return (_syncBlock$data = syncBlock.data) === null || _syncBlock$data === void 0 ? void 0 : _syncBlock$data.sourceURL;
+      return (_syncBlock$data2 = syncBlock.data) === null || _syncBlock$data2 === void 0 ? void 0 : _syncBlock$data2.sourceURL;
     }
   }, {
     key: "getProviderFactory",

package/dist/esm/store-manager/syncBlockSubscriptionManager.js

@@ -7,6 +7,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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 { logException } from '@atlaskit/editor-common/monitoring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { fetchErrorPayload, fetchSuccessPayload } from '../utils/errorHandling';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { getSourceProductFromResourceIdSafe } from '../utils/utils';
@@ -29,6 +30,8 @@ export var SyncBlockSubscriptionManager = /*#__PURE__*/function () {
     // causing the cache to be deleted prematurely. We delay deletion to allow
     // the new component to subscribe and cancel the pending deletion.
     _defineProperty(this, "pendingCacheDeletions", new Map());
+    _defineProperty(this, "retryAttempts", new Map());
+    _defineProperty(this, "pendingRetries", new Map());
     this.deps = deps;
   }
 
@@ -243,6 +246,7 @@ export var SyncBlockSubscriptionManager = /*#__PURE__*/function () {
       if (!(dataProvider !== null && dataProvider !== void 0 && dataProvider.subscribeToBlockUpdates)) {
         return;
       }
+      var reconnectEnabled = fg('platform_synced_block_patch_12');
       var unsubscribe = dataProvider.subscribeToBlockUpdates(resourceId, function (syncBlockInstance) {
         _this5.handleGraphQLUpdate(syncBlockInstance);
       }, function (error) {
@@ -251,11 +255,115 @@ export var SyncBlockSubscriptionManager = /*#__PURE__*/function () {
           location: 'editor-synced-block-provider/syncBlockSubscriptionManager/graphql-subscription'
         });
         (_this5$deps$getFireAn = _this5.deps.getFireAnalyticsEvent()) === null || _this5$deps$getFireAn === void 0 || _this5$deps$getFireAn(fetchErrorPayload(error.message, resourceId, getSourceProductFromResourceIdSafe(resourceId)));
-      });
+        if (reconnectEnabled) {
+          _this5.handleSubscriptionTerminated(resourceId);
+        }
+      }, reconnectEnabled ? function () {
+        _this5.handleSubscriptionTerminated(resourceId);
+      } : undefined);
       if (unsubscribe) {
         this.graphqlSubscriptions.set(resourceId, unsubscribe);
       }
     }
+
+    /**
+     * Handles subscription termination (complete or error) by cleaning up the
+     * stale entry and scheduling a reconnection with exponential backoff.
+     */
+  }, {
+    key: "handleSubscriptionTerminated",
+    value: function handleSubscriptionTerminated(resourceId) {
+      // Remove the stale subscription entry so setupSubscription won't early-return
+      this.graphqlSubscriptions.delete(resourceId);
+
+      // Guard against duplicate calls (graphql-ws can fire both error and complete)
+      if (this.pendingRetries.has(resourceId)) {
+        return;
+      }
+
+      // Only reconnect if there are still active subscribers for this resource
+      if (this.subscriptions.has(resourceId) && this.shouldUseRealTime()) {
+        this.scheduleReconnection(resourceId);
+      }
+    }
+
+    /**
+     * Schedules a reconnection attempt with exponential backoff.
+     * Delay = INITIAL_RETRY_DELAY_MS * (RETRY_BACKOFF_MULTIPLIER ^ attempts)
+     * e.g. 1s, 2s, 4s, 8s, 16s
+     */
+  }, {
+    key: "scheduleReconnection",
+    value: function scheduleReconnection(resourceId) {
+      var _this$retryAttempts$g,
+        _this6 = this;
+      var attempts = (_this$retryAttempts$g = this.retryAttempts.get(resourceId)) !== null && _this$retryAttempts$g !== void 0 ? _this$retryAttempts$g : 0;
+      if (attempts >= SyncBlockSubscriptionManager.MAX_RETRY_ATTEMPTS) {
+        var _this$deps$getFireAna;
+        var errorMessage = "Subscription reconnection failed after ".concat(attempts, " attempts");
+        logException(new Error(errorMessage), {
+          location: 'editor-synced-block-provider/syncBlockSubscriptionManager/max-retries-exhausted'
+        });
+        (_this$deps$getFireAna = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna === void 0 || _this$deps$getFireAna(fetchErrorPayload(errorMessage, resourceId, getSourceProductFromResourceIdSafe(resourceId)));
+        return;
+      }
+      var delay = SyncBlockSubscriptionManager.INITIAL_RETRY_DELAY_MS * Math.pow(SyncBlockSubscriptionManager.RETRY_BACKOFF_MULTIPLIER, attempts);
+      var timer = setTimeout(function () {
+        _this6.pendingRetries.delete(resourceId);
+
+        // Only re-subscribe if still relevant
+        if (_this6.subscriptions.has(resourceId) && _this6.shouldUseRealTime()) {
+          _this6.setupSubscription(resourceId);
+
+          // Only increment if the subscription was actually established
+          // (setupSubscription may be a no-op if another code path already re-established it)
+          if (_this6.graphqlSubscriptions.has(resourceId)) {
+            _this6.retryAttempts.set(resourceId, attempts + 1);
+          }
+        } else {
+          // Conditions no longer met — clean up stale retry state
+          _this6.retryAttempts.delete(resourceId);
+        }
+      }, delay);
+      this.pendingRetries.set(resourceId, timer);
+    }
+
+    /**
+     * Resets the retry counter for a resource. Called when a successful
+     * update is received, indicating the subscription is healthy.
+     */
+  }, {
+    key: "resetRetryCount",
+    value: function resetRetryCount(resourceId) {
+      this.retryAttempts.delete(resourceId);
+    }
+  }, {
+    key: "cancelPendingRetry",
+    value: function cancelPendingRetry(resourceId) {
+      var timer = this.pendingRetries.get(resourceId);
+      if (timer) {
+        clearTimeout(timer);
+        this.pendingRetries.delete(resourceId);
+      }
+    }
+  }, {
+    key: "cancelAllPendingRetries",
+    value: function cancelAllPendingRetries() {
+      var _iterator = _createForOfIteratorHelper(this.pendingRetries.values()),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var timer = _step.value;
+          clearTimeout(timer);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      this.pendingRetries.clear();
+      this.retryAttempts.clear();
+    }
   }, {
     key: "cleanupSubscription",
     value: function cleanupSubscription(resourceId) {
@@ -264,39 +372,46 @@ export var SyncBlockSubscriptionManager = /*#__PURE__*/function () {
         unsubscribe();
         this.graphqlSubscriptions.delete(resourceId);
       }
+      if (fg('platform_synced_block_patch_12')) {
+        this.cancelPendingRetry(resourceId);
+        this.retryAttempts.delete(resourceId);
+      }
     }
   }, {
     key: "setupSubscriptionsForAllBlocks",
     value: function setupSubscriptionsForAllBlocks() {
-      var _iterator = _createForOfIteratorHelper(this.subscriptions.keys()),
-        _step;
+      var _iterator2 = _createForOfIteratorHelper(this.subscriptions.keys()),
+        _step2;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var resourceId = _step.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var resourceId = _step2.value;
           this.setupSubscription(resourceId);
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
     }
   }, {
     key: "cleanupAll",
     value: function cleanupAll() {
-      var _iterator2 = _createForOfIteratorHelper(this.graphqlSubscriptions.values()),
-        _step2;
+      var _iterator3 = _createForOfIteratorHelper(this.graphqlSubscriptions.values()),
+        _step3;
       try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var unsubscribe = _step2.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var unsubscribe = _step3.value;
           unsubscribe();
         }
       } catch (err) {
-        _iterator2.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator2.f();
+        _iterator3.f();
       }
       this.graphqlSubscriptions.clear();
+      if (fg('platform_synced_block_patch_12')) {
+        this.cancelAllPendingRetries();
+      }
     }
   }, {
     key: "destroy",
@@ -308,17 +423,17 @@ export var SyncBlockSubscriptionManager = /*#__PURE__*/function () {
       this.useRealTimeSubscriptions = false;
 
       // Clear any pending cache deletions
-      var _iterator3 = _createForOfIteratorHelper(this.pendingCacheDeletions.values()),
-        _step3;
+      var _iterator4 = _createForOfIteratorHelper(this.pendingCacheDeletions.values()),
+        _step4;
       try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var timeout = _step3.value;
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var timeout = _step4.value;
           clearTimeout(timeout);
         }
       } catch (err) {
-        _iterator3.e(err);
+        _iterator4.e(err);
       } finally {
-        _iterator3.f();
+        _iterator4.f();
       }
       this.pendingCacheDeletions.clear();
     }
@@ -330,7 +445,7 @@ export var SyncBlockSubscriptionManager = /*#__PURE__*/function () {
   }, {
     key: "handleGraphQLUpdate",
     value: function handleGraphQLUpdate(syncBlockInstance) {
-      var _this6 = this;
+      var _this7 = this;
       if (!syncBlockInstance.resourceId) {
         return;
       }
@@ -338,18 +453,26 @@ export var SyncBlockSubscriptionManager = /*#__PURE__*/function () {
       var resolved = existing ? resolveSyncBlockInstance(existing, syncBlockInstance) : syncBlockInstance;
       this.deps.updateCache(resolved);
       if (!syncBlockInstance.error) {
+        // Successful data delivery means the subscription is healthy — reset retry counter
+        if (fg('platform_synced_block_patch_12')) {
+          this.resetRetryCount(syncBlockInstance.resourceId);
+        }
         var callbacks = this.subscriptions.get(syncBlockInstance.resourceId);
         var localIds = callbacks ? Object.keys(callbacks) : [];
         localIds.forEach(function (localId) {
-          var _this6$deps$getFireAn, _syncBlockInstance$da, _syncBlockInstance$da2;
-          (_this6$deps$getFireAn = _this6.deps.getFireAnalyticsEvent()) === null || _this6$deps$getFireAn === void 0 || _this6$deps$getFireAn(fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da = (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product) !== null && _syncBlockInstance$da !== void 0 ? _syncBlockInstance$da : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
+          var _this7$deps$getFireAn, _syncBlockInstance$da, _syncBlockInstance$da2;
+          (_this7$deps$getFireAn = _this7.deps.getFireAnalyticsEvent()) === null || _this7$deps$getFireAn === void 0 || _this7$deps$getFireAn(fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da = (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product) !== null && _syncBlockInstance$da !== void 0 ? _syncBlockInstance$da : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
         });
         this.deps.fetchSyncBlockSourceInfo(resolved.resourceId);
       } else {
-        var _syncBlockInstance$er, _syncBlockInstance$er2, _this$deps$getFireAna, _syncBlockInstance$da3, _syncBlockInstance$da4;
+        var _syncBlockInstance$er, _syncBlockInstance$er2, _this$deps$getFireAna2, _syncBlockInstance$da3, _syncBlockInstance$da4;
         var errorMessage = ((_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.reason) || ((_syncBlockInstance$er2 = syncBlockInstance.error) === null || _syncBlockInstance$er2 === void 0 ? void 0 : _syncBlockInstance$er2.type);
-        (_this$deps$getFireAna = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna === void 0 || _this$deps$getFireAna(fetchErrorPayload(errorMessage, syncBlockInstance.resourceId, (_syncBlockInstance$da3 = (_syncBlockInstance$da4 = syncBlockInstance.data) === null || _syncBlockInstance$da4 === void 0 ? void 0 : _syncBlockInstance$da4.product) !== null && _syncBlockInstance$da3 !== void 0 ? _syncBlockInstance$da3 : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
+        (_this$deps$getFireAna2 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna2 === void 0 || _this$deps$getFireAna2(fetchErrorPayload(errorMessage, syncBlockInstance.resourceId, (_syncBlockInstance$da3 = (_syncBlockInstance$da4 = syncBlockInstance.data) === null || _syncBlockInstance$da4 === void 0 ? void 0 : _syncBlockInstance$da4.product) !== null && _syncBlockInstance$da3 !== void 0 ? _syncBlockInstance$da3 : getSourceProductFromResourceIdSafe(syncBlockInstance.resourceId)));
       }
     }
   }]);
-}();
+}();
+// Reconnection with exponential backoff
+_defineProperty(SyncBlockSubscriptionManager, "INITIAL_RETRY_DELAY_MS", 1000);
+_defineProperty(SyncBlockSubscriptionManager, "RETRY_BACKOFF_MULTIPLIER", 2);
+_defineProperty(SyncBlockSubscriptionManager, "MAX_RETRY_ATTEMPTS", 5);