@jumoo/usync 17.5.2-prerelease.15 → 17.5.3-prerelease.16

package/dist/dialogs/details-modal-element.js

@@ -9,20 +9,33 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _uSyncDetailsModalElement_instances, _uSyncDetailsModalElement_repository, _uSyncDetailsModalElement_moveTo, _uSyncDetailsModalElement_loadPreview, _uSyncDetailsModalElement_showActions, _uSyncDetailsModalElement_onImport, _uSyncDetailsModalElement_onClose;
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _uSyncDetailsModalElement_instances, _uSyncDetailsModalElement_repository, _uSyncDetailsModalElement_previewFilter, _uSyncDetailsModalElement_previewProps, _uSyncDetailsModalElement_moveTo, _uSyncDetailsModalElement_loadPreview, _uSyncDetailsModalElement_hasPreview, _uSyncDetailsModalElement_showActions, _uSyncDetailsModalElement_onImport, _uSyncDetailsModalElement_onClose;
 import { UMB_MODAL_MANAGER_CONTEXT, UmbModalBaseElement, } from '@umbraco-cms/backoffice/modal';
 import { css, customElement, html, nothing, state, } from '@umbraco-cms/backoffice/external/lit';
 import { USYNC_IMPORT_SINGLE_MODAL, uSyncActionRepository, } from '@jumoo/uSync';
