@contentful/field-editor-rich-text 3.5.0 → 3.6.1

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

@@ -9,9 +9,6 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ToolbarIcon: function() {
-        return _ToolbarIcon.EmbeddedEntityBlockToolbarIcon;
-    },
     createEmbeddedEntryBlockPlugin: function() {
         return createEmbeddedEntryBlockPlugin;
     },
@@ -20,52 +17,23 @@ _export(exports, {
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
-const _ishotkey = _interop_require_default(require("is-hotkey"));
-const _editor = require("../../helpers/editor");
-const _transforms = require("../../internal/transforms");
-const _linkstracking = require("../links-tracking");
+const _EmbeddedBlockUtil = require("../shared/EmbeddedBlockUtil");
 const _LinkedEntityBlock = require("./LinkedEntityBlock");
-const _Util = require("./Util");
-const _ToolbarIcon = require("./ToolbarIcon");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 const entityTypes = {
     [_richtexttypes.BLOCKS.EMBEDDED_ENTRY]: 'Entry',
     [_richtexttypes.BLOCKS.EMBEDDED_ASSET]: 'Asset'
 };
-function getWithEmbeddedEntityEvents(nodeType, sdk) {
-    return (editor, { options: { hotkey  }  })=>(event)=>{
-            const [, pathToSelectedElement] = (0, _editor.getNodeEntryFromSelection)(editor, nodeType);
-            if (pathToSelectedElement) {
-                const isDelete = event.key === 'Delete';
-                const isBackspace = event.key === 'Backspace';
-                if (isDelete || isBackspace) {
-                    event.preventDefault();
-                    (0, _transforms.removeNodes)(editor, {
-                        at: pathToSelectedElement
-                    });
-                }
-                return;
-            }
-            if (hotkey && (0, _ishotkey.default)(hotkey, event)) {
-                (0, _Util.selectEntityAndInsert)(nodeType, sdk, editor, editor.tracking.onShortcutAction);
-            }
-        };
-}
 const createEmbeddedEntityPlugin = (nodeType, hotkey)=>(sdk)=>({
             key: nodeType,
             type: nodeType,
             isElement: true,
             isVoid: true,
-            component: (0, _linkstracking.withLinkTracking)(_LinkedEntityBlock.LinkedEntityBlock),
+            component: _LinkedEntityBlock.LinkedEntityBlock,
             options: {
                 hotkey
             },
             handlers: {
-                onKeyDown: getWithEmbeddedEntityEvents(nodeType, sdk)
+                onKeyDown: (0, _EmbeddedBlockUtil.getWithEmbeddedBlockEvents)(nodeType, sdk)
             },
             deserializeHtml: {
                 rules: [

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

@@ -98,6 +98,7 @@ function EmbeddedEntityInline(props) {
     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: {
@@ -130,7 +131,7 @@ function EmbeddedEntityInline(props) {
         isDisabled: isDisabled,
         onRemove: handleRemoveClick,
         onEdit: handleEditClick,
-        onEntityFetchComplete: props.onEntityFetchComplete
+        onEntityFetchComplete: onEntityFetchComplete
     })), props.children);
 }
 async function selectEntityAndInsert(editor, sdk, logAction) {
@@ -191,7 +192,7 @@ function createEmbeddedEntityInlinePlugin(sdk) {
         isElement: true,
         isInline: true,
         isVoid: true,
-        component: (0, _linkstracking.withLinkTracking)(EmbeddedEntityInline),
+        component: EmbeddedEntityInline,
         options: {
             hotkey: 'mod+shift+2'
         },

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LinkedResourceBlock", {
+    enumerable: true,
+    get: function() {
+        return LinkedResourceBlock;
+    }
+});
+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 _FetchingWrappedResourceCard = require("../shared/FetchingWrappedResourceCard");
+const _LinkedBlockWrapper = require("../shared/LinkedBlockWrapper");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function LinkedResourceBlock(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;
+    const handleRemoveClick = _react.default.useCallback(()=>{
+        if (!editor) return;
+        const pathToElement = (0, _internal.findNodePath)(editor, element);
+        (0, _internal.removeNodes)(editor, {
+            at: pathToElement
+        });
+    }, [
+        editor,
+        element
+    ]);
+    return _react.default.createElement(_LinkedBlockWrapper.LinkedBlockWrapper, {
+        attributes: attributes,
+        element: element,
+        card: _react.default.createElement(_FetchingWrappedResourceCard.FetchingWrappedResourceCard, {
+            sdk: sdk,
+            link: link,
+            isDisabled: isDisabled,
+            isSelected: isSelected,
+            onRemove: handleRemoveClick,
+            onEntityFetchComplete: onEntityFetchComplete
+        })
+    }, children);
+}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createEmbeddedResourceBlockPlugin", {
+    enumerable: true,
+    get: function() {
+        return createEmbeddedResourceBlockPlugin;
+    }
+});
+const _richtexttypes = require("@contentful/rich-text-types");
+const _EmbeddedBlockUtil = require("../shared/EmbeddedBlockUtil");
+const _LinkedResourceBlock = require("./LinkedResourceBlock");
+const createEmbeddedResourcePlugin = (nodeType, hotkey)=>(sdk)=>({
+            key: nodeType,
+            type: nodeType,
+            isElement: true,
+            isVoid: true,
+            component: _LinkedResourceBlock.LinkedResourceBlock,
+            options: {
+                hotkey
+            },
+            handlers: {
+                onKeyDown: (0, _EmbeddedBlockUtil.getWithEmbeddedBlockEvents)(nodeType, sdk)
+            },
+            deserializeHtml: {
+                rules: [
+                    {
+                        validAttribute: {
+                            'data-entity-type': 'Contentful:Entry'
+                        }
+                    }
+                ],
+                withoutChildren: true,
+                getNode: (el)=>({
+                        type: nodeType,
+                        children: [
+                            {
+                                text: ''
+                            }
+                        ],
+                        isVoid: true,
+                        data: {
+                            target: {
+                                sys: {
+                                    urn: el.getAttribute('data-entity-id'),
+                                    linkType: el.getAttribute('data-entity-type'),
+                                    type: 'ResourceLink'
+                                }
+                            }
+                        }
+                    })
+            }
+        });
+const createEmbeddedResourceBlockPlugin = createEmbeddedResourcePlugin(_richtexttypes.BLOCKS.EMBEDDED_RESOURCE, 'mod+shift+s');

package/dist/cjs/plugins/Hyperlink/components/EntityHyperlink.js

@@ -13,6 +13,7 @@ const _f36components = require("@contentful/f36-components");
 const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
 const _internal = require("../../../internal");
 const _SdkProvider = require("../../../SdkProvider");
+const _linkstracking = require("../../links-tracking");
 const _HyperlinkModal = require("../HyperlinkModal");
 const _useEntityInfo = require("../useEntityInfo");
 const _styles = require("./styles");
@@ -59,7 +60,7 @@ function EntityHyperlink(props) {
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
     const { target  } = props.element.data;
-    const { onEntityFetchComplete  } = props;
+    const { onEntityFetchComplete  } = (0, _linkstracking.useLinkTracking)();
     const tooltipContent = (0, _useEntityInfo.useEntityInfo)({
         target,
         sdk,

package/dist/cjs/plugins/Hyperlink/createHyperlinkPlugin.js

@@ -13,7 +13,6 @@ const _richtexttypes = require("@contentful/rich-text-types");
 const _ishotkey = _interop_require_default(require("is-hotkey"));
 const _editor = require("../../helpers/editor");
 const _transformers = require("../../helpers/transformers");
-const _linkstracking = require("../links-tracking");
 const _EntityHyperlink = require("./components/EntityHyperlink");
 const _UrlHyperlink = require("./components/UrlHyperlink");
 const _HyperlinkModal = require("./HyperlinkModal");
@@ -131,7 +130,7 @@ const createHyperlinkPlugin = (sdk)=>{
                 ...common,
                 key: _richtexttypes.INLINES.ENTRY_HYPERLINK,
                 type: _richtexttypes.INLINES.ENTRY_HYPERLINK,
-                component: (0, _linkstracking.withLinkTracking)(_EntityHyperlink.EntityHyperlink),
+                component: _EntityHyperlink.EntityHyperlink,
                 deserializeHtml: {
                     rules: [
                         {
@@ -148,7 +147,7 @@ const createHyperlinkPlugin = (sdk)=>{
                 ...common,
                 key: _richtexttypes.INLINES.ASSET_HYPERLINK,
                 type: _richtexttypes.INLINES.ASSET_HYPERLINK,
-                component: (0, _linkstracking.withLinkTracking)(_EntityHyperlink.EntityHyperlink),
+                component: _EntityHyperlink.EntityHyperlink,
                 deserializeHtml: {
                     rules: [
                         {

package/dist/cjs/plugins/Table/onKeyDownTable.js

@@ -40,6 +40,20 @@ const onKeyDownTable = (editor, plugin)=>{
                 return;
             }
         }
+        if (event.key === 'Backspace') {
+            const entry = (0, _platetable.getTableEntries)(editor, {});
+            if (entry) {
+                const { table , row , cell  } = entry;
+                const cellText = (0, _queries.getText)(editor, cell[1]);
+                const isFirstCell = (0, _queries.isFirstChild)(row[1]);
+                const isFirstRow = (0, _queries.isFirstChild)(table[1]);
+                if (isFirstCell && isFirstRow && !cellText) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    return;
+                }
+            }
+        }
         if (event.key === 'Tab' && !event.shiftKey) {
             event.preventDefault();
             const entry = (0, _platetable.getTableEntries)(editor, {});

package/dist/cjs/plugins/Text/__tests__/createTextPlugin.test.js

@@ -11,19 +11,9 @@ describe('delete backward', ()=>{
             expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p", (0, _testutils.jsx)("cursor", null))))
         },
         {
-            title: 'deletes the empty paragraph at the beginning of the RTE followed by another paragraph',
+            title: 'does not delete the very first paragraph',
             input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text")),
-            expected: (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "text")
-        },
-        {
-            title: 'deletes the empty paragraph at the beginning of the RTE followed by li',
-            input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p1")))),
-            expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1")))
-        },
-        {
-            title: 'deletes the empty paragraph at the beginning of the RTE followed by a blockquote',
-            input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "p1"))),
-            expected: (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1"))
+            expected: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text"))
         }
     ];
     const render = (children)=>(0, _testutils.jsx)("editor", null, children, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
@@ -48,17 +38,17 @@ describe('delete forward', ()=>{
             expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "1")))
         },
         {
-            title: 'deletes the empty paragraph at the beginning of the RTE followed by another paragraph',
+            title: 'deletes the first paragraph when followed by another paragraph',
             input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hp", null, "text")),
             expected: (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "text")
         },
         {
-            title: 'deletes the empty paragraph at the beginning of the RTE followed by li',
+            title: 'deletes the first paragraph when followed by li',
             input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "p1")))),
             expected: (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1")))
         },
         {
-            title: 'deletes the empty paragraph at the beginning of the RTE followed by a blockquote',
+            title: 'deletes the first paragraph when followed by a blockquote',
             input: (0, _testutils.jsx)("fragment", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null)), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "p1"))),
             expected: (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("cursor", null), "p1"))
         }

package/dist/cjs/plugins/Text/createTextPlugin.js

@@ -95,6 +95,7 @@ function deleteEmptyParagraph(unit, editor, deleteFunction) {
                             allow: [
                                 _richtexttypes.BLOCKS.EMBEDDED_ASSET,
                                 _richtexttypes.BLOCKS.EMBEDDED_ENTRY,
+                                _richtexttypes.BLOCKS.EMBEDDED_RESOURCE,
                                 _richtexttypes.BLOCKS.HR
                             ]
                         }),

