verben-authentication-ui 1.0.2 → 1.0.3

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

@@ -0,0 +1,98 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+  signal,
+  WritableSignal,
+} from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { CardData } from 'verben-ng-ui';
+import { Role } from '../../../models/Role';
+import { UserAccessRequestStatus } from '../../../models/user-access-request-status';
+
+interface UserFormData {
+  MailAddress: string;
+  Name: string;
+  PhoneNumber: string;
+}
+
+@Component({
+  selector: 'lib-user-request-form',
+  templateUrl: './user-request-form.component.html',
+  styleUrl: './user-request-form.component.css',
+})
+export class UserRequestFormComponent {
+  @Input() roles: Role[] = [];
+  @Input()
+  get currentData(): CardData | null {
+    return this._currentData;
+  }
+  set currentData(value: CardData | null) {
+    this._currentData = value;
+    console.log(value?.data);
+    if (value?.data) {
+      this.form.patchValue({
+        MailAddress: value.data.MailAddress || '',
+        FirstName: value.data.FirstName || '',
+        LastName: value.data.LastName || '',
+        OtherName: value.data.OtherName || '',
+        PhoneNumber: value.data.PhoneNumber || '',
+        RoleID: value.data.RoleID || '',
+      });
+    } else {
+      this.form.reset();
+    }
+  }
+
+  private _currentData: CardData | null = null;
+
+  @Output() switchView = new EventEmitter<undefined>();
+  @Output() onApproval = new EventEmitter<{ email: string; role: string }>();
+
+  form: FormGroup;
+
+  // roles: WritableSignal<Role[]> = signal([]);
+
+  constructor(private fb: FormBuilder) {
+    this.form = this.fb.group({
+      MailAddress: ['', { readonly: true }],
+      FirstName: ['', { readonly: true }],
+      LastName: ['', { readonly: true }],
+      OtherName: ['', { readonly: true }],
+      PhoneNumber: ['', { readonly: true }],
+      RoleID: ['', { validators: [Validators.required] }],
+    });
+  }
+
+  ngOnInit(): void {
+    // this.userAccessRequestFacade.getRoles$().subscribe((data) => {
+    //   this.roles.set(data);
+    // });
+    // try {
+    //   this.userAccessRequestFacade.loadRoles();
+    // } catch (error) {
+    //   // Handle error
+    // }
+    console.log(this.currentData?.data);
+  }
+
+  onSave(): void {
+    if (this.form.valid) {
+      // Emit save event with form value
+      console.log('Form saved:', this.form.value);
+    }
+  }
+
+  onDelete(): void {
+    // Emit delete event
+    console.log('Delete requested');
+  }
+
+  disableProcessing(): boolean {
+    return (
+      this.currentData?.data?.RequestStatus !==
+        UserAccessRequestStatus.Pending || !this.form.valid
+    );
+  }
+}

package/src/lib/components/user-request-approval/user-request-form/user-request-form.component.html

