@umbraco-engage/backoffice 17.2.0-rc1 → 17.2.0

package/dist/ab-testing/test/entities.js

@@ -79,6 +79,8 @@ export const AbTestSetupProperties = [
         labelKey: "addVariants",
         descriptionKey: "addVariantsDescription",
         editor: "Engage.PropertyEditorUi.VariantPicker",
-        visible: [{ alias: "testType", oneOf: ["ContentType", "MultiPage", "SinglePage"] }],
+        visible: [
+            { alias: "testType", oneOf: ["ContentType", "MultiPage", "SinglePage"] },
+        ],
     },
 ];

package/dist/core/components/data-cleanup-log/data-cleanup-log.element.d.ts

@@ -1,11 +1,12 @@
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import type { DataCleanupLogDtoModel } from "../../../generated/index.js";
+import type { DataCleanupRunDtoModel } from "../../../generated/index.js";
 declare const elementName = "ue-data-cleanup-log";
 export declare class UeDataCleanupLogElement extends UmbLitElement {
     #private;
-    results: Array<DataCleanupLogDtoModel>;
+    runs: Array<DataCleanupRunDtoModel>;
     private _errorDialogContent?;
     private _copyButtonState?;
+    private _expandedRuns;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist/core/components/data-cleanup-log/data-cleanup-log.element.js

@@ -12,26 +12,36 @@ const elementName = "ue-data-cleanup-log";
 let UeDataCleanupLogElement = class UeDataCleanupLogElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.results = [];
+        this.runs = [];
+        this._expandedRuns = new Set();
     }
-    #formatDuration(durationMs, options) {
+    #toggleExpand(runId) {
+        if (this._expandedRuns.has(runId)) {
+            this._expandedRuns.delete(runId);
+        }
+        else {
+            this._expandedRuns.add(runId);
+        }
+        this.requestUpdate();
+    }
+    #formatExecutorName(executor) {
+        return executor.replace(/Service$/, "").replace(/([a-z])([A-Z])/g, "$1 $2");
+    }
+    #formatDuration(durationMs) {
         if (durationMs < 1000) {
-            if (false === "DurationFormat" in Intl) {
-                return `${durationMs} milliseconds`;
-            }
-            const formatOptions = {
-                style: "long",
-                ...options,
-            };
-            // TODO: This is a hack to get around the fact that the DurationFormat is not yet available in the TypeScript typings (see CMS codebase)
-            const formatter = new Intl
-                .DurationFormat(this.localize.lang(), formatOptions);
-            return formatter.format({
-                milliseconds: durationMs,
-            });
+            return `${Math.round(durationMs)}ms`;
         }
-        const now = Date.now();
-        return this.localize.duration(new Date(now), new Date(now + durationMs), options);
+        const totalSeconds = Math.round(durationMs / 1000);
+        const hours = Math.floor(totalSeconds / 3600);
+        const minutes = Math.floor((totalSeconds % 3600) / 60);
+        const seconds = totalSeconds % 60;
+        const parts = [];
+        if (hours > 0)
+            parts.push(`${hours}h`);
+        if (minutes > 0)
+            parts.push(`${minutes}m`);
+        parts.push(`${seconds}s`);
+        return parts.join("");
     }
     #formatDateRange(started, finished) {
         if (!started)
@@ -47,7 +57,7 @@ let UeDataCleanupLogElement = class UeDataCleanupLogElement extends UmbLitElemen
         if (sameDate)
             return formattedStart;
         const formattedFinish = this.localize.date(finished, UeTimeFormatOptions);
-        return `${formattedStart} — ${formattedFinish}`;
+        return `${formattedStart} \u2013 ${formattedFinish}`;
     }
     #showErrorDialog(errorMessage) {
         this._copyButtonState = undefined;
@@ -72,45 +82,108 @@ let UeDataCleanupLogElement = class UeDataCleanupLogElement extends UmbLitElemen
             this._copyButtonState = "failed";
         }
     }