-import '../components/usync-data-type-preview.js';
-import '../components/usync-content-type-preview.js';
-import '../components/usync-content-preview.js';
+import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
 let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBaseElement {
     constructor() {
         super();
         _uSyncDetailsModalElement_instances.add(this);
         this._tab = 'changes';
+        this._loading = false;
         this._index = -1;
+        /** the entity types there is a 'usync-item-preview' element for */
+        this._previewTypes = new Set();
         _uSyncDetailsModalElement_repository.set(this, new uSyncActionRepository(this));
+        // kept between renders, so the extension slot doesn't rebuild the preview each time.
+        _uSyncDetailsModalElement_previewFilter.set(this, (_manifest) => false);
+        _uSyncDetailsModalElement_previewProps.set(this, {});
+        this.observe(umbExtensionsRegistry.byType('usync-item-preview'), (manifests) => {
+            this._previewTypes = new Set(manifests.flatMap((m) => m.forEntityTypes));
+        });
         // this.consumeContext(USYNC_CORE_CONTEXT_TOKEN, (_instance) => {
         // 	if (!_instance) return;
         // 	this.#actionContext = _instance;
@@ -36,7 +49,8 @@ let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBa
     }
     render() {
         return html `
-			<umb-body-layout headline="Changes : ${this._item?.name ?? ''}">
+			<umb-body-layout>
+				${this.renderHeadline()}
 				<div class="layout">
 					<uui-box style="--uui-box-default-padding: 0;">
 						<div slot="header" id="header">
@@ -46,11 +60,7 @@ let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBa
 						<div slot="header-actions">${this.renderActions()}</div>
 					</uui-box>
 					${this.renderTabs()}
-					${this._tab === 'preview' && this._preview
-            ? this.renderPreview(this._preview)
-            : html `<uui-box style="--uui-box-default-padding: 0;">
-									<usync-change-view .item=${this._item}></usync-change-view>
-								</uui-box>`}
+					${this.renderTabContent()}
 				</div>
 				${this.renderNavigation()}
 				<div slot="actions">
@@ -62,6 +72,18 @@ let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBa
 			</umb-body-layout>
 		`;
     }
+    renderHeadline() {
+        const item = this._item;
+        if (!item)
+            return nothing;
+        // singular names first (Content type), then the plural group
+        // names the results use (Content Types), then the raw type.
+        const itemType = this.localize.termOrDefault(`uSync_itemType${item.itemType}`, this.localize.termOrDefault(`uSync_${item.itemType}`, item.itemType));
+        return html `<div slot="header" id="headline">
+			<h3 title=${item.name}>Changes : ${item.name}</h3>
+			<span class="item-info">${itemType} · ${item.change}</span>
+		</div>`;
+    }
     renderNavigation() {
         const count = this.data?.items?.length ?? 0;
         if (count < 2 || this._index < 0)
@@ -89,36 +111,45 @@ let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBa
 		</div>`;
     }
     renderTabs() {
-        if (!this._preview)
+        if (!__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_hasPreview).call(this))
             return nothing;
         return html `<uui-tab-group>
-			<uui-tab
-				.label=${this.localize.termOrDefault('uSync_changesTab', 'Changes')}
-				?active=${this._tab === 'changes'}
-				@click=${() => (this._tab = 'changes')}></uui-tab>
-			<uui-tab
-				.label=${this.localize.termOrDefault('uSync_previewTab', 'Preview')}
-				?active=${this._tab === 'preview'}
-				@click=${() => (this._tab = 'preview')}></uui-tab>
+			${this.renderTab('changes', 'uSync_changesTab', 'Changes', 'icon-eye')}
+			${this.renderTab('diff', 'uSync_diffTab', 'Diff', 'icon-code')}
 		</uui-tab-group>`;
     }
-    renderPreview(preview) {
-        switch (preview.entityType) {
-            case 'data-type':
-                return html `<usync-data-type-preview
-					.preview=${preview}></usync-data-type-preview>`;
-            case 'document-type':
-            case 'media-type':
-            case 'member-type':
-                return html `<usync-content-type-preview
-					.preview=${preview}></usync-content-type-preview>`;
-            case 'document':
-            case 'media':
-                return html `<usync-content-preview
-					.preview=${preview}></usync-content-preview>`;
-            default:
-                return nothing;
+    renderTab(tab, key, fallback, icon) {
+        const label = this.localize.termOrDefault(key, fallback);
+        return html `<uui-tab
+			.label=${label}
+			?active=${this._tab === tab}
+			@click=${() => (this._tab = tab)}>
+			<!-- uui-tab stacks its icon slot above the label, so the icon
+			     goes in the label to keep them on one line. -->
+			<span class="tab-label"><umb-icon name=${icon}></umb-icon>${label}</span>
+		</uui-tab>`;
+    }
+    renderTabContent() {
+        // the visual changes view is the default, the raw diff is there
+        // for anything that doesn't have a preview (or if you ask for it).
+        if (this._tab === 'changes') {
+            if (this._loading)
+                return html `<uui-loader-bar></uui-loader-bar>`;
+            if (__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_hasPreview).call(this))
+                return this.renderPreview();
         }
+        return html `<uui-box style="--uui-box-default-padding: 0;">
+			<usync-change-view .item=${this._item}></usync-change-view>
+		</uui-box>`;
+    }
+    renderPreview() {
+        // packages can show previews for their own items by registering a
+        // 'usync-item-preview' element for the entity type their preview mapper returns.
+        return html `<umb-extension-slot
+			type="usync-item-preview"
+			single
+			.filter=${__classPrivateFieldGet(this, _uSyncDetailsModalElement_previewFilter, "f")}
+			.props=${__classPrivateFieldGet(this, _uSyncDetailsModalElement_previewProps, "f")}></umb-extension-slot>`;
     }
     renderActions() {
         if (!__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_showActions).call(this))
@@ -133,6 +164,8 @@ let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBa
     }
 };
 _uSyncDetailsModalElement_repository = new WeakMap();
+_uSyncDetailsModalElement_previewFilter = new WeakMap();
+_uSyncDetailsModalElement_previewProps = new WeakMap();
 _uSyncDetailsModalElement_instances = new WeakSet();
 _uSyncDetailsModalElement_moveTo = function _uSyncDetailsModalElement_moveTo(index) {
     const item = this.data?.items?.[index];
@@ -145,23 +178,27 @@ _uSyncDetailsModalElement_moveTo = function _uSyncDetailsModalElement_moveTo(ind
 };
 _uSyncDetailsModalElement_loadPreview = async function _uSyncDetailsModalElement_loadPreview() {
     const item = this._item;
-    if (!item?.handler || !item.key) {
-        this._tab = 'changes';
+    if (!item?.handler || !item.key)
         return;
-    }
     // only some handlers support previews, the rest return a 404
-    // and the modal stays as it was (just the changes list).
+    // and the modal shows the diff on its own. we leave _tab alone
+    // so a user who picked the diff stays on it as they move through.
+    this._loading = true;
     const { data } = await __classPrivateFieldGet(this, _uSyncDetailsModalElement_repository, "f").getPreview(item.handler, item.key);
     // moving through the list quickly can return previews out of order,
     // so drop anything that isn't for the item we are now showing.
     if (item !== this._item)
         return;
+    this._loading = false;
     if (data?.entityType) {
+        const entityType = data.entityType;
+        __classPrivateFieldSet(this, _uSyncDetailsModalElement_previewFilter, (manifest) => manifest.forEntityTypes.includes(entityType), "f");
+        __classPrivateFieldSet(this, _uSyncDetailsModalElement_previewProps, { preview: data }, "f");
         this._preview = data;
     }
-    else {
-        this._tab = 'changes';
-    }
+};
+_uSyncDetailsModalElement_hasPreview = function _uSyncDetailsModalElement_hasPreview() {
+    return !!this._preview && this._previewTypes.has(this._preview.entityType);
 };
 _uSyncDetailsModalElement_showActions = function _uSyncDetailsModalElement_showActions() {
     const showActions = this.data?.showActions;
@@ -199,6 +236,41 @@ uSyncDetailsModalElement.styles = css `
 			margin: 0;
 		}
 
+		#headline {
+			display: flex;
+			flex-direction: column;
+			min-width: 0;
+		}
+
+		#headline h3 {
+			margin: 0;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
+		#headline .item-info {
+			font-size: var(--uui-type-small-size);
+			color: var(--uui-color-text-alt);
+		}
+
+		uui-tab-group {
+			background-color: var(--uui-color-surface);
+			border-radius: var(--uui-border-radius);
+			box-shadow: var(--uui-shadow-depth-1);
+			padding: 0 var(--uui-size-space-2);
+		}
+
+		.tab-label {
+			display: inline-flex;
+			align-items: center;
+			gap: var(--uui-size-space-2);
+		}
+
+		.tab-label umb-icon {
+			font-size: 16px;
+		}
+
 		#navigation {
 			display: flex;
 			align-items: center;
