@contentful/field-editor-rich-text 3.12.6 → 3.13.0

package/dist/cjs/Toolbar/components/EmbedEntityWidget.js

@@ -13,8 +13,8 @@ const _richtexttypes = require("@contentful/rich-text-types");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _editor = require("../../helpers/editor");
 const _validations = require("../../helpers/validations");
-const _EmbeddedEntityInline = require("../../plugins/EmbeddedEntityInline");
 const _EmbeddedBlockToolbarIcon = require("../../plugins/shared/EmbeddedBlockToolbarIcon");
+const _EmbeddedInlineToolbarIcon = require("../../plugins/shared/EmbeddedInlineToolbarIcon");
 const _SdkProvider = require("../../SdkProvider");
 const _EmbeddedEntityDropdownButton = require("./EmbeddedEntityDropdownButton");
 function _getRequireWildcardCache(nodeInterop) {
@@ -63,6 +63,7 @@ const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
     const onCloseEntityDropdown = ()=>setEmbedDropdownOpen(false);
     const onToggleEntityDropdown = ()=>setEmbedDropdownOpen(!isEmbedDropdownOpen);
     const inlineEntryEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.INLINES.EMBEDDED_ENTRY);
+    const inlineResourceEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.INLINES.EMBEDDED_RESOURCE);
     const blockEntryEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_ENTRY) && canInsertBlocks;
     const blockResourceEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE) && canInsertBlocks;
     const blockAssetEmbedEnabled = (0, _validations.isNodeTypeEnabled)(sdk.field, _richtexttypes.BLOCKS.EMBEDDED_ASSET) && canInsertBlocks;
@@ -74,7 +75,12 @@ const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
         isDisabled: !!isDisabled,
         nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE,
         onClose: onCloseEntityDropdown
-    }), inlineEntryEmbedEnabled && _react.default.createElement(_EmbeddedEntityInline.ToolbarEmbeddedEntityInlineButton, {
+    }), inlineEntryEmbedEnabled && _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
+        nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY,
+        isDisabled: !!isDisabled || (0, _editor.isLinkActive)(editor),
+        onClose: onCloseEntityDropdown
+    }), inlineResourceEmbedEnabled && _react.default.createElement(_EmbeddedInlineToolbarIcon.EmbeddedInlineToolbarIcon, {
+        nodeType: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
         isDisabled: !!isDisabled || (0, _editor.isLinkActive)(editor),
         onClose: onCloseEntityDropdown
     }), blockAssetEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {

package/dist/cjs/constants/Schema.js

@@ -167,6 +167,9 @@ const _default = {
         },
         [_richtexttypes.INLINES.EMBEDDED_ENTRY]: {
             isVoid: true
+        },
+        [_richtexttypes.INLINES.EMBEDDED_RESOURCE]: {
+            isVoid: true
         }
     }
 };

package/dist/cjs/helpers/{newEntitySelectorConfigFromRichTextField.js → config.js}

@@ -2,25 +2,34 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    newEntitySelectorConfigFromRichTextField: function() {
         return newEntitySelectorConfigFromRichTextField;
+    },
+    newResourceEntitySelectorConfigFromRichTextField: function() {
+        return newResourceEntitySelectorConfigFromRichTextField;
     }
 });