-    #renderResultRow(result) {
-        const dateRange = this.#formatDateRange(result.started, result.finished);
-        const clickable = result.failed && result.errorMessage;
+    #renderRunRow(run) {
+        const dateRange = this.#formatDateRange(run.started, run.finished);
+        const isExpanded = this._expandedRuns.has(run.runId);
+        const hasDetails = (run.details?.length ?? 0) > 0;
+        const detailsId = `cleanup-run-details-${run.runId}`;
+        const cells = html `
+      <span class="cell col-expand" role="cell">
+        ${when(hasDetails, () => html `<uui-symbol-expand ?open=${isExpanded}></uui-symbol-expand>`)}
+      </span>
+      <span class="cell col-date" role="cell">${dateRange}</span>
+      <span class="cell col-records" role="cell">
+        ${this.localize.number(run.totalRecordsAffected)}
+      </span>
+      <span class="cell col-duration" role="cell">
+        ${this.#formatDuration(run.totalDurationMs)}
+      </span>
+      <span class="cell col-status" role="cell">
+        ${when(run.failed, () => html `<uui-tag color="danger" look="primary"
+              >${this.localize.term("engage_failed")}</uui-tag
+            >`, () => html `<uui-tag color="positive"
+              >${this.localize.term("engage_success")}</uui-tag
+            >`)}
+      </span>
+    `;
+        return html `
+      ${hasDetails
+            ? html `<button
+            type="button"
+            class="row run-row interactive"
+            role="row"
+            aria-expanded=${isExpanded}
+            aria-controls=${detailsId}
+            @click=${() => this.#toggleExpand(run.runId)}
+          >
+            ${cells}
+          </button>`
+            : html `<div class="row run-row" role="row">${cells}</div>`}
+      ${when(isExpanded, () => this.#renderDetailPanel(run, detailsId))}
+    `;
+    }
+    #renderDetailPanel(run, detailsId) {
+        const details = run.details ?? [];
         return html `
-      <uui-table-row
-        ?failed=${result.failed}
-        style=${clickable ? "cursor: pointer" : ""}
-        @click=${clickable
-            ? () => this.#showErrorDialog(result.errorMessage)
-            : nothing}
-      >
-        <uui-table-cell>${dateRange}</uui-table-cell>
-        <uui-table-cell>${result.executor}</uui-table-cell>
-        <uui-table-cell>${result.tableName}</uui-table-cell>
-        <uui-table-cell
-          >${result.recordsAffected != null
-            ? this.localize.number(result.recordsAffected)
-            : this.localize.term("engage_notAvailable")}</uui-table-cell
-        >
-        <uui-table-cell
-          >${result.durationMs != null
-            ? this.#formatDuration(result.durationMs, { style: "short" })
-            : this.localize.term("engage_notAvailable")}</uui-table-cell
-        >
-        <uui-table-cell>
-          ${when(result.failed, () => html `<uui-tag color="danger" look="primary"
-                >${this.localize.term("engage_failed")}</uui-tag
-              >`, () => html `<uui-tag color="positive"
-                >${this.localize.term("engage_success")}</uui-tag
-              >`)}
-        </uui-table-cell>
-      </uui-table-row>
+      <div class="detail-panel" id=${detailsId}>
+        <div class="row detail-row detail-row--header" role="row">
+          <span class="cell col-expand" role="columnheader"></span>
+          <span class="cell col-service" role="columnheader">
+            ${this.localize.term("engage_dataCleanupLog_detailsExecutor")}
+          </span>
+          <span class="cell col-records" role="columnheader">
+            ${this.localize.term("engage_dataCleanupLog_detailsRecordsAffected")}
+          </span>
+          <span class="cell col-duration" role="columnheader">
+            ${this.localize.term("engage_dataCleanupLog_detailsDuration")}
+          </span>
+          <span class="cell col-status" role="columnheader">
+            ${this.localize.term("engage_status")}
+          </span>
+        </div>
+        ${details.map((detail) => {
+            const detailClickable = detail.failed && detail.errorMessage;
+            const cells = html `
+            <span class="cell col-expand" role="cell"></span>
+            <span class="cell col-service" role="cell">
+              ${this.#formatExecutorName(detail.executor)}
+              ${when(detail.tableName, () => html `<small class="table-name">${detail.tableName}</small>`)}
+            </span>
+            <span class="cell col-records" role="cell">
+              ${this.localize.number(detail.recordsAffected)}
+            </span>
+            <span class="cell col-duration" role="cell">
+              ${this.#formatDuration(detail.durationMs)}
+            </span>
+            <span class="cell col-status" role="cell">
+              ${when(detail.failed, () => html ` <uui-tag color="danger" look="primary"
+                      >${this.localize.term("engage_failed")}</uui-tag
+                    >
+                    ${detailClickable
+                ? html `<uui-icon name="icon-info"></uui-icon>`
+                : nothing}`)}
+            </span>
+          `;
+            return detailClickable
+                ? html `<button
+                type="button"
+                class="row detail-row interactive"
+                role="row"
+                aria-haspopup="dialog"
+                @click=${() => this.#showErrorDialog(detail.errorMessage)}
+              >
+                ${cells}
+              </button>`
+                : html `<div class="row detail-row" role="row">${cells}</div>`;
+        })}
+      </div>
     `;
     }
     #renderErrorDialog() {
         if (!this._errorDialogContent)
             return nothing;
         return html `
-      <uui-modal-dialog>
+      <uui-modal-dialog @uui:modal-close=${this.#closeErrorDialog}>
         <uui-dialog>
           <uui-dialog-layout headline=${this.localize.term("engage_failed")}>
             <pre class="error-details">${this._errorDialogContent}</pre>
@@ -136,29 +209,24 @@ let UeDataCleanupLogElement = class UeDataCleanupLogElement extends UmbLitElemen
     }
     render() {
         return html `
-      <uui-table>
-        <uui-table-head>
-          <uui-table-head-cell
-            >${this.localize.term("engage_date")}</uui-table-head-cell
-          >
-          <uui-table-head-cell
-            >${this.localize.term("engage_dataCleanupLog_detailsExecutor")}</uui-table-head-cell
-          >
-          <uui-table-head-cell
-            >${this.localize.term("engage_dataCleanupLog_detailsTable")}</uui-table-head-cell
-          >
-          <uui-table-head-cell
-            >${this.localize.term("engage_dataCleanupLog_detailsRecordsAffected")}</uui-table-head-cell
-          >
-          <uui-table-head-cell
-            >${this.localize.term("engage_dataCleanupLog_detailsDuration")}</uui-table-head-cell
-          >
-          <uui-table-head-cell
-            >${this.localize.term("engage_status")}</uui-table-head-cell
-          >
-        </uui-table-head>
-        ${this.results.map((r) => this.#renderResultRow(r))}
-      </uui-table>
+      <div class="log-table" role="table">
+        <div class="row head" role="row">
+          <span class="cell col-expand" role="columnheader"></span>
+          <span class="cell col-date" role="columnheader">
+            ${this.localize.term("engage_date")}
+          </span>
+          <span class="cell col-records" role="columnheader">
+            ${this.localize.term("engage_dataCleanupLog_recordsAffected")}
+          </span>
+          <span class="cell col-duration" role="columnheader">
+            ${this.localize.term("engage_dataCleanupLog_detailsDuration")}
+          </span>
+          <span class="cell col-status" role="columnheader">
+            ${this.localize.term("engage_status")}
+          </span>
+        </div>
+        ${this.runs.map((r) => this.#renderRunRow(r))}
+      </div>
       ${this.#renderErrorDialog()}
     `;
     }
@@ -168,13 +236,138 @@ let UeDataCleanupLogElement = class UeDataCleanupLogElement extends UmbLitElemen
         display: block;
       }
 
-      uui-table {
+      .log-table {
+        display: flex;
+        flex-direction: column;
         font-size: var(--uui-type-small-size);
+        background-color: var(--uui-color-surface);
+        border-radius: var(--uui-border-radius);
+      }
+
+      .row {
+        display: flex;
+        align-items: stretch;
+        border-top: 1px solid var(--uui-color-border);
+      }
+
+      button.row {
+        appearance: none;
+        background: none;
+        border: none;
+        border-top: 1px solid var(--uui-color-border);
+        color: inherit;
+        font: inherit;
+        margin: 0;
+        padding: 0;
+        text-align: left;
+        width: 100%;
+      }
+
+      button.row:focus-visible {
+        outline: 2px solid var(--uui-color-focus);
+        outline-offset: -2px;
+      }
+
+      .row.head {
+        border-top: none;
+        font-weight: bold;
+      }
+
+      .cell {
+        display: flex;
+        align-items: center;
+        padding: var(--uui-size-3) var(--uui-size-5);
+        min-height: calc(var(--uui-size-12) - 2 * var(--uui-size-3));
+        box-sizing: border-box;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .run-row > .cell {
+        padding-top: var(--uui-size-5);
+        padding-bottom: var(--uui-size-5);
+      }
+
+      .col-expand {
+        flex: 0 0 var(--uui-size-12);
+        padding-left: var(--uui-size-space-5);
+        padding-right: 0;
       }
 
-      [failed] {
-        background: var(--uui-color-danger);
-        color: var(--uui-color-danger-contrast);
+      .col-date,
+      .col-service {
+        flex: 1 1 auto;
+        min-width: 0;
+        gap: var(--uui-size-space-3);
+      }
+
+      .table-name {
+        color: var(--uui-color-text-alt);
+      }
+
+      .col-records {
+        flex: 0 0 18%;
+      }
+
+      .col-duration {
+        flex: 0 0 15%;
+      }
+
+      .col-status {
+        flex: 0 0 15%;
+        gap: var(--uui-size-space-2);
+      }
+
+      .col-status uui-icon {
+        font-size: 1.5em;
+      }
+
+      .run-row.interactive {
+        cursor: pointer;
+        transition: color 80ms ease;
+      }
+
+      .run-row.interactive:hover {
+        color: var(--uui-color-interactive-emphasis);
+      }
+
+      uui-symbol-expand {
+        display: inline-flex;
+        vertical-align: middle;
+      }
+
+      .detail-panel {
+        margin: var(--uui-size-space-2) var(--uui-size-layout-1)
+          var(--uui-size-space-6);
+        border: 1px solid var(--uui-color-border);
+        border-radius: var(--uui-border-radius);
+        background-color: var(--uui-color-background);
+        overflow: hidden;
+      }
+
+      .detail-panel > .row {
+        width: calc(100% + 2 * var(--uui-size-layout-1) + 2px);
+        margin-left: calc(-1 * (var(--uui-size-layout-1) + 1px));
+      }
+
+      .detail-panel > .row:first-child {
+        border-top: none;
+      }
+
+      .detail-row--header {
+        font-weight: 600;
+        color: var(--uui-color-text-alt);
+        background-color: var(--uui-color-surface-alt);
+      }
+
+      .detail-row.interactive {
+        cursor: pointer;
+        transition: color 80ms ease;
+      }
+
+      .detail-row.interactive:hover {
+        color: var(--uui-color-interactive-emphasis);
       }
 
       .error-details {
@@ -192,13 +385,16 @@ let UeDataCleanupLogElement = class UeDataCleanupLogElement extends UmbLitElemen
 };
 __decorate([
     property({ type: Array })
-], UeDataCleanupLogElement.prototype, "results", void 0);
+], UeDataCleanupLogElement.prototype, "runs", void 0);
 __decorate([
     state()
 ], UeDataCleanupLogElement.prototype, "_errorDialogContent", void 0);
 __decorate([
     state()
 ], UeDataCleanupLogElement.prototype, "_copyButtonState", void 0);
+__decorate([
+    state()
+], UeDataCleanupLogElement.prototype, "_expandedRuns", void 0);
 UeDataCleanupLogElement = __decorate([
     customElement(elementName)
 ], UeDataCleanupLogElement);

package/dist/core/components/data-generation-log/data-generation-log.element.js

@@ -79,18 +79,18 @@ let UeDataGenerationLogElement = class UeDataGenerationLogElement extends UmbLit
         return html `
       <uui-table-row
         ?failed=${result.failed}
-        ?clickable=${clickable}
+        class=${clickable ? "result-row interactive" : "result-row"}
         @click=${clickable
             ? () => this.#showErrorDialog(result.errorMessage)
             : nothing}
       >
-        <uui-table-cell>${dateRange}</uui-table-cell>
-        <uui-table-cell
+        <uui-table-cell class="col-date">${dateRange}</uui-table-cell>
+        <uui-table-cell class="col-duration"
           >${durationMs != null
             ? this.#formatDuration(durationMs)
             : this.localize.term("engage_notAvailable")}</uui-table-cell
         >
-        <uui-table-cell>
+        <uui-table-cell class="col-status">
           <div class="status-cell">
             ${when(result.failed, () => html `<uui-tag color="danger" look="primary"
                     >${this.localize.term("engage_failed")}</uui-tag
@@ -136,13 +136,13 @@ let UeDataGenerationLogElement = class UeDataGenerationLogElement extends UmbLit
         return html `
       <uui-table>
         <uui-table-head>
-          <uui-table-head-cell
+          <uui-table-head-cell class="col-date"
             >${this.localize.term("engage_date")}</uui-table-head-cell
           >
-          <uui-table-head-cell
+          <uui-table-head-cell class="col-duration"
             >${this.localize.term("engage_dataGenerationLog_detailsDuration")}</uui-table-head-cell
           >
-          <uui-table-head-cell
+          <uui-table-head-cell class="col-status"
             >${this.localize.term("engage_status")}</uui-table-head-cell
           >
         </uui-table-head>
@@ -159,19 +159,31 @@ let UeDataGenerationLogElement = class UeDataGenerationLogElement extends UmbLit
 
       uui-table {
         font-size: var(--uui-type-small-size);
+        table-layout: fixed;
       }
 
-      [failed] {
-        background: var(--uui-color-danger);
-        color: var(--uui-color-danger-contrast);
+      .col-date {
+        width: auto;
       }
 
-      [failed][clickable] {
+      .col-duration {
+        width: 20%;
+      }
+
+      .col-status {
+        width: 20%;
+      }
+
+      .result-row.interactive {
         cursor: pointer;
       }
 
-      [failed][clickable]:hover {
-        background: var(--uui-color-danger-emphasis);
+      .result-row.interactive uui-table-cell {
+        transition: color 80ms ease;
+      }
+
+      .result-row.interactive:hover uui-table-cell {
+        color: var(--uui-color-interactive-emphasis);
       }
 
       .status-cell {
@@ -180,6 +192,10 @@ let UeDataGenerationLogElement = class UeDataGenerationLogElement extends UmbLit
         gap: var(--uui-size-space-2);
       }
 
+      .status-cell uui-icon {
+        font-size: 1.5em;
+      }
+
       .error-details {
         margin: 0;
         padding: var(--uui-size-space-4);

package/dist/core/lang/en.js

@@ -489,8 +489,8 @@ export default {
         dataCleanupLogDescription: "Click here to see a record of every time the clean-up ran, including what was processed and if any issues occurred.",
     },
     engage_dataCleanupLog: {
+        recordsAffected: "Records affected",
         detailsExecutor: "Service",
-        detailsTable: "Table",
         detailsRecordsAffected: "Records affected",
         detailsDuration: "Duration",
     },

package/dist/core/property/property-value-validator.controller.js

@@ -1,19 +1,13 @@
-import { ENGAGE_WORKSPACE_CONTEXT } from "../context/workspace-context.token.js";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
-import { UMB_VALIDATION_CONTEXT, UmbDataPathPropertyValueQuery, } from "@umbraco-cms/backoffice/validation";
-import { UmbLocalizationController } from "@umbraco-cms/backoffice/localization-api";
+import { UMB_VALIDATION_CONTEXT, } from "@umbraco-cms/backoffice/validation";
 // given we now validate IP on the server, there may not be any use for custom validation
 // we can defer to the CMS which will validate mandatory properties.
 // The only thing we lose is the ability to display messages on properties for patterns etc
 // but this should be possible with CMS validation, just not yet sure how.
 export class UePropertyValueValidatorController extends UmbControllerBase {
-    //
     #validationContext;
-    #workspaceContext;
-    #localize = new UmbLocalizationController(this);
     #propertyConfig;
     #isValid = false;
-    #dataPath;
     get isValid() {
         return this.#isValid;
     }
@@ -23,9 +17,6 @@ export class UePropertyValueValidatorController extends UmbControllerBase {
     constructor(host, propertyConfig) {
         super(host);
         this.#propertyConfig = propertyConfig;
-        this.#dataPath = `$.values[${UmbDataPathPropertyValueQuery({
-            alias: this.#propertyConfig.alias,
-        })}].value`;
         this.consumeContext(UMB_VALIDATION_CONTEXT, (context) => {
             if (this.#validationContext) {
                 this.#validationContext.removeValidator(this);
@@ -33,70 +24,12 @@ export class UePropertyValueValidatorController extends UmbControllerBase {
             this.#validationContext = context;
             context?.addValidator(this);
         });
-        this.consumeContext(ENGAGE_WORKSPACE_CONTEXT, async (context) => {
-            this.#workspaceContext = context;
-        });
     }
     async validate() {
         this.#isValid = true;
-        return;
-        // if (!this.#propertyConfig?.alias) {
-        //   this.#isValid = false;
-        //   return;
-        // }
-        // if (!this.#propertyConfig.validation?.validateAs) {
-        //   this.#isValid = true;
-        //   return;
-        // }
-        // const propertyValue = this.#workspaceContext?.getPropertyValue(
-        //   this.#propertyConfig.alias
-        // );
-        // // no value? let the CMS validate it if needed
-        // if (!propertyValue) {
-        //   this.#isValid = true;
-        //   return;
-        // }
-        // const valueAsArray = this.#valueAsArray(propertyValue);
-        // // validate the value based on the validation type
-        // switch (this.#propertyConfig.validation.validateAs) {
-        //   case "ipAddress": {
-        //     this.#isValid = valueAsArray.every((v) => this.#validateIpAddress(v));
-        //     break;
-        //   }
-        //   default: {
-        //     console.warn(
-        //       `Validation type "${
-        //         this.#propertyConfig.validation.validateAs
-        //       }" is not implemented.`
-        //     );
-        //     this.#isValid = true;
-        //   }
-        // }
-        // // Update validation message:
-        // if (this.#isValid) {
-        //   this.#validationContext?.messages.removeMessagesByTypeAndPath(
-        //     "engage",
-        //     this.#dataPath
-        //   );
-        // } else {
-        //   this.#validationContext?.messages.addMessage(
-        //     "engage",
-        //     this.#dataPath,
-        //     this.#localize.string(
-        //       this.#propertyConfig.validation.invalidMessage ||
-        //         "#engage_validation_invalid"
-        //     )
-        //   );
-        // }
     }
     reset() {
         this.#isValid = false;
     }
     focusFirstInvalidElement() { }
-    #valueAsArray(v) {
-        if (Array.isArray(v)) {
-            return v;
-        }
-        return [v];
-    }
 }

package/dist/generated/client/client.gen.js

@@ -34,11 +34,11 @@ export const createClient = (config = {}) => {
         if (opts.body === undefined || opts.serializedBody === '') {
             opts.headers.delete('Content-Type');
         }
-        const url = buildUrl(opts);
-        return { opts, url };
+        const resolvedOpts = opts;
+        const url = buildUrl(resolvedOpts);
+        return { opts: resolvedOpts, url };
     };
     const request = async (options) => {
-        // @ts-expect-error
         const { opts, url } = await beforeRequest(options);
         const requestInit = {
             redirect: 'follow',

package/dist/generated/client/types.gen.d.ts

@@ -85,7 +85,7 @@ export interface ClientOptions {
     throwOnError?: boolean;
 }
 type MethodFn = <TData = unknown, TError = unknown, ThrowOnError extends boolean = false, TResponseStyle extends ResponseStyle = 'fields'>(options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'>) => RequestResult<TData, TError, ThrowOnError, TResponseStyle>;
-type SseFn = <TData = unknown, TError = unknown, ThrowOnError extends boolean = false, TResponseStyle extends ResponseStyle = 'fields'>(options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'>) => Promise<ServerSentEventsResult<TData, TError>>;
+type SseFn = <TData = unknown, TError = unknown, ThrowOnError extends boolean = false, TResponseStyle extends ResponseStyle = 'fields'>(options: Omit<RequestOptions<never, TResponseStyle, ThrowOnError>, 'method'>) => Promise<ServerSentEventsResult<TData, TError>>;
 type RequestFn = <TData = unknown, TError = unknown, ThrowOnError extends boolean = false, TResponseStyle extends ResponseStyle = 'fields'>(options: Omit<RequestOptions<TData, TResponseStyle, ThrowOnError>, 'method'> & Pick<Required<RequestOptions<TData, TResponseStyle, ThrowOnError>>, 'method'>) => RequestResult<TData, TError, ThrowOnError, TResponseStyle>;
 type BuildUrlFn = <TData extends {
     body?: unknown;