@@ -0,0 +1,94 @@
+<form
+  [formGroup]="form"
+  class="flex flex-col px-3 pb-3 rounded-xl h-full w-full relative space-y-4"
+>
+  <verbena-input
+    name="MailAddress"
+    label="Mail Address:"
+    formControlName="MailAddress"
+    [readOnly]="true"
+  />
+  <verbena-input
+    label="First Name:"
+    name="FirstName"
+    type="text"
+    formControlName="FirstName"
+    [readOnly]="true"
+  />
+  <verbena-input
+    label="Last Name:"
+    name="LastName"
+    type="text"
+    formControlName="LastName"
+    [readOnly]="true"
+  />
+  <verbena-input
+    label="OtherName:"
+    name="OtherName"
+    type="text"
+    formControlName="OtherName"
+    [readOnly]="true"
+  />
+  <verbena-input
+    label="Phone Number:"
+    name="PhoneNumber"
+    type="tel"
+    formControlName="PhoneNumber"
+    [readOnly]="true"
+  />
+
+  <div class="space-y-1">
+    <label for="role">Role</label>
+
+    <verben-drop-down
+      label="Role"
+      styleClass="w-full"
+      width="100%"
+      [multiselect]="false"
+      [filter]="true"
+      [showClear]="true"
+      placeholder=""
+      [(options)]="roles"
+      id="role"
+      optionLabel="Name"
+      optionValue="Code"
+      formControlName="RoleID"
+      class="form-control"
+    >
+    </verben-drop-down>
+  </div>
+
+  <!-- buttons -->
+  <div class="flex justify-between my-2">
+    <verbena-button
+      width="114px"
+      height="39px"
+      text="Reject"
+      styleType="danger"
+      borderRadius="10px"
+      [disable]="disableProcessing()"
+    ></verbena-button>
+    <verbena-button
+      (click)="switchView.emit()"
+      text="Switch To Table"
+      styleType="ylw-outline"
+    ></verbena-button>
+    <verbena-button
+      (click)="
+        onApproval.emit({
+          email: form.get('MailAddress')?.value,
+          role: form.get('RoleID')?.value
+        })
+      "
+      text="Approve"
+      bgColor="#28a745"
+      textColor="white"
+      border="1px solid #28a745"
+      borderRadius="10px"
+      pd="10px 20px"
+      width="114px"
+      height="39px"
+      [disable]="disableProcessing()"
+    ></verbena-button>
+  </div>
+</form>

