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

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) {
@@ -74,7 +74,7 @@ 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, {
         isDisabled: !!isDisabled || (0, _editor.isLinkActive)(editor),
         onClose: onCloseEntityDropdown
     }), blockAssetEmbedEnabled && _react.default.createElement(_EmbeddedBlockToolbarIcon.EmbeddedBlockToolbarIcon, {

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,188 +2,15 @@
 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';
     return {
@@ -192,12 +19,12 @@ function createEmbeddedEntityInlinePlugin(sdk) {
         isElement: true,
         isInline: true,
         isVoid: true,
-        component: EmbeddedEntityInline,
+        component: _LinkedEntityInline.LinkedEntityInline,
         options: {
             hotkey: 'mod+shift+2'
         },
         handlers: {
-            onKeyDown: getWithEmbeddedEntryInlineEvents(sdk)
+            onKeyDown: (0, _EmbeddedInlineUtil.getWithEmbeddedEntryInlineEvents)(sdk)
         },
         deserializeHtml: {
             rules: [
@@ -206,17 +33,7 @@ function createEmbeddedEntityInlinePlugin(sdk) {
                 }
             ],
             withoutChildren: true,
-            getNode: (el)=>(0, _Util.createInlineEntryNode)(el.getAttribute(htmlAttributeName))
+            getNode: (el)=>(0, _EmbeddedInlineUtil.createInlineEntryNode)(el.getAttribute(htmlAttributeName))
         }
     };
 }
-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/EmbeddedResourceBlock/LinkedResourceBlock.js

@@ -41,7 +41,7 @@ function LinkedResourceBlock(props) {
     ]);
     return _react.default.createElement(_LinkedBlockWrapper.LinkedBlockWrapper, {
         attributes: attributes,
-        element: element,
+        link: element.data.target,
         card: _react.default.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
             sdk: sdk,
             link: link,

package/dist/cjs/plugins/shared/EmbeddedInlineToolbarIcon.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EmbeddedInlineToolbarIcon", {
+    enumerable: true,
+    get: function() {
+        return EmbeddedInlineToolbarIcon;
+    }
+});
+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 _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
+const _editor = require("../../helpers/editor");
+const _SdkProvider = require("../../SdkProvider");
+const _EmbeddedInlineUtil = require("../shared/EmbeddedInlineUtil");
+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 EmbeddedInlineToolbarIcon(props) {
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    async function handleClick(event) {
+        event.preventDefault();
+        if (!editor) return;
+        props.onClose();
+        await (0, _EmbeddedInlineUtil.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")));
+}

package/dist/cjs/plugins/shared/EmbeddedInlineUtil.js

@@ -0,0 +1,88 @@
+"use strict";
+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, {
+    getWithEmbeddedEntryInlineEvents: function() {
+        return getWithEmbeddedEntryInlineEvents;
+    },
+    selectEntityAndInsert: function() {
+        return selectEntityAndInsert;
+    },
+    createInlineEntryNode: function() {
+        return createInlineEntryNode;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _editor = require("../../helpers/editor");
+const _newEntitySelectorConfigFromRichTextField = _interop_require_default(require("../../helpers/newEntitySelectorConfigFromRichTextField"));
+const _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
+const _transforms = require("../../internal/transforms");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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);
+            }
+        };
+    };
+}
+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, createInlineEntryNode(entry.sys.id));
+        logAction('insert', {
+            nodeType: _richtexttypes.INLINES.EMBEDDED_ENTRY
+        });
+    }
+    rteSlide.onActive(()=>{
+        rteSlide.unwatch();
+        (0, _editor.focus)(editor);
+    });
+}
+function createInlineEntryNode(id) {
+    return {
+        type: _richtexttypes.INLINES.EMBEDDED_ENTRY,
+        children: [
+            {
+                text: ''
+            }
+        ],
+        data: {
+            target: {
+                sys: {
+                    id,
+                    type: 'Link',
+                    linkType: 'Entry'
+                }
+            }
+        }
+    };
+}

package/dist/cjs/plugins/shared/LinkedBlockWrapper.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "LinkedBlockWrapper", {
 const _react = _interop_require_default(require("react"));
 const _emotion = require("emotion");
 const _environment = require("../../helpers/environment");
+const _utils = require("./utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -27,14 +28,12 @@ const styles = {
         width: '100%'
     })
 };
