@atlaskit/editor-synced-block-renderer 5.0.3 → 5.2.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-synced-block-renderer
 
+## 5.2.0
+
+### Minor Changes
+
+- [`8100ae00326b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8100ae00326b4) -
+  EDITOR-2850-add media ssr support for sync blocks
+
+### Patch Changes
+
+- [`fff45a651440a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fff45a651440a) -
+  EDITOR-1665 add experience tracking analytics for sync block save, fetch and delete
+- Updated dependencies
+
+## 5.1.0
+
+### Minor Changes
+
+- [`fc67bbb84995b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fc67bbb84995b) -
+  The renderer version of synced blocks should also use the SSR preloaded data
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.0.3
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__editor-synced-block-renderer",
@@ -47,6 +47,9 @@
 		{
 			"path": "../../../design-system/image/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -47,6 +47,9 @@
 		{
 			"path": "../../../design-system/image/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -47,6 +47,9 @@
 		{
 			"path": "../../../design-system/image/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
 		},

package/dist/cjs/index.js

@@ -6,13 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "getSyncBlockNodesFromDoc", {
   enumerable: true,
   get: function get() {
-    return _getSyncedBlockNodeComponent.getSyncBlockNodesFromDoc;
-  }
-});
-Object.defineProperty(exports, "getSyncedBlockNodeComponent", {
-  enumerable: true,
-  get: function get() {
-    return _getSyncedBlockNodeComponent.getSyncedBlockNodeComponent;
+    return _useSyncedBlockNodeComponent.getSyncBlockNodesFromDoc;
   }
 });
 Object.defineProperty(exports, "getSyncedBlockRenderer", {
@@ -28,5 +22,4 @@ Object.defineProperty(exports, "useMemoizedSyncedBlockNodeComponent", {
   }
 });
 var _useSyncedBlockNodeComponent = require("./useSyncedBlockNodeComponent");
-var _getSyncedBlockNodeComponent = require("./getSyncedBlockNodeComponent");
 var _getSyncedBlockRenderer = require("./getSyncedBlockRenderer");

package/dist/cjs/ui/SyncedBlockNodeComponentRenderer.js

@@ -10,6 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experienceTracking = require("../utils/experience-tracking");
 var _AKRendererWrapper = require("./AKRendererWrapper");
 var _SyncedBlockErrorComponent = require("./SyncedBlockErrorComponent");
 var _SyncedBlockLoadingState = require("./SyncedBlockLoadingState");
@@ -21,6 +23,9 @@ var SyncedBlockNodeComponentRenderer = exports.SyncedBlockNodeComponentRenderer
     localId = nodeProps.localId,
     fireAnalyticsEvent = nodeProps.fireAnalyticsEvent;
   syncBlockStoreManager.referenceManager.updateFireAnalyticsEvent(fireAnalyticsEvent);
+  if ((0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+    (0, _experienceTracking.setupExperienceTracking)(syncBlockStoreManager, fireAnalyticsEvent);
+  }
   var _useFetchSyncBlockDat = (0, _editorSyncedBlockProvider.useFetchSyncBlockData)(syncBlockStoreManager, resourceId, localId, fireAnalyticsEvent),
     syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
     isLoading = _useFetchSyncBlockDat.isLoading,

package/dist/cjs/ui/SyncedBlockRenderer.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SyncedBlockRenderer = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AKRendererWrapper = require("./AKRendererWrapper");
 var _SyncedBlockErrorComponent = require("./SyncedBlockErrorComponent");
 var _SyncedBlockLoadingState = require("./SyncedBlockLoadingState");
 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 SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
   var useFetchSyncBlockData = _ref.useFetchSyncBlockData,
     syncBlockRendererOptions = _ref.syncBlockRendererOptions,
@@ -20,7 +26,25 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
     syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
     providerFactory = _useFetchSyncBlockDat.providerFactory,
     isLoading = _useFetchSyncBlockDat.isLoading,
-    reloadData = _useFetchSyncBlockDat.reloadData;
+    reloadData = _useFetchSyncBlockDat.reloadData,
+    ssrProviders = _useFetchSyncBlockDat.ssrProviders;
+  var rendererOptions = (0, _react.useMemo)(function () {
+    var _syncBlockRendererOpt, _ssrProviders$media;
+    if (!(0, _coreUtils.isSSR)() || syncBlockRendererOptions !== null && syncBlockRendererOptions !== void 0 && (_syncBlockRendererOpt = syncBlockRendererOptions.media) !== null && _syncBlockRendererOpt !== void 0 && _syncBlockRendererOpt.ssr ||
+    // already has ssr config
+    !(ssrProviders !== null && ssrProviders !== void 0 && (_ssrProviders$media = ssrProviders.media) !== null && _ssrProviders$media !== void 0 && _ssrProviders$media.viewMediaClientConfig) || !(0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+      return syncBlockRendererOptions;
+    }
+    var mediaSSR = {
+      mode: 'server',
+      config: ssrProviders === null || ssrProviders === void 0 ? void 0 : ssrProviders.media.viewMediaClientConfig
+    };
+    return _objectSpread(_objectSpread({}, syncBlockRendererOptions), {}, {
+      media: _objectSpread(_objectSpread({}, (syncBlockRendererOptions === null || syncBlockRendererOptions === void 0 ? void 0 : syncBlockRendererOptions.media) || {}), {}, {
+        ssr: mediaSSR
+      })
+    });
+  }, [syncBlockRendererOptions, ssrProviders]);
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (_ref2) {
       var connectivityState = _ref2.connectivityState;
       return {
@@ -54,7 +78,7 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
   return /*#__PURE__*/_react.default.createElement(_AKRendererWrapper.AKRendererWrapper, {
     doc: syncBlockDoc,
     dataProviders: providerFactory,
-    options: syncBlockRendererOptions
+    options: rendererOptions
   });
 };
 var SyncedBlockRenderer = exports.SyncedBlockRenderer = /*#__PURE__*/(0, _react.memo)(SyncedBlockRendererComponent);

package/dist/cjs/useSyncedBlockNodeComponent.js

@@ -4,19 +4,41 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMemoizedSyncedBlockNodeComponent = void 0;
+exports.useMemoizedSyncedBlockNodeComponent = exports.getSyncBlockNodesFromDoc = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _SyncedBlockNodeComponentRenderer = require("./ui/SyncedBlockNodeComponentRenderer");
 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); }
+var getSyncBlockNodesFromDoc = exports.getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
+  var content = doc.content;
+  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
+  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
+    return (0, _editorSyncedBlockProvider.convertSyncBlockJSONNodeToSyncBlockNode)(node);
+  }).filter(function (node) {
+    return node !== undefined;
+  });
+  return syncBlockNodes;
+};
 var useMemoizedSyncedBlockNodeComponent = exports.useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlockNodeComponent(_ref) {
   var syncBlockNodes = _ref.syncBlockNodes,
     syncBlockProvider = _ref.syncBlockProvider,
     syncBlockRendererOptions = _ref.syncBlockRendererOptions,
-    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent,
+    getSSRData = _ref.getSSRData;
   var syncBlockStoreManager = (0, _editorSyncedBlockProvider.useMemoizedSyncBlockStoreManager)(syncBlockProvider, fireAnalyticsEvent);
 
-  // Initial fetch sync block data
+  // Initialize SSR data if available
+  (0, _react.useEffect)(function () {
+    if (getSSRData && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
+      var ssrData = getSSRData();
+      if (ssrData && syncBlockProvider.setSSRData) {
+        syncBlockProvider.setSSRData(ssrData);
+      }
+    }
+  }, [getSSRData, syncBlockProvider]);
+
+  // Initial fetch sync block data (will use SSR data as initial cache if available)
   (0, _react.useEffect)(function () {
     syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
   }, [syncBlockNodes, syncBlockStoreManager.referenceManager]);

package/dist/cjs/utils/experience-tracking.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setupExperienceTracking = exports.getSaveReferenceExperience = exports.getFetchSourceInfoExperience = exports.getFetchExperience = exports.createExperienceDispatcher = void 0;
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _experiences = require("@atlaskit/editor-common/experiences");
+var setupExperienceTracking = exports.setupExperienceTracking = function setupExperienceTracking(syncBlockStoreManager, fireAnalyticsEvent) {
+  if (!fireAnalyticsEvent) {
+    return;
+  }
+  var dispatchAnalyticsEvent = createExperienceDispatcher(fireAnalyticsEvent);
+  syncBlockStoreManager.referenceManager.setExperiences(getFetchExperience(dispatchAnalyticsEvent), getFetchSourceInfoExperience(dispatchAnalyticsEvent), getSaveReferenceExperience(dispatchAnalyticsEvent));
+};
+var createExperienceDispatcher = exports.createExperienceDispatcher = function createExperienceDispatcher(fireAnalyticsEvent) {
+  return function (payload) {
+    // Runtime type guard - only forward experience events
+    if (payload.action === 'experienceMeasured' || payload.action === 'experienceSampled') {
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent(payload);
+    }
+  };
+};
+
+/**
+ * This experience tracks when a reference sync block data is fetched from the BE.
+ *
+ * Start: When the fetchNodesData function is called.
+ * Success: When the fetching the data is successful within 1500ms of start.
+ * Failure: When 1500ms passes without the data being successfully fetched, or the fetch fails
+ */
+var getFetchExperience = exports.getFetchExperience = function getFetchExperience(dispatchAnalyticsEvent) {
+  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: 1500
+    })]
+  });
+};
+
+/**
+ * This experience tracks when a reference sync block source info data (title, url) is fetched from the BE.
+ *
+ * Start: When the fetchSourceInfo function is called.
+ * Success: When the fetching the data is successful within 2500ms of start.
+ * Failure: When 2500ms passes without the data being successfully fetched, or the fetch fails
+ */
+var getFetchSourceInfoExperience = exports.getFetchSourceInfoExperience = function getFetchSourceInfoExperience(dispatchAnalyticsEvent) {
+  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: 2500
+    })]
+  });
+};
+
+/**
+ * This experience tracks when a reference sync block is saved to the BE.
+ *
+ * Start: When the flush sync block function is called.
+ * Success: When the sync block save is successful within 1500ms of start.
+ * Failure: When 1500ms passes before the sync block save is marked as successful
+ */
+var getSaveReferenceExperience = exports.getSaveReferenceExperience = function getSaveReferenceExperience(dispatchAnalyticsEvent) {
+  return new _experiences.Experience(_analytics.ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new _experiences.ExperienceCheckTimeout({
+      durationMs: 1500
+    })]
+  });
+};

package/dist/es2019/index.js

@@ -1,4 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
-export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './getSyncedBlockNodeComponent';
+export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';

package/dist/es2019/ui/SyncedBlockNodeComponentRenderer.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { SyncBlockSharedCssClassName, SyncBlockRendererDataAttributeName } from '@atlaskit/editor-common/sync-block';
 import { SyncBlockError, useFetchSyncBlockData } from '@atlaskit/editor-synced-block-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { setupExperienceTracking } from '../utils/experience-tracking';
 import { AKRendererWrapper } from './AKRendererWrapper';
 import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
 import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
@@ -15,6 +17,9 @@ export const SyncedBlockNodeComponentRenderer = ({
     fireAnalyticsEvent
   } = nodeProps;
   syncBlockStoreManager.referenceManager.updateFireAnalyticsEvent(fireAnalyticsEvent);
+  if (fg('platform_synced_block_dogfooding')) {
+    setupExperienceTracking(syncBlockStoreManager, fireAnalyticsEvent);
+  }
   const {
     syncBlockInstance,
     isLoading,

package/dist/es2019/ui/SyncedBlockRenderer.js

@@ -1,6 +1,8 @@
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AKRendererWrapper } from './AKRendererWrapper';
 import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
 import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
@@ -13,8 +15,28 @@ const SyncedBlockRendererComponent = ({
     syncBlockInstance,
     providerFactory,
     isLoading,
-    reloadData
+    reloadData,
+    ssrProviders
   } = useFetchSyncBlockData();
+  const rendererOptions = useMemo(() => {
+    var _syncBlockRendererOpt, _ssrProviders$media;
+    if (!isSSR() || syncBlockRendererOptions !== null && syncBlockRendererOptions !== void 0 && (_syncBlockRendererOpt = syncBlockRendererOptions.media) !== null && _syncBlockRendererOpt !== void 0 && _syncBlockRendererOpt.ssr ||
+    // already has ssr config
+    !(ssrProviders !== null && ssrProviders !== void 0 && (_ssrProviders$media = ssrProviders.media) !== null && _ssrProviders$media !== void 0 && _ssrProviders$media.viewMediaClientConfig) || !fg('platform_synced_block_dogfooding')) {
+      return syncBlockRendererOptions;
+    }
+    const mediaSSR = {
+      mode: 'server',
+      config: ssrProviders === null || ssrProviders === void 0 ? void 0 : ssrProviders.media.viewMediaClientConfig
+    };
+    return {
+      ...syncBlockRendererOptions,
+      media: {
+        ...((syncBlockRendererOptions === null || syncBlockRendererOptions === void 0 ? void 0 : syncBlockRendererOptions.media) || {}),
+        ssr: mediaSSR
+      }
+    };
+  }, [syncBlockRendererOptions, ssrProviders]);
   const {
     isInternetOffline
   } = useSharedPluginStateWithSelector(api, ['connectivity'], ({
@@ -48,7 +70,7 @@ const SyncedBlockRendererComponent = ({
   return /*#__PURE__*/React.createElement(AKRendererWrapper, {
     doc: syncBlockDoc,
     dataProviders: providerFactory,
-    options: syncBlockRendererOptions
+    options: rendererOptions
   });
 };
 export const SyncedBlockRenderer = /*#__PURE__*/memo(SyncedBlockRendererComponent);

package/dist/es2019/useSyncedBlockNodeComponent.js

@@ -1,15 +1,35 @@
 import React, { useCallback, useEffect } from 'react';
-import { useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { convertSyncBlockJSONNodeToSyncBlockNode, useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
+export const getSyncBlockNodesFromDoc = doc => {
+  const {
+    content
+  } = doc;
+  const isEmpty = !content || !Array.isArray(content) || content.length === 0;
+  const syncBlockNodes = isEmpty ? [] : content.map(node => convertSyncBlockJSONNodeToSyncBlockNode(node)).filter(node => node !== undefined);
+  return syncBlockNodes;
+};
 export const useMemoizedSyncedBlockNodeComponent = ({
   syncBlockNodes,
   syncBlockProvider,
   syncBlockRendererOptions,
-  fireAnalyticsEvent
+  fireAnalyticsEvent,
+  getSSRData
 }) => {
   const syncBlockStoreManager = useMemoizedSyncBlockStoreManager(syncBlockProvider, fireAnalyticsEvent);
 
-  // Initial fetch sync block data
+  // Initialize SSR data if available
+  useEffect(() => {
+    if (getSSRData && fg('platform_synced_block_dogfooding')) {
+      const ssrData = getSSRData();
+      if (ssrData && syncBlockProvider.setSSRData) {
+        syncBlockProvider.setSSRData(ssrData);
+      }
+    }
+  }, [getSSRData, syncBlockProvider]);
+
+  // Initial fetch sync block data (will use SSR data as initial cache if available)
   useEffect(() => {
     syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
   }, [syncBlockNodes, syncBlockStoreManager.referenceManager]);

package/dist/es2019/utils/experience-tracking.js

@@ -0,0 +1,68 @@
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { Experience, ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences';
+export const setupExperienceTracking = (syncBlockStoreManager, fireAnalyticsEvent) => {
+  if (!fireAnalyticsEvent) {
+    return;
+  }
+  const dispatchAnalyticsEvent = createExperienceDispatcher(fireAnalyticsEvent);
+  syncBlockStoreManager.referenceManager.setExperiences(getFetchExperience(dispatchAnalyticsEvent), getFetchSourceInfoExperience(dispatchAnalyticsEvent), getSaveReferenceExperience(dispatchAnalyticsEvent));
+};
+export const createExperienceDispatcher = fireAnalyticsEvent => {
+  return payload => {
+    // Runtime type guard - only forward experience events
+    if (payload.action === 'experienceMeasured' || payload.action === 'experienceSampled') {
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent(payload);
+    }
+  };
+};
+
+/**
+ * This experience tracks when a reference sync block data is fetched from the BE.
+ *
+ * Start: When the fetchNodesData function is called.
+ * Success: When the fetching the data is successful within 1500ms of start.
+ * Failure: When 1500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export const getFetchExperience = dispatchAnalyticsEvent => {
+  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH,
+    dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: 1500
+    })]
+  });
+};
+
+/**
+ * This experience tracks when a reference sync block source info data (title, url) is fetched from the BE.
+ *
+ * Start: When the fetchSourceInfo function is called.
+ * Success: When the fetching the data is successful within 2500ms of start.
+ * Failure: When 2500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export const getFetchSourceInfoExperience = dispatchAnalyticsEvent => {
+  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO,
+    dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: 2500
+    })]
+  });
+};
+
+/**
+ * This experience tracks when a reference sync block is saved to the BE.
+ *
+ * Start: When the flush sync block function is called.
+ * Success: When the sync block save is successful within 1500ms of start.
+ * Failure: When 1500ms passes before the sync block save is marked as successful
+ */
+export const getSaveReferenceExperience = dispatchAnalyticsEvent => {
+  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE,
+    dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: 1500
+    })]
+  });
+};

package/dist/esm/index.js

@@ -1,4 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
-export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './getSyncedBlockNodeComponent';
+export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';

package/dist/esm/ui/SyncedBlockNodeComponentRenderer.js

@@ -3,6 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { SyncBlockSharedCssClassName, SyncBlockRendererDataAttributeName } from '@atlaskit/editor-common/sync-block';
 import { SyncBlockError, useFetchSyncBlockData } from '@atlaskit/editor-synced-block-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { setupExperienceTracking } from '../utils/experience-tracking';
 import { AKRendererWrapper } from './AKRendererWrapper';
 import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
 import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
@@ -14,6 +16,9 @@ export var SyncedBlockNodeComponentRenderer = function SyncedBlockNodeComponentR
     localId = nodeProps.localId,
     fireAnalyticsEvent = nodeProps.fireAnalyticsEvent;
   syncBlockStoreManager.referenceManager.updateFireAnalyticsEvent(fireAnalyticsEvent);
+  if (fg('platform_synced_block_dogfooding')) {
+    setupExperienceTracking(syncBlockStoreManager, fireAnalyticsEvent);
+  }
   var _useFetchSyncBlockDat = useFetchSyncBlockData(syncBlockStoreManager, resourceId, localId, fireAnalyticsEvent),
     syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
     isLoading = _useFetchSyncBlockDat.isLoading,

package/dist/esm/ui/SyncedBlockRenderer.js

@@ -1,6 +1,11 @@
-import React, { memo } from 'react';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 React, { memo, useMemo } from 'react';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AKRendererWrapper } from './AKRendererWrapper';
 import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
 import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
@@ -12,7 +17,25 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
     syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
     providerFactory = _useFetchSyncBlockDat.providerFactory,
     isLoading = _useFetchSyncBlockDat.isLoading,
-    reloadData = _useFetchSyncBlockDat.reloadData;
+    reloadData = _useFetchSyncBlockDat.reloadData,
+    ssrProviders = _useFetchSyncBlockDat.ssrProviders;
+  var rendererOptions = useMemo(function () {
+    var _syncBlockRendererOpt, _ssrProviders$media;
+    if (!isSSR() || syncBlockRendererOptions !== null && syncBlockRendererOptions !== void 0 && (_syncBlockRendererOpt = syncBlockRendererOptions.media) !== null && _syncBlockRendererOpt !== void 0 && _syncBlockRendererOpt.ssr ||
+    // already has ssr config
+    !(ssrProviders !== null && ssrProviders !== void 0 && (_ssrProviders$media = ssrProviders.media) !== null && _ssrProviders$media !== void 0 && _ssrProviders$media.viewMediaClientConfig) || !fg('platform_synced_block_dogfooding')) {
+      return syncBlockRendererOptions;
+    }
+    var mediaSSR = {
+      mode: 'server',
+      config: ssrProviders === null || ssrProviders === void 0 ? void 0 : ssrProviders.media.viewMediaClientConfig
+    };
+    return _objectSpread(_objectSpread({}, syncBlockRendererOptions), {}, {
+      media: _objectSpread(_objectSpread({}, (syncBlockRendererOptions === null || syncBlockRendererOptions === void 0 ? void 0 : syncBlockRendererOptions.media) || {}), {}, {
+        ssr: mediaSSR
+      })
+    });
+  }, [syncBlockRendererOptions, ssrProviders]);
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['connectivity'], function (_ref2) {
       var connectivityState = _ref2.connectivityState;
       return {
@@ -46,7 +69,7 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
   return /*#__PURE__*/React.createElement(AKRendererWrapper, {
     doc: syncBlockDoc,
     dataProviders: providerFactory,
-    options: syncBlockRendererOptions
+    options: rendererOptions
   });
 };
 export var SyncedBlockRenderer = /*#__PURE__*/memo(SyncedBlockRendererComponent);

package/dist/esm/useSyncedBlockNodeComponent.js

@@ -1,14 +1,36 @@
 import React, { useCallback, useEffect } from 'react';
-import { useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { convertSyncBlockJSONNodeToSyncBlockNode, useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
+export var getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
+  var content = doc.content;
+  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
+  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
+    return convertSyncBlockJSONNodeToSyncBlockNode(node);
+  }).filter(function (node) {
+    return node !== undefined;
+  });
+  return syncBlockNodes;
+};
 export var useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlockNodeComponent(_ref) {
   var syncBlockNodes = _ref.syncBlockNodes,
     syncBlockProvider = _ref.syncBlockProvider,
     syncBlockRendererOptions = _ref.syncBlockRendererOptions,
-    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent,
+    getSSRData = _ref.getSSRData;
   var syncBlockStoreManager = useMemoizedSyncBlockStoreManager(syncBlockProvider, fireAnalyticsEvent);
 
-  // Initial fetch sync block data
+  // Initialize SSR data if available
+  useEffect(function () {
+    if (getSSRData && fg('platform_synced_block_dogfooding')) {
+      var ssrData = getSSRData();
+      if (ssrData && syncBlockProvider.setSSRData) {
+        syncBlockProvider.setSSRData(ssrData);
+      }
+    }
+  }, [getSSRData, syncBlockProvider]);
+
+  // Initial fetch sync block data (will use SSR data as initial cache if available)
   useEffect(function () {
     syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
   }, [syncBlockNodes, syncBlockStoreManager.referenceManager]);

package/dist/esm/utils/experience-tracking.js

@@ -0,0 +1,68 @@
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { Experience, ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences';
+export var setupExperienceTracking = function setupExperienceTracking(syncBlockStoreManager, fireAnalyticsEvent) {
+  if (!fireAnalyticsEvent) {
+    return;
+  }
+  var dispatchAnalyticsEvent = createExperienceDispatcher(fireAnalyticsEvent);
+  syncBlockStoreManager.referenceManager.setExperiences(getFetchExperience(dispatchAnalyticsEvent), getFetchSourceInfoExperience(dispatchAnalyticsEvent), getSaveReferenceExperience(dispatchAnalyticsEvent));
+};
+export var createExperienceDispatcher = function createExperienceDispatcher(fireAnalyticsEvent) {
+  return function (payload) {
+    // Runtime type guard - only forward experience events
+    if (payload.action === 'experienceMeasured' || payload.action === 'experienceSampled') {
+      fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent(payload);
+    }
+  };
+};
+
+/**
+ * This experience tracks when a reference sync block data is fetched from the BE.
+ *
+ * Start: When the fetchNodesData function is called.
+ * Success: When the fetching the data is successful within 1500ms of start.
+ * Failure: When 1500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export var getFetchExperience = function getFetchExperience(dispatchAnalyticsEvent) {
+  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: 1500
+    })]
+  });
+};
+
+/**
+ * This experience tracks when a reference sync block source info data (title, url) is fetched from the BE.
+ *
+ * Start: When the fetchSourceInfo function is called.
+ * Success: When the fetching the data is successful within 2500ms of start.
+ * Failure: When 2500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export var getFetchSourceInfoExperience = function getFetchSourceInfoExperience(dispatchAnalyticsEvent) {
+  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: 2500
+    })]
+  });
+};
+
+/**
+ * This experience tracks when a reference sync block is saved to the BE.
+ *
+ * Start: When the flush sync block function is called.
+ * Success: When the sync block save is successful within 1500ms of start.
+ * Failure: When 1500ms passes before the sync block save is marked as successful
+ */
+export var getSaveReferenceExperience = function getSaveReferenceExperience(dispatchAnalyticsEvent) {
+  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
+    actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    checks: [new ExperienceCheckTimeout({
+      durationMs: 1500
+    })]
+  });
+};

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
-export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './getSyncedBlockNodeComponent';
+export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent, type GetSyncedBlockNodeComponentProps, } from './useSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
 export type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';

package/dist/types/useSyncedBlockNodeComponent.d.ts

@@ -1,4 +1,16 @@
 import React from 'react';
-import type { GetSyncedBlockNodeComponentProps } from './getSyncedBlockNodeComponent';
+import type { DocNode } from '@atlaskit/adf-schema';
+import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
+import { type SyncBlockInstance, type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockRendererOptions } from './types';
 import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
-export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
+export type GetSyncedBlockNodeComponentProps = {
+    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
+    getSSRData?: () => Record<string, SyncBlockInstance> | undefined;
+    syncBlockNodes: SyncBlockNode[];
+    syncBlockProvider: SyncedBlockProvider;
+    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
+};
+export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
+export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getSSRData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);

package/dist/types/utils/experience-tracking.d.ts

@@ -0,0 +1,30 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { Experience } from '@atlaskit/editor-common/experiences';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { AnalyticsEventPayload as RendererAnalyticsEventPayload } from '@atlaskit/renderer';
+export declare const setupExperienceTracking: (syncBlockStoreManager: SyncBlockStoreManager, fireAnalyticsEvent?: ((payload: RendererAnalyticsEventPayload) => void)) => void;
+export declare const createExperienceDispatcher: (fireAnalyticsEvent?: ((payload: RendererAnalyticsEventPayload) => void)) => DispatchAnalyticsEvent;
+/**
+ * This experience tracks when a reference sync block data is fetched from the BE.
+ *
+ * Start: When the fetchNodesData function is called.
+ * Success: When the fetching the data is successful within 1500ms of start.
+ * Failure: When 1500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export declare const getFetchExperience: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => Experience;
+/**
+ * This experience tracks when a reference sync block source info data (title, url) is fetched from the BE.
+ *
+ * Start: When the fetchSourceInfo function is called.
+ * Success: When the fetching the data is successful within 2500ms of start.
+ * Failure: When 2500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export declare const getFetchSourceInfoExperience: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => Experience;
+/**
+ * This experience tracks when a reference sync block is saved to the BE.
+ *
+ * Start: When the flush sync block function is called.
+ * Success: When the sync block save is successful within 1500ms of start.
+ * Failure: When 1500ms passes before the sync block save is marked as successful
+ */
+export declare const getSaveReferenceExperience: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => Experience;

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

@@ -1,4 +1,3 @@
-export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
-export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './getSyncedBlockNodeComponent';
+export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent, type GetSyncedBlockNodeComponentProps, } from './useSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
 export type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';

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

@@ -1,4 +1,16 @@
 import React from 'react';
-import type { GetSyncedBlockNodeComponentProps } from './getSyncedBlockNodeComponent';
+import type { DocNode } from '@atlaskit/adf-schema';
+import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
+import { type SyncBlockInstance, type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockRendererOptions } from './types';
 import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
-export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
+export type GetSyncedBlockNodeComponentProps = {
+    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
+    getSSRData?: () => Record<string, SyncBlockInstance> | undefined;
+    syncBlockNodes: SyncBlockNode[];
+    syncBlockProvider: SyncedBlockProvider;
+    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
+};
+export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
+export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getSSRData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);

package/dist/types-ts4.5/utils/experience-tracking.d.ts

@@ -0,0 +1,30 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { Experience } from '@atlaskit/editor-common/experiences';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { AnalyticsEventPayload as RendererAnalyticsEventPayload } from '@atlaskit/renderer';
+export declare const setupExperienceTracking: (syncBlockStoreManager: SyncBlockStoreManager, fireAnalyticsEvent?: ((payload: RendererAnalyticsEventPayload) => void)) => void;
+export declare const createExperienceDispatcher: (fireAnalyticsEvent?: ((payload: RendererAnalyticsEventPayload) => void)) => DispatchAnalyticsEvent;
+/**
+ * This experience tracks when a reference sync block data is fetched from the BE.
+ *
+ * Start: When the fetchNodesData function is called.
+ * Success: When the fetching the data is successful within 1500ms of start.
+ * Failure: When 1500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export declare const getFetchExperience: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => Experience;
+/**
+ * This experience tracks when a reference sync block source info data (title, url) is fetched from the BE.
+ *
+ * Start: When the fetchSourceInfo function is called.
+ * Success: When the fetching the data is successful within 2500ms of start.
+ * Failure: When 2500ms passes without the data being successfully fetched, or the fetch fails
+ */
+export declare const getFetchSourceInfoExperience: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => Experience;
+/**
+ * This experience tracks when a reference sync block is saved to the BE.
+ *
+ * Start: When the flush sync block function is called.
+ * Success: When the sync block save is successful within 1500ms of start.
+ * Failure: When 1500ms passes before the sync block save is marked as successful
+ */
+export declare const getSaveReferenceExperience: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => Experience;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-synced-block-renderer",
-	"version": "5.0.3",
+	"version": "5.2.0",
 	"description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,22 +31,23 @@
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-plugin-synced-block": "^5.1.0",
-		"@atlaskit/editor-synced-block-provider": "^3.5.0",
+		"@atlaskit/editor-synced-block-provider": "^3.6.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.4.0",
-		"@atlaskit/icon-lab": "^5.13.0",
+		"@atlaskit/icon-lab": "^5.14.0",
 		"@atlaskit/image": "^3.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/renderer": "^125.2.0",
+		"@atlaskit/renderer": "^125.4.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
 		"react-relay": "npm:atl-react-relay@0.0.0-main-39e79f66",
 		"relay-runtime": "npm:atl-relay-runtime@0.0.0-main-39e79f66"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.6.0",
+		"@atlaskit/editor-common": "^111.8.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -85,5 +86,10 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_synced_block_dogfooding": {
+			"type": "boolean"
+		}
 	}
 }

package/build/tsconfig.json

@@ -1,22 +0,0 @@
-{
-	"extends": "../tsconfig",
-	"compilerOptions": {
-		"target": "es5",
-		"paths": {}
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	]
-}

package/dist/cjs/getSyncedBlockNodeComponent.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSyncedBlockNodeComponent = exports.getSyncBlockNodesFromDoc = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
-var _SyncedBlockNodeComponentRenderer = require("./ui/SyncedBlockNodeComponentRenderer");
-var getSyncBlockNodesFromDoc = exports.getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
-  var content = doc.content;
-  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
-  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
-    return (0, _editorSyncedBlockProvider.convertSyncBlockJSONNodeToSyncBlockNode)(node);
-  }).filter(function (node) {
-    return node !== undefined;
-  });
-  return syncBlockNodes;
-};
-var getSyncedBlockNodeComponent = exports.getSyncedBlockNodeComponent = function getSyncedBlockNodeComponent(_ref) {
-  var syncBlockNodes = _ref.syncBlockNodes,
-    syncBlockProvider = _ref.syncBlockProvider,
-    syncBlockRendererOptions = _ref.syncBlockRendererOptions,
-    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
-  var syncBlockStoreManager = (0, _editorSyncedBlockProvider.createAndInitializeSyncBlockStoreManager)({
-    dataProvider: syncBlockProvider,
-    fireAnalyticsEvent: fireAnalyticsEvent
-  });
-
-  // Initial fetch sync block data
-  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
-  return function (props) {
-    return /*#__PURE__*/_react.default.createElement(_SyncedBlockNodeComponentRenderer.SyncedBlockNodeComponentRenderer, {
-      key: props.localId,
-      nodeProps: props,
-      syncBlockStoreManager: syncBlockStoreManager,
-      rendererOptions: syncBlockRendererOptions
-    });
-  };
-};

package/dist/es2019/getSyncedBlockNodeComponent.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { convertSyncBlockJSONNodeToSyncBlockNode, createAndInitializeSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
-import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
-export const getSyncBlockNodesFromDoc = doc => {
-  const {
-    content
-  } = doc;
-  const isEmpty = !content || !Array.isArray(content) || content.length === 0;
-  const syncBlockNodes = isEmpty ? [] : content.map(node => convertSyncBlockJSONNodeToSyncBlockNode(node)).filter(node => node !== undefined);
-  return syncBlockNodes;
-};
-export const getSyncedBlockNodeComponent = ({
-  syncBlockNodes,
-  syncBlockProvider,
-  syncBlockRendererOptions,
-  fireAnalyticsEvent
-}) => {
-  const syncBlockStoreManager = createAndInitializeSyncBlockStoreManager({
-    dataProvider: syncBlockProvider,
-    fireAnalyticsEvent
-  });
-
-  // Initial fetch sync block data
-  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
-  return props => /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
-    key: props.localId,
-    nodeProps: props,
-    syncBlockStoreManager: syncBlockStoreManager,
-    rendererOptions: syncBlockRendererOptions
-  });
-};

package/dist/esm/getSyncedBlockNodeComponent.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { convertSyncBlockJSONNodeToSyncBlockNode, createAndInitializeSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
-import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
-export var getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
-  var content = doc.content;
-  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
-  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
-    return convertSyncBlockJSONNodeToSyncBlockNode(node);
-  }).filter(function (node) {
-    return node !== undefined;
-  });
-  return syncBlockNodes;
-};
-export var getSyncedBlockNodeComponent = function getSyncedBlockNodeComponent(_ref) {
-  var syncBlockNodes = _ref.syncBlockNodes,
-    syncBlockProvider = _ref.syncBlockProvider,
-    syncBlockRendererOptions = _ref.syncBlockRendererOptions,
-    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
-  var syncBlockStoreManager = createAndInitializeSyncBlockStoreManager({
-    dataProvider: syncBlockProvider,
-    fireAnalyticsEvent: fireAnalyticsEvent
-  });
-
-  // Initial fetch sync block data
-  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
-  return function (props) {
-    return /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
-      key: props.localId,
-      nodeProps: props,
-      syncBlockStoreManager: syncBlockStoreManager,
-      rendererOptions: syncBlockRendererOptions
-    });
-  };
-};

package/dist/types/getSyncedBlockNodeComponent.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { DocNode } from '@atlaskit/adf-schema';
-import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockRendererOptions } from './types';
-import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
-export type GetSyncedBlockNodeComponentProps = {
-    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
-    syncBlockNodes: SyncBlockNode[];
-    syncBlockProvider: SyncedBlockProvider;
-    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
-};
-export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
-export declare const getSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => (props: SyncedBlockNodeProps) => React.JSX.Element;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { DocNode } from '@atlaskit/adf-schema';
-import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockRendererOptions } from './types';
-import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
-export type GetSyncedBlockNodeComponentProps = {
-    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
-    syncBlockNodes: SyncBlockNode[];
-    syncBlockProvider: SyncedBlockProvider;
-    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
-};
-export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
-export declare const getSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => (props: SyncedBlockNodeProps) => React.JSX.Element;