package/dist/cjs/plugins/index.js

@@ -16,7 +16,6 @@ _export(exports, {
         return disableCorePlugins;
     }
 });
-const _platecore = require("@udecode/plate-core");
 const _plateserializerdocx = require("@udecode/plate-serializer-docx");
 const _Break = require("./Break");
 const _CommandPalette = require("./CommandPalette");
@@ -24,6 +23,7 @@ const _useCommands = require("./CommandPalette/useCommands");
 const _DragAndDrop = require("./DragAndDrop");
 const _EmbeddedEntityBlock = require("./EmbeddedEntityBlock");
 const _EmbeddedEntityInline = require("./EmbeddedEntityInline");
+const _EmbeddedResourceBlock = require("./EmbeddedResourceBlock");
 const _Heading = require("./Heading");
 const _Hr = require("./Hr");
 const _Hyperlink = require("./Hyperlink");
@@ -40,8 +40,6 @@ const _Tracking = require("./Tracking");
 const _TrailingParagraph = require("./TrailingParagraph");
 const _Voids = require("./Voids");
 const getPlugins = (sdk, onAction, restrictedMarks)=>[
-        (0, _platecore.createDeserializeHtmlPlugin)(),
-        (0, _platecore.createDeserializeAstPlugin)(),
         (0, _plateserializerdocx.createDeserializeDocxPlugin)(),
         (0, _Tracking.createTrackingPlugin)(onAction),
         (0, _DragAndDrop.createDragAndDropPlugin)(),
@@ -56,6 +54,7 @@ const getPlugins = (sdk, onAction, restrictedMarks)=>[
         (0, _Table.createTablePlugin)(),
         (0, _EmbeddedEntityBlock.createEmbeddedEntryBlockPlugin)(sdk),
         (0, _EmbeddedEntityBlock.createEmbeddedAssetBlockPlugin)(sdk),
+        (0, _EmbeddedResourceBlock.createEmbeddedResourceBlockPlugin)(sdk),
         (0, _Hyperlink.createHyperlinkPlugin)(sdk),
         (0, _EmbeddedEntityInline.createEmbeddedEntityInlinePlugin)(sdk),
         (0, _Marks.createMarksPlugin)(),
@@ -70,7 +69,5 @@ const getPlugins = (sdk, onAction, restrictedMarks)=>[
         (0, _Normalizer.createNormalizerPlugin)()
     ];
 const disableCorePlugins = {
-    deserializeAst: true,
-    deserializeHtml: true,
     eventEditor: true
 };

package/dist/cjs/plugins/links-tracking.js

@@ -2,28 +2,19 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "withLinkTracking", {
+Object.defineProperty(exports, "useLinkTracking", {
     enumerable: true,
     get: function() {
-        return withLinkTracking;
+        return useLinkTracking;
     }
 });
-const _react = _interop_require_default(require("react"));
+const _react = require("react");
 const _ContentfulEditorProvider = require("../ContentfulEditorProvider");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function withLinkTracking(Component) {
-    return function ComponentWithTracking(props) {
-        const editor = (0, _ContentfulEditorProvider.useContentfulEditorRef)();
-        const onEntityFetchComplete = _react.default.useCallback(()=>editor?.tracking.onViewportAction('linkRendered'), [
+function useLinkTracking() {
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditorRef)();
+    return {
+        onEntityFetchComplete: (0, _react.useCallback)(()=>editor?.tracking.onViewportAction('linkRendered'), [
             editor
-        ]);
-        return _react.default.createElement(Component, {
-            ...props,
-            onEntityFetchComplete: onEntityFetchComplete
-        });
+        ])
     };
 }

package/dist/cjs/plugins/{EmbeddedEntityBlock/ToolbarIcon.js → shared/EmbeddedBlockToolbarIcon.js}

@@ -12,17 +12,18 @@ _export(exports, {
     styles: function() {
         return styles;
     },
-    EmbeddedEntityBlockToolbarIcon: function() {
-        return EmbeddedEntityBlockToolbarIcon;
+    EmbeddedBlockToolbarIcon: function() {
+        return EmbeddedBlockToolbarIcon;
     }
 });
 const _react = _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
+const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 const _ContentfulEditorProvider = require("../../ContentfulEditorProvider");
 const _SdkProvider = require("../../SdkProvider");
-const _Util = require("./Util");
+const _EmbeddedBlockUtil = require("../shared/EmbeddedBlockUtil");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -67,7 +68,7 @@ const styles = {
         marginRight: '10px'
     })
 };
-function EmbeddedEntityBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
+function EmbeddedBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
     const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
     const sdk = (0, _SdkProvider.useSdkContext)();
     const handleClick = async (event)=>{
@@ -76,7 +77,11 @@ function EmbeddedEntityBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
             return;
         }
         onClose();
-        await (0, _Util.selectEntityAndInsert)(nodeType, sdk, editor, editor.tracking.onToolbarAction);
+        if (nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE) {
+            await (0, _EmbeddedBlockUtil.selectResourceEntityAndInsert)(sdk, editor, editor.tracking.onToolbarAction);
+        } else {
+            await (0, _EmbeddedBlockUtil.selectEntityAndInsert)(nodeType, sdk, editor, editor.tracking.onToolbarAction);
+        }
     };
     const type = getEntityTypeFromNodeType(nodeType);
     const baseClass = `rich-text__${nodeType}`;
@@ -92,11 +97,14 @@ function EmbeddedEntityBlockToolbarIcon({ isDisabled , nodeType , onClose  }) {
         as: type === 'Asset' ? _f36icons.AssetIcon : _f36icons.EmbeddedEntryBlockIcon,
         className: `rich-text__embedded-entry-list-icon ${styles.icon}`,
         variant: "secondary"
-    }), _react.createElement("span", null, type)));
+    }), _react.createElement("span", null, type, nodeType == _richtexttypes.BLOCKS.EMBEDDED_RESOURCE && _react.createElement(_react.Fragment, null, ' ', "(different space)", ' ', _react.createElement(_f36components.Badge, {
+        variant: "primary-filled",
+        size: "small"
+    }, "new")))));
 }
 function getEntityTypeFromNodeType(nodeType) {
     const words = nodeType.toLowerCase().split('-');
-    if (words.includes('entry')) {
+    if (words.includes('entry') || words.includes('resource')) {
         return 'Entry';
     }
     if (words.includes('asset')) {

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

@@ -0,0 +1,170 @@
+"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, {
+    getWithEmbeddedBlockEvents: function() {
+        return getWithEmbeddedBlockEvents;
+    },
+    selectEntityAndInsert: function() {
+        return selectEntityAndInsert;
+    },
+    selectResourceEntityAndInsert: function() {
+        return selectResourceEntityAndInsert;
+    }
+});
+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 _newResourceEntitySelectorConfigFromRichTextField = _interop_require_default(require("../../helpers/newResourceEntitySelectorConfigFromRichTextField"));
+const _sdkNavigatorSlideIn = require("../../helpers/sdkNavigatorSlideIn");
+const _internal = require("../../internal");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function getWithEmbeddedBlockEvents(nodeType, sdk) {
+    return (editor, { options: { hotkey  }  })=>(event)=>{
+            const [, pathToSelectedElement] = (0, _editor.getNodeEntryFromSelection)(editor, nodeType);
+            if (pathToSelectedElement) {
+                const isDelete = event.key === 'Delete';
+                const isBackspace = event.key === 'Backspace';
+                if (isDelete || isBackspace) {
+                    event.preventDefault();
+                    (0, _internal.removeNodes)(editor, {
+                        at: pathToSelectedElement
+                    });
+                }
+                return;
+            }
+            if (hotkey && (0, _ishotkey.default)(hotkey, event)) {
+                if (nodeType === _richtexttypes.BLOCKS.EMBEDDED_RESOURCE) {
+                    selectResourceEntityAndInsert(sdk, editor, editor.tracking.onShortcutAction);
+                } else {
+                    selectEntityAndInsert(nodeType, sdk, editor, editor.tracking.onShortcutAction);
+                }
+            }
+        };
+}
+async function selectEntityAndInsert(nodeType, sdk, editor, logAction) {
+    logAction('openCreateEmbedDialog', {
+        nodeType
+    });
+    const { field , dialogs  } = sdk;
+    const baseConfig = (0, _newEntitySelectorConfigFromRichTextField.default)(field, nodeType);
+    const selectEntity = baseConfig.entityType === 'Asset' ? dialogs.selectSingleAsset : dialogs.selectSingleEntry;
+    const config = {
+        ...baseConfig,
+        withCreate: true
+    };
+    const { selection  } = editor;
+    const rteSlide = (0, _sdkNavigatorSlideIn.watchCurrentSlide)(sdk.navigator);
+    const entity = await selectEntity(config);
+    if (!entity) {
+        logAction('cancelCreateEmbedDialog', {
+            nodeType
+        });
+    } else {
+        (0, _internal.select)(editor, selection);
+        insertBlock(editor, nodeType, entity);
+        ensureFollowingParagraph(editor, [
+            _richtexttypes.BLOCKS.EMBEDDED_ASSET,
+            _richtexttypes.BLOCKS.EMBEDDED_ENTRY
+        ]);
+        logAction('insert', {
+            nodeType
+        });
+    }
+    rteSlide.onActive(()=>{
+        rteSlide.unwatch();
+        (0, _editor.focus)(editor);
+    });
+}
+async function selectResourceEntityAndInsert(sdk, editor, logAction) {
+    logAction('openCreateEmbedDialog', {
+        nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE
+    });
+    const { field , dialogs  } = sdk;
+    const config = (0, _newResourceEntitySelectorConfigFromRichTextField.default)(field, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE);
+    const { selection  } = editor;
+    const entity = await dialogs.selectSingleResourceEntry(config);
+    if (!entity) {
+        logAction('cancelCreateEmbedDialog', {
+            nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE
+        });
+    } else {
+        (0, _internal.select)(editor, selection);
+        insertBlock(editor, _richtexttypes.BLOCKS.EMBEDDED_RESOURCE, entity);
+        ensureFollowingParagraph(editor, [
+            _richtexttypes.BLOCKS.EMBEDDED_RESOURCE
+        ]);
+        logAction('insert', {
+            nodeType: _richtexttypes.BLOCKS.EMBEDDED_RESOURCE
+        });
+    }
+}
+function ensureFollowingParagraph(editor, nodeTypes) {
+    const entityBlock = (0, _internal.getAboveNode)(editor, {
+        match: {
+            type: nodeTypes
+        }
+    });
+    if (!entityBlock) {
+        return;
+    }
+    const level = entityBlock[1].length - 1;
+    const lastNode = (0, _internal.getLastNodeByLevel)(editor, level);
+    const isTextContainer = _richtexttypes.TEXT_CONTAINERS.includes(lastNode?.[0].type ?? '');
+    if (level !== 0 && !isTextContainer) {
+        (0, _editor.insertEmptyParagraph)(editor);
+    }
+    (0, _editor.moveToTheNextChar)(editor);
+}
+const getLink = (nodeType, entity)=>{
+    if (nodeType === _richtexttypes.BLOCKS.EMBEDDED_RESOURCE) {
+        return {
+            urn: entity.sys.urn,
+            type: 'ResourceLink',
+            linkType: 'Contentful:Entry'
+        };
+    }
+    return {
+        id: entity.sys.id,
+        type: 'Link',
+        linkType: entity.sys.type
+    };
+};
+const createNode = (nodeType, entity)=>{
+    return {
+        type: nodeType,
+        data: {
+            target: {
+                sys: getLink(nodeType, entity)
+            }
+        },
+        children: [
+            {
+                text: ''
+            }
+        ],
+        isVoid: true
+    };
+};
+function insertBlock(editor, nodeType, entity) {
+    if (!editor?.selection) return;
+    const linkedEntityBlock = createNode(nodeType, entity);
+    const hasText = editor.selection && !!(0, _internal.getText)(editor, editor.selection.focus.path);
+    if (hasText) {
+        (0, _internal.insertNodes)(editor, linkedEntityBlock);
+    } else {
+        (0, _internal.setNodes)(editor, linkedEntityBlock);
+    }
+}