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

package/README.md

@@ -8,3 +8,9 @@ show things like changes, and updates ,etc.
 as a npm package, unless your client library is also going
 to be used by child packages.
 
+### SignalR negotiation
+
+The uSync SignalR client respects `Umbraco:Cms:SignalR:ClientShouldSkipNegotiation`
+when exposed by Umbraco's server context. When enabled, the client connects using
+WebSockets without negotiation. When disabled, or on older Umbraco versions
+that do not expose the setting, negotiation and transport fallback remain enabled.

package/dist/api/client.gen.js

@@ -1,4 +1,3 @@
 // This file is auto-generated by @hey-api/openapi-ts
-import { createClientConfig } from '../hey-api';
 import { createClient, createConfig } from './client';
-export const client = createClient(createClientConfig(createConfig({ baseUrl: 'http://localhost:16903', throwOnError: true })));
+export const client = createClient(createConfig({ baseUrl: 'http://localhost:16903', throwOnError: true }));

package/dist/api/index.d.ts

@@ -1,3 +1,3 @@
 export { client, type CreateClientConfig } from './client.gen';
 export { ActionsService, FoldersService, MigrationsService, type Options, SettingsService } from './sdk.gen';
-export { ChangeDetailType, ChangeType, type CheckLegacyData, type CheckLegacyErrors, type CheckLegacyResponse, type CheckLegacyResponses, type ClientOptions, CompositionTypeModel, type CopyLegacyData, type CopyLegacyErrors, type CopyLegacyResponse, type CopyLegacyResponses, type DataTypePropertyPresentationModel, type DataTypeResponseModel, type DocumentResponseModel, type DocumentResponseModelWritable, type DocumentTypeCleanupModel, type DocumentTypeCompositionModel, type DocumentTypePropertyTypeContainerResponseModel, type DocumentTypePropertyTypeResponseModel, type DocumentTypeReferenceResponseModel, type DocumentTypeResponseModel, type DocumentTypeSortModel, type DocumentValueResponseModel, type DocumentVariantResponseModel, type DocumentVariantResponseModelWritable, DocumentVariantStateModel, type DownloadData, type DownloadErrors, type DownloadResponse, type DownloadResponses, type FlagModel, type GetActionsBySetData, type GetActionsBySetErrors, type GetActionsBySetResponse, type GetActionsBySetResponses, type GetActionsData, type GetActionsErrors, type GetActionsResponse, type GetActionsResponses, type GetAddOnsData, type GetAddOnsErrors, type GetAddonSplashData, type GetAddonSplashErrors, type GetAddonSplashResponse, type GetAddonSplashResponses, type GetAddOnsResponse, type GetAddOnsResponses, type GetHandlerSetSettingsData, type GetHandlerSetSettingsErrors, type GetHandlerSetSettingsResponse, type GetHandlerSetSettingsResponses, type GetPreviewData, type GetPreviewErrors, type GetPreviewResponse, type GetPreviewResponses, type GetSetsData, type GetSetsErrors, type GetSetsResponse, type GetSetsResponses, type GetSettingsData, type GetSettingsErrors, type GetSettingsResponse, type GetSettingsResponses, type GetSyncFileInfoData, type GetSyncFileInfoErrors, type GetSyncFileInfoResponse, type GetSyncFileInfoResponses, type HandlerSettings, HandlerStatus, type IgnoreLegacyData, type IgnoreLegacyErrors, type IgnoreLegacyResponse, type IgnoreLegacyResponses, type ImportSingleData, type ImportSingleErrors, type ImportSingleResponse, type ImportSingleResponses, type MediaResponseModel, type MediaTypeCompositionModel, type MediaTypePropertyTypeContainerResponseModel, type MediaTypePropertyTypeResponseModel, type MediaTypeReferenceResponseModel, type MediaTypeResponseModel, type MediaTypeSortModel, type MediaValueResponseModel, type MediaVariantResponseModel, type MemberTypeCompositionModel, type MemberTypePropertyTypeContainerResponseModel, type MemberTypePropertyTypeResponseModel, type MemberTypePropertyTypeVisibilityModel, type MemberTypeResponseModel, type MergeExportFolderData, type MergeExportFolderErrors, type MergeExportFolderResponse, type MergeExportFolderResponses, type PerformActionData, type PerformActionErrors, type PerformActionRequest, type PerformActionResponse, type PerformActionResponse2, type PerformActionResponses, type ProcessUploadData, type ProcessUploadErrors, type ProcessUploadResponse, type ProcessUploadResponses, type PropertyTypeAppearanceModel, type PropertyTypeValidationModel, type ReferenceByIdModel, type RunningData, type RunningErrors, type RunningResponse, type RunningResponses, type StatusData, type StatusErrors, type StatusResponse, type StatusResponses, type SyncActionButton, type SyncActionGroup, type SyncContentPreviewCulture, type SyncContentPreviewInfo, type SyncFileVersionCheckResult, SyncFolderMode, type SyncHandlerSummary, type SyncItemPreviewResponse, type SyncItemPreviewResponseWritable, type SyncLegacyCheckResponse, type SyncOperationStatusResponse, SyncProcessingMode, type SyncRunningOperationResponse, type SyncSelectableSet, type UploadImportResult, type USyncActionView, type USyncAddonInfo, type USyncAddonSplash, type USyncChange, type USyncHandlerSetSettings, type USyncOptions, type USyncSettings } from './types.gen';
+export { ChangeDetailType, ChangeType, type CheckLegacyData, type CheckLegacyErrors, type CheckLegacyResponse, type CheckLegacyResponses, type ClientOptions, type CopyLegacyData, type CopyLegacyErrors, type CopyLegacyResponse, type CopyLegacyResponses, type DownloadData, type DownloadErrors, type DownloadResponse, type DownloadResponses, type GetActionsBySetData, type GetActionsBySetErrors, type GetActionsBySetResponse, type GetActionsBySetResponses, type GetActionsData, type GetActionsErrors, type GetActionsResponse, type GetActionsResponses, type GetAddOnsData, type GetAddOnsErrors, type GetAddonSplashData, type GetAddonSplashErrors, type GetAddonSplashResponse, type GetAddonSplashResponses, type GetAddOnsResponse, type GetAddOnsResponses, type GetHandlerSetSettingsData, type GetHandlerSetSettingsErrors, type GetHandlerSetSettingsResponse, type GetHandlerSetSettingsResponses, type GetPreviewData, type GetPreviewErrors, type GetPreviewResponse, type GetPreviewResponses, type GetSetsData, type GetSetsErrors, type GetSetsResponse, type GetSetsResponses, type GetSettingsData, type GetSettingsErrors, type GetSettingsResponse, type GetSettingsResponses, type GetSyncFileInfoData, type GetSyncFileInfoErrors, type GetSyncFileInfoResponse, type GetSyncFileInfoResponses, type HandlerSettings, HandlerStatus, type IgnoreLegacyData, type IgnoreLegacyErrors, type IgnoreLegacyResponse, type IgnoreLegacyResponses, type ImportSingleData, type ImportSingleErrors, type ImportSingleResponse, type ImportSingleResponses, type MergeExportFolderData, type MergeExportFolderErrors, type MergeExportFolderResponse, type MergeExportFolderResponses, type PerformActionData, type PerformActionErrors, type PerformActionRequest, type PerformActionResponse, type PerformActionResponse2, type PerformActionResponses, type ProcessUploadData, type ProcessUploadErrors, type ProcessUploadResponse, type ProcessUploadResponses, type RunningData, type RunningErrors, type RunningResponse, type RunningResponses, type StatusData, type StatusErrors, type StatusResponse, type StatusResponses, type SyncActionButton, type SyncActionGroup, type SyncFileVersionCheckResult, SyncFolderMode, type SyncHandlerSummary, type SyncItemPreviewResponse, type SyncLegacyCheckResponse, type SyncOperationStatusResponse, SyncProcessingMode, type SyncRunningOperationResponse, type SyncSelectableSet, type UploadImportResult, type USyncActionView, type USyncAddonInfo, type USyncAddonSplash, type USyncChange, type USyncHandlerSetSettings, type USyncOptions, type USyncSettings } from './types.gen';