package/src/lib/components/user-request-approval/user-request-form/user-request-form.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserRequestFormComponent } from './use-request-form.component';
+
+describe('UserRequestFormComponent', () => {
+  let component: UserRequestFormComponent;
+  let fixture: ComponentFixture<UserRequestFormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UserRequestFormComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(UserRequestFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/user-request-process/user-request-process.component.html

@@ -0,0 +1 @@
+<p>user-request-process works!</p>

package/src/lib/components/user-request-process/user-request-process.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserRequestProcessComponent } from './user-request-process.component';
+
+describe('UserRequestProcessComponent', () => {
+  let component: UserRequestProcessComponent;
+  let fixture: ComponentFixture<UserRequestProcessComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UserRequestProcessComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(UserRequestProcessComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/user-request-process/user-request-process.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-user-request-process',
+  standalone: true,
+  imports: [],
+  templateUrl: './user-request-process.component.html',
+  styleUrl: './user-request-process.component.css'
+})
+export class UserRequestProcessComponent {
+
+}

package/src/lib/components/user-request-process/user-request-process.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class UserRequestProcessModule { }

package/src/lib/models/ApplicationRoleAction.ts

@@ -0,0 +1,10 @@
+import { BaseModel } from './base';
+
+export interface ApplicationRoleAction extends BaseModel {
+  Name: string;
+  Description?: string;
+  Context: string;
+  Rule?: string;
+  Application: string;
+  APIKey: string;
+}

package/{lib/models/ApplicationRoleContext.d.ts → src/lib/models/ApplicationRoleContext copy.ts }

@@ -1,9 +1,10 @@
 import { ApplicationRoleAction } from './ApplicationRoleAction';
 import { BaseModel } from './base';
+
 export interface ApplicationRoleContext extends BaseModel {
-    Name: string;
-    Description?: string;
-    Application: string;
-    RoleActions: ApplicationRoleAction[];
-    APIKey: string;
+  Name: string;
+  Description?: string;
+  Application: string;
+  RoleActions: ApplicationRoleAction[];
+  APIKey: string;
 }

package/src/lib/models/ApplicationRoleContext.ts

@@ -0,0 +1,10 @@
+import { ApplicationRoleAction } from './ApplicationRoleAction';
+import { BaseModel } from './base';
+
+export interface ApplicationRoleContext extends BaseModel {
+  Name: string;
+  Description?: string;
+  Application: string;
+  RoleActions: ApplicationRoleAction[];
+  APIKey: string;
+}

package/src/lib/models/ErrorResponse.ts

@@ -0,0 +1,7 @@
+export class ErrorResponse {
+  constructor(
+    public ErrorMsg: string,
+    public StatusCode?: number,
+    public FullLog?: any
+  ) {}
+}

package/src/lib/models/FilterTypes.ts

@@ -0,0 +1,8 @@
+import { SearchPropertySign } from './SearchPropertySign';
+
+export enum FilterTypes {
+  Before = SearchPropertySign.LT,
+  On = SearchPropertySign.EQ,
+  After = SearchPropertySign.GT,
+  NEQ = SearchPropertySign.NEQ,
+}

package/src/lib/models/MailConfig.ts

@@ -0,0 +1,13 @@
+import { BaseModel } from './base';
+
+export interface MailConfig extends BaseModel {
+  Name: string;
+  Host: string;
+  InboundPort: number;
+  OutboundPort: number;
+  Username: string;
+  Password: string;
+  IsEnable: boolean;
+  EnableSsl: boolean;
+  IsDefault: boolean;
+}

package/src/lib/models/MessageConfig.ts

@@ -0,0 +1,5 @@
+import { BaseModel } from "./base";
+
+export interface MessageConfig extends BaseModel {
+    
+}

package/src/lib/models/MessageMedium.ts

@@ -0,0 +1,4 @@
+export enum MessageMedium {
+  Mail = 'Mail',
+  SMS = 'SMS',
+}

package/src/lib/models/OAuthParam.ts

@@ -0,0 +1,10 @@
+import { OAuthType } from './OAuthType';
+
+export interface OAuthParam {
+  AuthMechanism: OAuthType;
+  ClientId: string;
+  ClientSecret: string;
+  RedirectUri: string;
+  Scope?: string;
+  TenantId?: string;
+}

package/src/lib/models/OAuthType.ts

@@ -0,0 +1,7 @@
+export enum OAuthType {
+  InApp = 'InApp',
+  Google = 'Google',
+  Facebook = 'Facebook',
+  OAuth = 'OAuth',
+  MicrosoftAD = 'MicrosoftAD',
+}

package/src/lib/models/PagedResult.ts

@@ -0,0 +1,9 @@
+export interface PagedResult<T> {
+  Skip: number;
+  PageSize: number;
+  IsLoadingResults: boolean;
+  Total: number;
+  PageState?: unknown;
+  Result: T[];
+  LastItem: string[];
+}

package/src/lib/models/PasswordRequestParam.ts

@@ -0,0 +1,5 @@
+export interface PasswordRequestParam {
+  OldPassword?: string;
+  NewPassword: string;
+  Token?: string;
+}

package/src/lib/models/PeriodMode.ts

@@ -0,0 +1,10 @@
+export enum PeriodMode {
+  Quarterly = 'Quarterly',
+  Monthly = 'Monthly',
+  Weekly = 'Weekly',
+  Yearly = 'Yearly',
+  Daily = 'Daily',
+  Hourly = 'Hourly',
+  Minutes = 'Minutes',
+  Seconds = 'Seconds',
+}

package/{lib/models/PermissionConfig.d.ts → src/lib/models/PermissionConfig.ts}

@@ -1,7 +1,8 @@
 export interface PermissionConfig {
-    UI: any;
-    Actions: PermissionConfigAction;
+  UI: any;
+  Actions: PermissionConfigAction;
 }
+
 export interface PermissionConfigAction {
-    [key: string]: boolean;
+  [key: string]: boolean;
 }

package/src/lib/models/ReportSchedule.ts

@@ -0,0 +1,23 @@
+import { BaseModel } from './base';
+import { MessageMedium } from './MessageMedium';
+import { PeriodMode } from './PeriodMode';
+import { ReportType } from './ReportType';
+
+export interface ReportSchedule extends BaseModel {
+  Name: string;
+  SenderEmail: string;
+  ReportDataSource: string;
+  Medium: MessageMedium;
+  MessageConfig: string;
+  Interval: number;
+  MessageType: ReportType;
+  DueDate?: Date;
+  Frequency: PeriodMode;
+  StartDate: Date;
+  EndDate?: Date;
+  LastRunDate?: Date;
+  ReportCode: string;
+  PlainMessage: string;
+  Recipients: string;
+  Subject: string;
+}

package/src/lib/models/ReportType.ts

@@ -0,0 +1,5 @@
+export enum ReportType {
+  Report = 'Report',
+  Messaging = 'Messaging',
+  All = 'All',
+}

package/src/lib/models/ResponseKeyValue.ts

@@ -0,0 +1,5 @@
+export interface ResponseKeyValue {
+  Key: string;
+  Value: string;
+  OtherInfo?: string;
+}

package/{lib/models/Role.d.ts → src/lib/models/Role.ts}

@@ -1,9 +1,10 @@
 import { BaseModel } from './base';
 import { RoleContext } from './RoleContext';
+
 export interface Role extends BaseModel {
-    Name: string;
-    Description?: string;
-    Application?: string;
-    RoleContexts: RoleContext[];
-    APIKey: string;
+  Name: string;
+  Description?: string;
+  Application?: string;
+  RoleContexts: RoleContext[];
+  APIKey: string;
 }

package/src/lib/models/RoleAction.ts

@@ -0,0 +1,11 @@
+import { BaseModel } from './base';
+
+export interface RoleAction extends BaseModel {
+  Name: string;
+  Description?: string;
+  Role: string;
+  Context: string;
+  Rule?: string;
+  APIKey: string;
+  ApplicationRoleAction: string;
+}

package/src/lib/models/RoleContext.ts

@@ -0,0 +1,11 @@
+import { BaseModel } from './base';
+import { RoleAction } from './RoleAction';
+
+export interface RoleContext extends BaseModel {
+  Name: string;
+  Description?: string;
+  Role: string;
+  RoleActions: RoleAction[];
+  APIKey: string;
+  ApplicationRoleContext: string;
+}

package/src/lib/models/SMSConfig.ts

@@ -0,0 +1,11 @@
+import { BaseModel } from './base';
+
+export interface SMSConfig extends BaseModel {
+  Name: string;
+  InboundPort: number;
+  OutboundPort: number;
+  User: string;
+  Password: string;
+  IsEnable: boolean;
+  IsDefault: boolean;
+}

package/{lib/models/SearchDynamicWrapper.d.ts → src/lib/models/SearchDynamicWrapper.ts}

@@ -1,5 +1,6 @@
 import { SearchPropertyValue } from './SearchPropertyValue';
+
 export interface SearchDynamicWrapper {
-    Fields: string[];
-    SearchKeyValues: SearchPropertyValue[];
+  Fields: string[];
+  SearchKeyValues: SearchPropertyValue[];
 }

package/src/lib/models/SearchOperator.ts

@@ -0,0 +1,4 @@
+export enum SearchOperator {
+  And = 'And',
+  Or = 'Or',
+}

package/src/lib/models/SearchPropertySign.ts

@@ -0,0 +1,9 @@
+export enum SearchPropertySign {
+  EQ = 'EQ',
+  NEQ = 'NEQ',
+  GT = 'GT',
+  GTE = 'GTE',
+  LT = 'LT',
+  LTE = 'LTE',
+  LIKE = 'LIKE',
+}

package/{lib/models/SearchPropertyValue.d.ts → src/lib/models/SearchPropertyValue.ts}

@@ -2,11 +2,12 @@ import { SearchOperator } from './SearchOperator';
 import { SearchPropertySign } from './SearchPropertySign';
 import { SearchPropertyValueType } from './SearchPropertyValueType';
 import { SortDirection } from './SortDirection';
+
 export interface SearchPropertyValue {
-    PropertyName: string;
-    EntityValue: string;
-    Type?: SearchPropertyValueType;
-    Operator: SearchOperator;
-    Sign: SearchPropertySign;
-    Sort?: SortDirection;
+  PropertyName: string;
+  EntityValue: string;
+  Type?: SearchPropertyValueType;
+  Operator: SearchOperator;
+  Sign: SearchPropertySign;
+  Sort?: SortDirection;
 }

package/src/lib/models/SearchPropertyValueType.ts

@@ -0,0 +1,9 @@
+export enum SearchPropertyValueType {
+  Int = 'Int',
+  Float = 'Float',
+  Decimal = 'Decimal',
+  Double = 'Double',
+  String = 'String',
+  Bool = 'Bool',
+  Date = 'Date',
+}

package/src/lib/models/SortDirection.ts

@@ -0,0 +1,5 @@
+export enum SortDirection {
+  Asc = 'Asc',
+  Desc = 'Desc',
+  None = 'None',
+}

package/{lib/models/Tag.d.ts → src/lib/models/Tag.ts}

@@ -1,6 +1,7 @@
 import { BaseModel } from './base';
+
 export interface Tag extends BaseModel {
-    Name: string;
-    TagGroup: string;
-    IsOptional: boolean;
+  Name: string;
+  TagGroup: string;
+  IsOptional: boolean;
 }

package/src/lib/models/TaskNotification.ts

@@ -0,0 +1,14 @@
+import { BaseModel } from "./base";
+import { MessageMedium } from "./MessageMedium";
+import { TaskNotificationMessageType } from "./TaskNotificationMessageType";
+import { TaskNotificationType } from "./TaskNotificationType";
+
+export interface TaskNotification extends BaseModel {
+    Message: string;
+    Name: string;
+    Subject: string;
+    SenderConfig: string;
+    Medium: MessageMedium;
+    NotificationType: TaskNotificationType;
+    IsMessageId: boolean;
+}

package/src/lib/models/TaskNotificationMessageType.ts

@@ -0,0 +1,4 @@
+export enum TaskNotificationMessageType {
+    New = "New",
+    Existing = "Existing"
+}

package/src/lib/models/TaskNotificationType.ts

@@ -0,0 +1,4 @@
+export enum TaskNotificationType {
+    Assignment = "Assignment",
+    Escalation = "Escalation"
+}

package/src/lib/models/Tenant.ts

@@ -0,0 +1,22 @@
+import { BaseModel } from './base';
+import { Status } from './status';
+import { TenantConfig } from './TenantConfig';
+
+export interface Tenant extends BaseModel {
+  Application?: string; // main App not client e.g Orlit
+  Keys: string[];
+  UrlKey?: string;
+  Name: string;
+  Description?: string;
+  MailAddress?: string;
+  Status: Status;
+  FirstUserName: string;
+  FirstUserMailAddress: string;
+  IsActivated: boolean;
+  ApproveBy?: string;
+  ExipiryDate: Date;
+  RequestedServices: string[];
+  ApprovedServices: string[];
+  Config?: TenantConfig;
+  ClientSecret?: string; // Optional, if you need client secret
+}

package/src/lib/models/TenantConfig.ts

@@ -0,0 +1,19 @@
+import { BaseModel } from './base';
+import { OAuthParam } from './OAuthParam';
+import { OAuthType } from './OAuthType';
+
+export interface TenantConfig extends BaseModel {
+  Tenant: string;
+  Application: string;
+  PasswordPattern?: string;
+  PasswordPatternDescription?: string;
+  PasswordLength: number;
+  EnforceFirstLoginPassword: boolean;
+  AllowTwoFactorLogin: boolean;
+  CanPasswordExpired: boolean;
+  NoOfDaysForPasswordExpiraion: number;
+  LogOutInterval: number;
+  OTPValidFor: number;
+  AuthMechanism: OAuthType;
+  AuthMechanisms: OAuthParam[];
+}