@authup/client-web-kit 1.0.0-beta.25 → 1.0.0-beta.27

package/dist/index.mjs

@@ -1,22 +1,221 @@
+import installFormControl, { VCFormGroup, VCFormInput, buildFormSubmit, buildFormInputText, buildFormGroup, buildFormInput, buildFormTextarea, buildFormInputCheckbox, VCFormInputCheckbox } from '@vuecs/form-controls';
+import { hasOwnProperty, isObject as isObject$1, merge, createMerger } from 'smob';
+import { hasInjectionContext, inject as inject$3, provide as provide$2, defineComponent, reactive, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, withModifiers, ref, computed, getCurrentScope, onScopeDispose, shallowRef, toRaw, isRef, isReactive, toRef, watchEffect, unref, onMounted, watch, onUnmounted, h, createElementBlock, renderSlot, createTextVNode, createCommentVNode, Fragment, renderList, mergeProps, getCurrentInstance, resolveDynamicComponent, nextTick, normalizeClass, toDisplayString, Suspense } from 'vue';
+import installPagination, { buildPagination as buildPagination$1 } from '@vuecs/pagination';
 import { REALM_MASTER_NAME, EntityDefaultEventName, buildEntityChannelName, EntityType, IdentityProviderProtocol, IdentityProviderPreset, getIdentityProviderProtocolForPreset } from '@authup/core-kit';
-import { defineComponent, reactive, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, withModifiers, hasInjectionContext, inject as inject$2, provide as provide$1, ref, computed, getCurrentScope, onScopeDispose, shallowRef, toRaw, isRef, isReactive, toRef, watchEffect, unref, onMounted, watch, onUnmounted, h, createElementBlock, renderSlot, createTextVNode, createCommentVNode, Fragment, renderList, mergeProps, getCurrentInstance, resolveDynamicComponent, nextTick, normalizeClass, toDisplayString } from 'vue';
 import { IVuelidate, useTranslationsForNestedValidations, useTranslationsForBaseValidation as useTranslationsForBaseValidation$1, getSeverity, install as install$1 } from '@ilingo/vuelidate';
-import { VCFormGroup, VCFormInput, buildFormSubmit, buildFormInputText, buildFormGroup, buildFormInput, buildFormTextarea, buildFormInputCheckbox, VCFormInputCheckbox } from '@vuecs/form-controls';
 import useVuelidate from '@vuelidate/core';
-import { maxLength, minLength, required, helpers, url, numeric, maxValue, minValue, email, sameAs } from '@vuelidate/validators';
+import { maxLength, minLength, required, helpers, numeric, url, maxValue, minValue, email, sameAs } from '@vuelidate/validators';
 import { SlotName, buildList } from '@vuecs/list-controls';
-import { Client, CookieName, getClientErrorCode, unsetHeader, ClientResponseErrorTokenHook, ClientResponseTokenHookEventName } from '@authup/core-http-kit';
+import { Client, CookieName, ClientAuthenticationHook, ClientAuthenticationHookEventName } from '@authup/core-http-kit';
 import { defineStore, storeToRefs as storeToRefs$1 } from 'pinia';
-import { OAuth2Error, isJWKErrorCode, isOpenIDProviderMetadata } from '@authup/specs';
 import { PermissionMemoryProvider, PermissionChecker, PolicyEngine, TimePolicyInterval, isIntervalForDayOfWeek, isIntervalForDayOfMonth, isIntervalForDayOfYear, BuiltInPolicyType } from '@authup/access';
-import { isObject as isObject$1, merge, createMerger } from 'smob';
-import { hasOwnProperty, extendObject, isObject as isObject$2, createNanoID } from '@authup/kit';
+import { OAuth2Error, isOpenIDProviderMetadata, deserializeOAuth2Scope } from '@authup/specs';
+import { hasOwnProperty as hasOwnProperty$1, extendObject, isObject as isObject$2, createNanoID, base64URLEncode } from '@authup/kit';
 import { SortDirection } from 'rapiq';
 import { ClientManager, buildEventFullName, EventNameSuffix } from '@authup/core-realtime-kit';
-import { buildPagination as buildPagination$1 } from '@vuecs/pagination';
 import Cookie from 'universal-cookie';
 
-var _sfc_main$b = defineComponent({
+/*
+ * Copyright (c) 2024-2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
+/**
+ * Convert string to property path array.
+ *
+ * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
+ * @see https://github.com/chaijs/pathval
+ *
+ * @param segment
+ */ function pathToArray(segment) {
+    const str = segment.replace(/([^\\])\[/g, '$1.[');
+    const parts = str.match(/(\\\.|[^.]+?)+/g);
+    if (!parts) {
+        return [];
+    }
+    const result = [];
+    for(let i = 0; i < parts.length; i++){
+        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
+            continue;
+        }
+        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
+        if (regex) {
+            result.push(regex[1]);
+        } else {
+            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
+        }
+    }
+    return result;
+}
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ var Character;
+(function(Character) {
+    Character["WILDCARD"] = "*";
+    Character["GLOBSTAR"] = "**";
+})(Character || (Character = {}));
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function isObject(input) {
+    return !!input && typeof input === 'object' && !Array.isArray(input);
+}
+function getPathValue(data, path) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let res;
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        if (temp === null || typeof temp === 'undefined') {
+            break;
+        }
+        if (parts[index] in Object(temp)) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            temp = temp[parts[index]];
+        } else {
+            break;
+        }
+        if (index === parts.length - 1) {
+            res = temp;
+        }
+        index++;
+    }
+    return res;
+}
+const NUMBER_REGEX = /^\d+$/;
+function setPathValue(data, path, value) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
+            break;
+        }
+        const key = parts[index];
+        // [foo, '0']
+        if (typeof temp[key] === 'undefined') {
+            const match = NUMBER_REGEX.test(key);
+            if (match) {
+                temp[key] = [];
+            } else {
+                temp[key] = {};
+            }
+        }
+        if (index === parts.length - 1) {
+            temp[key] = value;
+            break;
+        }
+        index++;
+        temp = temp[key];
+    }
+    return data;
+}
+
+class Store {
+    /**
+     * Set options for all groups.
+     *
+     * @param items
+     */ setAll(items) {
+        const keys = Object.keys(items);
+        for(let i = 0; i < keys.length; i++){
+            this.setOptions(keys[i], items[keys[i]]);
+        }
+    }
+    /**
+     * Set options for a specific group.
+     *
+     * @param group
+     * @param options
+     */ setOptions(group, options) {
+        if (typeof this.data[group] === 'undefined') {
+            this.data[group] = {};
+        }
+        this.data[group] = options;
+    }
+    hasOptions(group) {
+        return hasOwnProperty(this.data, group);
+    }
+    getOptions(group) {
+        if (typeof this.data[group] !== 'undefined') {
+            return this.data[group];
+        }
+        return {};
+    }
+    hasOption(group, option) {
+        return typeof this.data[group] !== 'undefined' && hasOwnProperty(this.data[group], option);
+    }
+    getOption(group, option) {
+        if (typeof this.data[group] === 'undefined') {
+            return undefined;
+        }
+        return this.data[group][option];
+    }
+    constructor(){
+        this.data = {};
+    }
+}
+class StoreManager {
+    keys() {
+        return Object.keys(this.instances);
+    }
+    use(key) {
+        if (typeof this.instances[key] !== 'undefined') {
+            return this.instances[key];
+        }
+        this.instances[key] = new Store();
+        return this.instances[key];
+    }
+    constructor(){
+        this.instances = {};
+    }
+}
+function inject$2(key, instance) {
+    if (instance && instance._context && instance._context.provides && instance._context.provides[key]) {
+        return instance._context.provides[key];
+    }
+    if (hasInjectionContext()) {
+        return inject$3(key, undefined);
+    }
+    return undefined;
+}
+function provide$1(key, value, app) {
+    if (typeof app === 'undefined') {
+        const val = inject$2(key);
+        if (typeof val !== 'undefined') {
+            return;
+        }
+        provide$2(key, value);
+        return;
+    }
+    if (app && app._context && app._context.provides && app._context.provides[key]) {
+        return;
+    }
+    app.provide(key, value);
+}
+function getSymbol(key) {
+    return Symbol.for('VCStoreManager');
+}
+function installStoreManager(instance, key) {
+    const symbol = getSymbol();
+    let manager = inject$2(symbol, instance);
+    if (manager) {
+        return manager;
+    }
+    manager = new StoreManager();
+    provide$1(symbol, manager, instance);
+    return manager;
+}
+
+var _sfc_main$h = defineComponent({
     components: {
         IVuelidate,
         VCFormInput,
@@ -69,10 +268,10 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$7 = [
+const _hoisted_1$c = [
     "disabled"
 ];
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCFormInput = resolveComponent("VCFormInput");
     const _component_VCFormGroup = resolveComponent("VCFormGroup");
     const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -102,7 +301,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                                             createElementVNode("i", {
                                                 class: "fa fa-minus"
                                             }, null, -1)
-                                        ]), 8, _hoisted_1$7)
+                                        ]), 8, _hoisted_1$c)
                                     ]),
                                 _: 1
                             }, 8, [
@@ -121,10 +320,10 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         "validation"
     ]);
 }
-var AFormInputListItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [
+var AFormInputListItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [
     [
         "render",
-        _sfc_render$b
+        _sfc_render$g
     ]
 ]);
 
@@ -133,7 +332,7 @@ function inject$1(key, instance) {
         return instance._context.provides[key];
     }
     if (hasInjectionContext()) {
-        return inject$2(key, undefined);
+        return inject$3(key, undefined);
     }
     return undefined;
 }
@@ -144,7 +343,7 @@ function provide(key, value, app) {
         if (typeof val !== 'undefined') {
             return;
         }
-        provide$1(key, value);
+        provide$2(key, value);
         return;
     }
     if (app && app._context && app._context.provides && app._context.provides[key]) {
@@ -153,20 +352,24 @@ function provide(key, value, app) {
     app.provide(key, value);
 }
 
-const HTTPClientSymbol = Symbol.for('AuthupHTTPClient');
-function provideHTTPClient(client, app) {
-    provide(HTTPClientSymbol, client, app);
-}
-function hasHTTPClient(app) {
-    return !!inject$1(HTTPClientSymbol, app);
-}
-function injectHTTPClient(app) {
-    const instance = inject$1(HTTPClientSymbol, app);
+const sym$2 = Symbol.for('AuthupHTTPClientAuthenticationHook');
+function injectHTTPClientAuthenticationHook(app) {
+    const instance = inject$1(sym$2, app);
     if (!instance) {
-        throw new Error('The api client has not been injected.');
+        throw new Error('The http client authentication hook has not been injected in the app context.');
     }
     return instance;
 }
+function hasHTTPClientAuthenticationHook(app) {
+    try {
+        return !!injectHTTPClientAuthenticationHook(app);
+    } catch (e) {
+        return false;
+    }
+}
+function provideHTTPClientAuthenticationHook(refresher, app) {
+    provide(sym$2, refresher, app);
+}
 
 /*
  * Copyright (c) 2024.
@@ -534,6 +737,7 @@ function tryOnScopeDispose(fn) {
     return false;
 }
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const noop = ()=>{};
 
 function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
     const watchingDependencies = autoUpdateDependencies ? [
@@ -764,71 +968,93 @@ function storeToRefs(store) {
     return refs;
 }
 
-function installHTTPClient(app, options = {}) {
-    if (hasHTTPClient(app)) {
+function installHTTPClientAuthenticationHook(app, options = {}) {
+    if (hasHTTPClientAuthenticationHook(app)) {
         return;
     }
-    const client = new Client({
-        baseURL: options.baseURL
-    });
     const storeFactory = injectStoreFactory(app);
     const store = storeFactory(options.pinia);
     const { refreshToken } = storeToRefs$1(store);
-    client.on('responseError', (err)=>{
-        const { request } = err;
-        const code = getClientErrorCode(err);
-        if (isJWKErrorCode(code)) {
-            return store.logout().then(()=>{
-                if (request.headers) {
-                    unsetHeader(request.headers, 'authorization');
-                    return client.request(request);
-                }
-                return Promise.reject(err);
-            });
-        }
-        return Promise.reject(err);
-    });
-    const tokenHook = new ClientResponseErrorTokenHook({
+    const hook = new ClientAuthenticationHook({
         baseURL: options.baseURL,
         tokenCreator: ()=>{
             if (!refreshToken.value) {
                 throw new Error('No refresh token available.');
             }
+            const client = new Client({
+                baseURL: options.baseURL
+            });
             return client.token.createWithRefreshToken({
                 refresh_token: refreshToken.value
             });
         },
         timer: !options.isServer
     });
-    tokenHook.on(ClientResponseTokenHookEventName.REFRESH_FINISHED, (response)=>{
+    hook.on(ClientAuthenticationHookEventName.REFRESH_FINISHED, (response)=>{
         store.applyTokenGrantResponse(response);
     });
-    tokenHook.on(ClientResponseTokenHookEventName.REFRESH_FAILED, ()=>{
-        Promise.resolve().then(()=>store.logout());
+    let isSelfCallee = false;
+    hook.on(ClientAuthenticationHookEventName.HEADER_UNSET, ()=>{
+        if (!isSelfCallee) {
+            Promise.resolve().then(()=>store.logout());
+        }
     });
     const storeDispatcher = injectStoreDispatcher(app);
     const handleAccessTokenEvent = ()=>{
+        isSelfCallee = true;
         if (store.accessToken) {
-            client.setAuthorizationHeader({
+            hook.enable();
+            hook.setAuthorizationHeader({
                 type: 'Bearer',
                 token: store.accessToken
             });
-            tokenHook.mount(client);
         } else {
-            client.unsetAuthorizationHeader();
-            tokenHook.unmount(client);
+            hook.disable();
+            hook.unsetAuthorizationHeader();
         }
+        isSelfCallee = false;
     };
     const handleAccessTokenExpireDateEvent = ()=>{
         if (store.accessTokenExpireDate) {
             const expiresIn = Math.floor((store.accessTokenExpireDate.getTime() - Date.now()) / 1000);
-            tokenHook.setTimer(expiresIn);
+            hook.setTimer(expiresIn);
         }
     };
     storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, ()=>handleAccessTokenEvent());
     storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_EXPIRE_DATE_UPDATED, ()=>handleAccessTokenExpireDateEvent());
     handleAccessTokenEvent();
     handleAccessTokenExpireDateEvent();
+    provideHTTPClientAuthenticationHook(hook, app);
+}
+
+const HTTPClientSymbol = Symbol.for('AuthupHTTPClient');
+function provideHTTPClient(client, app) {
+    provide(HTTPClientSymbol, client, app);
+}
+function hasHTTPClient(app) {
+    try {
+        return !!injectHTTPClient(app);
+    } catch (e) {
+        return false;
+    }
+}
+function injectHTTPClient(app) {
+    const instance = inject$1(HTTPClientSymbol, app);
+    if (!instance) {
+        throw new Error('The api client has not been injected.');
+    }
+    return instance;
+}
+
+function installHTTPClient(app, options = {}) {
+    if (hasHTTPClient(app)) {
+        return;
+    }
+    const client = new Client({
+        baseURL: options.baseURL
+    });
+    const authenticationHook = injectHTTPClientAuthenticationHook(app);
+    authenticationHook.attach(client);
     provideHTTPClient(client, app);
 }
 
@@ -915,142 +1141,36 @@ var TranslatorTranslationDefaultKey = /*#__PURE__*/ function(TranslatorTranslati
     return TranslatorTranslationDefaultKey;
 }({});
 
-/*
- * Copyright (c) 2024-2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
-/**
- * Convert string to property path array.
- *
- * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
- * @see https://github.com/chaijs/pathval
- *
- * @param segment
- */ function pathToArray(segment) {
-    const str = segment.replace(/([^\\])\[/g, '$1.[');
-    const parts = str.match(/(\\\.|[^.]+?)+/g);
-    if (!parts) {
-        return [];
+class MemoryStore {
+    async get(context) {
+        if (!this.data[context.locale] || !this.data[context.locale][context.group]) {
+            return undefined;
+        }
+        const output = getPathValue(this.data[context.locale][context.group], context.key);
+        if (typeof output === 'string') {
+            return output;
+        }
+        return undefined;
     }
-    const result = [];
-    for(let i = 0; i < parts.length; i++){
-        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
-            continue;
+    async set(context) {
+        this.initLines(context.group, context.locale);
+        setPathValue(this.data[context.locale][context.group], context.key, context.value);
+    }
+    initLines(group, locale) {
+        if (typeof this.data[locale] === 'undefined') {
+            this.data[locale] = {};
         }
-        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
-        if (regex) {
-            result.push(regex[1]);
-        } else {
-            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
+        if (typeof this.data[locale][group] === 'undefined') {
+            this.data[locale][group] = {};
         }
     }
-    return result;
+    async getLocales() {
+        return Object.keys(this.data);
+    }
+    constructor(options){
+        this.data = options.data;
+    }
 }
-/*
- * Copyright (c) 2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ var Character;
-(function(Character) {
-    Character["WILDCARD"] = "*";
-    Character["GLOBSTAR"] = "**";
-})(Character || (Character = {}));
-/*
- * Copyright (c) 2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ function isObject(input) {
-    return !!input && typeof input === 'object' && !Array.isArray(input);
-}
-function getPathValue(data, path) {
-    const parts = Array.isArray(path) ? path : pathToArray(path);
-    let res;
-    let temp = data;
-    let index = 0;
-    while(index < parts.length){
-        if (temp === null || typeof temp === 'undefined') {
-            break;
-        }
-        if (parts[index] in Object(temp)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            temp = temp[parts[index]];
-        } else {
-            break;
-        }
-        if (index === parts.length - 1) {
-            res = temp;
-        }
-        index++;
-    }
-    return res;
-}
-const NUMBER_REGEX = /^\d+$/;
-function setPathValue(data, path, value) {
-    const parts = Array.isArray(path) ? path : pathToArray(path);
-    let temp = data;
-    let index = 0;
-    while(index < parts.length){
-        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
-            break;
-        }
-        const key = parts[index];
-        // [foo, '0']
-        if (typeof temp[key] === 'undefined') {
-            const match = NUMBER_REGEX.test(key);
-            if (match) {
-                temp[key] = [];
-            } else {
-                temp[key] = {};
-            }
-        }
-        if (index === parts.length - 1) {
-            temp[key] = value;
-            break;
-        }
-        index++;
-        temp = temp[key];
-    }
-    return data;
-}
-
-class MemoryStore {
-    async get(context) {
-        if (!this.data[context.locale] || !this.data[context.locale][context.group]) {
-            return undefined;
-        }
-        const output = getPathValue(this.data[context.locale][context.group], context.key);
-        if (typeof output === 'string') {
-            return output;
-        }
-        return undefined;
-    }
-    async set(context) {
-        this.initLines(context.group, context.locale);
-        setPathValue(this.data[context.locale][context.group], context.key, context.value);
-    }
-    initLines(group, locale) {
-        if (typeof this.data[locale] === 'undefined') {
-            this.data[locale] = {};
-        }
-        if (typeof this.data[locale][group] === 'undefined') {
-            this.data[locale][group] = {};
-        }
-    }
-    async getLocales() {
-        return Object.keys(this.data);
-    }
-    constructor(options){
-        this.data = options.data;
-    }
-}
-
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const noop = ()=>{};
 
 function computedAsync(evaluationCallback, initialState, optionsOrRef) {
     let options;
@@ -1061,8 +1181,8 @@ function computedAsync(evaluationCallback, initialState, optionsOrRef) {
     } else {
         options = {};
     }
-    const { lazy = false, evaluating = void 0, shallow = true, onError = noop } = options;
-    const started = ref(!lazy);
+    const { lazy = false, flush = "pre", evaluating = void 0, shallow = true, onError = noop } = options;
+    const started = shallowRef(!lazy);
     const current = shallow ? shallowRef(initialState) : ref(initialState);
     let counter = 0;
     watchEffect(async (onInvalidate)=>{
@@ -1089,6 +1209,8 @@ function computedAsync(evaluationCallback, initialState, optionsOrRef) {
             if (evaluating && counterAtBeginning === counter) evaluating.value = false;
             hasFinished = true;
         }
+    }, {
+        flush
     });
     if (lazy) {
         return computed(()=>{
@@ -1102,7 +1224,7 @@ function computedAsync(evaluationCallback, initialState, optionsOrRef) {
 
 function inject(key, instance) {
     if (hasInjectionContext()) {
-        return inject$2(key, undefined);
+        return inject$3(key, undefined);
     }
     return undefined;
 }
@@ -1264,7 +1386,7 @@ function extractVuelidateResultsFromChild(vuelidate, child, keys) {
     const childKeys = keys ?? Object.keys(childResults).filter((key)=>!key.startsWith('$'));
     const result = {};
     for(let i = 0; i < childKeys.length; i++){
-        if (hasOwnProperty(childResults, childKeys[i])) {
+        if (hasOwnProperty$1(childResults, childKeys[i])) {
             result[childKeys[i]] = childResults[childKeys[i]].$model;
         }
     }
@@ -1432,8 +1554,8 @@ function createPermissionCheckerReactiveFn(ctx = {}) {
             try {
                 computePromise = store.permissionChecker.preCheckOneOf({
                     ...ctx,
-                    data: {
-                        ...ctx.data || {},
+                    input: {
+                        ...ctx.input || {},
                         identity
                     }
                 }).then(()=>true).catch(()=>false);
@@ -1506,7 +1628,7 @@ function installSocketManager(app, options) {
  * @param name
  * @param $slots
  */ function hasNormalizedSlot(name, $slots = {}) {
-    return hasOwnProperty($slots, name);
+    return hasOwnProperty$1($slots, name);
 }
 /**
  * Returns VNodes for named slot either scoped or unscoped
@@ -1517,7 +1639,7 @@ function installSocketManager(app, options) {
  *
  * @returns {Array} VNodes
  */ function normalizeSlot(name, scope = {}, $slots = {}) {
-    if (hasOwnProperty($slots, name)) {
+    if (hasOwnProperty$1($slots, name)) {
         return $slots[name](scope);
     }
     return [];
@@ -1567,7 +1689,7 @@ const ATranslationDefault = defineComponent({
     }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$g = defineComponent({
     components: {
         ATranslationDefault,
         AFormInputListItem
@@ -1646,35 +1768,35 @@ var _sfc_main$a = defineComponent({
     }
 });
 
-const _hoisted_1$6 = {
+const _hoisted_1$b = {
     class: "d-flex flex-column gap-2"
 };
-const _hoisted_2$5 = {
+const _hoisted_2$a = {
     class: "d-flex flex-row"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$8 = {
     class: "align-self-end"
 };
-const _hoisted_4$4 = {
+const _hoisted_4$6 = {
     class: "ms-auto"
 };
-const _hoisted_5$2 = [
+const _hoisted_5$3 = [
     "disabled"
 ];
-const _hoisted_6$1 = {
+const _hoisted_6$2 = {
     class: "d-flex flex-column gap-1"
 };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
     const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
-    return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$5, [
-            createElementVNode("div", _hoisted_3$5, [
+    return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createElementVNode("div", _hoisted_2$a, [
+            createElementVNode("div", _hoisted_3$8, [
                 renderSlot(_ctx.$slots, "label", {}, ()=>[
                         _cache[1] || (_cache[1] = createTextVNode(" Names "))
                     ])
             ]),
-            createElementVNode("div", _hoisted_4$4, [
+            createElementVNode("div", _hoisted_4$6, [
                 createElementVNode("button", {
                     class: "btn btn-xs btn-primary",
                     type: "button",
@@ -1690,10 +1812,10 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                     createVNode(_component_ATranslationDefault, {
                         name: "add"
                     })
-                ], 8, _hoisted_5$2)
+                ], 8, _hoisted_5$3)
             ])
         ]),
-        createElementVNode("div", _hoisted_6$1, [
+        createElementVNode("div", _hoisted_6$2, [
             _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", {
                 key: 0
             }, ()=>[
@@ -1729,10 +1851,10 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var AFormInputList = /* @__PURE__ */ _export_sfc(_sfc_main$a, [
+var AFormInputList = /* @__PURE__ */ _export_sfc(_sfc_main$g, [
     [
         "render",
-        _sfc_render$a
+        _sfc_render$f
     ]
 ]);
 
@@ -2084,7 +2206,7 @@ function create$1(context) {
     });
     const client = injectHTTPClient();
     let domainAPI;
-    if (hasOwnProperty(client, context.type)) {
+    if (hasOwnProperty$1(client, context.type)) {
         domainAPI = client[context.type];
     }
     let query;
@@ -2094,7 +2216,7 @@ function create$1(context) {
         meta.value.busy = true;
         try {
             let filters;
-            if (context.queryFilters && input.filters && hasOwnProperty(input.filters, 'name') && typeof input.filters.name === 'string') {
+            if (context.queryFilters && input.filters && hasOwnProperty$1(input.filters, 'name') && typeof input.filters.name === 'string') {
                 // todo: queryFilters should customize full filters object!
                 filters = context.queryFilters(input.filters.name);
             }
@@ -2316,7 +2438,7 @@ function defineEntityVProps() {
 function create(ctx) {
     const client = injectHTTPClient();
     let domainAPI;
-    if (hasOwnProperty(client, ctx.type)) {
+    if (hasOwnProperty$1(client, ctx.type)) {
         domainAPI = client[ctx.type];
     }
     const entity = ref(undefined);
@@ -2330,7 +2452,7 @@ function create(ctx) {
             realmId = isRef(ctx.realmId) ? ctx.realmId.value : ctx.realmId;
         }
         if (!realmId && entity.value) {
-            if (hasOwnProperty(entity.value, 'realm_id') && typeof entity.value.realm_id === 'string') {
+            if (hasOwnProperty$1(entity.value, 'realm_id') && typeof entity.value.realm_id === 'string') {
                 return entity.value.realm_id;
             }
         }
@@ -3507,7 +3629,7 @@ const AClientForm = defineComponent({
                 required
             },
             redirect_uri: {
-                url,
+                // todo: url is required!
                 maxLength: maxLength(2000)
             },
             is_confidential: {},
@@ -3902,7 +4024,7 @@ const APermissionCheck = defineComponent({
             ],
             required: true
         },
-        data: {
+        input: {
             type: Object
         },
         options: {
@@ -3913,7 +4035,7 @@ const APermissionCheck = defineComponent({
         const fn = createPermissionCheckerReactiveFn();
         const isPermitted = computed(()=>fn({
                 name: props.name,
-                data: props.data,
+                input: props.input,
                 options: props.options
             }));
         return ()=>{
@@ -5675,7 +5797,7 @@ const AIdentityProviderPreset = defineComponent({
     }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$f = defineComponent({
     components: {
         AIdentityProviderPreset,
         AIdentityProviderProtocol
@@ -5709,28 +5831,28 @@ var _sfc_main$9 = defineComponent({
     }
 });
 
-const _hoisted_1$5 = {
+const _hoisted_1$a = {
     class: "d-flex flex-column gap-2"
 };
-const _hoisted_2$4 = {
+const _hoisted_2$9 = {
     class: "d-flex flex-row gap-2 flex-wrap"
 };
-const _hoisted_3$4 = [
+const _hoisted_3$7 = [
     "onClick"
 ];
-const _hoisted_4$3 = {
+const _hoisted_4$5 = {
     class: "d-flex flex-row gap-2 flex-wrap"
 };
-const _hoisted_5$1 = [
+const _hoisted_5$2 = [
     "onClick"
 ];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
     const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
-    return openBlock(), createElementBlock("div", _hoisted_1$5, [
+    return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", null, [
             _cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)),
-            createElementVNode("div", _hoisted_2$4, [
+            createElementVNode("div", _hoisted_2$9, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key)=>{
                     return openBlock(), createBlock(_component_AIdentityProviderProtocol, {
                         key,
@@ -5757,7 +5879,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                                         }, null, 2)
                                     ]),
                                     createElementVNode("div", null, toDisplayString(props.name), 1)
-                                ], 10, _hoisted_3$4)
+                                ], 10, _hoisted_3$7)
                             ]),
                         _: 2
                     }, 1032, [
@@ -5768,7 +5890,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         createElementVNode("div", null, [
             _cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)),
-            createElementVNode("div", _hoisted_4$3, [
+            createElementVNode("div", _hoisted_4$5, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key)=>{
                     return openBlock(), createBlock(_component_AIdentityProviderPreset, {
                         key,
@@ -5795,7 +5917,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                                         }, null, 2)
                                     ]),
                                     createElementVNode("div", null, toDisplayString(props.name), 1)
-                                ], 10, _hoisted_5$1)
+                                ], 10, _hoisted_5$2)
                             ]),
                         _: 2
                     }, 1032, [
@@ -5806,10 +5928,10 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
+var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main$f, [
     [
         "render",
-        _sfc_render$9
+        _sfc_render$e
     ],
     [
         "__scopeId",
@@ -6085,10 +6207,6 @@ const AIdentityProviderOAuth2Form = defineComponent({
             type: String,
             default: undefined
         },
-        apiUrl: {
-            type: String,
-            default: 'http://localhost:3001'
-        },
         protocol: {
             type: String,
             default: IdentityProviderProtocol.OAUTH2
@@ -6126,7 +6244,7 @@ const AIdentityProviderOAuth2Form = defineComponent({
             if (!manager.data.value) {
                 return '';
             }
-            return apiClient.identityProvider.getAuthorizeUri(props.apiUrl, manager.data.value.id);
+            return apiClient.identityProvider.getAuthorizeUri(manager.data.value.id);
         });
         const basicFieldsNode = ref(null);
         onChange(preset, ()=>{
@@ -6324,10 +6442,6 @@ const AIdentityProviderForm = defineComponent({
         },
         realmId: {
             type: String
-        },
-        apiUrl: {
-            type: String,
-            default: 'http://localhost:3001'
         }
     },
     emits: [
@@ -6390,7 +6504,6 @@ const AIdentityProviderForm = defineComponent({
                                 realmId: props.realmId,
                                 protocol: protocol.value,
                                 preset: preset.value,
-                                apiUrl: props.apiUrl,
                                 onCreated: (el)=>{
                                     entity.value = el;
                                     setup.emit('created', el);
@@ -6730,7 +6843,7 @@ const AIdentityProviderRoleAssignments = defineComponent({
     }
 });
 
-var _sfc_main$8 = defineComponent({
+var _sfc_main$e = defineComponent({
     components: {
         AFormInputList
     },
@@ -6771,7 +6884,7 @@ var _sfc_main$8 = defineComponent({
     }
 });
 
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_AFormInputList = resolveComponent("AFormInputList");
     return openBlock(), createBlock(_component_AFormInputList, {
         names: _ctx.vuelidate.names.$model,
@@ -6782,14 +6895,14 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         "onChanged"
     ]);
 }
-var AAttributeNamesPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [
+var AAttributeNamesPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [
     [
         "render",
-        _sfc_render$8
+        _sfc_render$d
     ]
 ]);
 
-var _sfc_main$7 = defineComponent({
+var _sfc_main$d = defineComponent({
     components: {
         APolicyChildrenPicker: APolicyPicker,
         VCFormGroup,
@@ -6875,7 +6988,7 @@ var _sfc_main$7 = defineComponent({
     }
 });
 
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_APolicyChildrenPicker = resolveComponent("APolicyChildrenPicker");
     const _component_VCFormGroup = resolveComponent("VCFormGroup");
     const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -6916,14 +7029,14 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var ACompositePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [
+var ACompositePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [
     [
         "render",
-        _sfc_render$7
+        _sfc_render$c
     ]
 ]);
 
-var _sfc_main$6 = defineComponent({
+var _sfc_main$c = defineComponent({
     components: {
         VCFormInput,
         VCFormGroup,
@@ -6970,7 +7083,7 @@ var _sfc_main$6 = defineComponent({
     }
 });
 
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCFormInput = resolveComponent("VCFormInput");
     const _component_VCFormGroup = resolveComponent("VCFormGroup");
     const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -7041,14 +7154,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var ADatePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [
+var ADatePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$c, [
     [
         "render",
-        _sfc_render$6
+        _sfc_render$b
     ]
 ]);
 
-var _sfc_main$5 = defineComponent({
+var _sfc_main$b = defineComponent({
     components: {
         AFormInputList
     },
@@ -7089,7 +7202,7 @@ var _sfc_main$5 = defineComponent({
     }
 });
 
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_AFormInputList = resolveComponent("AFormInputList");
     return openBlock(), createBlock(_component_AFormInputList, {
         names: _ctx.vuelidate.types.$model,
@@ -7105,14 +7218,14 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         "onChanged"
     ]);
 }
-var AIdentityPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$5, [
+var AIdentityPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [
     [
         "render",
-        _sfc_render$5
+        _sfc_render$a
     ]
 ]);
 
-var _sfc_main$4 = defineComponent({
+var _sfc_main$a = defineComponent({
     components: {
         AFormInputList,
         VCFormGroup,
@@ -7174,31 +7287,31 @@ var _sfc_main$4 = defineComponent({
     }
 });
 
-const _hoisted_1$4 = {
+const _hoisted_1$9 = {
     class: "row"
 };
-const _hoisted_2$3 = {
+const _hoisted_2$8 = {
     class: "col-7"
 };
-const _hoisted_3$3 = {
+const _hoisted_3$6 = {
     class: "col-5"
 };
-const _hoisted_4$2 = [
+const _hoisted_4$4 = [
     "for"
 ];
-const _hoisted_5 = [
+const _hoisted_5$1 = [
     "for"
 ];
-const _hoisted_6 = [
+const _hoisted_6$1 = [
     "for"
 ];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_AFormInputList = resolveComponent("AFormInputList");
     const _component_VCFormGroup = resolveComponent("VCFormGroup");
     const _component_IVuelidate = resolveComponent("IVuelidate");
     const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
-    return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$3, [
+    return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_2$8, [
             createVNode(_component_IVuelidate, {
                 validation: _ctx.vuelidate.attributeName
             }, {
@@ -7227,7 +7340,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 "validation"
             ])
         ]),
-        createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_3$6, [
             createVNode(_component_IVuelidate, {
                 validation: _ctx.vuelidate.attributeNameStrict
             }, {
@@ -7247,7 +7360,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                                         label: withCtx((iProps)=>[
                                                 createElementVNode("label", {
                                                     for: iProps.id
-                                                }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$2)
+                                                }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$4)
                                             ]),
                                         _: 1
                                     }, 8, [
@@ -7288,7 +7401,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                                                     createTextVNode(" Determines if resources with null realm-id/name value should match all identity realms."),
                                                     createElementVNode("br", null, null, -1),
                                                     createTextVNode(" If true, any identity realm can access resources with null realm-id/name values. ")
-                                                ]), 8, _hoisted_5)
+                                                ]), 8, _hoisted_5$1)
                                             ]),
                                         _: 1
                                     }, 8, [
@@ -7329,7 +7442,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                                                     createTextVNode(" Specifies whether the master realm of an identity should match all realm-id/name attributes, including null."),
                                                     createElementVNode("br", null, null, -1),
                                                     createTextVNode(" If true, the master realm can access any resource regardless of its realm value. ")
-                                                ]), 8, _hoisted_6)
+                                                ]), 8, _hoisted_6$1)
                                             ]),
                                         _: 1
                                     }, 8, [
@@ -7350,14 +7463,14 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var ARealmMatchPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [
+var ARealmMatchPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$a, [
     [
         "render",
-        _sfc_render$4
+        _sfc_render$9
     ]
 ]);
 
-var _sfc_main$3 = defineComponent({
+var _sfc_main$9 = defineComponent({
     components: {
         VCFormInput,
         VCFormGroup,
@@ -7445,22 +7558,22 @@ var _sfc_main$3 = defineComponent({
     }
 });
 
-const _hoisted_1$3 = {
+const _hoisted_1$8 = {
     class: "row"
 };
-const _hoisted_2$2 = {
+const _hoisted_2$7 = {
     key: 0,
     class: "col"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$5 = {
     key: 1,
     class: "col"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$3 = {
     key: 2,
     class: "col"
 };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCFormInput = resolveComponent("VCFormInput");
     const _component_VCFormGroup = resolveComponent("VCFormGroup");
     const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -7563,8 +7676,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, [
             "validation"
         ]),
-        createElementVNode("div", _hoisted_1$3, [
-            _ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+        createElementVNode("div", _hoisted_1$8, [
+            _ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
                 createVNode(_component_IVuelidate, {
                     validation: _ctx.vuelidate.dayOfWeek
                 }, {
@@ -7599,7 +7712,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     "validation"
                 ])
             ])) : createCommentVNode("", true),
-            _ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+            _ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
                 createVNode(_component_IVuelidate, {
                     validation: _ctx.vuelidate.dayOfMonth
                 }, {
@@ -7634,7 +7747,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     "validation"
                 ])
             ])) : createCommentVNode("", true),
-            _ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+            _ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
                 createVNode(_component_IVuelidate, {
                     validation: _ctx.vuelidate.dayOfYear
                 }, {
@@ -7672,10 +7785,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var ATimePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [
+var ATimePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
     [
         "render",
-        _sfc_render$3
+        _sfc_render$8
     ]
 ]);
 
@@ -7698,7 +7811,7 @@ const APolicy = defineComponent({
     }
 });
 
-var _sfc_main$2 = defineComponent({
+var _sfc_main$8 = defineComponent({
     props: {
         type: {
             type: String
@@ -7744,20 +7857,20 @@ var _sfc_main$2 = defineComponent({
     }
 });
 
-const _hoisted_1$2 = {
+const _hoisted_1$7 = {
     class: "d-flex flex-column gap-2"
 };
-const _hoisted_2$1 = {
+const _hoisted_2$6 = {
     class: "d-flex flex-row gap-2 flex-wrap"
 };
-const _hoisted_3$1 = [
+const _hoisted_3$4 = [
     "onClick"
 ];
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("div", _hoisted_1$2, [
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+    return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", null, [
             _cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)),
-            createElementVNode("div", _hoisted_2$1, [
+            createElementVNode("div", _hoisted_2$6, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key)=>{
                     return openBlock(), createElementBlock("div", {
                         key,
@@ -7772,16 +7885,16 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                     }, [
                         createElementVNode("div", null, toDisplayString(item.value), 1)
-                    ], 10, _hoisted_3$1);
+                    ], 10, _hoisted_3$4);
                 }), 128))
             ])
         ])
     ]);
 }
-var APolicyTypePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [
+var APolicyTypePicker = /* @__PURE__ */ _export_sfc(_sfc_main$8, [
     [
         "render",
-        _sfc_render$2
+        _sfc_render$7
     ],
     [
         "__scopeId",
@@ -7789,7 +7902,7 @@ var APolicyTypePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [
     ]
 ]);
 
-var _sfc_main$1 = defineComponent({
+var _sfc_main$7 = defineComponent({
     components: {
         ARealmPicker,
         VCFormInput,
@@ -7873,28 +7986,28 @@ var _sfc_main$1 = defineComponent({
     }
 });
 
-const _hoisted_1$1 = {
+const _hoisted_1$6 = {
     class: "row"
 };
-const _hoisted_2 = {
+const _hoisted_2$5 = {
     class: "col"
 };
-const _hoisted_3 = [
+const _hoisted_3$3 = [
     "for"
 ];
-const _hoisted_4 = {
+const _hoisted_4$2 = {
     key: 0,
     class: "col"
 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCFormInput = resolveComponent("VCFormInput");
     const _component_VCFormGroup = resolveComponent("VCFormGroup");
     const _component_IVuelidate = resolveComponent("IVuelidate");
     const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
     const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
     const _component_ARealmPicker = resolveComponent("ARealmPicker");
-    return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2, [
+    return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("div", _hoisted_2$5, [
             createVNode(_component_IVuelidate, {
                 validation: _ctx.vuelidate.name
             }, {
@@ -8008,7 +8121,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                                         label: withCtx((iProps)=>[
                                                 createElementVNode("label", {
                                                     for: iProps.id
-                                                }, " Invert? ", 8, _hoisted_3)
+                                                }, " Invert? ", 8, _hoisted_3$3)
                                             ]),
                                         _: 1
                                     }, 8, [
@@ -8027,7 +8140,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 "validation"
             ])
         ]),
-        !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
             createVNode(_component_IVuelidate, {
                 validation: _ctx.vuelidate.invert
             }, {
@@ -8062,14 +8175,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true)
     ]);
 }
-var APolicyBasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [
+var APolicyBasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [
     [
         "render",
-        _sfc_render$1
+        _sfc_render$6
     ]
 ]);
 
-var _sfc_main = defineComponent({
+var _sfc_main$6 = defineComponent({
     components: {
         AFormSubmit,
         APolicyTypePicker,
@@ -8145,13 +8258,13 @@ var _sfc_main = defineComponent({
     }
 });
 
-const _hoisted_1 = {
+const _hoisted_1$5 = {
     class: "d-flex flex-column"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_APolicyBasicForm = resolveComponent("APolicyBasicForm");
     const _component_AFormSubmit = resolveComponent("AFormSubmit");
-    return openBlock(), createElementBlock("div", _hoisted_1, [
+    return openBlock(), createElementBlock("div", _hoisted_1$5, [
         _cache[0] || (_cache[0] = createElementVNode("h6", null, "General", -1)),
         createVNode(_component_APolicyBasicForm, {
             entity: _ctx.data
@@ -8184,10 +8297,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var APolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main, [
+var APolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [
     [
         "render",
-        _sfc_render
+        _sfc_render$5
     ]
 ]);
 
@@ -9444,6 +9557,11 @@ function install(app, options) {
         cookieGet: options.cookieGet,
         cookieUnset: options.cookieUnset
     });
+    installHTTPClientAuthenticationHook(app, {
+        pinia: options.pinia,
+        baseURL: options.baseURL,
+        isServer: options.isServer
+    });
     installHTTPClient(app, {
         pinia: options.pinia,
         baseURL: options.baseURL,
@@ -9453,11 +9571,769 @@ function install(app, options) {
         locale: options.translatorLocale
     });
     installComponents(app, options.components);
+    installStoreManager(app);
+    app.use(installFormControl);
+    app.use(installPagination);
 }
 
+var _sfc_main$5 = defineComponent({
+    components: {
+        ARealmPicker,
+        APagination,
+        ATitle,
+        IVuelidate,
+        AIdentityProviders,
+        AIdentityProviderIcon
+    },
+    props: {
+        codeRequest: {
+            type: Object
+        }
+    },
+    emits: [
+        'done',
+        'failed'
+    ],
+    setup (props, { emit }) {
+        const apiClient = injectHTTPClient();
+        const store = injectStore();
+        const form = reactive({
+            name: '',
+            password: '',
+            realm_id: ''
+        });
+        const vuelidate = useVuelidate({
+            name: {
+                required,
+                minLength: minLength(3),
+                maxLength: maxLength(255)
+            },
+            password: {
+                required,
+                minLength: minLength(3),
+                maxLength: maxLength(255)
+            },
+            realm_id: {}
+        }, form);
+        const busy = ref(false);
+        const realmId = computed(()=>{
+            if (props.codeRequest && props.codeRequest.realm_id) {
+                return props.codeRequest.realm_id;
+            }
+            return form.realm_id;
+        });
+        const identityProviderQuery = ref({});
+        const resetIdentityProviderQuery = ()=>{
+            identityProviderQuery.value = {
+                filters: {
+                    realm_id: realmId.value || '',
+                    protocol: `!${IdentityProviderProtocol.LDAP}`,
+                    enabled: true
+                }
+            };
+        };
+        resetIdentityProviderQuery();
+        const identityProviderRef = ref(null);
+        const updateIdentityProviderList = ()=>{
+            if (identityProviderRef.value) {
+                identityProviderRef.value.load();
+            }
+        };
+        const updateRealmId = (realmId)=>{
+            form.realm_id = Array.isArray(realmId) ? realmId[0] : realmId;
+            resetIdentityProviderQuery();
+            nextTick(()=>{
+                updateIdentityProviderList();
+            });
+        };
+        const submit = async ()=>{
+            try {
+                await store.login({
+                    name: form.name,
+                    password: form.password,
+                    realmId: form.realm_id
+                });
+                emit('done');
+            } catch (e) {
+                emit('failed', e instanceof Error ? e.message : 'The login operation failed');
+            }
+        };
+        const buildIdentityProviderURL = (id)=>{
+            let authorizeURL = apiClient.identityProvider.getAuthorizeUri(id);
+            if (props.codeRequest) {
+                const serialized = base64URLEncode(JSON.stringify(props.codeRequest));
+                authorizeURL += `?codeRequest=${serialized}`;
+            }
+            return authorizeURL;
+        };
+        return {
+            updateRealmId,
+            vuelidate,
+            form,
+            submit,
+            busy,
+            identityProviderQuery,
+            identityProviderRef,
+            buildIdentityProviderURL
+        };
+    }
+});
+
+const _hoisted_1$4 = {
+    class: "d-flex flex-row"
+};
+const _hoisted_2$4 = [
+    "href"
+];
+const _hoisted_3$2 = {
+    class: "d-flex flex-column"
+};
+const _hoisted_4$1 = {
+    class: "text-center mb-1"
+};
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_VCFormInput = resolveComponent("VCFormInput");
+    const _component_VCFormGroup = resolveComponent("VCFormGroup");
+    const _component_IVuelidate = resolveComponent("IVuelidate");
+    const _component_VCFormSubmit = resolveComponent("VCFormSubmit");
+    const _component_ARealmPicker = resolveComponent("ARealmPicker");
+    const _component_ATitle = resolveComponent("ATitle");
+    const _component_APagination = resolveComponent("APagination");
+    const _component_AIdentityProviderIcon = resolveComponent("AIdentityProviderIcon");
+    const _component_AIdentityProviders = resolveComponent("AIdentityProviders");
+    return openBlock(), createElementBlock("div", null, [
+        _cache[7] || (_cache[7] = createElementVNode("div", {
+            class: "text-center"
+        }, [
+            createElementVNode("h1", {
+                class: "fw-bold"
+            }, " Login ")
+        ], -1)),
+        createElementVNode("form", {
+            onSubmit: _cache[3] || (_cache[3] = withModifiers((...args)=>_ctx.submit && _ctx.submit(...args), [
+                "prevent"
+            ]))
+        }, [
+            createVNode(_component_IVuelidate, {
+                validation: _ctx.vuelidate.name
+            }, {
+                default: withCtx((props)=>[
+                        createVNode(_component_VCFormGroup, {
+                            "validation-messages": props.data,
+                            "validation-severity": props.severity
+                        }, {
+                            label: withCtx(()=>_cache[4] || (_cache[4] = [
+                                    createTextVNode(" Name ")
+                                ])),
+                            default: withCtx(()=>[
+                                    createVNode(_component_VCFormInput, {
+                                        modelValue: _ctx.vuelidate.name.$model,
+                                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>_ctx.vuelidate.name.$model = $event)
+                                    }, null, 8, [
+                                        "modelValue"
+                                    ])
+                                ]),
+                            _: 2
+                        }, 1032, [
+                            "validation-messages",
+                            "validation-severity"
+                        ])
+                    ]),
+                _: 1
+            }, 8, [
+                "validation"
+            ]),
+            createVNode(_component_IVuelidate, {
+                validation: _ctx.vuelidate.password
+            }, {
+                default: withCtx((props)=>[
+                        createVNode(_component_VCFormGroup, {
+                            "validation-messages": props.data,
+                            "validation-severity": props.severity
+                        }, {
+                            label: withCtx(()=>_cache[5] || (_cache[5] = [
+                                    createTextVNode(" Password ")
+                                ])),
+                            default: withCtx(()=>[
+                                    createVNode(_component_VCFormInput, {
+                                        modelValue: _ctx.vuelidate.password.$model,
+                                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.vuelidate.password.$model = $event),
+                                        type: "password"
+                                    }, null, 8, [
+                                        "modelValue"
+                                    ])
+                                ]),
+                            _: 2
+                        }, 1032, [
+                            "validation-messages",
+                            "validation-severity"
+                        ])
+                    ]),
+                _: 1
+            }, 8, [
+                "validation"
+            ]),
+            createVNode(_component_VCFormSubmit, {
+                modelValue: _ctx.busy,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>_ctx.busy = $event),
+                invalid: _ctx.vuelidate.$invalid,
+                "create-text": "Submit",
+                "create-button-class": {
+                    value: "btn btn-sm btn-dark btn-block",
+                    presets: {
+                        bootstrap: false
+                    }
+                },
+                "create-icon-class": "fa-solid fa-right-to-bracket",
+                submit: _ctx.submit
+            }, null, 8, [
+                "modelValue",
+                "invalid",
+                "submit"
+            ]),
+            _cache[6] || (_cache[6] = createElementVNode("hr", null, null, -1)),
+            !_ctx.codeRequest || !_ctx.codeRequest.realm_id ? (openBlock(), createBlock(_component_ARealmPicker, {
+                key: 0,
+                value: _ctx.form.realm_id,
+                onChange: _ctx.updateRealmId
+            }, null, 8, [
+                "value",
+                "onChange"
+            ])) : createCommentVNode("", true),
+            createVNode(_component_AIdentityProviders, {
+                ref: "identityProviderRef",
+                query: _ctx.identityProviderQuery,
+                footer: false
+            }, {
+                header: withCtx(()=>[
+                        createVNode(_component_ATitle, {
+                            text: "Identity Providers"
+                        })
+                    ]),
+                footer: withCtx((props)=>[
+                        createVNode(_component_APagination, {
+                            busy: props.busy,
+                            meta: props.meta,
+                            load: props.load,
+                            total: props.total
+                        }, null, 8, [
+                            "busy",
+                            "meta",
+                            "load",
+                            "total"
+                        ])
+                    ]),
+                body: withCtx((props)=>[
+                        createElementVNode("div", _hoisted_1$4, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (item, key)=>{
+                                return openBlock(), createElementBlock("div", {
+                                    key
+                                }, [
+                                    createElementVNode("a", {
+                                        href: _ctx.buildIdentityProviderURL(item.id),
+                                        class: "btn btn-dark btn-xs p-2 me-1 identity-provider-box bg-dark"
+                                    }, [
+                                        createElementVNode("div", _hoisted_3$2, [
+                                            createElementVNode("div", _hoisted_4$1, [
+                                                createVNode(_component_AIdentityProviderIcon, {
+                                                    class: "fa-2x",
+                                                    entity: item
+                                                }, null, 8, [
+                                                    "entity"
+                                                ])
+                                            ]),
+                                            createElementVNode("div", null, toDisplayString(item.name), 1)
+                                        ])
+                                    ], 8, _hoisted_2$4)
+                                ]);
+                            }), 128))
+                        ])
+                    ]),
+                _: 1
+            }, 8, [
+                "query"
+            ])
+        ], 32)
+    ]);
+}
+var Login = /* @__PURE__ */ _export_sfc(_sfc_main$5, [
+    [
+        "render",
+        _sfc_render$4
+    ],
+    [
+        "__scopeId",
+        "data-v-957a0486"
+    ]
+]);
+
+var _sfc_main$4 = defineComponent({
+    props: {
+        entity: {
+            type: Object,
+            required: true
+        },
+        requested: {
+            type: Array,
+            default: ()=>[]
+        }
+    },
+    setup (props) {
+        const isEnabled = computed(()=>props.requested.indexOf(props.entity.name) !== -1);
+        return {
+            isEnabled
+        };
+    }
+});
+
+const _hoisted_1$3 = {
+    class: "text-center"
+};
+const _hoisted_2$3 = {
+    key: 0
+};
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+    return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1$3, [
+            createElementVNode("i", {
+                class: normalizeClass([
+                    "fa-solid",
+                    {
+                        "fa-check text-success": _ctx.isEnabled,
+                        "fa-times text-danger": !_ctx.isEnabled
+                    }
+                ])
+            }, null, 2)
+        ]),
+        createElementVNode("div", null, [
+            createElementVNode("strong", null, toDisplayString(_ctx.entity.name), 1),
+            _ctx.entity.description ? (openBlock(), createElementBlock("p", _hoisted_2$3, toDisplayString(_ctx.entity.description), 1)) : createCommentVNode("", true)
+        ])
+    ]);
+}
+var AuthorizeScope = /* @__PURE__ */ _export_sfc(_sfc_main$4, [
+    [
+        "render",
+        _sfc_render$3
+    ]
+]);
+
+var _sfc_main$3 = defineComponent({
+    components: {
+        AuthorizeScope
+    },
+    props: {
+        client: {
+            type: Object,
+            required: true
+        },
+        scopesAvailable: {
+            type: Array
+        },
+        scopesRequested: {
+            type: [
+                String,
+                Array
+            ]
+        }
+    },
+    setup (props) {
+        const httpClient = injectHTTPClient();
+        const scopesRequestedNormalized = computed(()=>{
+            if (!props.scopesRequested) {
+                return [];
+            }
+            return Array.isArray(props.scopesRequested) ? props.scopesRequested : deserializeOAuth2Scope(props.scopesRequested);
+        });
+        const scopesAvailableNormalized = ref([]);
+        const resolveScopesAvailable = async ()=>{
+            if (props.scopesAvailable) {
+                scopesAvailableNormalized.value = props.scopesAvailable;
+                return;
+            }
+            if (props.client.id) {
+                const { data: clientScopes } = await httpClient.clientScope.getMany({
+                    filters: {
+                        client_id: props.client.id
+                    },
+                    include: [
+                        'scope'
+                    ]
+                });
+                scopesAvailableNormalized.value = clientScopes.map((clientScope)=>clientScope.scope);
+            }
+        };
+        Promise.resolve().then(()=>resolveScopesAvailable());
+        return {
+            scopesRequestedNormalized,
+            scopesAvailableNormalized
+        };
+    }
+});
+
+const _hoisted_1$2 = {
+    key: 0
+};
+const _hoisted_2$2 = {
+    class: "flex-column"
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_AuthorizeScope = resolveComponent("AuthorizeScope");
+    return _ctx.scopesAvailableNormalized.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createElementVNode("div", null, [
+            _cache[0] || (_cache[0] = createTextVNode(" This will allow the ")),
+            createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
+            _cache[1] || (_cache[1] = createTextVNode(" application to "))
+        ]),
+        createElementVNode("div", _hoisted_2$2, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scopesAvailableNormalized, (item)=>{
+                return openBlock(), createBlock(_component_AuthorizeScope, {
+                    key: item.id,
+                    entity: item,
+                    class: "d-flex flex-row gap-1",
+                    requested: _ctx.scopesRequestedNormalized
+                }, null, 8, [
+                    "entity",
+                    "requested"
+                ]);
+            }), 128))
+        ])
+    ])) : createCommentVNode("", true);
+}
+var AuthorizeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$3, [
+    [
+        "render",
+        _sfc_render$2
+    ]
+]);
+
+var _sfc_main$2 = defineComponent({
+    components: {
+        AuthorizeScopes
+    },
+    props: {
+        client: {
+            type: Object,
+            required: true
+        },
+        scopes: {
+            type: Array
+        },
+        codeRequest: {
+            type: Object,
+            required: true
+        }
+    },
+    setup (props) {
+        const httpClient = injectHTTPClient();
+        const abort = ()=>{
+            const url = new URL(`${props.codeRequest.redirect_uri}`);
+            url.searchParams.set('error', 'access_denied');
+            url.searchParams.set('error_description', 'The resource owner or authorization server denied the request');
+            if (props.codeRequest.state) {
+                url.searchParams.set('state', props.codeRequest.state);
+            }
+            if (typeof window !== 'undefined') {
+                window.location.href = url.href;
+            }
+        };
+        const authorize = async ()=>{
+            try {
+                const response = await httpClient.authorize.confirm({
+                    response_type: props.codeRequest.response_type,
+                    client_id: props.client.id,
+                    redirect_uri: props.codeRequest.redirect_uri,
+                    ...props.codeRequest.state ? {
+                        state: props.codeRequest.state
+                    } : {},
+                    ...props.codeRequest.scope ? {
+                        scope: props.codeRequest.scope
+                    } : {}
+                });
+                const { url } = response;
+                if (typeof window !== 'undefined') {
+                    window.location.href = url;
+                }
+            } catch (e) {
+            // todo: show toast :)
+            }
+        };
+        return {
+            authorize,
+            abort
+        };
+    }
+});
+
+const _hoisted_1$1 = {
+    class: "flex-column d-flex gap-2"
+};
+const _hoisted_2$1 = {
+    class: "text-center"
+};
+const _hoisted_3$1 = {
+    class: "fw-bold"
+};
+const _hoisted_4 = {
+    class: "mt-auto"
+};
+const _hoisted_5 = {
+    class: "d-flex flex-row"
+};
+const _hoisted_6 = {
+    class: "ms-1"
+};
+const _hoisted_7 = {
+    class: "d-flex flex-row"
+};
+const _hoisted_8 = {
+    class: "ms-1"
+};
+const _hoisted_9 = {
+    class: "d-flex flex-row"
+};
+const _hoisted_10 = {
+    class: "ms-1"
+};
+const _hoisted_11 = {
+    class: "row"
+};
+const _hoisted_12 = {
+    class: "col-6"
+};
+const _hoisted_13 = {
+    class: "col-6"
+};
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_AuthorizeScopes = resolveComponent("AuthorizeScopes");
+    return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", _hoisted_2$1, [
+            _cache[2] || (_cache[2] = createElementVNode("h5", {
+                class: "text-secondary mb-1"
+            }, " Application ", -1)),
+            createElementVNode("h1", _hoisted_3$1, toDisplayString(_ctx.client.name), 1)
+        ]),
+        createVNode(_component_AuthorizeScopes, {
+            client: _ctx.client,
+            "scopes-requested": _ctx.codeRequest.scope,
+            "scopes-available": _ctx.scopes
+        }, null, 8, [
+            "client",
+            "scopes-requested",
+            "scopes-available"
+        ]),
+        createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, [
+                _cache[4] || (_cache[4] = createElementVNode("div", null, [
+                    createElementVNode("i", {
+                        class: "fa-solid fa-link"
+                    })
+                ], -1)),
+                createElementVNode("div", _hoisted_6, [
+                    createElementVNode("small", null, [
+                        _cache[3] || (_cache[3] = createTextVNode(" Once authorized, you will be redirected to: ")),
+                        createElementVNode("strong", null, toDisplayString(_ctx.codeRequest.redirect_uri), 1)
+                    ])
+                ])
+            ]),
+            createElementVNode("div", _hoisted_7, [
+                _cache[7] || (_cache[7] = createElementVNode("div", null, [
+                    createElementVNode("i", {
+                        class: "fa fa-solid fa-lock"
+                    })
+                ], -1)),
+                createElementVNode("div", _hoisted_8, [
+                    createElementVNode("small", null, [
+                        _cache[5] || (_cache[5] = createTextVNode(" This application is governed by the ")),
+                        createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
+                        _cache[6] || (_cache[6] = createTextVNode(" application's Privacy Policy and Terms of Service. "))
+                    ])
+                ])
+            ]),
+            createElementVNode("div", _hoisted_9, [
+                _cache[8] || (_cache[8] = createElementVNode("div", null, [
+                    createElementVNode("i", {
+                        class: "fa fa-solid fa-clock"
+                    })
+                ], -1)),
+                createElementVNode("div", _hoisted_10, [
+                    createElementVNode("small", null, " Active since " + toDisplayString(_ctx.client.created_at), 1)
+                ])
+            ])
+        ]),
+        createElementVNode("div", _hoisted_11, [
+            createElementVNode("div", _hoisted_12, [
+                createElementVNode("button", {
+                    type: "button",
+                    class: "btn btn-block btn-secondary",
+                    onClick: _cache[0] || (_cache[0] = withModifiers((...args)=>_ctx.abort && _ctx.abort(...args), [
+                        "prevent"
+                    ]))
+                }, " Abort ")
+            ]),
+            createElementVNode("div", _hoisted_13, [
+                createElementVNode("button", {
+                    type: "button",
+                    class: "btn btn-block btn-primary",
+                    onClick: _cache[1] || (_cache[1] = withModifiers((...args)=>_ctx.authorize && _ctx.authorize(...args), [
+                        "prevent"
+                    ]))
+                }, " Authorize ")
+            ])
+        ])
+    ]);
+}
+var AuthorizeForm = /* @__PURE__ */ _export_sfc(_sfc_main$2, [
+    [
+        "render",
+        _sfc_render$1
+    ]
+]);
+
+var _sfc_main$1 = defineComponent({
+    props: {
+        isError: {
+            type: Boolean
+        },
+        message: {
+            type: String,
+            required: true
+        }
+    }
+});
+
+const _hoisted_1 = {
+    class: "flex-column"
+};
+const _hoisted_2 = {
+    class: "text-center"
+};
+const _hoisted_3 = {
+    class: "text-center fs-6 p-3"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+    return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+            createElementVNode("i", {
+                class: normalizeClass([
+                    "fa-solid fa-10x",
+                    {
+                        "fa-exclamation text-danger": _ctx.isError,
+                        "fa-info text-info": !_ctx.isError
+                    }
+                ])
+            }, null, 2)
+        ]),
+        createElementVNode("div", _hoisted_3, toDisplayString(_ctx.message), 1)
+    ]);
+}
+var AuthorizeText = /* @__PURE__ */ _export_sfc(_sfc_main$1, [
+    [
+        "render",
+        _sfc_render
+    ]
+]);
+
+const wrapChild = (child)=>h('div', {
+        class: 'd-flex align-items-center justify-content-center h-100'
+    }, [
+        h('div', {
+            class: 'authorize'
+        }, [
+            child
+        ])
+    ]);
+var _sfc_main = defineComponent({
+    components: {
+        AuthorizeText,
+        AuthorizeForm,
+        Login
+    },
+    props: {
+        codeRequest: {
+            type: Object
+        },
+        client: {
+            type: Object
+        },
+        clientId: {
+            type: String
+        },
+        scopes: {
+            type: Array
+        },
+        error: {
+            type: Object
+        }
+    },
+    emits: [
+        'redirect'
+    ],
+    setup (props) {
+        const httpClient = injectHTTPClient();
+        const store = injectStore();
+        const { loggedIn } = storeToRefs$1(store);
+        const error = ref(null);
+        const client = ref(null);
+        const resolve = async ()=>{
+            if (props.error) {
+                error.value = props.error;
+                return;
+            }
+            if (props.client) {
+                client.value = props.client;
+            }
+            if (props.clientId) {
+                try {
+                    client.value = await httpClient.client.getOne(props.clientId);
+                } catch (e) {
+                    if (e instanceof Error) {
+                        error.value = e;
+                    }
+                }
+            }
+        };
+        Promise.resolve().then(()=>resolve());
+        return ()=>{
+            if (error.value) {
+                return wrapChild(h(AuthorizeText, {
+                    message: error.value.message,
+                    isError: true
+                }));
+            }
+            if (!props.codeRequest) {
+                return [];
+            }
+            if (!loggedIn.value) {
+                return wrapChild(h(Suspense, {}, {
+                    default: ()=>h(Login, {
+                            codeRequest: props.codeRequest
+                        }),
+                    fallback: ()=>h(AuthorizeText, {
+                            message: 'Loading...'
+                        })
+                }));
+            }
+            if (!client.value) {
+                return [];
+            }
+            return wrapChild(h(Suspense, {}, {
+                default: ()=>h(AuthorizeForm, {
+                        codeRequest: props.codeRequest,
+                        client: client.value,
+                        scopes: props.scopes
+                    }),
+                fallback: ()=>h(AuthorizeText, {
+                        message: 'Loading...'
+                    })
+            }));
+        };
+    }
+});
+
 var index = {
     install
 };
 
-export { AAttributeNamesPolicyForm, AClient, AClientForm, AClientPermissionAssignment, AClientPermissionAssignments, AClientPicker, AClientRoleAssignment, AClientRoleAssignments, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm, ADatePolicyForm, AEntityDelete, AFormInputList, AFormInputListItem, AFormSubmit, AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, APagination, APermission, APermissionCheck, APermissionClientAssignments, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyForm, APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityCollectionCreatedHandler, buildEntityCollectionDeletedHandler, buildEntityCollectionUpdatedHandler, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, index as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasNormalizedSlot, hasStoreFactory, inject$1 as inject, injectHTTPClient, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
+export { AAttributeNamesPolicyForm, _sfc_main as AAuthorize, AuthorizeText as AAuthorizeText, AClient, AClientForm, AClientPermissionAssignment, AClientPermissionAssignments, AClientPicker, AClientRoleAssignment, AClientRoleAssignments, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm, ADatePolicyForm, AEntityDelete, AFormInputList, AFormInputListItem, AFormSubmit, AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, Login as ALogin, APagination, APermission, APermissionCheck, APermissionClientAssignments, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyForm, APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityCollectionCreatedHandler, buildEntityCollectionDeletedHandler, buildEntityCollectionUpdatedHandler, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, index as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasHTTPClientAuthenticationHook, hasNormalizedSlot, hasStoreFactory, inject$1 as inject, injectHTTPClient, injectHTTPClientAuthenticationHook, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installHTTPClientAuthenticationHook, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideHTTPClientAuthenticationHook, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
 //# sourceMappingURL=index.mjs.map