@umbraco-cms/backoffice 17.0.0-rc2 → 17.0.0-rc3

package/dist-cms/external/openid/src/xhr.js

@@ -30,6 +30,7 @@ export class FetchRequestor extends Requestor {
         const requestInit = {};
         requestInit.method = settings.method;
         requestInit.mode = 'cors';
+        requestInit.credentials = settings.credentials ?? 'include';
         if (settings.data) {
             if (settings.method && settings.method.toUpperCase() === 'POST') {
                 requestInit.body = settings.data;

package/dist-cms/packages/core/auth/auth-flow.js

@@ -294,6 +294,7 @@ export class UmbAuthFlow {
         const token = await this.performWithFreshTokens();
         const request = new Request(this.#unlink_endpoint, {
             method: 'POST',
+            credentials: 'include',
             headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },
             body: JSON.stringify({ loginProvider, providerKey }),
         });
@@ -370,6 +371,7 @@ export class UmbAuthFlow {
     async #makeLinkTokenRequest(provider) {
         const token = await this.performWithFreshTokens();
         const request = await fetch(`${this.#link_key_endpoint}?provider=${provider}`, {
+            credentials: 'include',
             headers: {
                 Authorization: `Bearer ${token}`,
                 'Content-Type': 'application/json',

package/dist-cms/packages/core/collection/menu/menu-item/default/default-collection-menu-item.element.js

@@ -54,9 +54,7 @@ let UmbDefaultCollectionMenuItemElement = class UmbDefaultCollectionMenuItemElem
 				?selected=${this._isSelected}
 				@selected=${() => this.#api?.select()}
 				@deselected=${() => this.#api?.deselect()}>
-				${item.icon
-            ? html `<uui-icon slot="icon" name=${item.icon}></uui-icon>`
-            : html `<uui-icon slot="icon" name=${getItemFallbackIcon()}></uui-icon>`}
+				<umb-icon slot="icon" name=${item.icon ?? getItemFallbackIcon()}></umb-icon>
 			</uui-menu-item>
 		`;
     }

package/dist-cms/packages/core/entity-sign/components/entity-sign-bundle.element.js

@@ -140,9 +140,9 @@ let UmbEntitySignBundleElement = class UmbEntitySignBundleElement extends UmbLit
 
 			.infobox {
 				position: absolute;
-				top: 100%;
+				top: 0;
 				margin-top: calc(-12px + var(--offset-h));
-				left: 100%;
+				left: 19px;
 				margin-left: -6px;
 				background-color: transparent;
 				padding: var(--uui-size-2);

package/dist-cms/packages/core/http-client/index.d.ts

@@ -1 +1,2 @@
-export { client as umbHttpClient } from '../backend-api/index.js';
+import { client } from '../backend-api/index.js';
+export { client as umbHttpClient };

package/dist-cms/packages/core/http-client/index.js

@@ -1 +1,12 @@
-export { client as umbHttpClient } from '../backend-api/index.js';
+import { client } from '../backend-api/index.js';
+/**
+ * Pre-configure the client with default credentials for cookie-based authentication.
+ * This ensures all requests include cookies by default, which is required for
+ * cookie-based authentication in Umbraco 17.0+.
+ *
+ * Extensions using this client will automatically get credentials: 'include'.
+ */
+client.setConfig({
+    credentials: 'include',
+});
+export { client as umbHttpClient };

package/dist-cms/packages/core/picker-input/picker-input.context.d.ts

@@ -35,7 +35,10 @@ export declare class UmbPickerInputContext<PickedItemType extends UmbItemModel =
      */
     constructor(host: UmbControllerHost, repositoryAlias: string, modalAlias?: string | UmbModalToken<UmbPickerModalData<PickerItemType>, PickerModalValueType>);
     getSelection(): string[];
+    getSelectedItems(): PickedItemType[];
+    getSelectedItemByUnique(unique: string): PickedItemType | undefined;
     setSelection(selection: Array<string | null>): void;
     openPicker(pickerData?: Partial<PickerModalConfigType>): Promise<void>;
+    protected _requestItemName(unique: string): Promise<string>;
     requestRemoveItem(unique: string): Promise<void>;
 }

package/dist-cms/packages/core/picker-input/picker-input.context.js

@@ -49,6 +49,12 @@ export class UmbPickerInputContext extends UmbContextBase {
     getSelection() {
         return this.#itemManager.getUniques();
     }
+    getSelectedItems() {
+        return this.#itemManager.getItems();
+    }
+    getSelectedItemByUnique(unique) {
+        return this.#itemManager.getItems().find((item) => item.unique === unique);
+    }
     setSelection(selection) {
         // Note: Currently we do not support picking root item. So we filter out null values:
         this.#itemManager.setUniques(selection.filter((value) => value !== null));
@@ -72,9 +78,11 @@ export class UmbPickerInputContext extends UmbContextBase {
         this.setSelection(modalValue.selection);
         this.getHostElement().dispatchEvent(new UmbChangeEvent());
     }
+    async _requestItemName(unique) {
+        return this.getSelectedItemByUnique(unique)?.name ?? '#general_notFound';
+    }
     async requestRemoveItem(unique) {
-        const item = this.#itemManager.getItems().find((item) => item.unique === unique);
-        const name = item?.name ?? '#general_notFound';
+        const name = await this._requestItemName(unique);
         await umbConfirmModal(this, {
             color: 'danger',
             headline: `#actions_remove ${name}?`,

package/dist-cms/packages/core/resources/try-execute/tryXhrRequest.function.js

@@ -36,6 +36,7 @@ function createXhrRequest(options) {
     return new UmbCancelablePromise(async (resolve, reject, onCancel) => {
         const xhr = new XMLHttpRequest();
         xhr.open(options.method, `${baseUrl}${options.url}`, true);
+        xhr.withCredentials = options.withCredentials ?? true;
         // Set default headers
         if (options.token) {
             const token = typeof options.token === 'function' ? await options.token() : options.token;

package/dist-cms/packages/core/resources/types.d.ts

@@ -4,6 +4,7 @@ export interface XhrRequestOptions extends UmbTryExecuteOptions {
     baseUrl?: string;
     method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD' | 'OPTIONS';
     url: string;
+    withCredentials?: boolean;
     body?: unknown;
     token?: string | (() => undefined | string | Promise<string | undefined>);
     headers?: Record<string, string>;

package/dist-cms/packages/core/utils/config-collection/index.d.ts

@@ -1,8 +1,10 @@
-import type { UmbConfigCollectionModel } from './types.js';
+import type { UmbConfigCollectionEntryModel } from './types.js';
 /**
  * Get a value from a config collection by its alias.
- * @param {UmbConfigCollectionModel | undefined} config - The config collection to get the value from.
- * @param {string} alias - The alias of the value to get.
- * @returns {T | undefined} The value with the specified alias, or undefined if not found or if the config is undefined.
+ * @param config - The config collection to get the value from.
+ * @param alias - The alias of the config entry to get the value for.
+ * @returns The value of the config entry with the specified alias, or undefined if not found.
  */
-export declare function getConfigValue<T>(config: UmbConfigCollectionModel | undefined, alias: string): T | undefined;
+export declare function getConfigValue<T extends UmbConfigCollectionEntryModel, K extends T['alias']>(config: T[] | undefined, alias: K): Extract<T, {
+    alias: K;
+}>["value"] | undefined;

package/dist-cms/packages/core/utils/config-collection/index.js

@@ -1,10 +1,9 @@
 /**
  * Get a value from a config collection by its alias.
- * @param {UmbConfigCollectionModel | undefined} config - The config collection to get the value from.
- * @param {string} alias - The alias of the value to get.
- * @returns {T | undefined} The value with the specified alias, or undefined if not found or if the config is undefined.
+ * @param config - The config collection to get the value from.
+ * @param alias - The alias of the config entry to get the value for.
+ * @returns The value of the config entry with the specified alias, or undefined if not found.
  */
 export function getConfigValue(config, alias) {
-    const entry = config?.find((entry) => entry.alias === alias);
-    return entry?.value;
+    return config?.find((entry) => entry.alias === alias)?.value;
 }

package/dist-cms/packages/documents/documents/components/input-document/input-document.context.d.ts

@@ -18,5 +18,6 @@ UmbDocumentTreeItemModel, UmbDocumentPickerModalData, UmbDocumentPickerModalValu
     #private;
     constructor(host: UmbControllerHost);
     openPicker(pickerData?: Partial<UmbDocumentPickerModalData>, args?: UmbDocumentPickerInputContextOpenArgs): Promise<void>;
+    protected _requestItemName(unique: string): Promise<string>;
 }
 export {};

package/dist-cms/packages/documents/documents/components/input-document/input-document.context.js

@@ -2,6 +2,7 @@ import { UMB_DOCUMENT_PICKER_MODAL, UMB_DOCUMENT_SEARCH_PROVIDER_ALIAS } from '.
 import { UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS } from '../../item/constants.js';
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
 import { UMB_VARIANT_CONTEXT } from '../../../../core/variant/index.js';
+import { UmbDocumentItemDataResolver } from '../../item/index.js';
 export class UmbDocumentPickerInputContext extends UmbPickerInputContext {
     constructor(host) {
         super(host, UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS, UMB_DOCUMENT_PICKER_MODAL);
@@ -30,6 +31,14 @@ export class UmbDocumentPickerInputContext extends UmbPickerInputContext {
         };
         await super.openPicker(combinedPickerData);
     }
+    async _requestItemName(unique) {
+        const item = this.getSelectedItemByUnique(unique);
+        const resolver = new UmbDocumentItemDataResolver(this);
+        resolver.setData(item);
+        const name = await resolver.getName();
+        this.removeUmbController(resolver);
+        return name ?? '#general_notFound';
+    }
     #pickableFilter = (item, allowedContentTypes) => {
         if (allowedContentTypes && allowedContentTypes.length > 0) {
             return allowedContentTypes

package/dist-cms/packages/documents/documents/user-permissions/document/repository/document-permission.server.data.js

@@ -16,6 +16,7 @@ export class UmbDocumentPermissionServerDataSource {
     requestPermissions(id) {
         return tryExecute(this.#host, fetch(`/umbraco/management/api/v1/document/${id}/permissions`, {
             method: 'GET',
+            credentials: 'include',
             headers: {
                 'Content-Type': 'application/json',
             },