+const _getAllowedResourcesForNodeType = _interop_require_default(require("./getAllowedResourcesForNodeType"));
 const _getLinkedContentTypeIdsForNodeType = _interop_require_default(require("./getLinkedContentTypeIdsForNodeType"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function newEntitySelectorConfigFromRichTextField(field, nodeType) {
+const newEntitySelectorConfigFromRichTextField = (field, nodeType)=>{
     return {
         entityType: getEntityTypeFromRichTextNode(nodeType),
         locale: field.locale || null,
         contentTypes: (0, _getLinkedContentTypeIdsForNodeType.default)(field, nodeType)
     };
-}
+};
 function getEntityTypeFromRichTextNode(nodeType) {
     const words = nodeType.split('-');
     if (words.indexOf('entry') !== -1) {
@@ -31,3 +40,8 @@ function getEntityTypeFromRichTextNode(nodeType) {
     }
     throw new Error(`RichText node type \`${nodeType}\` has no associated \`entityType\``);
 }
+const newResourceEntitySelectorConfigFromRichTextField = (field, nodeType)=>{
+    return {
+        allowedResources: (0, _getAllowedResourcesForNodeType.default)(field, nodeType)
+    };
+};

package/dist/cjs/plugins/DragAndDrop/index.js

@@ -16,11 +16,13 @@ function createDragAndDropPlugin() {
         _richtexttypes.BLOCKS.EMBEDDED_ASSET,
         _richtexttypes.BLOCKS.EMBEDDED_RESOURCE,
         _richtexttypes.BLOCKS.HR,
-        _richtexttypes.INLINES.EMBEDDED_ENTRY
+        _richtexttypes.INLINES.EMBEDDED_ENTRY,
+        _richtexttypes.INLINES.EMBEDDED_RESOURCE
     ];
     const ON_DROP_ALLOWED_TYPES = {
         TABLE: [
-            _richtexttypes.INLINES.EMBEDDED_ENTRY
+            _richtexttypes.INLINES.EMBEDDED_ENTRY,
+            _richtexttypes.INLINES.EMBEDDED_RESOURCE
         ]
     };
     return {

package/dist/cjs/plugins/EmbeddedEntityBlock/LinkedEntityBlock.js

@@ -106,6 +106,6 @@ function LinkedEntityBlock(props) {
             onEdit: handleEditClick,
             onEntityFetchComplete: onEntityFetchComplete
         })),
-        element: element
+        link: element.data.target
     }, children);
 }