@@ -215,12 +287,18 @@ __decorate([
 __decorate([
     state()
 ], uSyncDetailsModalElement.prototype, "_tab", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_loading", void 0);
 __decorate([
     state()
 ], uSyncDetailsModalElement.prototype, "_item", void 0);
 __decorate([
     state()
 ], uSyncDetailsModalElement.prototype, "_index", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_previewTypes", void 0);
 uSyncDetailsModalElement = __decorate([
     customElement('usync-details-modal')
 ], uSyncDetailsModalElement);

package/dist/exports.d.ts

@@ -8,3 +8,4 @@ export * from './constants.js';
 export * from './conditions/index.js';
 export * from './signalr/index.js';
 export * from './tree/index.js';
+export * from './preview/index.js';

package/dist/exports.js

@@ -8,3 +8,4 @@ export * from './constants.js';
 export * from './conditions/index.js';
 export * from './signalr/index.js';
 export * from './tree/index.js';
+export * from './preview/index.js';

package/dist/index.js

@@ -5,7 +5,15 @@ import './external/signalr/index.js';
 import './api/index.js';
 export * from './exports.js';
 import { manifests } from './manifests.js';
-export const onInit = (_host, extensionRegistry) => {
+import { UMB_AUTH_CONTEXT } from '@umbraco-cms/backoffice/auth';
+import { client } from './api/client.gen.js';
+export const onInit = async (host, extensionRegistry) => {
     // register the manifests
     extensionRegistry.registerMany(manifests);
+    const authContext = await host.getContext(UMB_AUTH_CONTEXT);
+    if (!authContext) {
+        console.warn('UMB_AUTH_CONTEXT not available — extension API client will not be authenticated');
+        return;
+    }
+    authContext.configureClient(client);
 };

package/dist/lang/files/da-dk.d.ts

@@ -25,8 +25,8 @@ declare const _default: {
         detailHeadline: string;
         detailHeader: string;
         detailPosition: string;
-        previewTab: string;
         changesTab: string;
+        diffTab: string;
         previewCurrent: string;
         previewIncoming: string;
         previewNotInSite: string;

package/dist/lang/files/da-dk.js

@@ -25,8 +25,8 @@ export default {
         detailHeadline: 'Registrerede ændringer',
         detailHeader: 'Ting der er anderledes',
         detailPosition: '%0% af %1%',
-        previewTab: 'Visuel',
         changesTab: 'Ændringer',
+        diffTab: 'Diff',
         previewCurrent: 'Nuværende (dette site)',
         previewIncoming: 'Indkommende (uSync-filer)',
         previewNotInSite: 'Dette element findes ikke på sitet endnu',

package/dist/lang/files/de-de.d.ts

@@ -25,8 +25,8 @@ declare const _default: {
         detailHeadline: string;
         detailHeader: string;
         detailPosition: string;
-        previewTab: string;
         changesTab: string;
+        diffTab: string;
         previewCurrent: string;
         previewIncoming: string;
         previewNotInSite: string;

package/dist/lang/files/de-de.js

@@ -25,8 +25,8 @@ export default {
         detailHeadline: 'Erkannte Änderungen',
         detailHeader: 'Was sich unterscheidet',
         detailPosition: '%0% von %1%',
-        previewTab: 'Visuell',
         changesTab: 'Änderungen',
+        diffTab: 'Diff',
         previewCurrent: 'Aktuell (diese Website)',
         previewIncoming: 'Eingehend (uSync-Dateien)',
         previewNotInSite: 'Dieses Element existiert noch nicht auf der Website',

package/dist/lang/files/en-us.d.ts

@@ -25,8 +25,8 @@ declare const _default: {
         detailHeadline: string;
         detailHeader: string;
         detailPosition: string;
-        previewTab: string;
         changesTab: string;
+        diffTab: string;
         previewCurrent: string;
         previewIncoming: string;
         previewNotInSite: string;
@@ -128,6 +128,19 @@ declare const _default: {
         uploadIntro: string;
         uploadSuccess: string;
         uploadError: string;
+        itemTypeILanguage: string;
+        itemTypeIDictionaryItem: string;
+        itemTypeIDataType: string;
+        itemTypeITemplate: string;
+        itemTypeIContentType: string;
+        itemTypeIMediaType: string;
+        itemTypeIMemberType: string;
+        itemTypeIContent: string;
+        itemTypeIMedia: string;
+        itemTypeIDomain: string;
+        itemTypeIWebhook: string;
+        itemTypeIRelationType: string;
+        itemTypeMediaFile: string;
         ILanguage: string;
         IDictionaryItem: string;
         IDataType: string;

package/dist/lang/files/en-us.js

@@ -25,8 +25,8 @@ export default {
         detailHeadline: 'Detected Changes',
         detailHeader: 'Things that are different',
         detailPosition: '%0% of %1%',
-        previewTab: 'Visual',
         changesTab: 'Changes',
+        diffTab: 'Diff',
         previewCurrent: 'Current (this site)',
         previewIncoming: 'Incoming (uSync files)',
         previewNotInSite: 'This item does not exist in the site yet',
@@ -140,6 +140,19 @@ export default {
         uploadIntro: 'Select a zip file containing uSync files that you want to upload',
         uploadSuccess: 'The files have been uploaded and extracted to the uSync folder',
         uploadError: 'There was an error uploading the files',
+        itemTypeILanguage: 'Language',
+        itemTypeIDictionaryItem: 'Dictionary item',
+        itemTypeIDataType: 'Data type',
+        itemTypeITemplate: 'Template',
+        itemTypeIContentType: 'Content type',
+        itemTypeIMediaType: 'Media type',
+        itemTypeIMemberType: 'Member type',
+        itemTypeIContent: 'Content',
+        itemTypeIMedia: 'Media',
+        itemTypeIDomain: 'Domain',
+        itemTypeIWebhook: 'Webhook',
+        itemTypeIRelationType: 'Relation type',
+        itemTypeMediaFile: 'Media file',
         ILanguage: 'Language',
         IDictionaryItem: 'Dictionary Items',
         IDataType: 'DataTypes',

package/dist/lang/files/es-es.d.ts

@@ -25,8 +25,8 @@ declare const _default: {
         detailHeadline: string;
         detailHeader: string;
         detailPosition: string;
-        previewTab: string;
         changesTab: string;
+        diffTab: string;
         previewCurrent: string;
         previewIncoming: string;
         previewNotInSite: string;

package/dist/lang/files/es-es.js

@@ -25,8 +25,8 @@ export default {
         detailHeadline: 'Cambios detectados',
         detailHeader: 'Cosas que son diferentes',
         detailPosition: '%0% de %1%',
-        previewTab: 'Visual',
         changesTab: 'Cambios',
+        diffTab: 'Diff',
         previewCurrent: 'Actual (este sitio)',
         previewIncoming: 'Entrante (archivos de uSync)',
         previewNotInSite: 'Este elemento aún no existe en el sitio',

package/dist/lang/files/fr-fr.d.ts

@@ -25,8 +25,8 @@ declare const _default: {
         detailHeadline: string;
         detailHeader: string;
         detailPosition: string;
-        previewTab: string;
         changesTab: string;
+        diffTab: string;
         previewCurrent: string;
         previewIncoming: string;
         previewNotInSite: string;

package/dist/lang/files/fr-fr.js

@@ -25,8 +25,8 @@ export default {
         detailHeadline: 'Modifications détectées',
         detailHeader: 'Ce qui est différent',
         detailPosition: '%0% sur %1%',
-        previewTab: 'Visuel',
         changesTab: 'Modifications',
+        diffTab: 'Diff',
         previewCurrent: 'Actuel (ce site)',
         previewIncoming: 'Entrant (fichiers uSync)',
         previewNotInSite: "Cet élément n'existe pas encore sur le site",

package/dist/lang/files/nl-nl.d.ts

@@ -25,8 +25,8 @@ declare const _default: {
         detailHeadline: string;
         detailHeader: string;
         detailPosition: string;
-        previewTab: string;
         changesTab: string;
+        diffTab: string;
         previewCurrent: string;
         previewIncoming: string;
         previewNotInSite: string;

package/dist/lang/files/nl-nl.js

@@ -25,8 +25,8 @@ export default {
         detailHeadline: 'Gedetecteerde wijzigingen',
         detailHeader: 'Wat er anders is',
         detailPosition: '%0% van %1%',
-        previewTab: 'Visueel',
         changesTab: 'Wijzigingen',
+        diffTab: 'Diff',
         previewCurrent: 'Huidig (deze site)',
         previewIncoming: 'Inkomend (uSync-bestanden)',
         previewNotInSite: 'Dit item bestaat nog niet op de site',

package/dist/manifests.js

@@ -4,6 +4,7 @@ import { manifests as localization } from './lang/manifest.js';
 import { manifests as dialogs } from './dialogs/manifest.js';
 import { manifests as conditions } from './conditions/manifest.js';
 import { manifests as icons } from './icons/manifest.js';
+import { manifests as previews } from './preview/manifest.js';
 export const manifests = [
     ...localization,
     ...trees,
@@ -11,4 +12,5 @@ export const manifests = [
     ...dialogs,
     ...conditions,
     ...icons,
+    ...previews,
 ];

package/dist/preview/index.d.ts

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

package/dist/preview/index.js

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

package/dist/preview/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestuSyncItemPreview } from './types.js';
+export declare const manifests: ManifestuSyncItemPreview[];

package/dist/preview/manifest.js

@@ -0,0 +1,22 @@
+const dataTypePreview = {
+    type: 'usync-item-preview',
+    alias: 'usync.item-preview.data-type',
+    name: 'uSync data type preview',
+    element: () => import('../components/usync-data-type-preview.js'),
+    forEntityTypes: ['data-type'],
+};
+const contentTypePreview = {
+    type: 'usync-item-preview',
+    alias: 'usync.item-preview.content-type',
+    name: 'uSync content type preview',
+    element: () => import('../components/usync-content-type-preview.js'),
+    forEntityTypes: ['document-type', 'media-type', 'member-type'],
+};
+const contentPreview = {
+    type: 'usync-item-preview',
+    alias: 'usync.item-preview.content',
+    name: 'uSync content preview',
+    element: () => import('../components/usync-content-preview.js'),
+    forEntityTypes: ['document', 'media'],
+};
+export const manifests = [dataTypePreview, contentTypePreview, contentPreview];

package/dist/preview/types.d.ts

@@ -0,0 +1,72 @@
+import type { ManifestElement } from '@umbraco-cms/backoffice/extension-api';
+import type { DataTypeResponseModel, DocumentResponseModel, DocumentTypeResponseModel, MediaResponseModel, MediaTypeResponseModel, MemberTypeResponseModel } from '@umbraco-cms/backoffice/external/backend-api';
+import type { SyncItemPreviewResponse } from '../api';
+/**
+ * An element that shows the preview of an import for one or more entity types.
+ */
+export interface uSyncItemPreviewElement extends HTMLElement {
+    preview?: SyncItemPreviewResponse;
+}
+/**
+ * Shows the preview for items of the given entity types in the details dialog.
+ *
+ * The entity types match the `EntityType` of the server side preview mapper,
+ * and `preview.preview` is the model that mapper built.
+ */
+export interface ManifestuSyncItemPreview extends ManifestElement<uSyncItemPreviewElement> {
+    type: 'usync-item-preview';
+    forEntityTypes: Array<string>;
+}
+declare global {
+    interface UmbExtensionManifestMap {
+        ManifestuSyncItemPreview: ManifestuSyncItemPreview;
+    }
+}
+/** the model a preview mapper built, as the type the element expects. */
+export declare const getPreviewModel: <T>(preview?: SyncItemPreviewResponse) => T | undefined;
+export type uSyncPreviewContentTypeModel = DocumentTypeResponseModel | MediaTypeResponseModel | MemberTypeResponseModel;
+/** preview model for a data type (entity type data-type) */
+export interface SyncDataTypePreview {
+    current?: DataTypeResponseModel | null;
+    incoming?: DataTypeResponseModel | null;
+}
+/** what the preview needs to lay out the properties of an item */
+export interface SyncPropertiesPreview<TTypeModel> {
+    /** the content types either side is composed of (as they are in the site) */
+    compositions: Array<TTypeModel>;
+    /** the data types used by the properties on either side */
+    dataTypes: Array<DataTypeResponseModel>;
+    /** keys of the data types that aren't in the site yet */
+    newDataTypes: Array<string>;
+    /** keys of the compositions that aren't in the site yet */
+    newCompositions: Array<string>;
+}
+/** preview model for a document, media or member type */
+export interface SyncContentTypePreview<TTypeModel extends uSyncPreviewContentTypeModel = uSyncPreviewContentTypeModel> extends SyncPropertiesPreview<TTypeModel> {
+    current?: TTypeModel | null;
+    incoming?: TTypeModel | null;
+}
+export interface SyncContentPreviewCulture {
+    culture: string;
+    published: boolean;
+}
+/** the settings of a content or media item that aren't property values */
+export interface SyncContentPreviewInfo {
+    /** name of the parent item (null when the item is at the root) */
+    parent?: string | null;
+    sortOrder: number;
+    trashed: boolean;
+    /** alias of the template (content only) */
+    template?: string | null;
+    /** published state for each culture (an empty culture for invariant content) */
+    published: Array<SyncContentPreviewCulture>;
+}
+/** preview model for a document or media item */
+export interface SyncContentPreview<TModel extends DocumentResponseModel | MediaResponseModel = DocumentResponseModel | MediaResponseModel, TTypeModel extends DocumentTypeResponseModel | MediaTypeResponseModel = DocumentTypeResponseModel | MediaTypeResponseModel> extends SyncPropertiesPreview<TTypeModel> {
+    current?: TModel | null;
+    incoming?: TModel | null;
+    currentInfo?: SyncContentPreviewInfo | null;
+    incomingInfo?: SyncContentPreviewInfo | null;
+    /** the document (or media) type of the item, as it is in the site */
+    contentType?: TTypeModel | null;
+}

package/dist/preview/types.js

@@ -0,0 +1,2 @@
+/** the model a preview mapper built, as the type the element expects. */
+export const getPreviewModel = (preview) => preview?.preview;