@jumoo/usync-expansions 17.6.0 → 17.6.1-prerelease.41

package/dist/components/usync-property-layout.js

@@ -24,23 +24,23 @@ let uSyncPropertyLayout = class uSyncPropertyLayout extends UmbLitElement {
     }
     render() {
         // TODO: Only show alias on label if user has access to DocumentType within settings:
-        return html `
-			<div id="headerColumn">
-				<uui-label id="label" title=${this.alias} ?required=${this.mandatory}>
-					${this.localize.string(this.label)}
-					${when(this.invalid, () => html `<div id="invalid-badge">
-								<uui-badge color="invalid" attention>!</uui-badge>
-							</div>`)}
-				</uui-label>
-				<slot name="action-menu"></slot>
-				${__classPrivateFieldGet(this, _uSyncPropertyLayout_instances, "m", _uSyncPropertyLayout_renderDescription).call(this)}
-				<slot name="description"></slot>
-			</div>
-			<div id="editorColumn">
-				<umb-form-validation-message>
-					<slot name="editor"></slot>
-				</umb-form-validation-message>
-			</div>
+        return html `
+			<div id="headerColumn">
+				<uui-label id="label" title=${this.alias} ?required=${this.mandatory}>
+					${this.localize.string(this.label)}
+					${when(this.invalid, () => html `<div id="invalid-badge">
+								<uui-badge color="invalid" attention>!</uui-badge>
+							</div>`)}
+				</uui-label>
+				<slot name="action-menu"></slot>
+				${__classPrivateFieldGet(this, _uSyncPropertyLayout_instances, "m", _uSyncPropertyLayout_renderDescription).call(this)}
+				<slot name="description"></slot>
+			</div>
+			<div id="editorColumn">
+				<umb-form-validation-message>
+					<slot name="editor"></slot>
+				</umb-form-validation-message>
+			</div>
 		`;
     }
 };
@@ -53,86 +53,86 @@ _uSyncPropertyLayout_renderDescription = function _uSyncPropertyLayout_renderDes
         label: this.label,
         description: this.description,
     };
-    return html `<umb-ufm-render
-			id="description"
-			.markdown=${this.description}
+    return html `<umb-ufm-render
+			id="description"
+			.markdown=${this.description}
 			.value=${ufmValue}></umb-ufm-render>`;
 };
 uSyncPropertyLayout.styles = [
     UmbTextStyles,
-    css `
-			:host {
-				display: grid;
-				grid-template-columns: 100px minmax(0, 1fr);
-				column-gap: var(--uui-size-layout-2);
-				padding: var(--uui-size-4) 0;
-				container-type: inline-size;
-			}
-
-			:host(:not([alignment='left'])) {
-				grid-template-columns: 300px minmax(0, 1fr);
-			}
-
-			:host > div {
-				grid-column: span 2;
-			}
-
-			:host(:not([orientation='vertical'])) > div {
-				grid-column: span 1;
-			}
-
-			#headerColumn {
-				position: relative;
-				height: min-content;
-				top: var(--umb-property-layout-header-top);
-			}
-
-			:host(:not([orientation='vertical'])) #headerColumn {
-				position: sticky;
-				top: var(--umb-property-layout-header-top, calc(var(--uui-size-space-2) * -1));
-			}
-
-			:host {
-				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
-				--umb-temp-uui-color-invalid: var(--uui-color-invalid);
-			}
-
-			#label {
-				position: relative;
-				word-break: break-word;
-				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
-				--uui-color-invalid: var(--uui-color-danger);
-			}
-			#invalid-badge {
-				display: inline-block;
-				position: relative;
-				width: 18px;
-				height: 1em;
-				margin-right: 6px;
-			}
-			uui-badge {
-				//height: var(--uui-color-invalid);
-				background-color: var(--umb-temp-uui-color-invalid);
-				color: var(--uui-color-invalid-contrast);
-			}
-
-			#description {
-				color: var(--uui-color-text-alt);
-			}
-
-			#editorColumn {
-				display: flex;
-				align-items: center;
-				margin-top: var(--uui-size-space-3);
-			}
-
-			:host(:not([alignment='left'])) #editorColumn {
-				justify-content: flex-end;
-			}
-
-			:host(:not([orientation='vertical'])) #editorColumn {
-				margin-top: 0;
-			}
+    css `
+			:host {
+				display: grid;
+				grid-template-columns: 100px minmax(0, 1fr);
+				column-gap: var(--uui-size-layout-2);
+				padding: var(--uui-size-4) 0;
+				container-type: inline-size;
+			}
+
+			:host(:not([alignment='left'])) {
+				grid-template-columns: 300px minmax(0, 1fr);
+			}
+
+			:host > div {
+				grid-column: span 2;
+			}
+
+			:host(:not([orientation='vertical'])) > div {
+				grid-column: span 1;
+			}
+
+			#headerColumn {
+				position: relative;
+				height: min-content;
+				top: var(--umb-property-layout-header-top);
+			}
+
+			:host(:not([orientation='vertical'])) #headerColumn {
+				position: sticky;
+				top: var(--umb-property-layout-header-top, calc(var(--uui-size-space-2) * -1));
+			}
+
+			:host {
+				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
+				--umb-temp-uui-color-invalid: var(--uui-color-invalid);
+			}
+
+			#label {
+				position: relative;
+				word-break: break-word;
+				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
+				--uui-color-invalid: var(--uui-color-danger);
+			}
+			#invalid-badge {
+				display: inline-block;
+				position: relative;
+				width: 18px;
+				height: 1em;
+				margin-right: 6px;
+			}
+			uui-badge {
+				//height: var(--uui-color-invalid);
+				background-color: var(--umb-temp-uui-color-invalid);
+				color: var(--uui-color-invalid-contrast);
+			}
+
+			#description {
+				color: var(--uui-color-text-alt);
+			}
+
+			#editorColumn {
+				display: flex;
+				align-items: center;
+				margin-top: var(--uui-size-space-3);
+			}
+
+			:host(:not([alignment='left'])) #editorColumn {
+				justify-content: flex-end;
+			}
+
+			:host(:not([orientation='vertical'])) #editorColumn {
+				margin-top: 0;
+			}
 		`,
 ];
 __decorate([

package/dist/index.js

@@ -1,3 +1,5 @@
+import { UMB_AUTH_CONTEXT } from '@umbraco-cms/backoffice/auth';
+import { client } from './api/client.gen.js';
 import './restore/index.js';
 import './components/index.js';
 import { manifests as localizations } from './lang/manifest';
@@ -6,7 +8,7 @@ import { manifests as itemManifests } from './items/manifests';
 import { manifests as restoreManifests } from './restore/manifest';
 import { manifests as backgroundManifests } from './background/manifest';
 export * from './exports.js';
-export const onInit = (_host, extensionRegistry) => {
+export const onInit = async (host, extensionRegistry) => {
     extensionRegistry.registerMany([
         ...licenceManifests,
         ...itemManifests,
@@ -16,4 +18,10 @@ export const onInit = (_host, extensionRegistry) => {
     ]);
     // remove the add-ons dashboard workspace, complete is now installed.
     extensionRegistry.exclude('usync.workspace.addons');
+    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/en.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     uSyncReport: {
+        previewIncoming: string;
         noChanges: string;
         noChangesDescription: string;
         pendingChanges: string;

package/dist/lang/en.js

@@ -1,5 +1,6 @@
 export default {
     uSyncReport: {
+        previewIncoming: 'Incoming (restore point)',
         noChanges: 'No changes',
         noChangesDescription: 'It looks like the server is up to date and there are no new changes to be made.',
         pendingChanges: '%0% pending changes in %1% items.',

package/dist/licence/components/licence-notice.js

@@ -31,18 +31,18 @@ let uSyncLicenceNoticeElement = class uSyncLicenceNoticeElement extends UmbLitEl
         const messageString = `usynccomplete_licence${status}`;
         const className = status.toLowerCase();
         const icon = status === 'Invalid' ? 'icon-wrong' : 'icon-alert';
-        return html `<div class="licence-alert ${className}">
-			<uui-icon .name=${icon}></uui-icon>
-			<umb-localize key="${messageString}"></umb-localize>
+        return html `<div class="licence-alert ${className}">
+			<uui-icon .name=${icon}></uui-icon>
+			<umb-localize key="${messageString}"></umb-localize>
 		</div>`;
     }
 };
 uSyncLicenceNoticeElement.styles = [
     JumooLicenceStyles,
-    css `
-			.licence-alert {
-				display: block;
-			}
+    css `
+			.licence-alert {
+				display: block;
+			}
 		`,
 ];
 __decorate([

package/dist/licence/components/licence-status.view.js

@@ -18,26 +18,26 @@ let uSyncLicenceStatusView = class uSyncLicenceStatusView extends UmbElementMixi
             return nothing;
         const className = this.licenceStatus?.status.toLocaleLowerCase();
         const icon = this.licenceStatus?.status === 'Valid' ? 'icon-check' : 'icon-alert';
-        return html ` <div class="licence-alert ${className}">
+        return html ` <div class="licence-alert ${className}">
 			<uui-icon .name=${icon}></uui-icon> ${this.licenceStatus?.message ??
-            'licenece is valid'}
-			${when(this.licenceStatus.link, () => html `<a
-						href="${this.licenceStatus?.link ?? '#'}"
-						target="_blank"
-						rel="noopener noreferrer"
-						>${this.licenceStatus?.linkTitle}</a
-					>`)}
+            'licenece is valid'}
+			${when(this.licenceStatus.link, () => html `<a
+						href="${this.licenceStatus?.link ?? '#'}"
+						target="_blank"
+						rel="noopener noreferrer"
+						>${this.licenceStatus?.linkTitle}</a
+					>`)}
 		</div>`;
     }
 };
 uSyncLicenceStatusView.styles = [
     UmbTextStyles,
     JumooLicenceStyles,
-    css `
-			:host {
-				display: block;
-				margin-bottom: 10px;
-			}
+    css `
+			:host {
+				display: block;
+				margin-bottom: 10px;
+			}
 		`,
 ];
 __decorate([

package/dist/licence/components/styles.js

@@ -1,41 +1,41 @@
 import { css } from '@umbraco-cms/backoffice/external/lit';
-export const JumooLicenceStyles = css `
-	.licence-alert {
-		padding: 20px;
-		border-radius: var(--uui-button-border-radius, var(--uui-border-radius, 3px));
-	}
-
-	uui-icon {
-		padding-right: 10px;
-		font-size: var(--uui-type-h4-size);
-	}
-
-	.valid {
-		background-color: var(--uui-color-positive);
-		color: var(--uui-color-positive-contrast);
-	}
-
-	.invalid,
-	.expired {
-		background-color: var(--uui-color-danger);
-		color: var(--uui-color-danger-contrast);
-	}
-
-	.trial {
-		background-color: var(--uui-color-warning);
-		color: var(--uui-color-warning-contrast);
-	}
-
-	.licence-alert a {
-		color: var(--uui-color-positive-contrast) !important;
-	}
-
-	.trial a {
-		color: var(--uui-color-warning-contrast) !important;
-	}
-
-	.invalid a,
-	.expired a {
-		color: var(--uui-color-danger-contrast) !important;
-	}
+export const JumooLicenceStyles = css `
+	.licence-alert {
+		padding: 20px;
+		border-radius: var(--uui-button-border-radius, var(--uui-border-radius, 3px));
+	}
+
+	uui-icon {
+		padding-right: 10px;
+		font-size: var(--uui-type-h4-size);
+	}
+
+	.valid {
+		background-color: var(--uui-color-positive);
+		color: var(--uui-color-positive-contrast);
+	}
+
+	.invalid,
+	.expired {
+		background-color: var(--uui-color-danger);
+		color: var(--uui-color-danger-contrast);
+	}
+
+	.trial {
+		background-color: var(--uui-color-warning);
+		color: var(--uui-color-warning-contrast);
+	}
+
+	.licence-alert a {
+		color: var(--uui-color-positive-contrast) !important;
+	}
+
+	.trial a {
+		color: var(--uui-color-warning-contrast) !important;
+	}
+
+	.invalid a,
+	.expired a {
+		color: var(--uui-color-danger-contrast) !important;
+	}
 `;

package/dist/licence/lang/en.js

@@ -9,7 +9,7 @@ export default {
         licenceAutoRenews: 'This licence will auto-renew at the end of the period.',
         licenceNotAutoRenews: 'This licence does not auto-renew, You will need to renew it manually.',
         licenceStatus: 'uSync.Complete licence status',
-        licenceSubscriptionInfo: `<p>Your subscription licence can be managed via the link sent to you when you purchased licence</p>
+        licenceSubscriptionInfo: `<p>Your subscription licence can be managed via the link sent to you when you purchased licence</p>
 			<p>For security reasons we don't show you that information in the umbraco back office but you can request that we send the details again</p>`,
         licenceClearHeading: 'Clear licence details?',
         licenceClearContent: 'Do you want to remove this current licence details? Once cleared you will need to re-enter your licence details.',