verben-authentication-ui 1.0.2 → 1.0.3

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

@@ -0,0 +1,177 @@
+import { Injectable } from '@angular/core';
+import { HttpWebRequestService } from './http-web-request.service';
+import { SearchDynamicWrapper } from '../models/SearchDynamicWrapper';
+import { SearchOperator } from '../models/SearchOperator';
+import { SearchPropertySign } from '../models/SearchPropertySign';
+import { ErrorResponse } from '../models/ErrorResponse';
+import { PagedResult } from '../models/PagedResult';
+import { Observable, of } from 'rxjs';
+import { UtilService } from './util.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class LabelService {
+  private cache = new Map<string, string>();
+  private inFlightRequests = new Map<string, Promise<string>>();
+
+  constructor(
+    private utilService: UtilService,
+    private server: HttpWebRequestService
+  ) { 
+  }
+
+  async getAsyncLabel(value: any, entity: string, labelProp: string, env: string, key: string = 'Code'): Promise<string> {
+    const cacheKey = `${entity}_${labelProp}_${value}_${env}_${key}`;
+
+    if (this.cache.has(cacheKey)) {
+      const value = this.cache.get(cacheKey)!;
+      return value;
+    }
+
+    var payload: SearchDynamicWrapper = {
+      Fields: [labelProp],
+      SearchKeyValues: [
+        {
+          PropertyName: key,
+          EntityValue: value,
+          Operator: SearchOperator.And,
+          Sign: SearchPropertySign.EQ,
+        }
+      ],
+    };
+
+    this.utilService.sendBI(true);
+    const res = await this.server.post(
+      `SearchDynamic${entity}/0/1`,
+      payload,
+      env
+    );
+    this.utilService.sendBI(false);
+    if (res instanceof ErrorResponse) {
+      return '';
+    } else {
+      const result = (res as PagedResult<string>).Result;
+      const label = result.length > 0 ? result[0] : value;
+      this.cache.set(cacheKey, label);
+      return label;
+    }
+  }
+
+  async getAsyncLabelWithRequestTracking(
+    value: any,
+    entity: string,
+    labelProp: string,
+    env: string,
+    key: string = 'Code'
+  ): Promise<string> {
+    const cacheKey = `${entity}_${labelProp}_${value}_${env}_${key}`;
+  
+    if (this.cache.has(cacheKey)) {
+      return this.cache.get(cacheKey)!;
+    }
+  
+    if (this.inFlightRequests.has(cacheKey)) {
+      return this.inFlightRequests.get(cacheKey)!;
+    }
+  
+    const requestPromise = (async () => {
+      const payload: SearchDynamicWrapper = {
+        Fields: [labelProp],
+        SearchKeyValues: [
+          {
+            PropertyName: key,
+            EntityValue: value,
+            Operator: SearchOperator.And,
+            Sign: SearchPropertySign.EQ,
+          },
+        ],
+      };
+  
+      this.utilService.sendBI(true);
+      const res = await this.server.post(
+        `SearchDynamic${entity}/0/1`,
+        payload,
+        env
+      );
+      this.utilService.sendBI(false);
+  
+      let label: string;
+      if (res instanceof ErrorResponse) {
+        label = '';
+      } else {
+        const result = (res as PagedResult<string>).Result;
+        label = result.length > 0 ? result[0] : value;
+      }
+  
+      this.cache.set(cacheKey, label);
+      this.inFlightRequests.delete(cacheKey);
+  
+      return label;
+    })();
+  
+    // Save the in-flight request
+    this.inFlightRequests.set(cacheKey, requestPromise);
+  
+    return requestPromise;
+  }
+
+  async getAsyncLabelWithRequestTrackingNoGateway(
+    value: any,
+    entity: string,
+    labelProp: string,
+    env: string,
+    controller: string,
+    key: string = 'Code'
+  ): Promise<string> {
+    const cacheKey = `${entity}_${labelProp}_${value}_${env}_${key}_${controller}`;
+  
+    if (this.cache.has(cacheKey)) {
+      return this.cache.get(cacheKey)!;
+    }
+  
+    if (this.inFlightRequests.has(cacheKey)) {
+      return this.inFlightRequests.get(cacheKey)!;
+    }
+  
+    const requestPromise = (async () => {
+      const payload: SearchDynamicWrapper = {
+        Fields: [labelProp],
+        SearchKeyValues: [
+          {
+            PropertyName: key,
+            EntityValue: value,
+            Operator: SearchOperator.And,
+            Sign: SearchPropertySign.EQ,
+          },
+        ],
+      };
+  
+      this.utilService.sendBI(true);
+      const res = await this.server.post(
+        `${controller}/SearchDynamic${entity}s/0/1`,
+        payload,
+        env
+      );
+      this.utilService.sendBI(false);
+  
+      let label: string;
+      if (res instanceof ErrorResponse) {
+        label = '';
+      } else {
+        const result = (res as PagedResult<string>).Result;
+        label = result.length > 0 ? result[0] : value;
+      }
+  
+      this.cache.set(cacheKey, label);
+      this.inFlightRequests.delete(cacheKey);
+  
+      return label;
+    })();
+  
+    // Save the in-flight request
+    this.inFlightRequests.set(cacheKey, requestPromise);
+  
+    return requestPromise;
+  }
+}

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,49 @@
+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 {
+    if (this.parentUtilService && this.parentUtilService.sendBI) {
+      this.parentUtilService.sendBI(state);
+    } else {
+      console.warn('Util Service is not provided');
+    }
+  }
+
+  showInfo(message: string): void {
+    if (this.parentUtilService && this.parentUtilService.showInfo) {
+      this.parentUtilService.showInfo(message);
+    } else {
+      console.warn('Util Service is not provided');
+    }
+  }
+  showSuccess(message: string): void {
+    if (this.parentUtilService && this.parentUtilService.showSuccess) {
+      this.parentUtilService.showSuccess(message);
+    } else {
+      console.warn('Util Service is not provided');
+    }
+  }
+  showError(message: string): void {
+    if (this.parentUtilService && this.parentUtilService.showError) {
+      this.parentUtilService.showError(message);
+    } else {
+      console.warn('Util Service is not provided');
+    }
+  }
+}

