@contentful/field-editor-reference 5.28.2 → 5.29.0

package/dist/cjs/__fixtures__/FakeSdk.js

@@ -174,6 +174,11 @@ function newReferenceEditorFakeSdk(props) {
         ids: {
             space: 'space-id',
             environment: 'environment-id'
+        },
+        parameters: {
+            installation: {},
+            instance: {},
+            invocation: {}
         }
     };
     return [

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

@@ -122,7 +122,9 @@ function FetchingWrappedAssetCard(props) {
             defaultLocaleCode: props.sdk.locales.default,
             renderDragHandle: props.renderDragHandle,
             onEdit,
-            onRemove
+            onRemove,
+            useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         if (props.viewType === 'link') {
             if (status === 'loading') {

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

@@ -10,11 +10,8 @@ Object.defineProperty(exports, "WrappedAssetCard", {
 });
 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 _fieldeditorshared = require("@contentful/field-editor-shared");
 const _mimetype = _interop_require_default(require("@contentful/mimetype"));
-const _emotion = require("emotion");
 const _components = require("../../components");
 const _AssetCardActions = require("./AssetCardActions");
 function _interop_require_default(obj) {
@@ -76,11 +73,6 @@ const groupToIconMap = {
     code: 'code',
     markup: 'markup'
 };
-const styles = {
-    scheduleIcon: (0, _emotion.css)({
-        marginRight: _f36tokens.default.spacing2Xs
-    })
-};
 const defaultProps = {
     isClickable: true
 };
@@ -96,7 +88,7 @@ function getFileType(file) {
 }
 const WrappedAssetCard = (props)=>{
     const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable } = props;
-    const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys, props.localeCode);
+    const status = _fieldeditorshared.entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return _react.createElement(_components.MissingAssetCard, {
             asSquare: true,
@@ -119,17 +111,15 @@ const WrappedAssetCard = (props)=>{
         className: className,
         isSelected: isSelected,
         href: href,
-        status: status,
-        icon: _react.createElement(_components.ScheduledIconWithTooltip, {
+        badge: _react.createElement(_components.EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
-            entityId: props.asset.sys.id
-        }, _react.createElement(_f36icons.ClockIcon, {
-            className: styles.scheduleIcon,
-            size: "small",
-            variant: "muted",
-            testId: "schedule-icon"
-        })),
+            entityId: props.asset.sys.id,
+            status: status
+        }),
+        icon: !props.isLocalized && props.useLocalizedEntityStatus ? _react.createElement(_f36components.Badge, {
+            variant: "secondary"
+        }, "Default") : null,
         src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
         onClick: isClickable ? (e)=>{
             e.preventDefault();

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

@@ -10,17 +10,9 @@ Object.defineProperty(exports, "WrappedAssetLink", {
 });
 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 _fieldeditorshared = require("@contentful/field-editor-shared");
-const _emotion = require("emotion");
 const _components = require("../../components");
 const _AssetCardActions = require("./AssetCardActions");
-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();
@@ -62,14 +54,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const styles = {
-    scheduleIcon: (0, _emotion.css)({
-        marginRight: _f36tokens.default.spacing2Xs
-    })
-};
 const WrappedAssetLink = (props)=>{
     const { className, href, onEdit, onRemove, isDisabled } = props;
-    const status = _fieldeditorshared.entityHelpers.getEntryStatus(props.asset.sys, props.localeCode);
+    const status = _fieldeditorshared.entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return _react.createElement(_components.MissingAssetCard, {
             isDisabled: props.isDisabled,
@@ -90,20 +77,15 @@ const WrappedAssetLink = (props)=>{
         className: className,
         href: href,
         size: "small",
-        status: status,
+        badge: _react.createElement(_components.EntityStatusBadge, {
+            getEntityScheduledActions: props.getEntityScheduledActions,
+            entityType: "Asset",
+            entityId: props.asset.sys.id,
+            status: status
+        }),
         thumbnailElement: entityFile && (0, _fieldeditorshared.isValidImage)(entityFile) ? _react.createElement(_components.AssetThumbnail, {
             file: entityFile
         }) : undefined,
-        icon: _react.createElement(_components.ScheduledIconWithTooltip, {
-            getEntityScheduledActions: props.getEntityScheduledActions,
-            entityType: "Asset",
-            entityId: props.asset.sys.id
-        }, _react.createElement(_f36icons.ClockIcon, {
-            className: styles.scheduleIcon,
-            size: "small",
-            variant: "muted",
-            testId: "schedule-icon"
-        })),
         onClick: (e)=>{
             e.preventDefault();
             onEdit();

package/dist/cjs/components/EntityStatusBadge/EntityStatusBadge.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EntityStatusBadge", {
+    enumerable: true,
+    get: function() {
+        return EntityStatusBadge;
+    }
+});
+const _react = _interop_require_default(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _ScheduledIconWithTooltip = require("../ScheduledIconWithTooltip/ScheduledIconWithTooltip");
+const _ScheduleTooltip = require("../ScheduledIconWithTooltip/ScheduleTooltip");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }) {
+    const { isError, isLoading, jobs } = (0, _ScheduledIconWithTooltip.useScheduledActions)({
+        entityId,
+        entityType,
+        getEntityScheduledActions
+    });
+    if (isError || isLoading || jobs.length === 0) {
+        return _react.default.createElement(_f36components.EntityStatusBadge, {
+            ...props,
+            entityStatus: status
+        });
+    }
+    return _react.default.createElement(_ScheduleTooltip.ScheduleTooltip, {
+        job: jobs[0],
+        jobsCount: jobs.length
+    }, _react.default.createElement(_f36components.EntityStatusBadge, {
+        ...props,
+        entityStatus: status,
+        isScheduled: true
+    }));
+}

package/dist/cjs/components/EntityStatusBadge/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./EntityStatusBadge"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js

@@ -2,10 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "ScheduledIconWithTooltip", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ScheduledIconWithTooltip: function() {
         return ScheduledIconWithTooltip;
+    },
+    useScheduledActions: function() {
+        return useScheduledActions;
     }
 });
 const _react = _interop_require_wildcard(require("react"));
@@ -51,7 +59,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const ScheduledIconWithTooltip = ({ entityType, entityId, getEntityScheduledActions, children })=>{
+function useScheduledActions({ getEntityScheduledActions, entityId, entityType }) {
     const [status, setStatus] = _react.useState({
         type: 'loading'
     });
@@ -68,16 +76,40 @@ const ScheduledIconWithTooltip = ({ entityType, entityId, getEntityScheduledActi
             });
         });
     }, []);
-    if (status.type === 'loading' || status.type === 'error') {
-        return null;
+    if (status.type === 'loading') {
+        return {
+            isLoading: true,
+            isError: false,
+            jobs: []
+        };
+    }
+    if (status.type === 'error') {
+        return {
+            isLoading: false,
+            isError: true,
+            jobs: []
+        };
+    }
+    return {
+        isLoading: false,
+        isError: false,
+        jobs: status.jobs || []
+    };
+}
+const ScheduledIconWithTooltip = ({ entityType, entityId, getEntityScheduledActions, children })=>{
+    const { isError, isLoading, jobs } = useScheduledActions({
+        entityType,
+        entityId,
+        getEntityScheduledActions
+    });
+    if (isLoading || isError) {
+        return children;
     }
-    const jobs = status.jobs ?? [];
     if (jobs.length === 0) {
         return null;
     }
-    const mostRelevantJob = jobs[0];
     return _react.createElement(_ScheduleTooltip.ScheduleTooltip, {
-        job: mostRelevantJob,
+        job: jobs[0],
         jobsCount: jobs.length
     }, children);
 };

package/dist/cjs/components/index.js

@@ -21,6 +21,9 @@ _export(exports, {
     CreateEntryMenuTrigger: function() {
         return _CreateEntryMenuTrigger.CreateEntryMenuTrigger;
     },
+    EntityStatusBadge: function() {
+        return _EntityStatusBadge.EntityStatusBadge;
+    },
     LinkEntityActions: function() {
         return _LinkEntityActions.LinkEntityActions;
     },
@@ -50,3 +53,4 @@ const _ScheduledIconWithTooltip = require("./ScheduledIconWithTooltip/ScheduledI
 const _ScheduleTooltip = require("./ScheduledIconWithTooltip/ScheduleTooltip");
 const _AssetThumbnail = require("./AssetThumbnail/AssetThumbnail");
 const _ResourceEntityErrorCard = require("./ResourceEntityErrorCard/ResourceEntityErrorCard");
+const _EntityStatusBadge = require("./EntityStatusBadge");

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

@@ -159,7 +159,9 @@ function FetchingWrappedEntryCard(props) {
             onRemove: onRemoveEntry,
             onMoveTop: props.onMoveTop,
             onMoveBottom: props.onMoveBottom,
-            isBeingDragged: props.isBeingDragged
+            isBeingDragged: props.isBeingDragged,
+            useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         const { hasCardEditActions, hasCardMoveActions, hasCardRemoveActions } = props;
         function renderDefaultCard(props) {

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

@@ -10,17 +10,9 @@ Object.defineProperty(exports, "WrappedEntryCard", {
 });
 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 _fieldeditorshared = require("@contentful/field-editor-shared");
-const _emotion = require("emotion");
 const _components = require("../../components");
 const _SpaceName = require("../../components/SpaceName/SpaceName");
-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();
@@ -62,12 +54,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const { getEntryTitle, getEntityDescription, getEntryStatus, getEntryImage } = _fieldeditorshared.entityHelpers;
-const styles = {
-    scheduleIcon: (0, _emotion.css)({
-        marginRight: _f36tokens.default.spacing2Xs
-    })
-};
+const { getEntryTitle, getEntityDescription, getEntityStatus, getEntryImage } = _fieldeditorshared.entityHelpers;
 const defaultProps = {
     isClickable: true,
     hasCardEditActions: true,
@@ -97,7 +84,7 @@ function WrappedEntryCard(props) {
         props.localeCode,
         props.defaultLocaleCode
     ]);
-    const status = getEntryStatus(props.entry?.sys, props.localeCode);
+    const status = getEntityStatus(props.entry?.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return _react.createElement(_components.MissingEntityCard, {
             isDisabled: props.isDisabled,
@@ -126,20 +113,18 @@ function WrappedEntryCard(props) {
         contentType: contentType?.name,
         size: props.size,
         isSelected: props.isSelected,
-        status: status,
+        badge: _react.createElement(_components.EntityStatusBadge, {
+            status: status,
+            entityId: props.entry.sys.id,
+            entityType: "Entry",
+            getEntityScheduledActions: props.getEntityScheduledActions
+        }),
         icon: props.spaceName ? _react.createElement(_SpaceName.SpaceName, {
             spaceName: props.spaceName,
             environmentName: props.entry.sys.environment.sys.id
-        }) : _react.createElement(_components.ScheduledIconWithTooltip, {
-            getEntityScheduledActions: props.getEntityScheduledActions,
-            entityType: "Entry",
-            entityId: props.entry.sys.id
-        }, _react.createElement(_f36icons.ClockIcon, {
-            className: styles.scheduleIcon,
-            size: "small",
-            variant: "muted",
-            testId: "schedule-icon"
-        })),
+        }) : !props.isLocalized && props.useLocalizedEntityStatus ? _react.createElement(_f36components.Badge, {
+            variant: "secondary"
+        }, "Default") : null,
         thumbnailElement: file && (0, _fieldeditorshared.isValidImage)(file) ? _react.createElement(_components.AssetThumbnail, {
             file: file
         }) : undefined,

package/dist/esm/__fixtures__/FakeSdk.js

@@ -164,6 +164,11 @@ export function newReferenceEditorFakeSdk(props) {
         ids: {
             space: 'space-id',
             environment: 'environment-id'
+        },
+        parameters: {
+            installation: {},
+            instance: {},
+            invocation: {}
         }
     };
     return [

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

@@ -71,7 +71,9 @@ export function FetchingWrappedAssetCard(props) {
             defaultLocaleCode: props.sdk.locales.default,
             renderDragHandle: props.renderDragHandle,
             onEdit,
-            onRemove
+            onRemove,
+            useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         if (props.viewType === 'link') {
             if (status === 'loading') {

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

@@ -1,11 +1,8 @@
 import * as React from 'react';
-import { AssetCard } from '@contentful/f36-components';
-import { ClockIcon } from '@contentful/f36-icons';
-import tokens from '@contentful/f36-tokens';
+import { AssetCard, Badge } from '@contentful/f36-components';
 import { entityHelpers } from '@contentful/field-editor-shared';
 import mimetype from '@contentful/mimetype';
-import { css } from 'emotion';
-import { MissingAssetCard, ScheduledIconWithTooltip } from '../../components';
+import { EntityStatusBadge, MissingAssetCard } from '../../components';
 import { renderActions, renderAssetInfo } from './AssetCardActions';
 const groupToIconMap = {
     image: 'image',
@@ -20,11 +17,6 @@ const groupToIconMap = {
     code: 'code',
     markup: 'markup'
 };
-const styles = {
-    scheduleIcon: css({
-        marginRight: tokens.spacing2Xs
-    })
-};
 const defaultProps = {
     isClickable: true
 };
@@ -40,7 +32,7 @@ function getFileType(file) {
 }
 export const WrappedAssetCard = (props)=>{
     const { className, onEdit, getAssetUrl, onRemove, size, isDisabled, isSelected, isClickable } = props;
-    const status = entityHelpers.getEntryStatus(props.asset.sys, props.localeCode);
+    const status = entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return React.createElement(MissingAssetCard, {
             asSquare: true,
@@ -63,17 +55,15 @@ export const WrappedAssetCard = (props)=>{
         className: className,
         isSelected: isSelected,
         href: href,
-        status: status,
-        icon: React.createElement(ScheduledIconWithTooltip, {
+        badge: React.createElement(EntityStatusBadge, {
             getEntityScheduledActions: props.getEntityScheduledActions,
             entityType: "Asset",
-            entityId: props.asset.sys.id
-        }, React.createElement(ClockIcon, {
-            className: styles.scheduleIcon,
-            size: "small",
-            variant: "muted",
-            testId: "schedule-icon"
-        })),
+            entityId: props.asset.sys.id,
+            status: status
+        }),
+        icon: !props.isLocalized && props.useLocalizedEntityStatus ? React.createElement(Badge, {
+            variant: "secondary"
+        }, "Default") : null,
         src: entityFile && entityFile.url ? size === 'small' ? `${entityFile.url}?w=150&h=150&fit=thumb` : `${entityFile.url}?h=300` : '',
         onClick: isClickable ? (e)=>{
             e.preventDefault();

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

@@ -1,19 +1,11 @@
 import * as React from 'react';
 import { EntryCard } from '@contentful/f36-components';
-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, MissingAssetCard, ScheduledIconWithTooltip } from '../../components';
+import { AssetThumbnail, EntityStatusBadge, MissingAssetCard } from '../../components';
 import { renderActions, renderAssetInfo } from './AssetCardActions';
-const styles = {
-    scheduleIcon: css({
-        marginRight: tokens.spacing2Xs
-    })
-};
 export const WrappedAssetLink = (props)=>{
     const { className, href, onEdit, onRemove, isDisabled } = props;
-    const status = entityHelpers.getEntryStatus(props.asset.sys, props.localeCode);
+    const status = entityHelpers.getEntityStatus(props.asset.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return React.createElement(MissingAssetCard, {
             isDisabled: props.isDisabled,
@@ -34,20 +26,15 @@ export const WrappedAssetLink = (props)=>{
         className: className,
         href: href,
         size: "small",
-        status: status,
+        badge: React.createElement(EntityStatusBadge, {
+            getEntityScheduledActions: props.getEntityScheduledActions,
+            entityType: "Asset",
+            entityId: props.asset.sys.id,
+            status: status
+        }),
         thumbnailElement: entityFile && isValidImage(entityFile) ? React.createElement(AssetThumbnail, {
             file: entityFile
         }) : undefined,
-        icon: React.createElement(ScheduledIconWithTooltip, {
-            getEntityScheduledActions: props.getEntityScheduledActions,
-            entityType: "Asset",
-            entityId: props.asset.sys.id
-        }, React.createElement(ClockIcon, {
-            className: styles.scheduleIcon,
-            size: "small",
-            variant: "muted",
-            testId: "schedule-icon"
-        })),
         onClick: (e)=>{
             e.preventDefault();
             onEdit();

package/dist/esm/components/EntityStatusBadge/EntityStatusBadge.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { EntityStatusBadge as StatusBadge } from '@contentful/f36-components';
+import { useScheduledActions } from '../ScheduledIconWithTooltip/ScheduledIconWithTooltip';
+import { ScheduleTooltip } from '../ScheduledIconWithTooltip/ScheduleTooltip';
+export function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }) {
+    const { isError, isLoading, jobs } = useScheduledActions({
+        entityId,
+        entityType,
+        getEntityScheduledActions
+    });
+    if (isError || isLoading || jobs.length === 0) {
+        return React.createElement(StatusBadge, {
+            ...props,
+            entityStatus: status
+        });
+    }
+    return React.createElement(ScheduleTooltip, {
+        job: jobs[0],
+        jobsCount: jobs.length
+    }, React.createElement(StatusBadge, {
+        ...props,
+        entityStatus: status,
+        isScheduled: true
+    }));
+}

package/dist/esm/components/EntityStatusBadge/index.js

@@ -0,0 +1 @@
+export * from './EntityStatusBadge';

package/dist/esm/components/ScheduledIconWithTooltip/ScheduledIconWithTooltip.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ScheduleTooltip } from './ScheduleTooltip';
-export const ScheduledIconWithTooltip = ({ entityType, entityId, getEntityScheduledActions, children })=>{
+export function useScheduledActions({ getEntityScheduledActions, entityId, entityType }) {
     const [status, setStatus] = React.useState({
         type: 'loading'
     });
@@ -17,16 +17,40 @@ export const ScheduledIconWithTooltip = ({ entityType, entityId, getEntitySchedu
             });
         });
     }, []);
-    if (status.type === 'loading' || status.type === 'error') {
-        return null;
+    if (status.type === 'loading') {
+        return {
+            isLoading: true,
+            isError: false,
+            jobs: []
+        };
+    }
+    if (status.type === 'error') {
+        return {
+            isLoading: false,
+            isError: true,
+            jobs: []
+        };
+    }
+    return {
+        isLoading: false,
+        isError: false,
+        jobs: status.jobs || []
+    };
+}
+export const ScheduledIconWithTooltip = ({ entityType, entityId, getEntityScheduledActions, children })=>{
+    const { isError, isLoading, jobs } = useScheduledActions({
+        entityType,
+        entityId,
+        getEntityScheduledActions
+    });
+    if (isLoading || isError) {
+        return children;
     }
-    const jobs = status.jobs ?? [];
     if (jobs.length === 0) {
         return null;
     }
-    const mostRelevantJob = jobs[0];
     return React.createElement(ScheduleTooltip, {
-        job: mostRelevantJob,
+        job: jobs[0],
         jobsCount: jobs.length
     }, children);
 };

package/dist/esm/components/index.js

@@ -8,3 +8,4 @@ export { ScheduledIconWithTooltip } from './ScheduledIconWithTooltip/ScheduledIc
 export { getScheduleTooltipContent } from './ScheduledIconWithTooltip/ScheduleTooltip';
 export { AssetThumbnail } from './AssetThumbnail/AssetThumbnail';
 export { ResourceEntityErrorCard } from './ResourceEntityErrorCard/ResourceEntityErrorCard';
+export { EntityStatusBadge } from './EntityStatusBadge';

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

@@ -103,7 +103,9 @@ export function FetchingWrappedEntryCard(props) {
             onRemove: onRemoveEntry,
             onMoveTop: props.onMoveTop,
             onMoveBottom: props.onMoveBottom,
-            isBeingDragged: props.isBeingDragged
+            isBeingDragged: props.isBeingDragged,
+            useLocalizedEntityStatus: props.sdk.parameters.instance.useLocalizedEntityStatus,
+            isLocalized: !!('localized' in props.sdk.field && props.sdk.field.localized)
         };
         const { hasCardEditActions, hasCardMoveActions, hasCardRemoveActions } = props;
         function renderDefaultCard(props) {

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

@@ -1,17 +1,9 @@
 import * as React from 'react';
-import { EntryCard, MenuItem, MenuDivider } from '@contentful/f36-components';
-import { ClockIcon } from '@contentful/f36-icons';
-import tokens from '@contentful/f36-tokens';
+import { EntryCard, MenuItem, MenuDivider, Badge } from '@contentful/f36-components';
 import { entityHelpers, isValidImage } from '@contentful/field-editor-shared';
-import { css } from 'emotion';
-import { AssetThumbnail, MissingEntityCard, ScheduledIconWithTooltip } from '../../components';
+import { AssetThumbnail, MissingEntityCard, EntityStatusBadge } from '../../components';
 import { SpaceName } from '../../components/SpaceName/SpaceName';
-const { getEntryTitle, getEntityDescription, getEntryStatus, getEntryImage } = entityHelpers;
-const styles = {
-    scheduleIcon: css({
-        marginRight: tokens.spacing2Xs
-    })
-};
+const { getEntryTitle, getEntityDescription, getEntityStatus, getEntryImage } = entityHelpers;
 const defaultProps = {
     isClickable: true,
     hasCardEditActions: true,
@@ -41,7 +33,7 @@ export function WrappedEntryCard(props) {
         props.localeCode,
         props.defaultLocaleCode
     ]);
-    const status = getEntryStatus(props.entry?.sys, props.localeCode);
+    const status = getEntityStatus(props.entry?.sys, props.useLocalizedEntityStatus ? props.localeCode : undefined);
     if (status === 'deleted') {
         return React.createElement(MissingEntityCard, {
             isDisabled: props.isDisabled,
@@ -70,20 +62,18 @@ export function WrappedEntryCard(props) {
         contentType: contentType?.name,
         size: props.size,
         isSelected: props.isSelected,
-        status: status,
+        badge: React.createElement(EntityStatusBadge, {
+            status: status,
+            entityId: props.entry.sys.id,
+            entityType: "Entry",
+            getEntityScheduledActions: props.getEntityScheduledActions
+        }),
         icon: props.spaceName ? React.createElement(SpaceName, {
             spaceName: props.spaceName,
             environmentName: props.entry.sys.environment.sys.id
-        }) : React.createElement(ScheduledIconWithTooltip, {
-            getEntityScheduledActions: props.getEntityScheduledActions,
-            entityType: "Entry",
-            entityId: props.entry.sys.id
-        }, React.createElement(ClockIcon, {
-            className: styles.scheduleIcon,
-            size: "small",
-            variant: "muted",
-            testId: "schedule-icon"
-        })),
+        }) : !props.isLocalized && props.useLocalizedEntityStatus ? React.createElement(Badge, {
+            variant: "secondary"
+        }, "Default") : null,
         thumbnailElement: file && isValidImage(file) ? React.createElement(AssetThumbnail, {
             file: file
         }) : undefined,

package/dist/types/assets/WrappedAssetCard/WrappedAssetCard.d.ts

@@ -15,6 +15,8 @@ export interface WrappedAssetCardProps {
     size: 'default' | 'small';
     renderDragHandle?: RenderDragFn;
     isClickable: boolean;
+    useLocalizedEntityStatus?: boolean;
+    isLocalized?: boolean;
 }
 export declare const WrappedAssetCard: {
     (props: WrappedAssetCardProps): JSX.Element;

package/dist/types/assets/WrappedAssetCard/WrappedAssetLink.d.ts

@@ -12,5 +12,6 @@ export interface WrappedAssetLinkProps {
     onEdit: () => void;
     onRemove: () => void;
     renderDragHandle?: RenderDragFn;
+    useLocalizedEntityStatus?: boolean;
 }
 export declare const WrappedAssetLink: (props: WrappedAssetLinkProps) => JSX.Element;

package/dist/types/common/customCardTypes.d.ts

@@ -26,4 +26,6 @@ export type CustomEntityCardProps = {
     onMoveTop?: () => void;
     onMoveBottom?: () => void;
     isBeingDragged?: boolean;
+    isLocalized?: boolean;
+    useLocalizedEntityStatus?: boolean;
 };

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type EntityStatus } from '@contentful/f36-components';
+import { type UseScheduledActionsProps } from '../ScheduledIconWithTooltip/ScheduledIconWithTooltip';
+type EntityStatusBadgeProps = UseScheduledActionsProps & {
+    status: EntityStatus;
+};
+export declare function EntityStatusBadge({ entityId, entityType, getEntityScheduledActions, status, ...props }: EntityStatusBadgeProps): JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export * from './EntityStatusBadge';

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

@@ -1,5 +1,11 @@
 import * as React from 'react';
-import { SpaceAPI } from '@contentful/app-sdk';
+import { ScheduledAction, SpaceAPI } from '@contentful/app-sdk';
+export type UseScheduledActionsProps = Pick<ScheduledIconWithTooltipProps, 'entityId' | 'entityType' | 'getEntityScheduledActions'>;
+export declare function useScheduledActions({ getEntityScheduledActions, entityId, entityType, }: UseScheduledActionsProps): {
+    isLoading: boolean;
+    isError: boolean;
+    jobs: ScheduledAction[];
+};
 type ScheduledIconWithTooltipProps = {
     getEntityScheduledActions: SpaceAPI['getEntityScheduledActions'];
     entityType: 'Entry' | 'Asset';

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

@@ -9,3 +9,4 @@ export { ScheduledIconWithTooltip } from './ScheduledIconWithTooltip/ScheduledIc
 export { getScheduleTooltipContent } from './ScheduledIconWithTooltip/ScheduleTooltip';
 export { AssetThumbnail } from './AssetThumbnail/AssetThumbnail';
 export { ResourceEntityErrorCard } from './ResourceEntityErrorCard/ResourceEntityErrorCard';
+export { EntityStatusBadge } from './EntityStatusBadge';

package/dist/types/entries/WrappedEntryCard/WrappedEntryCard.d.ts

@@ -23,6 +23,8 @@ export interface WrappedEntryCardProps {
     hasCardEditActions: boolean;
     hasCardMoveActions?: boolean;
     hasCardRemoveActions?: boolean;
+    isLocalized?: boolean;
+    useLocalizedEntityStatus?: boolean;
 }
 export declare function WrappedEntryCard(props: WrappedEntryCardProps): JSX.Element;
 export declare namespace WrappedEntryCard {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "5.28.2",
+  "version": "5.29.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -35,10 +35,10 @@
     "tsc": "tsc -p ./ --noEmit"
   },
   "dependencies": {
-    "@contentful/f36-components": "^4.60.0",
-    "@contentful/f36-icons": "^4.27.0",
-    "@contentful/f36-tokens": "^4.0.4",
-    "@contentful/field-editor-shared": "^1.5.2",
+    "@contentful/f36-components": "^4.67.0",
+    "@contentful/f36-icons": "^4.28.2",
+    "@contentful/f36-tokens": "^4.0.5",
+    "@contentful/field-editor-shared": "^1.5.3",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "4ec14a5b5611b2bfa17bfa10b4ac5942c2c25406"
+  "gitHead": "fbd118e01859c708cb0f0db4e3dc4f3dc9169b56"
 }