package/dist/cjs/plugins/EmbeddedEntityInline/LinkedEntityInline.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LinkedEntityInline", {
+    enumerable: true,
+    get: function() {
+        return LinkedEntityInline;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _slatereact = require("slate-react");
+const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
+const _editor = require("../../helpers/editor");
+const _queries = require("../../internal/queries");
+const _transforms = require("../../internal/transforms");
+const _SdkProvider = require("../../SdkProvider");
+const _linkstracking = require("../links-tracking");
+const _LinkedInlineWrapper = require("../shared/LinkedInlineWrapper");
+const _FetchingWrappedInlineEntryCard = require("./FetchingWrappedInlineEntryCard");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function LinkedEntityInline(props) {
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
+    const isSelected = (0, _slatereact.useSelected)();
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    const isDisabled = (0, _slatereact.useReadOnly)();
+    const { id: entryId  } = element.data.target.sys;
+    function handleEditClick() {
+        return sdk.navigator.openEntry(entryId, {
+            slideIn: {
+                waitForClose: true
+            }
+        }).then(()=>{
+            editor && (0, _editor.focus)(editor);
+        });
+    }
+    function handleRemoveClick() {
+        if (!editor) return;
+        const pathToElement = (0, _queries.findNodePath)(editor, element);
+        (0, _transforms.removeNodes)(editor, {
+            at: pathToElement
+        });
+    }
+    return _react.createElement(_LinkedInlineWrapper.LinkedInlineWrapper, {
+        attributes: attributes,
+        card: _react.createElement(_FetchingWrappedInlineEntryCard.FetchingWrappedInlineEntryCard, {
+            sdk: sdk,
+            entryId: entryId,
+            isSelected: isSelected,
+            isDisabled: isDisabled,
+            onRemove: handleRemoveClick,
+            onEdit: handleEditClick,
+            onEntityFetchComplete: onEntityFetchComplete
+        }),
+        link: element.data.target
+    }, children);
+}

package/dist/cjs/plugins/EmbeddedEntityInline/index.js

@@ -2,202 +2,30 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ToolbarEmbeddedEntityInlineButton: function() {
-        return ToolbarEmbeddedEntityInlineButton;
-    },
-    createEmbeddedEntityInlinePlugin: function() {
+Object.defineProperty(exports, "createEmbeddedEntityInlinePlugin", {
+    enumerable: true,
+    get: function() {
         return createEmbeddedEntityInlinePlugin;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _f36components = require("@contentful/f36-components");
-const _f36icons = require("@contentful/f36-icons");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
 const _richtexttypes = require("@contentful/rich-text-types");
-const _emotion = require("emotion");
-const _ishotkey = _interop_require_default(require("is-hotkey"));
-const _slatereact = require("slate-react");
-const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
-const _editor = require("../../helpers/editor");
-const _environment = require("../../helpers/environment");
-const _newEntitySelectorConfigFromRichTextField = _interop_require_default(require("../../helpers/newEntitySelectorConfigFromRichTextField"));
-const _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
-const _queries = require("../../internal/queries");
-const _transforms = require("../../internal/transforms");
-const _SdkProvider = require("../../SdkProvider");
-const _linkstracking = require("../links-tracking");
-const _FetchingWrappedInlineEntryCard = require("./FetchingWrappedInlineEntryCard");
-const _Util = require("./Util");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const styles = {
-    icon: (0, _emotion.css)({
-        marginRight: '10px'
-    }),
-    root: (0, _emotion.css)({
-        display: 'inline-block',
-        margin: `0 ${_f36tokens.default.spacing2Xs}`,
-        fontSize: 'inherit',
-        span: {
-            userSelect: 'none'
-        }
-    })
-};
-function EmbeddedEntityInline(props) {
-    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
-    const sdk = (0, _SdkProvider.useSdkContext)();
-    const isSelected = (0, _slatereact.useSelected)();
-    const { id: entryId  } = props.element.data.target.sys;
-    const isDisabled = (0, _slatereact.useReadOnly)();
-    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
-    function handleEditClick() {
-        return sdk.navigator.openEntry(entryId, {
-            slideIn: {
-                waitForClose: true
-            }
-        }).then(()=>{
-            editor && (0, _editor.focus)(editor);
-        });
-    }
-    function handleRemoveClick() {
-        if (!editor) return;
-        const pathToElement = (0, _queries.findNodePath)(editor, props.element);
-        (0, _transforms.removeNodes)(editor, {
-            at: pathToElement
-        });
-    }
-    return _react.createElement("span", {
-        ...props.attributes,
-        className: styles.root,
-        "data-embedded-entity-inline-id": entryId,
-        contentEditable: _environment.IS_CHROME ? undefined : false,
-        draggable: _environment.IS_CHROME ? true : undefined
-    }, _react.createElement("span", {
-        contentEditable: _environment.IS_CHROME ? false : undefined,
-        draggable: _environment.IS_CHROME ? true : undefined
-    }, _react.createElement(_FetchingWrappedInlineEntryCard.FetchingWrappedInlineEntryCard, {
-        sdk: sdk,
-        entryId: entryId,
-        isSelected: isSelected,
-        isDisabled: isDisabled,
-        onRemove: handleRemoveClick,
-        onEdit: handleEditClick,
-        onEntityFetchComplete: onEntityFetchComplete
-    })), props.children);
-}
-async function selectEntityAndInsert(editor, sdk, logAction) {
-    logAction('openCreateEmbedDialog', {
-        nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY
-    });
-    const config = {
-        ...(0, _newEntitySelectorConfigFromRichTextField.default)(sdk.field, _richtexttypes.INLINES.EMBEDDED_ENTRY),
-        withCreate: true
-    };
-    const { selection  } = editor;
-    const rteSlide = (0, _sdkNavigatorSlideIn.watchCurrentSlide)(sdk.navigator);
-    const entry = await sdk.dialogs.selectSingleEntry(config);
-    if (!entry) {
-        logAction('cancelCreateEmbedDialog', {
-            nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY
-        });
-    } else {
-        (0, _transforms.select)(editor, selection);
-        (0, _transforms.insertNodes)(editor, (0, _Util.createInlineEntryNode)(entry.sys.id));
-        logAction('insert', {
-            nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY
-        });
-    }
-    rteSlide.onActive(()=>{
-        rteSlide.unwatch();
-        (0, _editor.focus)(editor);
-    });
-}
-function ToolbarEmbeddedEntityInlineButton(props) {
-    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
-    const sdk = (0, _SdkProvider.useSdkContext)();
-    async function handleClick(event) {
-        event.preventDefault();
-        if (!editor) return;
-        props.onClose();
-        await selectEntityAndInsert(editor, sdk, editor.tracking.onToolbarAction);
-        (0, _editor.moveToTheNextChar)(editor);
-    }
-    return _react.createElement(_f36components.Menu.Item, {
-        disabled: props.isDisabled,
-        className: "rich-text__entry-link-block-button",
-        testId: `toolbar-toggle-${_richtexttypes.INLINES.EMBEDDED_ENTRY}`,
-        onClick: handleClick
-    }, _react.createElement(_f36components.Flex, {
-        alignItems: "center",
-        flexDirection: "row"
-    }, _react.createElement(_f36icons.EmbeddedEntryInlineIcon, {
-        variant: "secondary",
-        className: `rich-text__embedded-entry-list-icon ${styles.icon}`
-    }), _react.createElement("span", null, "Inline entry")));
-}
+const _EmbeddedInlineUtil = require("../shared/EmbeddedInlineUtil");
+const _LinkedEntityInline = require("./LinkedEntityInline");
 function createEmbeddedEntityInlinePlugin(sdk) {
     const htmlAttributeName = 'data-embedded-entity-inline-id';
+    const nodeType = _richtexttypes.INLINES.EMBEDDED_ENTRY;
     return {
-        key: _richtexttypes.INLINES.EMBEDDED_ENTRY,
-        type: _richtexttypes.INLINES.EMBEDDED_ENTRY,
+        key: nodeType,
+        type: nodeType,
         isElement: true,
         isInline: true,
         isVoid: true,
-        component: EmbeddedEntityInline,
+        component: _LinkedEntityInline.LinkedEntityInline,
         options: {
             hotkey: 'mod+shift+2'
         },
         handlers: {
-            onKeyDown: getWithEmbeddedEntryInlineEvents(sdk)
+            onKeyDown: (0, _EmbeddedInlineUtil.getWithEmbeddedEntryInlineEvents)(nodeType, sdk)
         },
         deserializeHtml: {
             rules: [
@@ -206,17 +34,23 @@ function createEmbeddedEntityInlinePlugin(sdk) {
                 }
             ],
             withoutChildren: true,
-            getNode: (el)=>(0, _Util.createInlineEntryNode)(el.getAttribute(htmlAttributeName))
+            getNode: (el)=>({
+                    type: nodeType,
+                    children: [
+                        {
+                            text: ''
+                        }
+                    ],
+                    data: {
+                        target: {
+                            sys: {
+                                id: el.getAttribute('data-entity-id'),
+                                type: 'Link',
+                                linkType: el.getAttribute('data-entity-type')
+                            }
+                        }
+                    }
+                })
         }
     };
 }
-function getWithEmbeddedEntryInlineEvents(sdk) {
-    return function withEmbeddedEntryInlineEvents(editor, { options: { hotkey  }  }) {
-        return function handleEvent(event) {
-            if (!editor) return;
-            if (hotkey && (0, _ishotkey.default)(hotkey, event)) {
-                selectEntityAndInsert(editor, sdk, editor.tracking.onShortcutAction);
-            }
-        };
-    };
-}

package/dist/cjs/plugins/{shared/FetchingWrappedResourceCard.js → EmbeddedResourceBlock/FetchingWrappedResourceBlockCard.js}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "FetchingWrappedResourceCard", {
+Object.defineProperty(exports, "FetchingWrappedResourceBlockCard", {
     enumerable: true,
     get: function() {
-        return FetchingWrappedResourceCard;
+        return FetchingWrappedResourceBlockCard;
     }
 });
 const _react = _interop_require_wildcard(require("react"));
@@ -80,7 +80,7 @@ const InternalEntryCard = _react.memo((props)=>{
     });
 }, _fastdeepequal.default);
 InternalEntryCard.displayName = 'ReferenceCard';
-const FetchingWrappedResourceCard = (props)=>{
+const FetchingWrappedResourceBlockCard = (props)=>{
     const { link , onEntityFetchComplete  } = props;
     const { data , status , error  } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
     _react.useEffect(()=>{

package/dist/cjs/plugins/EmbeddedResourceBlock/LinkedResourceBlock.js

@@ -14,8 +14,8 @@ const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _internal = require("../../internal");
 const _SdkProvider = require("../../SdkProvider");
 const _linkstracking = require("../links-tracking");
-const _FetchingWrappedResourceCard = require("../shared/FetchingWrappedResourceCard");
 const _LinkedBlockWrapper = require("../shared/LinkedBlockWrapper");
+const _FetchingWrappedResourceBlockCard = require("./FetchingWrappedResourceBlockCard");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -41,8 +41,8 @@ function LinkedResourceBlock(props) {
     ]);
     return _react.default.createElement(_LinkedBlockWrapper.LinkedBlockWrapper, {
         attributes: attributes,
-        element: element,
-        card: _react.default.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
+        link: element.data.target,
+        card: _react.default.createElement(_FetchingWrappedResourceBlockCard.FetchingWrappedResourceBlockCard, {
             sdk: sdk,
             link: link,
             isDisabled: isDisabled,

package/dist/cjs/plugins/EmbeddedResourceInline/FetchingWrappedResourceInlineCard.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FetchingWrappedResourceInlineCard", {
+    enumerable: true,
+    get: function() {
+        return FetchingWrappedResourceInlineCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorreference = require("@contentful/field-editor-reference");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _richtexttypes = require("@contentful/rich-text-types");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const { getEntryTitle , getEntryStatus  } = _fieldeditorshared.entityHelpers;
+function FetchingWrappedResourceInlineCard(props) {
+    const { link , onEntityFetchComplete  } = props;
+    const { data , status: requestStatus  } = (0, _fieldeditorreference.useResource)(link.linkType, link.urn);
+    _react.useEffect(()=>{
+        if (requestStatus === 'success') {
+            onEntityFetchComplete?.();
+        }
+    }, [
+        onEntityFetchComplete,
+        requestStatus
+    ]);
+    if (requestStatus === 'error') {
+        return _react.createElement(_f36components.InlineEntryCard, {
+            title: "Entry missing or inaccessible",
+            testId: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
+            isSelected: props.isSelected
+        });
+    }
+    if (requestStatus === 'loading' || data === undefined) {
+        return _react.createElement(_f36components.InlineEntryCard, {
+            isLoading: true
+        });
+    }
+    const { resource: entry , contentType , defaultLocaleCode , space  } = data;
+    const title = getEntryTitle({
+        entry,
+        contentType,
+        defaultLocaleCode,
+        localeCode: defaultLocaleCode,
+        defaultTitle: 'Untitled'
+    });
+    const status = getEntryStatus(entry?.sys);
+    return _react.createElement(_f36components.InlineEntryCard, {
+        testId: _richtexttypes.INLINES.EMBEDDED_RESOURCE,
+        isSelected: props.isSelected,
+        title: `${data.contentType.name}: ${title} (Space: ${space.name})`,
+        status: status,
+        actions: [
+            _react.createElement(_f36components.MenuItem, {
+                key: "remove",
+                onClick: props.onRemove,
+                disabled: props.isDisabled,
+                testId: "delete"
+            }, "Remove")
+        ]
+    }, _react.createElement(_f36components.Text, null, title));
+}

package/dist/cjs/plugins/EmbeddedResourceInline/LinkedResourceInline.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LinkedResourceInline", {
+    enumerable: true,
+    get: function() {
+        return LinkedResourceInline;
+    }
+});
+const _react = _interop_require_default(require("react"));
+const _slatereact = require("slate-react");
+const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
+const _internal = require("../../internal");
+const _SdkProvider = require("../../SdkProvider");
+const _linkstracking = require("../links-tracking");
+const _LinkedInlineWrapper = require("../shared/LinkedInlineWrapper");
+const _FetchingWrappedResourceInlineCard = require("./FetchingWrappedResourceInlineCard");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function LinkedResourceInline(props) {
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
+    const isSelected = (0, _slatereact.useSelected)();
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    const isDisabled = (0, _slatereact.useReadOnly)();
+    const link = element.data.target.sys;
+    function handleRemoveClick() {
+        if (!editor) return;
+        const pathToElement = (0, _internal.findNodePath)(editor, element);
+        (0, _internal.removeNodes)(editor, {
+            at: pathToElement
+        });
+    }
+    return _react.default.createElement(_LinkedInlineWrapper.LinkedInlineWrapper, {
+        attributes: attributes,
+        link: element.data.target,
+        card: _react.default.createElement(_FetchingWrappedResourceInlineCard.FetchingWrappedResourceInlineCard, {
+            sdk: sdk,
+            link: link,
+            isDisabled: isDisabled,
+            isSelected: isSelected,
+            onRemove: handleRemoveClick,
+            onEntityFetchComplete: onEntityFetchComplete
+        })
+    }, children);
+}