package/src/lib/shared/shared.module.ts

@@ -0,0 +1,55 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {
+  CardDataViewModule,
+  CardModule,
+  DataExportModule,
+  DataTableModule,
+  DataViewModule,
+  DropDownModule,
+  SortTableModule,
+  SvgModule,
+  TableFilterModule,
+  VerbenaBadgeModule,
+  VerbenaButtonModule,
+  VerbenaInputModule,
+  VerbenaSwitchModule,
+  VerbenDialogueModule,
+  VisibleColumnModule,
+  VerbenaTextareaModule,
+  VerbenPopUpModule,
+  ChipModule,
+} from 'verben-ng-ui';
+
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { AsyncLabelPipe } from '../pipes/async-label.pipe';
+
+@NgModule({
+  declarations: [],
+  imports: [CommonModule, AsyncLabelPipe],
+  exports: [
+    CommonModule,
+    DataTableModule,
+    CardModule,
+    SvgModule,
+    DataViewModule,
+    CardDataViewModule,
+    SortTableModule,
+    VisibleColumnModule,
+    TableFilterModule,
+    DataExportModule,
+    FormsModule,
+    ReactiveFormsModule,
+    VerbenaInputModule,
+    VerbenaButtonModule,
+    VerbenaBadgeModule,
+    VerbenDialogueModule,
+    DropDownModule,
+    VerbenaTextareaModule,
+    VerbenaSwitchModule,
+    VerbenPopUpModule,
+    ChipModule,
+    AsyncLabelPipe
+  ],
+})
+export class SharedModule {}

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

@@ -1,34 +1,58 @@
+/*
+ * 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-request-approval/user-access-request-status-badge/user-access-request-status-badge.component';
+
 export * from './lib/components/user-management/user-management.module';
 export * from './lib/components/user-management/user-management.component';
+
 export * from './lib/components/auth-callback/auth-callback.component';
 export * from './lib/components/auth-callback/auth-callback.module';
+
 export * from './lib/services/environment.service';
 export * from './lib/services/authorization.service';
+
 export * from './lib/components/role-control/role-control.component';
 export * from './lib/components/role-control/role-control.module';
+

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;