verben-authentication-ui 0.5.2 → 0.5.4

package/lib/components/user-request-approval/facades/user-access-request.facade.d.ts

@@ -3,6 +3,7 @@ import { UserAccessRequestState } from '../states/user-access-request.state';
 import { UserAccessRequest } from '../../../models/user-access-request';
 import { QueryParams } from '../../../models/query-params';
 import { UserAccessRequestService } from '../services/user-access-request.service';
+import { Role } from '../../../models/Role';
 import { UtilService } from '../../../services/util.service';
 import * as i0 from "@angular/core";
 export declare class UserAccessRequestFacade {
@@ -15,12 +16,14 @@ export declare class UserAccessRequestFacade {
     destroy(): void;
     isUpdating$(): Observable<boolean>;
     getRequests$(): Observable<UserAccessRequest[]>;
+    getRoles$(): Observable<Role[]>;
     getQueryParams$(): Observable<QueryParams<UserAccessRequest>>;
     getSearchTerm$(): Observable<string>;
     search(term: string): void;
     private handleSearch;
     loadMore(): Promise<void>;
     loadRequests(): Promise<void>;
+    loadRoles(): Promise<void>;
     loadRequestsWithParam(param: string): Promise<void>;
     updateQueryParams(params: Partial<QueryParams<UserAccessRequest>>): void;
     addRequest(request: Partial<UserAccessRequest>): Promise<void>;

package/lib/components/user-request-approval/services/user-access-request.service.d.ts

@@ -2,6 +2,7 @@ import { Observable } from 'rxjs';
 import { HttpWebRequestService } from '../../../services/http-web-request.service';
 import { UserAccessRequest } from '../../../models/user-access-request';
 import { Paged } from '../../../models/paged';
+import { Role } from '../../../models/Role';
 import * as i0 from "@angular/core";
 export declare class UserAccessRequestService {
     private httpService;
@@ -16,6 +17,7 @@ export declare class UserAccessRequestService {
      * @returns Promise containing the user access requests
      */
     getUserAccessRequests(skip: number, limit: number, sortParam: string, sortOrder: string): Promise<Paged<UserAccessRequest>>;
+    getRoles(): Promise<Paged<Role>>;
     /**
      * Get user access requests with additional parameter, pagination and sorting
      * @param param Search parameter

package/lib/components/user-request-approval/states/user-access-request.state.d.ts

@@ -1,16 +1,20 @@
 import { Observable } from 'rxjs';
 import { QueryParams } from '../../../models/query-params';
 import { UserAccessRequest } from '../../../models/user-access-request';
+import { Role } from '../../../models/Role';
 import * as i0 from "@angular/core";
 export declare class UserAccessRequestState {
     private updating$;
     private requests$;
+    private roles$;
     private searchTerm$;
     private queryParams$;
     isUpdating$(): Observable<boolean>;
     setUpdating(isUpdating: boolean): void;
     getRequests$(): Observable<UserAccessRequest[]>;
     setRequests(requests: UserAccessRequest[]): void;
+    getRoles$(): Observable<Role[]>;
+    setRoles(roles: Role[]): void;
     appendRequests(newRequests: UserAccessRequest[]): void;
     getSearchTerm$(): Observable<string>;
     getSearchTermValue(): string;

package/lib/components/user-request-approval/user-request-approval.component.d.ts

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, OnInit, Signal, WritableSignal } from '@angular/core';
 import { UserAccessRequest } from '../../models/user-access-request';
+import { Role } from '../../models/Role';
 import { CardData, CardDataViewComponent, ColumnDefinition, DataViewComponent, IDataFilter } from 'verben-ng-ui';
 import { UserAccessRequestFacade } from './facades/user-access-request.facade';
 import * as i0 from "@angular/core";
@@ -16,6 +17,7 @@ export declare class UserRequestApprovalComponent implements OnInit {
     isGridView: boolean;
     selected: CardData | null;
     cardData: Signal<CardData[]>;
+    roles: WritableSignal<Role[]>;
     constructor(cdr: ChangeDetectorRef, userAccessRequestFacade: UserAccessRequestFacade);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
@@ -25,7 +27,10 @@ export declare class UserRequestApprovalComponent implements OnInit {
     }): void;
     loadMore(): Promise<void>;
     searchRequests(param: string): Promise<void>;
-    onApprove(mailAddress: string): Promise<void>;
+    onApprove(approvalData: {
+        email: string;
+        role: string;
+    }): Promise<void>;
     openDetailView(mailAddress: string): void;
     getCardDataByMailAddress(mailAddress: string): CardData | undefined;
     onViewChange(isGridView: boolean): void;

package/lib/components/user-request-approval/user-request-form/use-request-form.component.d.ts

@@ -1,21 +1,22 @@
 import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { CardData } from 'verben-ng-ui';
+import { Role } from '../../../models/Role';
 import * as i0 from "@angular/core";
 export declare class UserRequestFormComponent {
     private fb;
+    roles: Role[];
     set currentData(value: CardData | null);
     switchView: EventEmitter<undefined>;
-    onApproval: EventEmitter<string>;
+    onApproval: EventEmitter<{
+        email: string;
+        role: string;
+    }>;
     form: FormGroup;
-    roles: {
-        id: string;
-        name: string;
-    }[];
     constructor(fb: FormBuilder);
     ngOnInit(): void;
     onSave(): void;
     onDelete(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserRequestFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserRequestFormComponent, "lib-user-request-form", never, { "currentData": { "alias": "currentData"; "required": false; }; }, { "switchView": "switchView"; "onApproval": "onApproval"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserRequestFormComponent, "lib-user-request-form", never, { "roles": { "alias": "roles"; "required": false; }; "currentData": { "alias": "currentData"; "required": false; }; }, { "switchView": "switchView"; "onApproval": "onApproval"; }, never, never, false, never>;
 }

package/lib/models/UserRequest.d.ts

@@ -1,7 +1,12 @@
 import { MechanismType } from "./auth-mechanism";
 import { ObjectState } from "./object-state";
 import { RequestStatus } from "./request-status";
+import { Role } from "./Role";
 import { Status } from "./status";
+export interface Tag {
+    Name: string;
+    IsOptional: boolean;
+}
 export interface UserRequestPayload {
     Code: string;
     FirstName: string;
@@ -10,8 +15,8 @@ export interface UserRequestPayload {
     Password: string;
     PhoneNumber: string;
     OtherName: string;
-    Role: string[];
-    Tags: [];
+    Role: Role;
+    Tags: Tag[];
     Status: Status;
     UpdatedAt: Date;
     CreatedAt: Date;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "verben-authentication-ui",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "peerDependencies": {
     "@angular/common": "^14.0.0 || ^18.0.0",
     "@angular/core": "^14.0.0 || ^18.0.0",
-    "verben-ng-ui": "^0.2.8"
+    "verben-ng-ui": "^0.2.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"