@atlaskit/editor-synced-block-renderer 3.4.2 → 3.4.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-synced-block-renderer
 
+## 3.4.4
+
+### Patch Changes
+
+- [`23c24c4b7faff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/23c24c4b7faff) -
+  EDITOR-3312 Make data handling product agnostic
+- Updated dependencies
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.4.2
 
 ### Patch Changes

package/dist/cjs/ui/SyncedBlockErrorComponent.js

@@ -16,32 +16,18 @@ var SyncedBlockErrorComponent = exports.SyncedBlockErrorComponent = function Syn
   var error = _ref.error,
     isLoading = _ref.isLoading,
     onRetry = _ref.onRetry,
-    resourceId = _ref.resourceId,
-    documentAri = _ref.documentAri;
+    sourceAri = _ref.sourceAri,
+    sourceProduct = _ref.sourceProduct;
   var getErrorContent = (0, _react.useMemo)(function () {
     switch (error) {
       case _editorSyncedBlockProvider.SyncBlockError.Forbidden:
-        if (!resourceId) {
+        if (!sourceAri || !sourceProduct) {
           return /*#__PURE__*/_react.default.createElement(_SyncedBlockGenericError.SyncedBlockGenericError, null);
         }
-        if (documentAri) {
-          // TODO: EDITOR-3312 - make this product agnostic
-          var _getPageIdAndTypeFrom = (0, _editorSyncedBlockProvider.getPageIdAndTypeFromConfluencePageAri)(documentAri),
-            _contentId = _getPageIdAndTypeFrom.id;
-          if (_contentId) {
-            return /*#__PURE__*/_react.default.createElement(_SyncedBlockPermissionDenied.SyncedBlockPermissionDenied, {
-              contentId: _contentId
-            });
-          }
-        }
-        var _getPageIdAndTypeFrom2 = (0, _editorSyncedBlockProvider.getPageIdAndTypeFromConfluencePageAri)(resourceId),
-          contentId = _getPageIdAndTypeFrom2.id;
-        if (contentId) {
-          return /*#__PURE__*/_react.default.createElement(_SyncedBlockPermissionDenied.SyncedBlockPermissionDenied, {
-            contentId: contentId
-          });
-        }
-        return /*#__PURE__*/_react.default.createElement(_SyncedBlockGenericError.SyncedBlockGenericError, null);
+        return /*#__PURE__*/_react.default.createElement(_SyncedBlockPermissionDenied.SyncedBlockPermissionDenied, {
+          sourceAri: sourceAri,
+          sourceProduct: sourceProduct
+        });
       case _editorSyncedBlockProvider.SyncBlockError.NotFound:
       case _editorSyncedBlockProvider.SyncBlockError.Errored:
         return /*#__PURE__*/_react.default.createElement(_SyncedBlockLoadError.SyncedBlockLoadError, {
@@ -51,7 +37,7 @@ var SyncedBlockErrorComponent = exports.SyncedBlockErrorComponent = function Syn
       default:
         return /*#__PURE__*/_react.default.createElement(_SyncedBlockGenericError.SyncedBlockGenericError, null);
     }
-  }, [documentAri, error, isLoading, onRetry, resourceId]);
+  }, [error, isLoading, onRetry, sourceAri, sourceProduct]);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

package/dist/cjs/ui/SyncedBlockNodeComponentRenderer.js

@@ -25,13 +25,13 @@ var SyncedBlockNodeComponentRenderer = exports.SyncedBlockNodeComponentRenderer
     return /*#__PURE__*/_react.default.createElement(_SyncedBlockLoadingState.SyncedBlockLoadingState, null);
   }
   if (!resourceId || syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
-    var _syncBlockInstance$er, _syncBlockInstance$da;
+    var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
     return /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
       error: (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : _editorSyncedBlockProvider.SyncBlockError.Errored,
-      resourceId: resourceId,
+      sourceAri: syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri,
+      sourceProduct: syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product,
       onRetry: reloadData,
-      isLoading: isLoading,
-      documentAri: syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri
+      isLoading: isLoading
     });
   }
   var syncBlockDoc = {

package/dist/cjs/ui/SyncedBlockPermissionDenied.js

@@ -13,10 +13,12 @@ var _reactIntlNext = require("react-intl-next");
 var _reactRelay = require("react-relay");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _messages = require("@atlaskit/editor-common/messages");
+var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _PermissionDenied = _interopRequireDefault(require("./assets/PermissionDenied.svg"));
 var _SyncedBlockErrorStateCard = require("./SyncedBlockErrorStateCard");
+var _SyncedBlockGenericError = require("./SyncedBlockGenericError");
 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 RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
   RequestAccessState["default"] = "default";
@@ -25,8 +27,9 @@ var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
   RequestAccessState["pending"] = "pending";
   return RequestAccessState;
 }(RequestAccessState || {});
-var SyncedBlockPermissionDenied = exports.SyncedBlockPermissionDenied = function SyncedBlockPermissionDenied(_ref) {
-  var contentId = _ref.contentId;
+var SyncedBlockPermissionDeniedConfluencePage = function SyncedBlockPermissionDeniedConfluencePage(_ref) {
+  var sourceAri = _ref.sourceAri;
+  var contentId = (0, _editorSyncedBlockProvider.getPageIdAndTypeFromConfluencePageAri)(sourceAri).id;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(RequestAccessState.default),
@@ -36,7 +39,7 @@ var SyncedBlockPermissionDenied = exports.SyncedBlockPermissionDenied = function
   var handleRequestComplete = function handleRequestComplete() {
     setRequestAccessState(RequestAccessState.pending);
   };
-  var handleRequestError = function handleRequestError(error) {
+  var handleRequestError = function handleRequestError() {
     setRequestAccessState(RequestAccessState.errored);
   };
   var _useMutation = (0, _reactRelay.useMutation)(_SyncedBlockPermissionDeniedRequestAccessMutation2.default),
@@ -86,4 +89,16 @@ var SyncedBlockPermissionDenied = exports.SyncedBlockPermissionDenied = function
     color: "color.text.warning",
     testId: "sync-block-access-error-msg"
   }, formatMessage(_messages.syncBlockMessages.requestAccessError))));
+};
+var SyncedBlockPermissionDenied = exports.SyncedBlockPermissionDenied = function SyncedBlockPermissionDenied(_ref2) {
+  var sourceAri = _ref2.sourceAri,
+    sourceProduct = _ref2.sourceProduct;
+  switch (sourceProduct) {
+    case 'confluence-page':
+      return /*#__PURE__*/_react.default.createElement(SyncedBlockPermissionDeniedConfluencePage, {
+        sourceAri: sourceAri
+      });
+    default:
+      return /*#__PURE__*/_react.default.createElement(_SyncedBlockGenericError.SyncedBlockGenericError, null);
+  }
 };

package/dist/cjs/ui/SyncedBlockRenderer.js

@@ -23,13 +23,13 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
     return /*#__PURE__*/_react.default.createElement(_SyncedBlockLoadingState.SyncedBlockLoadingState, null);
   }
   if (syncBlockInstance.error || !syncBlockInstance.data) {
-    var _syncBlockInstance$er, _syncBlockInstance$da;
+    var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
     return /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
       error: (_syncBlockInstance$er = syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : _editorSyncedBlockProvider.SyncBlockError.Errored,
-      resourceId: syncBlockInstance.resourceId,
+      sourceAri: (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri,
+      sourceProduct: (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product,
       onRetry: reloadData,
-      isLoading: isLoading,
-      documentAri: (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri
+      isLoading: isLoading
     });
   }
   var syncBlockDoc = {

package/dist/es2019/ui/SyncedBlockErrorComponent.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-import { getPageIdAndTypeFromConfluencePageAri, SyncBlockError } from '@atlaskit/editor-synced-block-provider';
+import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
 import { SyncedBlockGenericError } from './SyncedBlockGenericError';
 import { SyncedBlockLoadError } from './SyncedBlockLoadError';
 import { SyncedBlockPermissionDenied } from './SyncedBlockPermissionDenied';
@@ -8,35 +8,19 @@ export const SyncedBlockErrorComponent = ({
   error,
   isLoading,
   onRetry,
-  resourceId,
-  documentAri
+  sourceAri,
+  sourceProduct
 }) => {
   const getErrorContent = useMemo(() => {
     switch (error) {
       case SyncBlockError.Forbidden:
-        if (!resourceId) {
+        if (!sourceAri || !sourceProduct) {
           return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
         }
-        if (documentAri) {
-          // TODO: EDITOR-3312 - make this product agnostic
-          const {
-            id: contentId
-          } = getPageIdAndTypeFromConfluencePageAri(documentAri);
-          if (contentId) {
-            return /*#__PURE__*/React.createElement(SyncedBlockPermissionDenied, {
-              contentId: contentId
-            });
-          }
-        }
-        const {
-          id: contentId
-        } = getPageIdAndTypeFromConfluencePageAri(resourceId);
-        if (contentId) {
-          return /*#__PURE__*/React.createElement(SyncedBlockPermissionDenied, {
-            contentId: contentId
-          });
-        }
-        return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
+        return /*#__PURE__*/React.createElement(SyncedBlockPermissionDenied, {
+          sourceAri: sourceAri,
+          sourceProduct: sourceProduct
+        });
       case SyncBlockError.NotFound:
       case SyncBlockError.Errored:
         return /*#__PURE__*/React.createElement(SyncedBlockLoadError, {
@@ -46,7 +30,7 @@ export const SyncedBlockErrorComponent = ({
       default:
         return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
     }
-  }, [documentAri, error, isLoading, onRetry, resourceId]);
+  }, [error, isLoading, onRetry, sourceAri, sourceProduct]);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

package/dist/es2019/ui/SyncedBlockNodeComponentRenderer.js

@@ -22,13 +22,13 @@ export const SyncedBlockNodeComponentRenderer = ({
     return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
   }
   if (!resourceId || syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
-    var _syncBlockInstance$er, _syncBlockInstance$da;
+    var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
     return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
       error: (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : SyncBlockError.Errored,
-      resourceId: resourceId,
+      sourceAri: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri,
+      sourceProduct: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product,
       onRetry: reloadData,
-      isLoading: isLoading,
-      documentAri: syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri
+      isLoading: isLoading
     });
   }
   const syncBlockDoc = {

package/dist/es2019/ui/SyncedBlockPermissionDenied.js

@@ -4,10 +4,12 @@ import { useIntl } from 'react-intl-next';
 import { useMutation, graphql } from 'react-relay';
 import Button from '@atlaskit/button/new';
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { getPageIdAndTypeFromConfluencePageAri } from '@atlaskit/editor-synced-block-provider';
 import StatusSuccessIcon from '@atlaskit/icon/core/status-success';
 import { Text, Flex } from '@atlaskit/primitives/compiled';
 import PermissionDenied from './assets/PermissionDenied.svg';
 import { SyncedBlockErrorStateCard } from './SyncedBlockErrorStateCard';
+import { SyncedBlockGenericError } from './SyncedBlockGenericError';
 var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
   RequestAccessState["default"] = "default";
   RequestAccessState["errored"] = "errored";
@@ -15,9 +17,10 @@ var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
   RequestAccessState["pending"] = "pending";
   return RequestAccessState;
 }(RequestAccessState || {});
-export const SyncedBlockPermissionDenied = ({
-  contentId
+const SyncedBlockPermissionDeniedConfluencePage = ({
+  sourceAri
 }) => {
+  const contentId = getPageIdAndTypeFromConfluencePageAri(sourceAri).id;
   const {
     formatMessage
   } = useIntl();
@@ -25,7 +28,7 @@ export const SyncedBlockPermissionDenied = ({
   const handleRequestComplete = () => {
     setRequestAccessState(RequestAccessState.pending);
   };
-  const handleRequestError = error => {
+  const handleRequestError = () => {
     setRequestAccessState(RequestAccessState.errored);
   };
   const [commitMutation] = useMutation(_SyncedBlockPermissionDeniedRequestAccessMutation);
@@ -73,4 +76,17 @@ export const SyncedBlockPermissionDenied = ({
     color: "color.text.warning",
     testId: "sync-block-access-error-msg"
   }, formatMessage(messages.requestAccessError))));
+};
+export const SyncedBlockPermissionDenied = ({
+  sourceAri,
+  sourceProduct
+}) => {
+  switch (sourceProduct) {
+    case 'confluence-page':
+      return /*#__PURE__*/React.createElement(SyncedBlockPermissionDeniedConfluencePage, {
+        sourceAri: sourceAri
+      });
+    default:
+      return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
+  }
 };

package/dist/es2019/ui/SyncedBlockRenderer.js

@@ -17,13 +17,13 @@ const SyncedBlockRendererComponent = ({
     return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
   }
   if (syncBlockInstance.error || !syncBlockInstance.data) {
-    var _syncBlockInstance$er, _syncBlockInstance$da;
+    var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
     return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
       error: (_syncBlockInstance$er = syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : SyncBlockError.Errored,
-      resourceId: syncBlockInstance.resourceId,
+      sourceAri: (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri,
+      sourceProduct: (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product,
       onRetry: reloadData,
-      isLoading: isLoading,
-      documentAri: (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri
+      isLoading: isLoading
     });
   }
   const syncBlockDoc = {

package/dist/esm/ui/SyncedBlockErrorComponent.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-import { getPageIdAndTypeFromConfluencePageAri, SyncBlockError } from '@atlaskit/editor-synced-block-provider';
+import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
 import { SyncedBlockGenericError } from './SyncedBlockGenericError';
 import { SyncedBlockLoadError } from './SyncedBlockLoadError';
 import { SyncedBlockPermissionDenied } from './SyncedBlockPermissionDenied';
@@ -8,32 +8,18 @@ export var SyncedBlockErrorComponent = function SyncedBlockErrorComponent(_ref)
   var error = _ref.error,
     isLoading = _ref.isLoading,
     onRetry = _ref.onRetry,
-    resourceId = _ref.resourceId,
-    documentAri = _ref.documentAri;
+    sourceAri = _ref.sourceAri,
+    sourceProduct = _ref.sourceProduct;
   var getErrorContent = useMemo(function () {
     switch (error) {
       case SyncBlockError.Forbidden:
-        if (!resourceId) {
+        if (!sourceAri || !sourceProduct) {
           return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
         }
-        if (documentAri) {
-          // TODO: EDITOR-3312 - make this product agnostic
-          var _getPageIdAndTypeFrom = getPageIdAndTypeFromConfluencePageAri(documentAri),
-            _contentId = _getPageIdAndTypeFrom.id;
-          if (_contentId) {
-            return /*#__PURE__*/React.createElement(SyncedBlockPermissionDenied, {
-              contentId: _contentId
-            });
-          }
-        }
-        var _getPageIdAndTypeFrom2 = getPageIdAndTypeFromConfluencePageAri(resourceId),
-          contentId = _getPageIdAndTypeFrom2.id;
-        if (contentId) {
-          return /*#__PURE__*/React.createElement(SyncedBlockPermissionDenied, {
-            contentId: contentId
-          });
-        }
-        return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
+        return /*#__PURE__*/React.createElement(SyncedBlockPermissionDenied, {
+          sourceAri: sourceAri,
+          sourceProduct: sourceProduct
+        });
       case SyncBlockError.NotFound:
       case SyncBlockError.Errored:
         return /*#__PURE__*/React.createElement(SyncedBlockLoadError, {
@@ -43,7 +29,7 @@ export var SyncedBlockErrorComponent = function SyncedBlockErrorComponent(_ref)
       default:
         return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
     }
-  }, [documentAri, error, isLoading, onRetry, resourceId]);
+  }, [error, isLoading, onRetry, sourceAri, sourceProduct]);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

package/dist/esm/ui/SyncedBlockNodeComponentRenderer.js

@@ -18,13 +18,13 @@ export var SyncedBlockNodeComponentRenderer = function SyncedBlockNodeComponentR
     return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
   }
   if (!resourceId || syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
-    var _syncBlockInstance$er, _syncBlockInstance$da;
+    var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
     return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
       error: (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : SyncBlockError.Errored,
-      resourceId: resourceId,
+      sourceAri: syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri,
+      sourceProduct: syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product,
       onRetry: reloadData,
-      isLoading: isLoading,
-      documentAri: syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri
+      isLoading: isLoading
     });
   }
   var syncBlockDoc = {

package/dist/esm/ui/SyncedBlockPermissionDenied.js

@@ -5,10 +5,12 @@ import { useIntl } from 'react-intl-next';
 import { useMutation, graphql } from 'react-relay';
 import Button from '@atlaskit/button/new';
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { getPageIdAndTypeFromConfluencePageAri } from '@atlaskit/editor-synced-block-provider';
 import StatusSuccessIcon from '@atlaskit/icon/core/status-success';
 import { Text, Flex } from '@atlaskit/primitives/compiled';
 import PermissionDenied from './assets/PermissionDenied.svg';
 import { SyncedBlockErrorStateCard } from './SyncedBlockErrorStateCard';
+import { SyncedBlockGenericError } from './SyncedBlockGenericError';
 var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
   RequestAccessState["default"] = "default";
   RequestAccessState["errored"] = "errored";
@@ -16,8 +18,9 @@ var RequestAccessState = /*#__PURE__*/function (RequestAccessState) {
   RequestAccessState["pending"] = "pending";
   return RequestAccessState;
 }(RequestAccessState || {});
-export var SyncedBlockPermissionDenied = function SyncedBlockPermissionDenied(_ref) {
-  var contentId = _ref.contentId;
+var SyncedBlockPermissionDeniedConfluencePage = function SyncedBlockPermissionDeniedConfluencePage(_ref) {
+  var sourceAri = _ref.sourceAri;
+  var contentId = getPageIdAndTypeFromConfluencePageAri(sourceAri).id;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useState = useState(RequestAccessState.default),
@@ -27,7 +30,7 @@ export var SyncedBlockPermissionDenied = function SyncedBlockPermissionDenied(_r
   var handleRequestComplete = function handleRequestComplete() {
     setRequestAccessState(RequestAccessState.pending);
   };
-  var handleRequestError = function handleRequestError(error) {
+  var handleRequestError = function handleRequestError() {
     setRequestAccessState(RequestAccessState.errored);
   };
   var _useMutation = useMutation(_SyncedBlockPermissionDeniedRequestAccessMutation),
@@ -77,4 +80,16 @@ export var SyncedBlockPermissionDenied = function SyncedBlockPermissionDenied(_r
     color: "color.text.warning",
     testId: "sync-block-access-error-msg"
   }, formatMessage(messages.requestAccessError))));
+};
+export var SyncedBlockPermissionDenied = function SyncedBlockPermissionDenied(_ref2) {
+  var sourceAri = _ref2.sourceAri,
+    sourceProduct = _ref2.sourceProduct;
+  switch (sourceProduct) {
+    case 'confluence-page':
+      return /*#__PURE__*/React.createElement(SyncedBlockPermissionDeniedConfluencePage, {
+        sourceAri: sourceAri
+      });
+    default:
+      return /*#__PURE__*/React.createElement(SyncedBlockGenericError, null);
+  }
 };

package/dist/esm/ui/SyncedBlockRenderer.js

@@ -15,13 +15,13 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
     return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
   }
   if (syncBlockInstance.error || !syncBlockInstance.data) {
-    var _syncBlockInstance$er, _syncBlockInstance$da;
+    var _syncBlockInstance$er, _syncBlockInstance$da, _syncBlockInstance$da2;
     return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
       error: (_syncBlockInstance$er = syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : SyncBlockError.Errored,
-      resourceId: syncBlockInstance.resourceId,
+      sourceAri: (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri,
+      sourceProduct: (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product,
       onRetry: reloadData,
-      isLoading: isLoading,
-      documentAri: (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.sourceAri
+      isLoading: isLoading
     });
   }
   var syncBlockDoc = {

package/dist/types/ui/SyncedBlockErrorComponent.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
-export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, resourceId, documentAri, }: {
-    documentAri?: string;
+import type { SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, sourceAri, sourceProduct, }: {
     error: SyncBlockError;
     isLoading?: boolean;
     onRetry?: () => void;
-    resourceId?: string;
+    sourceAri?: string;
+    sourceProduct?: SyncBlockProduct;
 }) => React.JSX.Element;

package/dist/types/ui/SyncedBlockPermissionDenied.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-interface SyncedBlockPermissionDeniedProps {
-    contentId: string;
+import { type SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+export interface SyncedBlockPermissionDeniedProps {
+    sourceAri: string;
+    sourceProduct: SyncBlockProduct;
 }
-export declare const SyncedBlockPermissionDenied: ({ contentId }: SyncedBlockPermissionDeniedProps) => React.JSX.Element;
-export {};
+export declare const SyncedBlockPermissionDenied: ({ sourceAri, sourceProduct, }: SyncedBlockPermissionDeniedProps) => React.JSX.Element;

package/dist/types-ts4.5/ui/SyncedBlockErrorComponent.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
-export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, resourceId, documentAri, }: {
-    documentAri?: string;
+import type { SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, sourceAri, sourceProduct, }: {
     error: SyncBlockError;
     isLoading?: boolean;
     onRetry?: () => void;
-    resourceId?: string;
+    sourceAri?: string;
+    sourceProduct?: SyncBlockProduct;
 }) => React.JSX.Element;

package/dist/types-ts4.5/ui/SyncedBlockPermissionDenied.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-interface SyncedBlockPermissionDeniedProps {
-    contentId: string;
+import { type SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+export interface SyncedBlockPermissionDeniedProps {
+    sourceAri: string;
+    sourceProduct: SyncBlockProduct;
 }
-export declare const SyncedBlockPermissionDenied: ({ contentId }: SyncedBlockPermissionDeniedProps) => React.JSX.Element;
-export {};
+export declare const SyncedBlockPermissionDenied: ({ sourceAri, sourceProduct, }: SyncedBlockPermissionDeniedProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-synced-block-renderer",
-	"version": "3.4.2",
+	"version": "3.4.4",
 	"description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,23 +29,23 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/css": "^0.16.0",
-		"@atlaskit/editor-plugin-synced-block": "^4.2.0",
+		"@atlaskit/css": "^0.17.0",
+		"@atlaskit/editor-plugin-synced-block": "^4.3.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-synced-block-provider": "^2.10.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/image": "^3.0.0",
-		"@atlaskit/primitives": "^16.2.0",
+		"@atlaskit/primitives": "^16.3.0",
 		"@atlaskit/renderer": "^124.16.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tokens": "^8.1.0",
+		"@atlaskit/tokens": "^8.3.0",
 		"@babel/runtime": "^7.0.0",
 		"react-relay": "npm:atl-react-relay@0.0.0-main-39e79f66",
 		"relay-runtime": "npm:atl-relay-compiler@0.0.0-main-39e79f66"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.33.0",
+		"@atlaskit/editor-common": "^110.34.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},