package/dist/api/index.js

@@ -1,4 +1,4 @@
 // This file is auto-generated by @hey-api/openapi-ts
 export { client } from './client.gen';
 export { ActionsService, FoldersService, MigrationsService, SettingsService } from './sdk.gen';
-export { ChangeDetailType, ChangeType, CompositionTypeModel, DocumentVariantStateModel, HandlerStatus, SyncFolderMode, SyncProcessingMode } from './types.gen';
+export { ChangeDetailType, ChangeType, HandlerStatus, SyncFolderMode, SyncProcessingMode } from './types.gen';

package/dist/api/types.gen.d.ts

@@ -27,119 +27,6 @@ export declare enum ChangeType {
     CLEAN = "Clean",
     REMOVED = "Removed"
 }
-export declare enum CompositionTypeModel {
-    COMPOSITION = "Composition",
-    INHERITANCE = "Inheritance"
-}
-export type DataTypePropertyPresentationModel = {
-    alias: string;
-    value?: unknown;
-};
-export type DataTypeResponseModel = {
-    name: string;
-    editorAlias: string;
-    editorUiAlias: string;
-    values: Array<DataTypePropertyPresentationModel>;
-    id: string;
-    isDeletable: boolean;
-    canIgnoreStartNodes: boolean;
-};
-export type DocumentResponseModel = {
-    values: Array<DocumentValueResponseModel>;
-    variants: Array<DocumentVariantResponseModel>;
-    id: string;
-    flags: Array<FlagModel>;
-    documentType: DocumentTypeReferenceResponseModel;
-    template?: ReferenceByIdModel | null;
-    isTrashed: boolean;
-};
-export type DocumentTypeCleanupModel = {
-    preventCleanup: boolean;
-    keepAllVersionsNewerThanDays?: number | null;
-    keepLatestVersionPerDayForDays?: number | null;
-};
-export type DocumentTypeCompositionModel = {
-    documentType: ReferenceByIdModel;
-    compositionType: CompositionTypeModel;
-};
-export type DocumentTypePropertyTypeContainerResponseModel = {
-    id: string;
-    parent?: ReferenceByIdModel | null;
-    name?: string | null;
-    type: string;
-    sortOrder: number;
-};
-export type DocumentTypePropertyTypeResponseModel = {
-    id: string;
-    container?: ReferenceByIdModel | null;
-    sortOrder: number;
-    alias: string;
-    name: string;
-    description?: string | null;
-    dataType: ReferenceByIdModel;
-    variesByCulture: boolean;
-    variesBySegment: boolean;
-    validation: PropertyTypeValidationModel;
-    appearance: PropertyTypeAppearanceModel;
-};
-export type DocumentTypeReferenceResponseModel = {
-    id: string;
-    icon: string;
-    collection?: ReferenceByIdModel | null;
-};
-export type DocumentTypeResponseModel = {
-    alias: string;
-    name: string;
-    description?: string | null;
-    icon: string;
-    allowedAsRoot: boolean;
-    variesByCulture: boolean;
-    variesBySegment: boolean;
-    collection?: ReferenceByIdModel | null;
-    isElement: boolean;
-    properties: Array<DocumentTypePropertyTypeResponseModel>;
-    containers: Array<DocumentTypePropertyTypeContainerResponseModel>;
-    id: string;
-    allowedTemplates: Array<ReferenceByIdModel>;
-    defaultTemplate?: ReferenceByIdModel | null;
-    cleanup: DocumentTypeCleanupModel;
-    allowedDocumentTypes: Array<DocumentTypeSortModel>;
-    compositions: Array<DocumentTypeCompositionModel>;
-};
-export type DocumentTypeSortModel = {
-    documentType: ReferenceByIdModel;
-    sortOrder: number;
-};
-export type DocumentValueResponseModel = {
-    culture?: string | null;
-    segment?: string | null;
-    alias: string;
-    value?: unknown;
-    editorAlias: string;
-};
-export type DocumentVariantResponseModel = {
-    culture?: string | null;
-    segment?: string | null;
-    name: string;
-    createDate: string;
-    updateDate: string;
-    state: DocumentVariantStateModel;
-    publishDate?: string | null;
-    scheduledPublishDate?: string | null;
-    scheduledUnpublishDate?: string | null;
-    readonly id: string;
-    flags: Array<FlagModel>;
-};
-export declare enum DocumentVariantStateModel {
-    NOT_CREATED = "NotCreated",
-    DRAFT = "Draft",
-    PUBLISHED = "Published",
-    PUBLISHED_PENDING_CHANGES = "PublishedPendingChanges",
-    TRASHED = "Trashed"
-}
-export type FlagModel = {
-    alias: string;
-};
 export type HandlerSettings = {
     enabled: boolean;
     actions: Array<string>;
@@ -159,124 +46,6 @@ export declare enum HandlerStatus {
     COMPLETE = "Complete",
     ERROR = "Error"
 }
-export type MediaResponseModel = {
-    values: Array<MediaValueResponseModel>;
-    variants: Array<MediaVariantResponseModel>;
-    id: string;
-    flags: Array<FlagModel>;
-    isTrashed: boolean;
-    mediaType: MediaTypeReferenceResponseModel;
-};
-export type MediaTypeCompositionModel = {
-    mediaType: ReferenceByIdModel;
-    compositionType: CompositionTypeModel;
-};
-export type MediaTypePropertyTypeContainerResponseModel = {
-    id: string;
-    parent?: ReferenceByIdModel | null;
-    name?: string | null;
-    type: string;
-    sortOrder: number;
-};
-export type MediaTypePropertyTypeResponseModel = {
-    id: string;
-    container?: ReferenceByIdModel | null;
-    sortOrder: number;
-    alias: string;
-    name: string;
-    description?: string | null;
-    dataType: ReferenceByIdModel;
-    variesByCulture: boolean;
-    variesBySegment: boolean;
-    validation: PropertyTypeValidationModel;
-    appearance: PropertyTypeAppearanceModel;
-};
-export type MediaTypeReferenceResponseModel = {
-    id: string;
-    icon: string;
-    collection?: ReferenceByIdModel | null;
-};
-export type MediaTypeResponseModel = {
-    alias: string;
-    name: string;
-    description?: string | null;
-    icon: string;
-    allowedAsRoot: boolean;
-    variesByCulture: boolean;
-    variesBySegment: boolean;
-    collection?: ReferenceByIdModel | null;
-    isElement: boolean;
-    properties: Array<MediaTypePropertyTypeResponseModel>;
-    containers: Array<MediaTypePropertyTypeContainerResponseModel>;
-    id: string;
-    allowedMediaTypes: Array<MediaTypeSortModel>;
-    compositions: Array<MediaTypeCompositionModel>;
-    isDeletable: boolean;
-    aliasCanBeChanged: boolean;
-};
-export type MediaTypeSortModel = {
-    mediaType: ReferenceByIdModel;
-    sortOrder: number;
-};
-export type MediaValueResponseModel = {
-    culture?: string | null;
-    segment?: string | null;
-    alias: string;
-    value?: unknown;
-    editorAlias: string;
-};
-export type MediaVariantResponseModel = {
-    culture?: string | null;
-    segment?: string | null;
-    name: string;
-    createDate: string;
-    updateDate: string;
-};
-export type MemberTypeCompositionModel = {
-    memberType: ReferenceByIdModel;
-    compositionType: CompositionTypeModel;
-};
-export type MemberTypePropertyTypeContainerResponseModel = {
-    id: string;
-    parent?: ReferenceByIdModel | null;
-    name?: string | null;
-    type: string;
-    sortOrder: number;
-};
-export type MemberTypePropertyTypeResponseModel = {
-    id: string;
-    container?: ReferenceByIdModel | null;
-    sortOrder: number;
-    alias: string;
-    name: string;
-    description?: string | null;
-    dataType: ReferenceByIdModel;
-    variesByCulture: boolean;
-    variesBySegment: boolean;
-    validation: PropertyTypeValidationModel;
-    appearance: PropertyTypeAppearanceModel;
-    isSensitive: boolean;
-    visibility: MemberTypePropertyTypeVisibilityModel;
-};
-export type MemberTypePropertyTypeVisibilityModel = {
-    memberCanView: boolean;
-    memberCanEdit: boolean;
-};
-export type MemberTypeResponseModel = {
-    alias: string;
-    name: string;
-    description?: string | null;
-    icon: string;
-    allowedAsRoot: boolean;
-    variesByCulture: boolean;
-    variesBySegment: boolean;
-    collection?: ReferenceByIdModel | null;
-    isElement: boolean;
-    properties: Array<MemberTypePropertyTypeResponseModel>;
-    containers: Array<MemberTypePropertyTypeContainerResponseModel>;
-    id: string;
-    compositions: Array<MemberTypeCompositionModel>;
-};
 export type PerformActionRequest = {
     requestId: string;
     action: string;
@@ -293,18 +62,6 @@ export type PerformActionResponse = {
     operationId?: string | null;
     message?: string | null;
 };
-export type PropertyTypeAppearanceModel = {
-    labelOnTop: boolean;
-};
-export type PropertyTypeValidationModel = {
-    mandatory: boolean;
-    mandatoryMessage?: string | null;
-    regEx?: string | null;
-    regExMessage?: string | null;
-};
-export type ReferenceByIdModel = {
-    id: string;
-};
 export type SyncActionButton = {
     key: string;
     label: string;
@@ -322,17 +79,6 @@ export type SyncActionGroup = {
     buttons: Array<SyncActionButton>;
     lastSync?: string | null;
 };
-export type SyncContentPreviewCulture = {
-    culture: string;
-    published: boolean;
-};
-export type SyncContentPreviewInfo = {
-    parent?: string | null;
-    sortOrder: number;
-    trashed: boolean;
-    template?: string | null;
-    published: Array<SyncContentPreviewCulture>;
-};
 export type SyncFileVersionCheckResult = {
     isCurrent: boolean;
     formatVersion?: string | null;
@@ -358,26 +104,7 @@ export type SyncItemPreviewResponse = {
     isDelete: boolean;
     success: boolean;
     message?: string | null;
-    currentDataType?: DataTypeResponseModel | null;
-    incomingDataType?: DataTypeResponseModel | null;
-    currentDocumentType?: DocumentTypeResponseModel | null;
-    incomingDocumentType?: DocumentTypeResponseModel | null;
-    currentMediaType?: MediaTypeResponseModel | null;
-    incomingMediaType?: MediaTypeResponseModel | null;
-    currentMemberType?: MemberTypeResponseModel | null;
-    incomingMemberType?: MemberTypeResponseModel | null;
-    currentDocument?: DocumentResponseModel | null;
-    incomingDocument?: DocumentResponseModel | null;
-    currentMedia?: MediaResponseModel | null;
-    incomingMedia?: MediaResponseModel | null;
-    currentInfo?: SyncContentPreviewInfo | null;
-    incomingInfo?: SyncContentPreviewInfo | null;
-    compositionDocumentTypes: Array<DocumentTypeResponseModel>;
-    compositionMediaTypes: Array<MediaTypeResponseModel>;
-    compositionMemberTypes: Array<MemberTypeResponseModel>;
-    dataTypes: Array<DataTypeResponseModel>;
-    newDataTypes: Array<string>;
-    newCompositions: Array<string>;
+    preview?: unknown;
     details: Array<USyncChange>;
 };
 export type SyncLegacyCheckResponse = {
@@ -499,57 +226,6 @@ export type USyncSettings = {
     additionalBadNames: Array<string>;
     includeWindowsReservedNames: boolean;
 };
-export type DocumentResponseModelWritable = {
-    values: Array<DocumentValueResponseModel>;
-    variants: Array<DocumentVariantResponseModelWritable>;
-    id: string;
-    flags: Array<FlagModel>;
-    documentType: DocumentTypeReferenceResponseModel;
-    template?: ReferenceByIdModel | null;
-    isTrashed: boolean;
-};
-export type DocumentVariantResponseModelWritable = {
-    culture?: string | null;
-    segment?: string | null;
-    name: string;
-    createDate: string;
-    updateDate: string;
-    state: DocumentVariantStateModel;
-    publishDate?: string | null;
-    scheduledPublishDate?: string | null;
-    scheduledUnpublishDate?: string | null;
-    flags: Array<FlagModel>;
-};
-export type SyncItemPreviewResponseWritable = {
-    key: string;
-    handler: string;
-    itemType: string;
-    entityType: string;
-    isDelete: boolean;
-    success: boolean;
-    message?: string | null;
-    currentDataType?: DataTypeResponseModel | null;
-    incomingDataType?: DataTypeResponseModel | null;
-    currentDocumentType?: DocumentTypeResponseModel | null;
-    incomingDocumentType?: DocumentTypeResponseModel | null;
-    currentMediaType?: MediaTypeResponseModel | null;
-    incomingMediaType?: MediaTypeResponseModel | null;
-    currentMemberType?: MemberTypeResponseModel | null;
-    incomingMemberType?: MemberTypeResponseModel | null;
-    currentDocument?: DocumentResponseModelWritable | null;
-    incomingDocument?: DocumentResponseModelWritable | null;
-    currentMedia?: MediaResponseModel | null;
-    incomingMedia?: MediaResponseModel | null;
-    currentInfo?: SyncContentPreviewInfo | null;
-    incomingInfo?: SyncContentPreviewInfo | null;
-    compositionDocumentTypes: Array<DocumentTypeResponseModel>;
-    compositionMediaTypes: Array<MediaTypeResponseModel>;
-    compositionMemberTypes: Array<MemberTypeResponseModel>;
-    dataTypes: Array<DataTypeResponseModel>;
-    newDataTypes: Array<string>;
-    newCompositions: Array<string>;
-    details: Array<USyncChange>;
-};
 export type GetActionsData = {
     body?: never;
     path?: never;

package/dist/api/types.gen.js

@@ -27,19 +27,6 @@ export var ChangeType;
     ChangeType["CLEAN"] = "Clean";
     ChangeType["REMOVED"] = "Removed";
 })(ChangeType || (ChangeType = {}));
-export var CompositionTypeModel;
-(function (CompositionTypeModel) {
-    CompositionTypeModel["COMPOSITION"] = "Composition";
-    CompositionTypeModel["INHERITANCE"] = "Inheritance";
-})(CompositionTypeModel || (CompositionTypeModel = {}));
-export var DocumentVariantStateModel;
-(function (DocumentVariantStateModel) {
-    DocumentVariantStateModel["NOT_CREATED"] = "NotCreated";
-    DocumentVariantStateModel["DRAFT"] = "Draft";
-    DocumentVariantStateModel["PUBLISHED"] = "Published";
-    DocumentVariantStateModel["PUBLISHED_PENDING_CHANGES"] = "PublishedPendingChanges";
-    DocumentVariantStateModel["TRASHED"] = "Trashed";
-})(DocumentVariantStateModel || (DocumentVariantStateModel = {}));
 export var HandlerStatus;
 (function (HandlerStatus) {
     HandlerStatus["PENDING"] = "Pending";

package/dist/components/index.d.ts

@@ -6,6 +6,3 @@ export * from './usync-change-detail.js';
 export * from './usync-results-group-view.js';
 export * from './usync-result-row.js';
 export * from './usync-sync-file-info-view.js';
-export * from './usync-data-type-preview.js';
-export * from './usync-content-type-preview.js';
-export * from './usync-content-preview.js';

package/dist/components/index.js

@@ -7,6 +7,3 @@ export * from './usync-change-detail.js';
 export * from './usync-results-group-view.js';
 export * from './usync-result-row.js';
 export * from './usync-sync-file-info-view.js';
-export * from './usync-data-type-preview.js';
-export * from './usync-content-type-preview.js';
-export * from './usync-content-preview.js';

package/dist/components/usync-content-preview.js

@@ -19,6 +19,7 @@ var _uSyncContentPreviewElement_instances, _uSyncContentPreviewElement_current,
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { classMap, css, customElement, html, nothing, property, repeat, state, } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
+import { getPreviewModel, } from '../preview/types.js';
 import { buildContentTypeLayout, } from '../utils/preview/content-type-layout.js';
 import { deepEqual } from '../utils/diff/deep-equal.js';
 /**
@@ -41,22 +42,13 @@ let uSyncContentPreviewElement = class uSyncContentPreviewElement extends UmbLit
     willUpdate(changed) {
         if (!changed.has('preview') || !this.preview)
             return;
-        const preview = this.preview;
-        const isMedia = preview.entityType === 'media';
-        __classPrivateFieldSet(this, _uSyncContentPreviewElement_current, {
-            item: (isMedia ? preview.currentMedia : preview.currentDocument) ?? undefined,
-            info: preview.currentInfo,
-        }, "f");
-        __classPrivateFieldSet(this, _uSyncContentPreviewElement_incoming, {
-            item: (isMedia ? preview.incomingMedia : preview.incomingDocument) ?? undefined,
-            info: preview.incomingInfo,
-        }, "f");
-        __classPrivateFieldSet(this, _uSyncContentPreviewElement_type, (isMedia ? preview.currentMediaType : preview.currentDocumentType) ?? undefined, "f");
-        const compositions = isMedia
-            ? preview.compositionMediaTypes
-            : preview.compositionDocumentTypes;
+        const model = getPreviewModel(this.preview);
+        __classPrivateFieldSet(this, _uSyncContentPreviewElement_current, { item: model?.current ?? undefined, info: model?.currentInfo }, "f");
+        __classPrivateFieldSet(this, _uSyncContentPreviewElement_incoming, { item: model?.incoming ?? undefined, info: model?.incomingInfo }, "f");
+        __classPrivateFieldSet(this, _uSyncContentPreviewElement_type, model?.contentType ?? undefined, "f");
+        const compositions = model?.compositions ?? [];
         __classPrivateFieldSet(this, _uSyncContentPreviewElement_compositions, new Map(compositions.map((c) => [c.id, c])), "f");
-        __classPrivateFieldSet(this, _uSyncContentPreviewElement_dataTypes, new Map(preview.dataTypes.map((d) => [d.id, d])), "f");
+        __classPrivateFieldSet(this, _uSyncContentPreviewElement_dataTypes, new Map((model?.dataTypes ?? []).map((d) => [d.id, d])), "f");
         __classPrivateFieldSet(this, _uSyncContentPreviewElement_cultures, [
             ...new Set([__classPrivateFieldGet(this, _uSyncContentPreviewElement_current, "f").item, __classPrivateFieldGet(this, _uSyncContentPreviewElement_incoming, "f").item]
                 .flatMap((item) => item?.variants ?? [])

package/dist/components/usync-content-type-preview.js

@@ -19,6 +19,7 @@ var _uSyncContentTypePreviewElement_instances, _uSyncContentTypePreviewElement_s
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { classMap, css, customElement, html, nothing, property, repeat, state, } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
+import { getPreviewModel } from '../preview/types.js';
 import { buildContentTypeLayout, compositionIds, } from '../utils/preview/content-type-layout.js';
 import { diffContentTypes, } from '../utils/preview/content-type-diff.js';
 const KIND_LABELS = {
@@ -46,11 +47,16 @@ let uSyncContentTypePreviewElement = class uSyncContentTypePreviewElement extend
     willUpdate(changed) {
         if (!changed.has('preview') || !this.preview)
             return;
-        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_sides, getSides(this.preview), "f");
+        const model = getPreviewModel(this.preview);
+        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_sides, {
+            current: model?.current ?? undefined,
+            incoming: model?.incoming ?? undefined,
+            compositions: model?.compositions ?? [],
+        }, "f");
         __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_compositions, new Map(__classPrivateFieldGet(this, _uSyncContentTypePreviewElement_sides, "f").compositions.map((c) => [c.id, c])), "f");
-        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_dataTypes, new Map(this.preview.dataTypes.map((d) => [d.id, d])), "f");
-        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_newDataTypes, new Set(this.preview.newDataTypes), "f");
-        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_newCompositions, new Set(this.preview.newCompositions), "f");
+        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_dataTypes, new Map((model?.dataTypes ?? []).map((d) => [d.id, d])), "f");
+        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_newDataTypes, new Set(model?.newDataTypes), "f");
+        __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_newCompositions, new Set(model?.newCompositions), "f");
         __classPrivateFieldSet(this, _uSyncContentTypePreviewElement_diff, diffContentTypes(__classPrivateFieldGet(this, _uSyncContentTypePreviewElement_sides, "f").current, __classPrivateFieldGet(this, _uSyncContentTypePreviewElement_sides, "f").incoming), "f");
         this._activeTab = undefined;
     }
@@ -521,28 +527,4 @@ uSyncContentTypePreviewElement = __decorate([
     customElement('usync-content-type-preview')
 ], uSyncContentTypePreviewElement);
 export { uSyncContentTypePreviewElement };
-function getSides(preview) {
-    switch (preview.entityType) {
-        case 'document-type':
-            return {
-                current: preview.currentDocumentType ?? undefined,
-                incoming: preview.incomingDocumentType ?? undefined,
-                compositions: preview.compositionDocumentTypes,
-            };
-        case 'media-type':
-            return {
-                current: preview.currentMediaType ?? undefined,
-                incoming: preview.incomingMediaType ?? undefined,
-                compositions: preview.compositionMediaTypes,
-            };
-        case 'member-type':
-            return {
-                current: preview.currentMemberType ?? undefined,
-                incoming: preview.incomingMemberType ?? undefined,
-                compositions: preview.compositionMemberTypes,
-            };
-        default:
-            return { compositions: [] };
-    }
-}
 export default uSyncContentTypePreviewElement;

package/dist/components/usync-data-type-preview.js

@@ -13,6 +13,7 @@ var _uSyncDataTypePreviewElement_instances, _uSyncDataTypePreviewElement_renderS
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { classMap, css, customElement, html, nothing, property, } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
+import { getPreviewModel } from '../preview/types.js';
 import { deepEqual, prettyJson } from '../utils/diff/index.js';
 /**
  * Shows the current and incoming versions of a data type side by side,
@@ -27,8 +28,9 @@ let uSyncDataTypePreviewElement = class uSyncDataTypePreviewElement extends UmbL
     render() {
         if (!this.preview)
             return nothing;
-        const current = this.preview.currentDataType ?? undefined;
-        const incoming = this.preview.incomingDataType ?? undefined;
+        const model = getPreviewModel(this.preview);
+        const current = model?.current ?? undefined;
+        const incoming = model?.incoming ?? undefined;
         return html `
 			<div class="sides">
 				${__classPrivateFieldGet(this, _uSyncDataTypePreviewElement_instances, "m", _uSyncDataTypePreviewElement_renderSide).call(this, 'current', current, incoming)}

package/dist/dialogs/details-modal-element.d.ts

@@ -1,23 +1,27 @@
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
 import { nothing } from '@umbraco-cms/backoffice/external/lit';
-import { uSyncDetailsModalData, uSyncDetailsModalValue, type SyncItemPreviewResponse } from '@jumoo/uSync';
+import { uSyncDetailsModalData, uSyncDetailsModalValue } from '@jumoo/uSync';
 import { UUIButtonState } from '@umbraco-cms/backoffice/external/uui';
-import '../components/usync-data-type-preview.js';
-import '../components/usync-content-type-preview.js';
-import '../components/usync-content-preview.js';
+type DetailsTab = 'changes' | 'diff';
 export declare class uSyncDetailsModalElement extends UmbModalBaseElement<uSyncDetailsModalData, uSyncDetailsModalValue> {
     #private;
     importState: UUIButtonState;
     private _preview?;
     private _tab;
+    private _loading;
     private _item?;
     private _index;
+    /** the entity types there is a 'usync-item-preview' element for */
+    private _previewTypes;
     constructor();
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
+    renderHeadline(): typeof nothing | import("lit-html").TemplateResult<1>;
     renderNavigation(): typeof nothing | import("lit-html").TemplateResult<1>;
     renderTabs(): typeof nothing | import("lit-html").TemplateResult<1>;
-    renderPreview(preview: SyncItemPreviewResponse): typeof nothing | import("lit-html").TemplateResult<1>;
+    renderTab(tab: DetailsTab, key: string, fallback: string, icon: string): import("lit-html").TemplateResult<1>;
+    renderTabContent(): import("lit-html").TemplateResult<1>;
+    renderPreview(): import("lit-html").TemplateResult<1>;
     renderActions(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }