@authup/client-web-kit 1.0.0-beta.15 → 1.0.0-beta.17

package/dist/index.cjs

@@ -271,7 +271,6 @@ 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 ? [
@@ -285,7 +284,9 @@ function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies =
         const newCookies = cookies.getAll({
             doNotParse: true
         });
-        if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies)) touches.value++;
+        if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies)) {
+            touches.value++;
+        }
         previousCookies = newCookies;
     };
     cookies.addChangeListener(onChange);
@@ -724,39 +725,47 @@ function buildListDeletedHandler(items, cb) {
     return input;
 }
 
-const SocketClientSymbol = Symbol.for('AuthupSocketClientManager');
-function isSocketClientManagerInjected() {
-    if (!vue.hasInjectionContext()) {
-        return false;
-    }
-    const instance = inject$1(SocketClientSymbol);
-    return !!instance;
+const SocketClientSymbol = Symbol.for('AuthupSocketManager');
+function isSocketManagerUsable() {
+    return !!inject$1(SocketClientSymbol);
 }
-function provideSocketClientManager(manager, app) {
+function provideSocketManager(manager, app) {
     provide(SocketClientSymbol, manager, app);
 }
-function injectSocketClientManager() {
-    const manager = inject$1(SocketClientSymbol);
+function injectSocketManager(app) {
+    const manager = inject$1(SocketClientSymbol, app);
     if (!manager) {
-        throw new Error('The socket client manager has not been injected in the app context.');
+        throw new Error('The socket manager has not been injected in the app context.');
     }
     return manager;
 }
 
-function installSocketClientManager(app, options) {
-    const socketClientManager = new coreRealtimeKit.ClientManager({
-        url: options.baseURL
+function installSocketManager(app, options) {
+    const storeCreator = injectStore(app);
+    const store = storeCreator(options.pinia);
+    const { accessToken } = storeToRefs(store);
+    const manager = new coreRealtimeKit.ClientManager({
+        url: options.baseURL,
+        token: ()=>accessToken.value
     });
-    provideSocketClientManager(socketClientManager, app);
+    const oldValue = vue.ref();
+    store.$subscribe((mutation, state)=>{
+        if (state.accessToken !== oldValue.value) {
+            oldValue.value = state.accessToken;
+            Promise.resolve().then(()=>manager.reconnect());
+        }
+    });
+    provideSocketManager(manager, app);
 }
 
 function createEntitySocket(ctx) {
-    if (!isSocketClientManagerInjected()) {
+    if (!isSocketManagerUsable()) {
         return {
             mount () {},
             unmount () {}
         };
     }
+    const socketManager = injectSocketManager();
     const store = useStore();
     const storeRefs = storeToRefs(store);
     const realmId = vue.computed(()=>{
@@ -816,7 +825,6 @@ function createEntitySocket(ctx) {
             return;
         }
         mounted = true;
-        const socketManager = injectSocketClientManager();
         const socket = await socketManager.connect(`/resources#${realmId.value}`);
         let event;
         if (ctx.buildSubscribeEventName) {
@@ -840,7 +848,6 @@ function createEntitySocket(ctx) {
             return;
         }
         mounted = false;
-        const socketManager = injectSocketClientManager();
         const socket = await socketManager.connect(`/resources#${realmId.value}`);
         let event;
         if (ctx.buildUnsubscribeEventName) {
@@ -1529,6 +1536,7 @@ exports.TranslatorTranslationDefaultKey = void 0;
     TranslatorTranslationDefaultKey["INACTIVE"] = "inactive";
     TranslatorTranslationDefaultKey["LOCKED"] = "locked";
     TranslatorTranslationDefaultKey["NOT_LOCKED"] = "notLocked";
+    TranslatorTranslationDefaultKey["VALUE_IS_REGEX"] = "valueIsRegex";
     TranslatorTranslationDefaultKey["CLIENT"] = "client";
     TranslatorTranslationDefaultKey["CLIENTS"] = "clients";
     TranslatorTranslationDefaultKey["CLIENT_SCOPES"] = "clientScopes";
@@ -1608,6 +1616,9 @@ class MemoryStore {
     }
 }
 
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const noop = ()=>{};
+
 function computedAsync(evaluationCallback, initialState, optionsOrRef) {
     let options;
     if (vue.isRef(optionsOrRef)) {
@@ -1776,6 +1787,7 @@ const TranslatorTranslationDefaultGerman = {
     [exports.TranslatorTranslationDefaultKey.INACTIVE]: 'inaktiv',
     [exports.TranslatorTranslationDefaultKey.LOCKED]: 'gesperrt',
     [exports.TranslatorTranslationDefaultKey.NOT_LOCKED]: 'nicht gesperrt',
+    [exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Wert ist regex pattern?',
     [exports.TranslatorTranslationDefaultKey.CLIENT]: 'Client',
     [exports.TranslatorTranslationDefaultKey.CLIENTS]: 'Clients',
     [exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'Client-Bereiche',
@@ -1850,6 +1862,7 @@ const TranslatorTranslationDefaultEnglish = {
     [exports.TranslatorTranslationDefaultKey.INACTIVE]: 'inactive',
     [exports.TranslatorTranslationDefaultKey.LOCKED]: 'locked',
     [exports.TranslatorTranslationDefaultKey.NOT_LOCKED]: 'not locked',
+    [exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Value is regex pattern?',
     [exports.TranslatorTranslationDefaultKey.CLIENT]: 'update',
     [exports.TranslatorTranslationDefaultKey.CLIENTS]: 'clients',
     [exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'client scopes',
@@ -2970,7 +2983,8 @@ const AClientScopeAssignments = vue.defineComponent({
         return ()=>vue.h(AScopes, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(AClientScopeAssignment, {
                         clientId: props.entityId,
-                        scopeId: slotProps.data.id
+                        scopeId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -4607,23 +4621,29 @@ const AIdentityProviderRoleAssignment = vue.defineComponent({
             display.value = !display.value;
         };
         const form = vue.reactive({
-            external_id: ''
+            name: '',
+            value: '',
+            value_is_regex: false
         });
         const $v = useVuelidate({
-            external_id: {
-                required: validators.required,
+            name: {
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(32)
+            },
+            value: {
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(128)
-            }
+            },
+            value_is_regex: {}
         }, form);
-        const validationMessages = useTranslationsForBaseValidation($v.value.external_id);
-        const translationExternalID = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.EXTERNAL_ID
-        });
-        const isExternalIDDefined = vue.computed(()=>form.external_id && form.external_id.length > 0);
+        const validationMessages = useTranslationsForNestedValidation($v.value);
+        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX
+            }
+        ]);
         const manager = createEntityManager({
-            type: `${coreKit.DomainType.IDENTITY_PROVIDER_ROLE}`,
+            type: `${coreKit.DomainType.IDENTITY_PROVIDER_ROLE_MAPPING}`,
             setup,
             socket: {
                 processEvent (event) {
@@ -4693,7 +4713,6 @@ const AIdentityProviderRoleAssignment = vue.defineComponent({
                             'btn-dark': !!manager.data.value
                         }
                     ],
-                    disabled: !isExternalIDDefined.value,
                     onClick ($event) {
                         $event.preventDefault();
                         if (manager.data.value) {
@@ -4747,13 +4766,39 @@ const AIdentityProviderRoleAssignment = vue.defineComponent({
                     }, [
                         formControls.buildFormGroup({
                             label: true,
-                            labelContent: translationExternalID.value,
-                            validationMessages: validationMessages.value,
-                            validationSeverity: getVuelidateSeverity($v.value.external_id),
+                            labelContent: 'Name',
+                            validationMessages: validationMessages.name.value,
+                            validationSeverity: getVuelidateSeverity($v.value.name),
                             content: formControls.buildFormInput({
-                                value: $v.value.external_id.$model,
+                                value: $v.value.name.$model,
                                 onChange (input) {
-                                    $v.value.external_id.$model = input;
+                                    $v.value.name.$model = input;
+                                }
+                            })
+                        }),
+                        formControls.buildFormGroup({
+                            label: true,
+                            labelContent: 'Value',
+                            validationMessages: validationMessages.value.value,
+                            validationSeverity: getVuelidateSeverity($v.value.value),
+                            content: formControls.buildFormInput({
+                                value: $v.value.value.$model,
+                                onChange (input) {
+                                    $v.value.value.$model = input;
+                                }
+                            })
+                        }),
+                        formControls.buildFormGroup({
+                            validationMessages: validationMessages.value_is_regex.value,
+                            validationSeverity: getVuelidateSeverity($v.value.value_is_regex),
+                            label: true,
+                            labelContent: 'Regex',
+                            content: formControls.buildFormInputCheckbox({
+                                groupClass: 'form-switch',
+                                labelContent: translationsDefault.valueIsRegex.value,
+                                value: $v.value.value_is_regex.$model,
+                                onChange (input) {
+                                    $v.value.value_is_regex.$model = input;
                                 }
                             })
                         })
@@ -5441,7 +5486,8 @@ const APermissionRobotAssignments = vue.defineComponent({
         return ()=>vue.h(ARobots, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(ARobotPermissionAssignment, {
                         permissionId: props.entityId,
-                        robotId: slotProps.data.id
+                        robotId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -5495,7 +5541,8 @@ const ARolePermissionAssignments = vue.defineComponent({
         return ()=>vue.h(APermissions, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(ARolePermissionAssignment, {
                         roleId: props.entityId,
-                        permissionId: slotProps.data.id
+                        permissionId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -5513,7 +5560,8 @@ const APermissionRoleAssignments = vue.defineComponent({
         return ()=>vue.h(ARoles, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(ARolePermissionAssignment, {
                         permissionId: props.entityId,
-                        roleId: slotProps.data.id
+                        roleId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -5567,7 +5615,8 @@ const AUserPermissionAssignments = vue.defineComponent({
         return ()=>vue.h(APermissions, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(AUserPermissionAssignment, {
                         userId: props.entityId,
-                        permissionId: slotProps.data.id
+                        permissionId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6017,7 +6066,8 @@ const APermissionUserAssignments = vue.defineComponent({
         return ()=>vue.h(AUsers, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(AUserPermissionAssignment, {
                         permissionId: props.entityId,
-                        userId: slotProps.data.id
+                        userId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6035,7 +6085,8 @@ const ARobotPermissionAssignments = vue.defineComponent({
         return ()=>vue.h(APermissions, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(ARobotPermissionAssignment, {
                         robotId: props.entityId,
-                        permissionId: slotProps.data.id
+                        permissionId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6086,7 +6137,8 @@ const ARobotRoleAssignments = vue.defineComponent({
         return ()=>vue.h(ARoles, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(ARobotRoleAssignment, {
                         robotId: props.entityId,
-                        roleId: slotProps.data.id
+                        roleId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6101,7 +6153,8 @@ const ARoleRobotAssignments = vue.defineComponent({
         return ()=>vue.h(ARobots, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(ARobotRoleAssignment, {
                         roleId: props.entityId,
-                        robotId: slotProps.data.id
+                        robotId: slotProps.data.id,
+                        key: slotProps.data.id
                     })
             });
     }
@@ -6151,7 +6204,8 @@ const AUserRoleAssignments = vue.defineComponent({
         return ()=>vue.h(ARoles, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(AUserRoleAssignment, {
                         userId: props.entityId,
-                        roleId: slotProps.data.id
+                        roleId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6166,7 +6220,8 @@ const ARoleUserAssignments = vue.defineComponent({
         return ()=>vue.h(AUsers, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(AUserRoleAssignment, {
                         roleId: props.entityId,
-                        userId: slotProps.data.id
+                        userId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6184,7 +6239,8 @@ const AScopeClientAssignments = vue.defineComponent({
         return ()=>vue.h(AClients, {}, {
                 [listControls.SlotName.ITEM_ACTIONS]: (slotProps)=>vue.h(AClientScopeAssignment, {
                         scopeId: props.entityId,
-                        clientId: slotProps.data.id
+                        clientId: slotProps.data.id,
+                        key: slotProps.data.id
                     }),
                 ...slots
             });
@@ -6544,11 +6600,11 @@ const AEntityDelete = vue.defineComponent({
         const instance = vue.getCurrentInstance();
         const busy = vue.ref(false);
         const submit = wrapFnWithBusyState(busy, async ()=>{
-            let domainAPI;
-            if (kit.hasOwnProperty(apiClient, props.entityType) && kit.isObject(apiClient[props.entityType]) && kit.hasOwnProperty(apiClient[props.entityType], 'delete')) {
-                domainAPI = apiClient[props.entityType];
+            const domainAPI = apiClient[props.entityType];
+            if (!kit.isObject(domainAPI)) {
+                return;
             }
-            if (!domainAPI) {
+            if (typeof domainAPI.delete !== 'function') {
                 return;
             }
             try {
@@ -6691,20 +6747,21 @@ function installComponents(input) {
 }
 function install(app1, options) {
     if (options.realtime) {
-        installSocketClientManager(app1, {
+        installSocketManager(app1, {
+            pinia: options.pinia,
             baseURL: options.realtimeURL || options.baseURL
         });
     }
     installStore(app1, {
+        pinia: options.pinia,
         baseURL: options.baseURL,
         cookieSet: options.cookieSet,
         cookieGet: options.cookieGet,
-        cookieUnset: options.cookieUnset,
-        pinia: options.pinia
+        cookieUnset: options.cookieUnset
     });
     installHTTPClient(app1, {
-        baseURL: options.baseURL,
-        pinia: options.pinia
+        pinia: options.pinia,
+        baseURL: options.baseURL
     });
     installTranslator(app1, {
         locale: options.translatorLocale
@@ -6804,22 +6861,22 @@ exports.hasStore = hasStore;
 exports.initFormAttributesFromSource = initFormAttributesFromSource;
 exports.inject = inject$1;
 exports.injectHTTPClient = injectHTTPClient;
-exports.injectSocketClientManager = injectSocketClientManager;
+exports.injectSocketManager = injectSocketManager;
 exports.injectStore = injectStore;
 exports.injectTranslatorLocale = injectTranslatorLocale;
 exports.install = install;
 exports.installHTTPClient = installHTTPClient;
-exports.installSocketClientManager = installSocketClientManager;
+exports.installSocketManager = installSocketManager;
 exports.installStore = installStore;
 exports.installTranslator = installTranslator;
 exports.isQuerySortedDescByDate = isQuerySortedDescByDate;
-exports.isSocketClientManagerInjected = isSocketClientManagerInjected;
+exports.isSocketManagerUsable = isSocketManagerUsable;
 exports.mergeListOptions = mergeListOptions;
 exports.normalizeSlot = normalizeSlot;
 exports.onChange = onChange;
 exports.provide = provide;
 exports.provideHTTPClient = provideHTTPClient;
-exports.provideSocketClientManager = provideSocketClientManager;
+exports.provideSocketManager = provideSocketManager;
 exports.provideStore = provideStore;
 exports.renderEntityAssignAction = renderEntityAssignAction;
 exports.storeToRefs = storeToRefs;