-const isResourceLink = (link)=>!!link.urn;
-function LinkedBlockWrapper({ attributes , card , children , element  }) {
-    const link = element.data.target.sys;
+function LinkedBlockWrapper({ attributes , card , children , link  }) {
     return _react.default.createElement("div", {
         ...attributes,
         className: styles.root,
-        "data-entity-type": link.linkType,
-        "data-entity-id": isResourceLink(link) ? link.urn : link.id,
+        "data-entity-type": link.sys.linkType,
+        "data-entity-id": (0, _utils.getLinkEntityId)(link),
         contentEditable: _environment.IS_CHROME ? undefined : false,
         draggable: _environment.IS_CHROME ? true : undefined
     }, _react.default.createElement("div", {

package/dist/cjs/plugins/shared/LinkedInlineWrapper.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LinkedInlineWrapper", {
+    enumerable: true,
+    get: function() {
+        return LinkedInlineWrapper;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+const _environment = require("../../helpers/environment");
+const _utils = require("./utils");
+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 LinkedInlineWrapper({ attributes , card , children , link  }) {
+    return _react.createElement("span", {
+        ...attributes,
+        className: styles.root,
+        "data-entity-type": link.sys.linkType,
+        "data-entity-id": (0, _utils.getLinkEntityId)(link),
+        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
+    }, card), children);
+}

package/dist/cjs/plugins/shared/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getLinkEntityId", {
+    enumerable: true,
+    get: function() {
+        return getLinkEntityId;
+    }
+});
+const isResourceLink = (link)=>!!link.sys.urn;
+const getLinkEntityId = (link)=>isResourceLink(link) ? link.sys.urn : link.sys.id;

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

@@ -3,8 +3,8 @@ import { BLOCKS, INLINES } from '@contentful/rich-text-types';
 import { useContentfulEditor } from '../../ContentfulEditorProvider';
 import { isLinkActive } from '../../helpers/editor';
 import { isNodeTypeEnabled } from '../../helpers/validations';
-import { ToolbarEmbeddedEntityInlineButton } from '../../plugins/EmbeddedEntityInline';
 import { EmbeddedBlockToolbarIcon } from '../../plugins/shared/EmbeddedBlockToolbarIcon';
+import { EmbeddedInlineToolbarIcon } from '../../plugins/shared/EmbeddedInlineToolbarIcon';
 import { useSdkContext } from '../../SdkProvider';
 import { EmbeddedEntityDropdownButton } from './EmbeddedEntityDropdownButton';
 export const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
@@ -25,7 +25,7 @@ export const EmbedEntityWidget = ({ isDisabled , canInsertBlocks  })=>{
         isDisabled: !!isDisabled,
         nodeType: BLOCKS.EMBEDDED_RESOURCE,
         onClose: onCloseEntityDropdown
-    }), inlineEntryEmbedEnabled && React.createElement(ToolbarEmbeddedEntityInlineButton, {
+    }), inlineEntryEmbedEnabled && React.createElement(EmbeddedInlineToolbarIcon, {
         isDisabled: !!isDisabled || isLinkActive(editor),
         onClose: onCloseEntityDropdown
     }), blockAssetEmbedEnabled && React.createElement(EmbeddedBlockToolbarIcon, {

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

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

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

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { useReadOnly, useSelected } from 'slate-react';
+import { useContentfulEditor } from '../../ContentfulEditorProvider';
+import { focus } from '../../helpers/editor';
+import { findNodePath } from '../../internal/queries';
+import { removeNodes } from '../../internal/transforms';
+import { useSdkContext } from '../../SdkProvider';
+import { useLinkTracking } from '../links-tracking';
+import { LinkedInlineWrapper } from '../shared/LinkedInlineWrapper';
+import { FetchingWrappedInlineEntryCard } from './FetchingWrappedInlineEntryCard';
+export function LinkedEntityInline(props) {
+    const { attributes , children , element  } = props;
+    const { onEntityFetchComplete  } = useLinkTracking();
+    const isSelected = useSelected();
+    const editor = useContentfulEditor();
+    const sdk = useSdkContext();
+    const isDisabled = useReadOnly();
+    const { id: entryId  } = element.data.target.sys;
+    function handleEditClick() {
+        return sdk.navigator.openEntry(entryId, {
+            slideIn: {
+                waitForClose: true
+            }
+        }).then(()=>{
+            editor && focus(editor);
+        });
+    }
+    function handleRemoveClick() {
+        if (!editor) return;
+        const pathToElement = findNodePath(editor, element);
+        removeNodes(editor, {
+            at: pathToElement
+        });
+    }
+    return React.createElement(LinkedInlineWrapper, {
+        attributes: attributes,
+        card: React.createElement(FetchingWrappedInlineEntryCard, {
+            sdk: sdk,
+            entryId: entryId,
+            isSelected: isSelected,
+            isDisabled: isDisabled,
+            onRemove: handleRemoveClick,
+            onEdit: handleEditClick,
+            onEntityFetchComplete: onEntityFetchComplete
+        }),
+        link: element.data.target
+    }, children);
+}

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

@@ -1,127 +1,6 @@
-import * as React from 'react';
-import { Menu, Flex } from '@contentful/f36-components';
-import { EmbeddedEntryInlineIcon } from '@contentful/f36-icons';
-import tokens from '@contentful/f36-tokens';
 import { INLINES } from '@contentful/rich-text-types';
-import { css } from 'emotion';
-import isHotkey from 'is-hotkey';
-import { useSelected, useReadOnly } from 'slate-react';
-import { useContentfulEditor } from '../../ContentfulEditorProvider';
-import { focus, moveToTheNextChar } from '../../helpers/editor';
-import { IS_CHROME } from '../../helpers/environment';
-import newEntitySelectorConfigFromRichTextField from '../../helpers/newEntitySelectorConfigFromRichTextField';
-import { watchCurrentSlide } from '../../helpers/sdkNavigatorSlideIn';
-import { findNodePath } from '../../internal/queries';
-import { insertNodes, removeNodes, select } from '../../internal/transforms';
-import { useSdkContext } from '../../SdkProvider';
-import { useLinkTracking } from '../links-tracking';
-import { FetchingWrappedInlineEntryCard } from './FetchingWrappedInlineEntryCard';
-import { createInlineEntryNode } from './Util';
-const styles = {
-    icon: css({
-        marginRight: '10px'
-    }),
-    root: css({
-        display: 'inline-block',
-        margin: `0 ${tokens.spacing2Xs}`,
-        fontSize: 'inherit',
-        span: {
-            userSelect: 'none'
-        }
-    })
-};
-function EmbeddedEntityInline(props) {
-    const editor = useContentfulEditor();
-    const sdk = useSdkContext();
-    const isSelected = useSelected();
-    const { id: entryId  } = props.element.data.target.sys;
-    const isDisabled = useReadOnly();
-    const { onEntityFetchComplete  } = useLinkTracking();
-    function handleEditClick() {
-        return sdk.navigator.openEntry(entryId, {
-            slideIn: {
-                waitForClose: true
-            }
-        }).then(()=>{
-            editor && focus(editor);
-        });
-    }
-    function handleRemoveClick() {
-        if (!editor) return;
-        const pathToElement = findNodePath(editor, props.element);
-        removeNodes(editor, {
-            at: pathToElement
-        });
-    }
-    return React.createElement("span", {
-        ...props.attributes,
-        className: styles.root,
-        "data-embedded-entity-inline-id": entryId,
-        contentEditable: IS_CHROME ? undefined : false,
-        draggable: IS_CHROME ? true : undefined
-    }, React.createElement("span", {
-        contentEditable: IS_CHROME ? false : undefined,
-        draggable: IS_CHROME ? true : undefined
-    }, React.createElement(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: INLINES.EMBEDDED_ENTRY
-    });
-    const config = {
-        ...newEntitySelectorConfigFromRichTextField(sdk.field, INLINES.EMBEDDED_ENTRY),
-        withCreate: true
-    };
-    const { selection  } = editor;
-    const rteSlide = watchCurrentSlide(sdk.navigator);
-    const entry = await sdk.dialogs.selectSingleEntry(config);
-    if (!entry) {
-        logAction('cancelCreateEmbedDialog', {
-            nodeType: INLINES.EMBEDDED_ENTRY
-        });
-    } else {
-        select(editor, selection);
-        insertNodes(editor, createInlineEntryNode(entry.sys.id));
-        logAction('insert', {
-            nodeType: INLINES.EMBEDDED_ENTRY
-        });
-    }
-    rteSlide.onActive(()=>{
-        rteSlide.unwatch();
-        focus(editor);
-    });
-}
-export function ToolbarEmbeddedEntityInlineButton(props) {
-    const editor = useContentfulEditor();
-    const sdk = useSdkContext();
-    async function handleClick(event) {
-        event.preventDefault();
-        if (!editor) return;
-        props.onClose();
-        await selectEntityAndInsert(editor, sdk, editor.tracking.onToolbarAction);
-        moveToTheNextChar(editor);
-    }
-    return React.createElement(Menu.Item, {
-        disabled: props.isDisabled,
-        className: "rich-text__entry-link-block-button",
-        testId: `toolbar-toggle-${INLINES.EMBEDDED_ENTRY}`,
-        onClick: handleClick
-    }, React.createElement(Flex, {
-        alignItems: "center",
-        flexDirection: "row"
-    }, React.createElement(EmbeddedEntryInlineIcon, {
-        variant: "secondary",
-        className: `rich-text__embedded-entry-list-icon ${styles.icon}`
-    }), React.createElement("span", null, "Inline entry")));
-}
+import { createInlineEntryNode, getWithEmbeddedEntryInlineEvents } from '../shared/EmbeddedInlineUtil';
+import { LinkedEntityInline } from './LinkedEntityInline';
 export function createEmbeddedEntityInlinePlugin(sdk) {
     const htmlAttributeName = 'data-embedded-entity-inline-id';
     return {
@@ -130,7 +9,7 @@ export function createEmbeddedEntityInlinePlugin(sdk) {
         isElement: true,
         isInline: true,
         isVoid: true,
-        component: EmbeddedEntityInline,
+        component: LinkedEntityInline,
         options: {
             hotkey: 'mod+shift+2'
         },
@@ -148,13 +27,3 @@ export function createEmbeddedEntityInlinePlugin(sdk) {
         }
     };
 }
-function getWithEmbeddedEntryInlineEvents(sdk) {
-    return function withEmbeddedEntryInlineEvents(editor, { options: { hotkey  }  }) {
-        return function handleEvent(event) {
-            if (!editor) return;
-            if (hotkey && isHotkey(hotkey, event)) {
-                selectEntityAndInsert(editor, sdk, editor.tracking.onShortcutAction);
-            }
-        };
-    };
-}

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

@@ -26,7 +26,7 @@ export function LinkedResourceBlock(props) {
     ]);
     return React.createElement(LinkedBlockWrapper, {
         attributes: attributes,
-        element: element,
+        link: element.data.target,
         card: React.createElement(FetchingWrappedResourceCard, {
             sdk: sdk,
             link: link,

package/dist/esm/plugins/shared/EmbeddedInlineToolbarIcon.js

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { Menu, Flex } from '@contentful/f36-components';
+import { EmbeddedEntryInlineIcon } from '@contentful/f36-icons';
+import tokens from '@contentful/f36-tokens';
+import { INLINES } from '@contentful/rich-text-types';
+import { css } from 'emotion';
+import { useContentfulEditor } from '../../ContentfulEditorProvider';
+import { moveToTheNextChar } from '../../helpers/editor';
+import { useSdkContext } from '../../SdkProvider';
+import { selectEntityAndInsert } from '../shared/EmbeddedInlineUtil';
+const styles = {
+    icon: css({
+        marginRight: '10px'
+    }),
+    root: css({
+        display: 'inline-block',
+        margin: `0 ${tokens.spacing2Xs}`,
+        fontSize: 'inherit',
+        span: {
+            userSelect: 'none'
+        }
+    })
+};
+export function EmbeddedInlineToolbarIcon(props) {
+    const editor = useContentfulEditor();
+    const sdk = useSdkContext();
+    async function handleClick(event) {
+        event.preventDefault();
+        if (!editor) return;
+        props.onClose();
+        await selectEntityAndInsert(editor, sdk, editor.tracking.onToolbarAction);
+        moveToTheNextChar(editor);
+    }
+    return React.createElement(Menu.Item, {
+        disabled: props.isDisabled,
+        className: "rich-text__entry-link-block-button",
+        testId: `toolbar-toggle-${INLINES.EMBEDDED_ENTRY}`,
+        onClick: handleClick
+    }, React.createElement(Flex, {
+        alignItems: "center",
+        flexDirection: "row"
+    }, React.createElement(EmbeddedEntryInlineIcon, {
+        variant: "secondary",
+        className: `rich-text__embedded-entry-list-icon ${styles.icon}`
+    }), React.createElement("span", null, "Inline entry")));
+}

package/dist/esm/plugins/shared/EmbeddedInlineUtil.js

@@ -0,0 +1,62 @@
+import { INLINES } from '@contentful/rich-text-types';
+import isHotkey from 'is-hotkey';
+import { focus } from '../../helpers/editor';
+import newEntitySelectorConfigFromRichTextField from '../../helpers/newEntitySelectorConfigFromRichTextField';
+import { watchCurrentSlide } from '../../helpers/sdkNavigatorSlideIn';
+import { insertNodes, select } from '../../internal/transforms';
+export function getWithEmbeddedEntryInlineEvents(sdk) {
+    return function withEmbeddedEntryInlineEvents(editor, { options: { hotkey  }  }) {
+        return function handleEvent(event) {
+            if (!editor) return;
+            if (hotkey && isHotkey(hotkey, event)) {
+                selectEntityAndInsert(editor, sdk, editor.tracking.onShortcutAction);
+            }
+        };
+    };
+}
+export async function selectEntityAndInsert(editor, sdk, logAction) {
+    logAction('openCreateEmbedDialog', {
+        nodeType: INLINES.EMBEDDED_ENTRY
+    });
+    const config = {
+        ...newEntitySelectorConfigFromRichTextField(sdk.field, INLINES.EMBEDDED_ENTRY),
+        withCreate: true
+    };
+    const { selection  } = editor;
+    const rteSlide = watchCurrentSlide(sdk.navigator);
+    const entry = await sdk.dialogs.selectSingleEntry(config);
+    if (!entry) {
+        logAction('cancelCreateEmbedDialog', {
+            nodeType: INLINES.EMBEDDED_ENTRY
+        });
+    } else {
+        select(editor, selection);
+        insertNodes(editor, createInlineEntryNode(entry.sys.id));
+        logAction('insert', {
+            nodeType: INLINES.EMBEDDED_ENTRY
+        });
+    }
+    rteSlide.onActive(()=>{
+        rteSlide.unwatch();
+        focus(editor);
+    });
+}
+export function createInlineEntryNode(id) {
+    return {
+        type: INLINES.EMBEDDED_ENTRY,
+        children: [
+            {
+                text: ''
+            }
+        ],
+        data: {
+            target: {
+                sys: {
+                    id,
+                    type: 'Link',
+                    linkType: 'Entry'
+                }
+            }
+        }
+    };
+}

package/dist/esm/plugins/shared/LinkedBlockWrapper.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { css } from 'emotion';
 import { IS_CHROME } from '../../helpers/environment';
+import { getLinkEntityId } from './utils';
 const styles = {
     root: css({
         marginBottom: '1.25rem !important',
@@ -12,14 +13,12 @@ const styles = {
         width: '100%'
     })
 };
-const isResourceLink = (link)=>!!link.urn;
-export function LinkedBlockWrapper({ attributes , card , children , element  }) {
-    const link = element.data.target.sys;
+export function LinkedBlockWrapper({ attributes , card , children , link  }) {
     return React.createElement("div", {
         ...attributes,
         className: styles.root,
-        "data-entity-type": link.linkType,
-        "data-entity-id": isResourceLink(link) ? link.urn : link.id,
+        "data-entity-type": link.sys.linkType,
+        "data-entity-id": getLinkEntityId(link),
         contentEditable: IS_CHROME ? undefined : false,
         draggable: IS_CHROME ? true : undefined
     }, React.createElement("div", {

package/dist/esm/plugins/shared/LinkedInlineWrapper.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import tokens from '@contentful/f36-tokens';
+import { css } from 'emotion';
+import { IS_CHROME } from '../../helpers/environment';
+import { getLinkEntityId } from './utils';
+const styles = {
+    icon: css({
+        marginRight: '10px'
+    }),
+    root: css({
+        display: 'inline-block',
+        margin: `0 ${tokens.spacing2Xs}`,
+        fontSize: 'inherit',
+        span: {
+            userSelect: 'none'
+        }
+    })
+};
+export function LinkedInlineWrapper({ attributes , card , children , link  }) {
+    return React.createElement("span", {
+        ...attributes,
+        className: styles.root,
+        "data-entity-type": link.sys.linkType,
+        "data-entity-id": getLinkEntityId(link),
+        contentEditable: IS_CHROME ? undefined : false,
+        draggable: IS_CHROME ? true : undefined
+    }, React.createElement("span", {
+        contentEditable: IS_CHROME ? false : undefined,
+        draggable: IS_CHROME ? true : undefined
+    }, card), children);
+}

package/dist/esm/plugins/shared/utils.js

@@ -0,0 +1,2 @@
+const isResourceLink = (link)=>!!link.sys.urn;
+export const getLinkEntityId = (link)=>isResourceLink(link) ? link.sys.urn : link.sys.id;

package/dist/types/plugins/EmbeddedEntityBlock/LinkedEntityBlock.d.ts

@@ -1,15 +1,10 @@
 import * as React from 'react';
+import { EntityLink } from '@contentful/field-editor-reference';
 import { Element, RenderElementProps } from '../../internal/types';
 type LinkedEntityBlockProps = {
     element: Element & {
         data: {
-            target: {
-                sys: {
-                    id: string;
-                    linkType: 'Entry' | 'Asset';
-                    type: 'Link';
-                };
-            };
+            target: EntityLink;
         };
     };
     attributes: Pick<RenderElementProps, 'attributes'>;

package/dist/types/plugins/EmbeddedEntityInline/LinkedEntityInline.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { EntryLink } from '@contentful/field-editor-reference';
+import { Element, RenderElementProps } from '../../internal/types';
+type LinkedEntityInlineProps = {
+    element: Element & {
+        data: {
+            target: EntryLink;
+        };
+    };
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    children: Pick<RenderElementProps, 'children'>;
+};
+export declare function LinkedEntityInline(props: LinkedEntityInlineProps): React.JSX.Element;
+export {};

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

@@ -1,10 +1,3 @@
-import * as React from 'react';
 import { FieldAppSDK } from '@contentful/app-sdk';
 import { PlatePlugin } from '../../internal/types';
-interface ToolbarEmbeddedEntityInlineButtonProps {
-    onClose: () => void;
-    isDisabled: boolean;
-}
-export declare function ToolbarEmbeddedEntityInlineButton(props: ToolbarEmbeddedEntityInlineButtonProps): React.JSX.Element;
 export declare function createEmbeddedEntityInlinePlugin(sdk: FieldAppSDK): PlatePlugin;
-export {};

package/dist/types/plugins/shared/EmbeddedInlineToolbarIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface EmbeddedInlineToolbarIconProps {
+    onClose: () => void;
+    isDisabled: boolean;
+}
+export declare function EmbeddedInlineToolbarIcon(props: EmbeddedInlineToolbarIconProps): React.JSX.Element;
+export {};

package/dist/types/plugins/shared/EmbeddedInlineUtil.d.ts

@@ -0,0 +1,22 @@
+import { FieldAppSDK } from '@contentful/app-sdk';
+import { INLINES } from '@contentful/rich-text-types';
+import { HotkeyPlugin } from '@udecode/plate-common';
+import { KeyboardHandler } from '../../internal/types';
+import { TrackingPluginActions } from '../../plugins/Tracking';
+export declare function getWithEmbeddedEntryInlineEvents(sdk: FieldAppSDK): KeyboardHandler<HotkeyPlugin>;
+export declare function selectEntityAndInsert(editor: any, sdk: FieldAppSDK, logAction: TrackingPluginActions['onShortcutAction'] | TrackingPluginActions['onToolbarAction']): Promise<void>;
+export declare function createInlineEntryNode(id: string): {
+    type: INLINES;
+    children: {
+        text: string;
+    }[];
+    data: {
+        target: {
+            sys: {
+                id: string;
+                type: string;
+                linkType: string;
+            };
+        };
+    };
+};

package/dist/types/plugins/shared/LinkedBlockWrapper.d.ts

@@ -1,25 +1,10 @@
 import React from 'react';
-import { Element, RenderElementProps } from '../../internal';
-type EntityLink = {
-    id: string;
-    linkType: 'Entry' | 'Asset';
-    type: 'Link';
-};
-type ResourceLink = {
-    urn: string;
-    linkType: 'Contentful:Entry';
-    type: 'ResourceLink';
-};
+import { EntityLink, ResourceLink } from '@contentful/field-editor-reference';
+import { RenderElementProps } from '../../internal';
 type LinkedBlockWrapperProps = React.PropsWithChildren<{
     attributes: Pick<RenderElementProps, 'attributes'>;
     card: JSX.Element;
-    element: Element & {
-        data: {
-            target: {
-                sys: ResourceLink | EntityLink;
-            };
-        };
-    };
+    link: ResourceLink | EntityLink;
 }>;
-export declare function LinkedBlockWrapper({ attributes, card, children, element, }: LinkedBlockWrapperProps): React.JSX.Element;
+export declare function LinkedBlockWrapper({ attributes, card, children, link }: LinkedBlockWrapperProps): React.JSX.Element;
 export {};

package/dist/types/plugins/shared/LinkedInlineWrapper.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { EntryLink, ResourceLink } from '@contentful/field-editor-reference';
+import { RenderElementProps } from '../../internal/types';
+type LinkedInlineWrapperProps = React.PropsWithChildren<{
+    attributes: Pick<RenderElementProps, 'attributes'>;
+    card: JSX.Element;
+    link: ResourceLink | EntryLink;
+}>;
+export declare function LinkedInlineWrapper({ attributes, card, children, link, }: LinkedInlineWrapperProps): React.JSX.Element;
+export {};

package/dist/types/plugins/shared/utils.d.ts

@@ -0,0 +1,2 @@
+import { EntityLink, ResourceLink } from '@contentful/field-editor-reference';
+export declare const getLinkEntityId: (link: EntityLink | ResourceLink) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "3.12.6",
+  "version": "3.12.7",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -81,5 +81,5 @@
     "prism-react-renderer": "2.0.5",
     "react": ">=16.14.0"
   },
-  "gitHead": "ff0704c0aa9e0f0cdbb4fc70de7ac4ca337529e4"
+  "gitHead": "3ae9c46f02565c17a9323b1d319950bbb5adc900"
 }

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

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "createInlineEntryNode", {
-    enumerable: true,
-    get: function() {
-        return createInlineEntryNode;
-    }
-});
-const _richtexttypes = require("@contentful/rich-text-types");
-function createInlineEntryNode(id) {
-    return {
-        type: _richtexttypes.INLINES.EMBEDDED_ENTRY,
-        children: [
-            {
-                text: ''
-            }
-        ],
-        data: {
-            target: {
-                sys: {
-                    id,
-                    type: 'Link',
-                    linkType: 'Entry'
-                }
-            }
-        }
-    };
-}

package/dist/esm/plugins/EmbeddedEntityInline/Util.js

@@ -1,20 +0,0 @@
-import { INLINES } from '@contentful/rich-text-types';
-export function createInlineEntryNode(id) {
-    return {
-        type: INLINES.EMBEDDED_ENTRY,
-        children: [
-            {
-                text: ''
-            }
-        ],
-        data: {
-            target: {
-                sys: {
-                    id,
-                    type: 'Link',
-                    linkType: 'Entry'
-                }
-            }
-        }
-    };
-}

package/dist/types/plugins/EmbeddedEntityInline/Util.d.ts

@@ -1,16 +0,0 @@
-import { INLINES } from '@contentful/rich-text-types';
-export declare function createInlineEntryNode(id: string): {
-    type: INLINES;
-    children: {
-        text: string;
-    }[];
-    data: {
-        target: {
-            sys: {
-                id: string;
-                type: string;
-                linkType: string;
-            };
-        };
-    };
-};