@contentful/field-editor-reference 5.26.3 → 5.27.0

package/dist/cjs/assets/WrappedAssetCard/FetchingWrappedAssetCard.js

@@ -95,8 +95,7 @@ function FetchingWrappedAssetCard(props) {
     };
     return _react.useMemo(()=>{
         if (status === 'error') {
-            const card = _react.createElement(_components.MissingEntityCard, {
-                entityType: "Asset",
+            const card = _react.createElement(_components.MissingAssetCard, {
                 asSquare: props.viewType !== 'link',
                 isDisabled: props.isDisabled,
                 onRemove: onRemove

package/dist/cjs/assets/WrappedAssetCard/WrappedAssetCard.js

@@ -98,8 +98,7 @@ const WrappedAssetCard = (props)=>{
     const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable } = props;
     const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
-        return _react.createElement(_components.MissingEntityCard, {
-            entityType: "Asset",
+        return _react.createElement(_components.MissingAssetCard, {
             asSquare: true,
             isDisabled: props.isDisabled,
             onRemove: props.onRemove

package/dist/cjs/assets/WrappedAssetCard/WrappedAssetLink.js

@@ -71,8 +71,7 @@ const WrappedAssetLink = (props)=>{
     const { className, href, onEdit, onRemove, isDisabled } = props;
     const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
-        return _react.createElement(_components.MissingEntityCard, {
-            entityType: "Asset",
+        return _react.createElement(_components.MissingAssetCard, {
             isDisabled: props.isDisabled,
             onRemove: props.onRemove
         });

package/dist/cjs/components/MissingAssetCard/MissingAssetCard.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MissingAssetCard", {
+    enumerable: true,
+    get: function() {
+        return MissingAssetCard;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36icons = require("@contentful/f36-icons");
+const _styles = _interop_require_wildcard(require("./styles"));
+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 = {
+        __proto__: null
+    };
+    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 MissingAssetCard(props) {
+    return _react.createElement(_f36components.Card, {
+        className: _styles.card,
+        testId: "cf-ui-missing-asset-card",
+        isSelected: props.isSelected
+    }, _react.createElement(_f36components.Flex, {
+        alignItems: "center",
+        justifyContent: "space-between"
+    }, _react.createElement("div", {
+        className: props.asSquare ? _styles.squareCard : ''
+    }, _react.createElement(_f36components.SectionHeading, {
+        marginBottom: "none"
+    }, "Asset is missing or inaccessible")), !props.isDisabled && props.onRemove && _react.createElement(_f36components.IconButton, {
+        variant: "transparent",
+        icon: _react.createElement(_f36icons.CloseIcon, {
+            variant: "muted"
+        }),
+        "aria-label": "Delete",
+        onClick: ()=>{
+            props.onRemove && props.onRemove();
+        }
+    })));
+}

package/dist/cjs/components/MissingEntityCard/MissingEntityCard.js

@@ -8,71 +8,36 @@ Object.defineProperty(exports, "MissingEntityCard", {
         return MissingEntityCard;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
-const _styles = _interop_require_wildcard(require("./styles"));
-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 = {
-        __proto__: null
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-    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 MissingEntityCard(props) {
-    return _react.createElement(_f36components.Card, {
-        className: _styles.card,
-        testId: "cf-ui-missing-entry-card",
-        isSelected: props.isSelected
-    }, _react.createElement(_f36components.Flex, {
-        alignItems: "center",
-        justifyContent: "space-between"
-    }, _react.createElement("div", {
-        className: props.asSquare ? _styles.squareCard : ''
-    }, _react.createElement(_f36components.SectionHeading, {
-        marginBottom: "none"
-    }, props.entityType, " is missing or inaccessible")), !props.isDisabled && props.onRemove && _react.createElement(_f36components.IconButton, {
-        variant: "transparent",
-        icon: _react.createElement(_f36icons.CloseIcon, {
-            variant: "muted"
-        }),
-        "aria-label": "Delete",
-        onClick: ()=>{
-            props.onRemove && props.onRemove();
-        }
-    })));
+    const providerName = props.providerName ?? 'Source';
+    const description = props.customMessage ?? 'Content missing or inaccessible';
+    function CustomActionButton() {
+        return _react.default.createElement(_f36components.IconButton, {
+            "aria-label": "Actions",
+            icon: _react.default.createElement(_f36icons.CloseIcon, {
+                variant: "muted"
+            }),
+            size: "small",
+            variant: "transparent",
+            onClick: ()=>{
+                props.onRemove && props.onRemove();
+            }
+        });
+    }
+    return _react.default.createElement(_f36components.EntryCard, {
+        as: "a",
+        contentType: providerName,
+        description: description,
+        isSelected: props.isSelected,
+        customActionButton: _react.default.createElement(CustomActionButton, null),
+        testId: "cf-ui-missing-entity-card"
+    });
 }

package/dist/cjs/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "ResourceEntityErrorCard", {
 });
 const _react = _interop_require_wildcard(require("react"));
 const _EntityStore = require("../../common/EntityStore");
+const _getProviderName = require("../../utils/getProviderName");
 const _MissingEntityCard = require("../MissingEntityCard/MissingEntityCard");
 const _UnsupportedEntityCard = require("./UnsupportedEntityCard");
 function _getRequireWildcardCache(nodeInterop) {
@@ -56,14 +57,15 @@ function _interop_require_wildcard(obj, nodeInterop) {
 function ResourceEntityErrorCard(props) {
     if ((0, _EntityStore.isUnsupportedError)(props.error)) {
         return _react.createElement(_UnsupportedEntityCard.UnsupportedEntityCard, {
-            linkType: props.linkType,
-            isSelected: props.isSelected
+            isSelected: props.isSelected,
+            onRemove: props.onRemove
         });
     }
+    const providerName = (0, _getProviderName.getProviderName)(props.linkType);
     return _react.createElement(_MissingEntityCard.MissingEntityCard, {
-        entityType: "Entry",
         isDisabled: props.isDisabled,
         isSelected: props.isSelected,
-        onRemove: props.onRemove
+        onRemove: props.onRemove,
+        providerName: providerName
     });
 }

package/dist/cjs/components/ResourceEntityErrorCard/UnsupportedEntityCard.js

@@ -9,8 +9,7 @@ Object.defineProperty(exports, "UnsupportedEntityCard", {
     }
 });
 const _react = _interop_require_wildcard(require("react"));
-const _f36components = require("@contentful/f36-components");
-const _emotion = require("emotion");
+const _MissingEntityCard = require("../MissingEntityCard/MissingEntityCard");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -52,16 +51,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const styles = {
-    card: (0, _emotion.css)({
-        position: 'relative'
-    })
-};
 function UnsupportedEntityCard(props) {
-    return _react.createElement(_f36components.Card, {
-        className: styles.card,
-        isSelected: props.isSelected
-    }, _react.createElement(_f36components.SectionHeading, {
-        marginBottom: "none"
-    }, "Resource type ", props.linkType, " is currently not supported"));
+    return _react.createElement(_MissingEntityCard.MissingEntityCard, {
+        customMessage: "Unsupported API information",
+        isSelected: props.isSelected,
+        onRemove: props.onRemove
+    });
 }

package/dist/cjs/components/index.js

@@ -24,6 +24,9 @@ _export(exports, {
     LinkEntityActions: function() {
         return _LinkEntityActions.LinkEntityActions;
     },
+    MissingAssetCard: function() {
+        return _MissingAssetCard.MissingAssetCard;
+    },
     MissingEntityCard: function() {
         return _MissingEntityCard.MissingEntityCard;
     },
@@ -38,6 +41,7 @@ _export(exports, {
     }
 });
 const _CombinedLinkActions = require("./LinkActions/CombinedLinkActions");
+const _MissingAssetCard = require("./MissingAssetCard/MissingAssetCard");
 const _MissingEntityCard = require("./MissingEntityCard/MissingEntityCard");
 const _LinkEntityActions = require("./LinkActions/LinkEntityActions");
 const _CreateEntryLinkButton = require("./CreateEntryLinkButton/CreateEntryLinkButton");

package/dist/cjs/entries/WrappedEntryCard/FetchingWrappedEntryCard.js

@@ -124,9 +124,9 @@ function FetchingWrappedEntryCard(props) {
     return _react.useMemo(()=>{
         if (status === 'error') {
             const card = _react.createElement(_components.MissingEntityCard, {
-                entityType: "Entry",
                 isDisabled: props.isDisabled,
-                onRemove: onRemoveEntry
+                onRemove: onRemoveEntry,
+                providerName: "Contentful"
             });
             if (props.renderCustomMissingEntityCard) {
                 return props.renderCustomMissingEntityCard({

package/dist/cjs/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -100,9 +100,9 @@ function WrappedEntryCard(props) {
     const status = getEntryStatus(props.entry?.sys);
     if (status === 'deleted') {
         return _react.createElement(_components.MissingEntityCard, {
-            entityType: "Entry",
             isDisabled: props.isDisabled,
-            onRemove: props.onRemove
+            onRemove: props.onRemove,
+            providerName: "Contentful"
         });
     }
     const title = getEntryTitle({

package/dist/cjs/resources/Cards/ResourceCard.spec.js

@@ -196,26 +196,28 @@ describe('ResourceCard', ()=>{
         const { getByText } = renderResourceCard({
             linkType: 'Contentful:UnsupportedLink'
         });
-        await (0, _react1.waitFor)(()=>expect(getByText('Resource type Contentful:UnsupportedLink is currently not supported')).toBeDefined());
+        await (0, _react1.waitFor)(()=>expect(getByText('Unsupported API information')).toBeDefined());
     });
     it('renders missing entity card when unknown error is returned', async ()=>{
         const { getByTestId } = renderResourceCard({
             entityUrn: unknownEntryUrn
         });
-        await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());
+        await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entity-card')).toBeDefined());
     });
     it('renders missing entity card when crn is invalid', async ()=>{
-        const { getByTestId } = renderResourceCard({
+        const { getByTestId, getByText } = renderResourceCard({
             entityUrn: ''
         });
-        await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());
+        await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entity-card')).toBeDefined());
+        await (0, _react1.waitFor)(()=>expect(getByText('Content missing or inaccessible')).toBeDefined());
     });
     it('renders missing entity card when external urn is invalid', async ()=>{
-        const { getByTestId } = renderResourceCard({
+        const { getByTestId, getByText } = renderResourceCard({
             linkType: resolvableExternalResourceType,
             entityUrn: ''
         });
-        await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());
+        await (0, _react1.waitFor)(()=>expect(getByTestId('cf-ui-missing-entity-card')).toBeDefined());
+        await (0, _react1.waitFor)(()=>expect(getByText('Content missing or inaccessible')).toBeDefined());
     });
     it('renders entry card for external resource', async ()=>{
         const { getByTestId, getByText } = renderResourceCard({

package/dist/cjs/utils/getProviderName.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getProviderName", {
+    enumerable: true,
+    get: function() {
+        return getProviderName;
+    }
+});
+function getProviderName(resourceLink) {
+    if (resourceLink.indexOf(':') === -1) {
+        return undefined;
+    }
+    const [provider] = resourceLink.split(':');
+    return provider;
+}

package/dist/cjs/utils/getProviderName.spec.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _getProviderName = require("./getProviderName");
+describe('getProviderName', ()=>{
+    it('should return undefined if Resource Link is not in format "Provider:ResourceType"', ()=>{
+        expect((0, _getProviderName.getProviderName)('This is not a correct resource link')).toBeUndefined();
+    });
+    it('should return the provider when format is Provider:ResourceType', ()=>{
+        expect((0, _getProviderName.getProviderName)('Provider:ResourceType')).toBe('Provider');
+    });
+});

package/dist/esm/assets/WrappedAssetCard/FetchingWrappedAssetCard.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { AssetCard, EntryCard } from '@contentful/f36-components';
 import { useEntity, useEntityLoader } from '../../common/EntityStore';
-import { MissingEntityCard } from '../../components';
+import { MissingAssetCard } from '../../components';
 import { WrappedAssetCard } from './WrappedAssetCard';
 import { WrappedAssetLink } from './WrappedAssetLink';
 export function FetchingWrappedAssetCard(props) {
@@ -44,8 +44,7 @@ export function FetchingWrappedAssetCard(props) {
     };
     return React.useMemo(()=>{
         if (status === 'error') {
-            const card = React.createElement(MissingEntityCard, {
-                entityType: "Asset",
+            const card = React.createElement(MissingAssetCard, {
                 asSquare: props.viewType !== 'link',
                 isDisabled: props.isDisabled,
                 onRemove: onRemove

package/dist/esm/assets/WrappedAssetCard/WrappedAssetCard.js

@@ -5,7 +5,7 @@ import tokens from '@contentful/f36-tokens';
 import { entityHelpers } from '@contentful/field-editor-shared';
 import mimetype from '@contentful/mimetype';
 import { css } from 'emotion';
-import { MissingEntityCard, ScheduledIconWithTooltip } from '../../components';
+import { MissingAssetCard, ScheduledIconWithTooltip } from '../../components';
 import { renderActions, renderAssetInfo } from './AssetCardActions';
 const groupToIconMap = {
     image: 'image',
@@ -42,8 +42,7 @@ export const WrappedAssetCard = (props)=>{
     const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable } = props;
     const status = entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
-        return React.createElement(MissingEntityCard, {
-            entityType: "Asset",
+        return React.createElement(MissingAssetCard, {
             asSquare: true,
             isDisabled: props.isDisabled,
             onRemove: props.onRemove

package/dist/esm/assets/WrappedAssetCard/WrappedAssetLink.js

@@ -4,7 +4,7 @@ import { ClockIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
 import { entityHelpers, isValidImage } from '@contentful/field-editor-shared';
 import { css } from 'emotion';
-import { AssetThumbnail, MissingEntityCard, ScheduledIconWithTooltip } from '../../components';
+import { AssetThumbnail, MissingAssetCard, ScheduledIconWithTooltip } from '../../components';
 import { renderActions, renderAssetInfo } from './AssetCardActions';
 const styles = {
     scheduleIcon: css({
@@ -15,8 +15,7 @@ export const WrappedAssetLink = (props)=>{
     const { className, href, onEdit, onRemove, isDisabled } = props;
     const status = entityHelpers.getEntryStatus(props.asset.sys);
     if (status === 'deleted') {
-        return React.createElement(MissingEntityCard, {
-            entityType: "Asset",
+        return React.createElement(MissingAssetCard, {
             isDisabled: props.isDisabled,
             onRemove: props.onRemove
         });

package/dist/esm/components/MissingAssetCard/MissingAssetCard.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { Card, Flex, IconButton, SectionHeading } from '@contentful/f36-components';
+import { CloseIcon } from '@contentful/f36-icons';
+import * as styles from './styles';
+export function MissingAssetCard(props) {
+    return React.createElement(Card, {
+        className: styles.card,
+        testId: "cf-ui-missing-asset-card",
+        isSelected: props.isSelected
+    }, React.createElement(Flex, {
+        alignItems: "center",
+        justifyContent: "space-between"
+    }, React.createElement("div", {
+        className: props.asSquare ? styles.squareCard : ''
+    }, React.createElement(SectionHeading, {
+        marginBottom: "none"
+    }, "Asset is missing or inaccessible")), !props.isDisabled && props.onRemove && React.createElement(IconButton, {
+        variant: "transparent",
+        icon: React.createElement(CloseIcon, {
+            variant: "muted"
+        }),
+        "aria-label": "Delete",
+        onClick: ()=>{
+            props.onRemove && props.onRemove();
+        }
+    })));
+}

package/dist/esm/components/MissingEntityCard/MissingEntityCard.js

@@ -1,27 +1,28 @@
-import * as React from 'react';
-import { Card, Flex, IconButton, SectionHeading } from '@contentful/f36-components';
+import React from 'react';
+import { EntryCard, IconButton } from '@contentful/f36-components';
 import { CloseIcon } from '@contentful/f36-icons';
-import * as styles from './styles';
 export function MissingEntityCard(props) {
-    return React.createElement(Card, {
-        className: styles.card,
-        testId: "cf-ui-missing-entry-card",
-        isSelected: props.isSelected
-    }, React.createElement(Flex, {
-        alignItems: "center",
-        justifyContent: "space-between"
-    }, React.createElement("div", {
-        className: props.asSquare ? styles.squareCard : ''
-    }, React.createElement(SectionHeading, {
-        marginBottom: "none"
-    }, props.entityType, " is missing or inaccessible")), !props.isDisabled && props.onRemove && React.createElement(IconButton, {
-        variant: "transparent",
-        icon: React.createElement(CloseIcon, {
-            variant: "muted"
-        }),
-        "aria-label": "Delete",
-        onClick: ()=>{
-            props.onRemove && props.onRemove();
-        }
-    })));
+    const providerName = props.providerName ?? 'Source';
+    const description = props.customMessage ?? 'Content missing or inaccessible';
+    function CustomActionButton() {
+        return React.createElement(IconButton, {
+            "aria-label": "Actions",
+            icon: React.createElement(CloseIcon, {
+                variant: "muted"
+            }),
+            size: "small",
+            variant: "transparent",
+            onClick: ()=>{
+                props.onRemove && props.onRemove();
+            }
+        });
+    }
+    return React.createElement(EntryCard, {
+        as: "a",
+        contentType: providerName,
+        description: description,
+        isSelected: props.isSelected,
+        customActionButton: React.createElement(CustomActionButton, null),
+        testId: "cf-ui-missing-entity-card"
+    });
 }

package/dist/esm/components/ResourceEntityErrorCard/ResourceEntityErrorCard.js

@@ -1,18 +1,20 @@
 import * as React from 'react';
 import { isUnsupportedError } from '../../common/EntityStore';
+import { getProviderName } from '../../utils/getProviderName';
 import { MissingEntityCard } from '../MissingEntityCard/MissingEntityCard';
 import { UnsupportedEntityCard } from './UnsupportedEntityCard';
 export function ResourceEntityErrorCard(props) {
     if (isUnsupportedError(props.error)) {
         return React.createElement(UnsupportedEntityCard, {
-            linkType: props.linkType,
-            isSelected: props.isSelected
+            isSelected: props.isSelected,
+            onRemove: props.onRemove
         });
     }
+    const providerName = getProviderName(props.linkType);
     return React.createElement(MissingEntityCard, {
-        entityType: "Entry",
         isDisabled: props.isDisabled,
         isSelected: props.isSelected,
-        onRemove: props.onRemove
+        onRemove: props.onRemove,
+        providerName: providerName
     });
 }

package/dist/esm/components/ResourceEntityErrorCard/UnsupportedEntityCard.js

@@ -1,16 +1,9 @@
 import * as React from 'react';
-import { Card, SectionHeading } from '@contentful/f36-components';
-import { css } from 'emotion';
-const styles = {
-    card: css({
-        position: 'relative'
-    })
-};
+import { MissingEntityCard } from '../MissingEntityCard/MissingEntityCard';
 export function UnsupportedEntityCard(props) {
-    return React.createElement(Card, {
-        className: styles.card,
-        isSelected: props.isSelected
-    }, React.createElement(SectionHeading, {
-        marginBottom: "none"
-    }, "Resource type ", props.linkType, " is currently not supported"));
+    return React.createElement(MissingEntityCard, {
+        customMessage: "Unsupported API information",
+        isSelected: props.isSelected,
+        onRemove: props.onRemove
+    });
 }

package/dist/esm/components/index.js

@@ -1,4 +1,5 @@
 export { CombinedLinkActions } from './LinkActions/CombinedLinkActions';
+export { MissingAssetCard } from './MissingAssetCard/MissingAssetCard';
 export { MissingEntityCard } from './MissingEntityCard/MissingEntityCard';
 export { LinkEntityActions } from './LinkActions/LinkEntityActions';
 export { CreateEntryLinkButton } from './CreateEntryLinkButton/CreateEntryLinkButton';

package/dist/esm/entries/WrappedEntryCard/FetchingWrappedEntryCard.js

@@ -68,9 +68,9 @@ export function FetchingWrappedEntryCard(props) {
     return React.useMemo(()=>{
         if (status === 'error') {
             const card = React.createElement(MissingEntityCard, {
-                entityType: "Entry",
                 isDisabled: props.isDisabled,
-                onRemove: onRemoveEntry
+                onRemove: onRemoveEntry,
+                providerName: "Contentful"
             });
             if (props.renderCustomMissingEntityCard) {
                 return props.renderCustomMissingEntityCard({

package/dist/esm/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -44,9 +44,9 @@ export function WrappedEntryCard(props) {
     const status = getEntryStatus(props.entry?.sys);
     if (status === 'deleted') {
         return React.createElement(MissingEntityCard, {
-            entityType: "Entry",
             isDisabled: props.isDisabled,
-            onRemove: props.onRemove
+            onRemove: props.onRemove,
+            providerName: "Contentful"
         });
     }
     const title = getEntryTitle({

package/dist/esm/resources/Cards/ResourceCard.spec.js

@@ -146,26 +146,28 @@ describe('ResourceCard', ()=>{
         const { getByText } = renderResourceCard({
             linkType: 'Contentful:UnsupportedLink'
         });
-        await waitFor(()=>expect(getByText('Resource type Contentful:UnsupportedLink is currently not supported')).toBeDefined());
+        await waitFor(()=>expect(getByText('Unsupported API information')).toBeDefined());
     });
     it('renders missing entity card when unknown error is returned', async ()=>{
         const { getByTestId } = renderResourceCard({
             entityUrn: unknownEntryUrn
         });
-        await waitFor(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());
+        await waitFor(()=>expect(getByTestId('cf-ui-missing-entity-card')).toBeDefined());
     });
     it('renders missing entity card when crn is invalid', async ()=>{
-        const { getByTestId } = renderResourceCard({
+        const { getByTestId, getByText } = renderResourceCard({
             entityUrn: ''
         });
-        await waitFor(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());
+        await waitFor(()=>expect(getByTestId('cf-ui-missing-entity-card')).toBeDefined());
+        await waitFor(()=>expect(getByText('Content missing or inaccessible')).toBeDefined());
     });
     it('renders missing entity card when external urn is invalid', async ()=>{
-        const { getByTestId } = renderResourceCard({
+        const { getByTestId, getByText } = renderResourceCard({
             linkType: resolvableExternalResourceType,
             entityUrn: ''
         });
-        await waitFor(()=>expect(getByTestId('cf-ui-missing-entry-card')).toBeDefined());
+        await waitFor(()=>expect(getByTestId('cf-ui-missing-entity-card')).toBeDefined());
+        await waitFor(()=>expect(getByText('Content missing or inaccessible')).toBeDefined());
     });
     it('renders entry card for external resource', async ()=>{
         const { getByTestId, getByText } = renderResourceCard({

package/dist/esm/utils/getProviderName.js

@@ -0,0 +1,7 @@
+export function getProviderName(resourceLink) {
+    if (resourceLink.indexOf(':') === -1) {
+        return undefined;
+    }
+    const [provider] = resourceLink.split(':');
+    return provider;
+}

package/dist/esm/utils/getProviderName.spec.js

@@ -0,0 +1,9 @@
+import { getProviderName } from './getProviderName';
+describe('getProviderName', ()=>{
+    it('should return undefined if Resource Link is not in format "Provider:ResourceType"', ()=>{
+        expect(getProviderName('This is not a correct resource link')).toBeUndefined();
+    });
+    it('should return the provider when format is Provider:ResourceType', ()=>{
+        expect(getProviderName('Provider:ResourceType')).toBe('Provider');
+    });
+});

package/dist/types/components/MissingAssetCard/MissingAssetCard.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function MissingAssetCard(props: {
+    asSquare?: boolean;
+    isSelected?: boolean;
+    isDisabled: boolean;
+    onRemove?: Function;
+}): JSX.Element;

package/dist/types/components/MissingEntityCard/MissingEntityCard.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { ContentEntityType } from '../../types';
-export declare function MissingEntityCard(props: {
-    entityType: ContentEntityType;
-    asSquare?: boolean;
+type MissingEntityCardProps = {
+    customMessage?: string;
+    isDisabled?: boolean;
     isSelected?: boolean;
-    isDisabled: boolean;
     onRemove?: Function;
-}): JSX.Element;
+    providerName?: string;
+};
+export declare function MissingEntityCard(props: MissingEntityCardProps): JSX.Element;
+export {};

package/dist/types/components/ResourceEntityErrorCard/ResourceEntityErrorCard.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
-export declare function ResourceEntityErrorCard(props: {
+type ResourceEntityErrorCardProps = {
     linkType: string;
     error: unknown;
     isSelected?: boolean;
     isDisabled: boolean;
     onRemove?: Function;
-}): JSX.Element;
+};
+export declare function ResourceEntityErrorCard(props: ResourceEntityErrorCardProps): JSX.Element;
+export {};

package/dist/types/components/ResourceEntityErrorCard/UnsupportedEntityCard.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare function UnsupportedEntityCard(props: {
-    linkType: string;
+type UnsupportedEntityCardProps = {
     isSelected?: boolean;
-}): JSX.Element;
+    onRemove?: Function;
+};
+export declare function UnsupportedEntityCard(props: UnsupportedEntityCardProps): JSX.Element;
+export {};

package/dist/types/components/index.d.ts

@@ -1,5 +1,6 @@
 export type { LinkActionsProps } from './LinkActions/LinkActions';
 export { CombinedLinkActions } from './LinkActions/CombinedLinkActions';
+export { MissingAssetCard } from './MissingAssetCard/MissingAssetCard';
 export { MissingEntityCard } from './MissingEntityCard/MissingEntityCard';
 export { LinkEntityActions } from './LinkActions/LinkEntityActions';
 export { CreateEntryLinkButton } from './CreateEntryLinkButton/CreateEntryLinkButton';

package/dist/types/utils/getProviderName.d.ts

@@ -0,0 +1 @@
+export declare function getProviderName(resourceLink: string): string | undefined;

package/dist/types/utils/getProviderName.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "5.26.3",
+  "version": "5.27.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "cdfbb3bd28e968fcc22de28c67e8603aa99a71ad"
+  "gitHead": "08064d010b8a3195cf194bbdf3ce2e07d5f6b37c"
 }