verben-authentication-ui 0.3.2 → 0.3.3

package/src/lib/models/log-in.ts

@@ -0,0 +1,7 @@
+export interface LoginData{ 
+    MailAddress:string,
+    Password:string,
+    LoginType:string,
+    APIKey:string,
+    Secrete:string
+  }

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

@@ -1,5 +1,6 @@
 import { ObjectState } from "./object-state";
-export interface MainUser {
+
+export interface MainUser { 
     Code: string;
     TenantId: string;
     Id: string;
@@ -16,4 +17,4 @@ export interface MainUser {
     CreatedAt: Date;
     UpdatedAt: Date;
     DataState: ObjectState;
-}
+} 

package/src/lib/models/object-state.ts

@@ -0,0 +1,6 @@
+export enum ObjectState {
+  New = 'New',
+  Changed = 'Changed',
+  Unchanged = 'Unchanged',
+  Removed = 'Removed',
+}

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

@@ -1,4 +1,6 @@
 import { MainUser } from "./mainUser";
+
+
 export interface OtpData {
     User: MainUser;
     Token: string;
@@ -6,4 +8,4 @@ export interface OtpData {
     Secret: string;
     OTP?: string;
     Info: string;
-}
+  }

package/src/lib/models/paged.ts

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

package/src/lib/models/query-params.ts

@@ -0,0 +1,7 @@
+export interface QueryParams<T> {
+  skip: number;
+  limit: number;
+  sortParam?: keyof T;
+  sortOrder: 'asc' | 'desc';
+  filterParam?: string;
+}

package/src/lib/models/request-status.ts

@@ -0,0 +1,4 @@
+export enum RequestStatus {
+  Pending='Pending'
+  }
+  

package/src/lib/models/resend-otp-data.ts

@@ -0,0 +1,8 @@
+export interface ResendOtpData{ 
+    MailAddress:string,
+    Password:string,
+    LoginType:string,
+    APIKey:string,
+    Secrete:string,
+    RedirectUri:string
+  }

package/src/lib/models/resource.ts

@@ -0,0 +1,27 @@
+import { BaseModel } from './base';
+import { ObjectState } from './object-state';
+
+export abstract class ResourceModel<T extends BaseModel> implements BaseModel {
+  public Id: string;
+  public CreatedAt: Date;
+  public UpdatedAt: Date;
+  public State: ObjectState;
+  public Tenant: string;
+  public id: string | number;
+
+  constructor(model?: Partial<T>) {
+    if (model) {
+      Object.assign(this, model);
+    }
+    this.Id = model?.Id || '';
+    this.CreatedAt = model?.CreatedAt ? new Date(model.CreatedAt) : new Date();
+    this.UpdatedAt = model?.UpdatedAt ? new Date(model.UpdatedAt) : new Date();
+    this.State = model?.State ?? ObjectState.New;
+    this.Tenant = model?.Tenant ?? '';
+    this.id = model?.Id ?? Math.random();
+  }
+
+  public toJson(): any {
+    return JSON.parse(JSON.stringify(this));
+  }
+}

package/src/lib/models/sign-up.ts

@@ -0,0 +1,11 @@
+import { BaseModel } from "./base";
+import { User } from "./user";
+
+export interface SignUpData extends BaseModel{ 
+    Firstname:string,
+    Lastname:string,
+    Email:string,
+    Password:string,
+    Confirmpassword?:string,
+    Terms:boolean
+  }

package/src/lib/models/single-sign-on.ts

@@ -0,0 +1,9 @@
+import { BaseModel } from "./base";
+
+
+export interface SingleSignOn extends BaseModel{
+  Name:string
+  Description?: string;
+  Logo: string;
+  Link:string
+}

package/src/lib/models/status.ts

@@ -0,0 +1,5 @@
+export enum Status {
+    InActive = "InActive",
+    Active = "Active",
+  }
+  

package/src/lib/models/user-access-request-status.ts

@@ -0,0 +1,5 @@
+export enum UserAccessRequestStatus {
+  Pending = 'Pending',
+  Approved = 'Approved',
+  Declined = 'Declined',
+}

package/{lib/models/user-access-request.d.ts → src/lib/models/user-access-request.ts}

@@ -1,7 +1,8 @@
 import { User } from './user';
 import { UserAccessRequestStatus } from './user-access-request-status';
+
 export interface UserAccessRequest extends User {
-    RequestStatus: UserAccessRequestStatus;
-    ActionBy?: string;
-    Comment?: string;
+  RequestStatus: UserAccessRequestStatus;
+  ActionBy?: string;
+  Comment?: string;
 }

package/src/lib/models/user.ts

@@ -0,0 +1,24 @@
+import { BaseModel } from './base';
+
+export interface User extends BaseModel {
+  Password: string;
+  OldPassword?: string;
+  PhoneNumber?: string;
+  FirstName: string;
+  LastName: string;
+  OtherName?: string;
+  MailAddress: string;
+  Token?: string;
+  ExpireOn: Date;
+  IsSeeded: boolean;
+  RoleID?: string;
+  OTP?: string;
+  Department?: string;
+  Faculty?: string;
+  OTPExpireOn: Date;
+  Tenants: string[];
+  DepartmentName?: string;
+  Address?: string;
+  Role?: string[];
+  Status?: string;
+}

package/src/lib/services/environment.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { EnvironmentService } from './environment.service';
+
+describe('EnvironmentService', () => {
+  let service: EnvironmentService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(EnvironmentService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/services/environment.service.ts

@@ -0,0 +1,23 @@
+// In your library's services/environment.service.ts
+import { Injectable, InjectionToken, Inject } from '@angular/core';
+// import { ENVIRONMENT } from '../models/ENVIRONMENT_TOKEN';
+
+export const ENVIRONMENT = new InjectionToken<Environment>('environment');
+
+export interface Environment {
+  production: boolean;
+  AuthenticationAPI: string;
+  APIKey:string,
+  Secret:string,
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class EnvironmentService {
+  constructor(@Inject(ENVIRONMENT) private env: Environment) {}
+
+  get environment(): Environment {
+    return this.env;
+  }
+}

package/src/lib/services/http-web-request.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { HttpWebRequestService } from './http-web-request.service';
+
+describe('HttpWebRequestService', () => {
+  let service: HttpWebRequestService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(HttpWebRequestService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/services/http-web-request.service.ts

@@ -0,0 +1,101 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ErrorResponse } from '../models/ErrorResponse';
+import { EnvironmentService } from './environment.service';
+import { NotificationService } from 'verben-ng-ui';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class HttpWebRequestService {
+  isProd: boolean;
+
+  constructor(
+    private http: HttpClient,
+    private envSvc: EnvironmentService,
+    private notificationService: NotificationService
+  ) {
+    this.isProd = this.envSvc.environment.production;
+  }
+
+  private buildHeaders(){
+    return {
+      'Content-Type': 'application/json',
+    };
+  }
+
+  private buildUrl(url: string, baseUrl: string): string {
+    return `${baseUrl}/${url}`;
+  }
+
+  private handleError(err: any): ErrorResponse {
+    
+    const msg =
+      err.error?.ErrorMsg ||
+      (err.error?.errors?.values as string[])?.toString() ||
+      `${err.status} ${err.statusText}`;
+
+    this.notificationService.error(msg, { timeout: 3000 });
+    return new ErrorResponse(msg);
+  }
+
+  private request<T>(
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE',
+    url: string,
+    body?: any,
+    baseUrl: string = this.envSvc.environment.AuthenticationAPI,
+  ): Promise<T> | Observable<T> {
+    const options = {
+      headers: this.buildHeaders(),
+    };
+
+    const requestUrl = this.buildUrl(url, baseUrl);
+
+    switch (method) {
+      case 'GET':
+        return new Promise((resolve) =>
+          this.http.get<T>(requestUrl, options).subscribe({
+            next: resolve,
+            error: (err) => resolve(this.handleError(err) as T),
+          })
+        );
+      case 'POST':
+        return new Promise((resolve) =>
+          this.http.post<T>(requestUrl, body, options).subscribe({
+            next: resolve,
+            error: (err) => resolve(this.handleError(err) as T),
+          })
+        );
+      case 'PUT':
+        return this.http.put<T>(requestUrl, body, options);
+      case 'DELETE':
+        return this.http.delete<T>(requestUrl, options);
+    }
+  }
+
+  get<T>(url: string, baseUrl?: string): Promise<T> {
+    return this.request('GET', url, undefined, baseUrl) as Promise<T>;
+  }
+
+  post<T>(url: string, body: any, baseUrl?: string): Promise<T> {
+    return this.request('POST', url, JSON.stringify(body), baseUrl) as Promise<T>;
+  }
+
+  postFile<T>(url: string, formData: FormData, baseUrl?: string): Promise<T> {
+    return new Promise((resolve) =>
+      this.http.post<T>(this.buildUrl(url, baseUrl || this.envSvc.environment.AuthenticationAPI), formData).subscribe({
+        next: resolve,
+        error: (err) => resolve(this.handleError(err) as T),
+      })
+    );
+  }
+
+  put<T>(url: string, body: any, baseUrl?: string): Observable<T> {
+    return this.request('PUT', url, body, baseUrl) as Observable<T>;
+  }
+
+  delete<T>(url: string, baseUrl?: string): Observable<T> {
+    return this.request('DELETE', url, undefined, baseUrl) as Observable<T>;
+  }
+}

package/src/lib/services/util.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { UtilService } from './util.service';
+
+describe('UtilService', () => {
+  let service: UtilService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(UtilService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/services/util.service.ts

@@ -0,0 +1,28 @@
+import {
+  Inject,
+  Injectable,
+  InjectionToken,
+  Optional,
+  SkipSelf,
+} from '@angular/core';
+import { UTIL_SERVICE } from 'verben-ng-ui';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class UtilService {
+  constructor(
+    @Optional()
+    @Inject(UTIL_SERVICE)
+    private parentUtilService: any
+  ) {}
+
+  sendBI(state: boolean): void {
+    console.log({ Service: this.parentUtilService });
+    if (this.parentUtilService && this.parentUtilService.sendBI) {
+      this.parentUtilService.sendBI(state);
+    } else {
+      console.warn('Util Service is not provided');
+    }
+  }
+}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,29 +1,50 @@
+/*
+ * Public API Surface of verben-ng-ui
+ */
+
+// export * from './lib/verben-ng-ui.service';
+// export * from './lib/verben-ng-ui.component';
+
+// Exporting modules
+
 export * from './lib/components/reset-password/reset-password.component';
 export * from './lib/components/reset-password/reset-password.module';
 export * from './lib/components/reset-password/ResetPasswordData';
+//user-request-lib
 export * from './lib/components/user-request/user-request.component';
 export * from './lib/components/user-request/user-request.module';
 export * from './lib/models/UserRequest';
+//mail-validation
 export * from './lib/components/mail-validation/mail-validation.component';
 export * from './lib/components/mail-validation/mail-validation.module';
+
+//sign up
 export * from './lib/components/sign-up/sign-up.component';
 export * from './lib/components/sign-up/sign-up.module';
+//sign in
 export * from './lib/components/sign-in/sign-in.module';
 export * from './lib/components/sign-in/sign-in.component';
+//Otp
 export * from './lib/components/two-factor-auth-otp/two-factor-auth-otp.module';
 export * from './lib/components/two-factor-auth-otp/two-factor-auth-otp.component';
+//2FA
 export * from './lib/components/two-factor-auth-setup/two-factor-auth-setup.module';
 export * from './lib/components/two-factor-auth-setup/two-factor-auth-setup.component';
+//sign up
 export * from './lib/components/mail/mail.module';
 export * from './lib/components/mail/mail.component';
+
 export * from './lib/components/forgot-password/forgot-password.component';
 export * from './lib/components/forgot-password/forgot-password.module';
 export * from './lib/components/forgot-password/ForgotPasswordData';
 export * from './lib/components/sso/sso.component';
 export * from './lib/components/sso/sso.module';
+
 export * from './lib/components/user-request-approval/user-request-approval.module';
 export * from './lib/components/user-request-approval/user-request-approval.component';
+
 export * from './lib/components/user-management/useer-management.module';
 export * from './lib/components/user-management/user-management.component';
 export * from './lib/components/user-request-approval/user-request-approval.service';
 export * from './lib/services/environment.service';
+

package/src/styles.css

@@ -0,0 +1,96 @@
+* {
+  font-family: sans-serif;
+  font-size: 16px;
+}
+
+.flex {
+  display: flex;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-end {
+  justify-content: end;
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.grid {
+  display: grid;
+}
+
+.verben-error-message {
+  font-size: 0.8rem;
+  color: red;
+}
+
+.verben-input {
+  border: 1px solid #cbd5e1;
+  outline: none;
+  border-radius: 5px;
+  color: #334155;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+}
+
+.verben-input::placeholder {
+  color: #64748b;
+}
+
+.verben-input:hover {
+  border: 1px solid #697e97
+}
+
+.verben-input.disabled {
+  opacity: 1;
+  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
+  pointer-events: none;
+  color: #64748b;
+}
+
+.verben-input:disabled {
+  opacity: 1;
+  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
+  pointer-events: none;
+  color: #64748b;
+}
+
+.verben-input.focused {
+  border-color: #3b82f6;
+  outline: none;
+}
+
+.verben-input:focus {
+  border-color: #3b82f6;
+  outline: none;
+}
+
+.verben-input.ng-invalid {
+  border-color: red;
+}
+
+.verben-button {
+  padding: 8px 15px;
+  border-radius: 4px;
+  border: none;
+  text-align: center;
+}
+
+.verben-button.primary {
+  background-color: rgba(255, 230, 129, 1);
+}
+
+.verben-button.secondary {
+  background-color: rgba(217, 217, 217, 0.25);
+}

package/src/theme/tailwind-setup.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;