verben-authentication-ui 1.0.12 → 1.0.13

package/src/lib/base/base-data.facade.ts

@@ -1,157 +0,0 @@
-import { Injectable } from '@angular/core';
-import {
-  Observable,
-  Subject,
-  debounceTime,
-  distinctUntilChanged,
-  takeUntil,
-} from 'rxjs';
-import { IQueryParams } from './models';
-import { BaseDataState } from './base-data.state';
-import { BaseDataService } from './base-data.service';
-import { BaseModel } from '../models/base';
-
-@Injectable()
-export abstract class BaseDataFacade<T extends BaseModel> {
-  private searchSubject = new Subject<string>();
-  private destroy$ = new Subject<void>();
-
-  constructor(
-    protected state: BaseDataState<T>,
-    protected service: BaseDataService<T>
-  ) {
-    this.setupSearchHandler();
-  }
-
-  private setupSearchHandler(): void {
-    this.searchSubject
-      .pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$))
-      .subscribe((searchTerm) => {
-        this.handleSearch(searchTerm);
-      });
-  }
-
-  destroy(): void {
-    this.destroy$.next();
-    this.destroy$.complete();
-  }
-
-  // State Observables
-  isUpdating$(): Observable<boolean> {
-    return this.state.isUpdating$();
-  }
-
-  getItems$(): Observable<T[]> {
-    return this.state.getItems$();
-  }
-
-  getSearchTerm$(): Observable<string> {
-    return this.state.getSearchTerm$();
-  }
-
-  getQueryParams$(): Observable<IQueryParams<T>> {
-    return this.state.getQueryParams$();
-  }
-
-  // Actions
-  search(term: string): void {
-    this.searchSubject.next(term);
-  }
-
-  protected async handleSearch(searchTerm: string): Promise<void> {
-    this.state.setSearchTerm(searchTerm);
-    this.state.resetPagination();
-    await this.loadItems();
-  }
-
-  async loadItems(): Promise<void> {
-    try {
-      this.state.setUpdating(true);
-      const params = this.state.getQueryParamsValue();
-      const searchTerm = this.state.getSearchTermValue();
-
-      const response = searchTerm
-        ? await this.service
-            .getItemsBySearchTerm(
-              searchTerm,
-              params.skip,
-              params.limit,
-              params.sortParam!,
-              params.sortOrder
-            )
-            .toPromise()
-        : await this.service
-            .getItems(
-              params.skip,
-              params.limit,
-              params.sortParam!,
-              params.sortOrder
-            )
-            .toPromise();
-
-      if (response?.Result) {
-        this.state.setItems(response?.Result);
-      }
-    } catch (error) {
-      console.error('Failed to load items:', error);
-      throw error;
-    } finally {
-      this.state.setUpdating(false);
-    }
-  }
-
-  async loadMore(): Promise<void> {
-    try {
-      this.state.setUpdating(true);
-      const currentParams = this.state.getQueryParamsValue();
-      const newSkip = currentParams.skip + currentParams.limit;
-      this.state.updateQueryParams({ skip: newSkip });
-
-      const response = await this.service
-        .getItems(
-          newSkip,
-          currentParams.limit,
-          currentParams.sortParam!,
-          currentParams.sortOrder
-        )
-        .toPromise();
-
-      if (response?.Result) {
-        this.state.appendItems(response.Result);
-      }
-    } catch (error) {
-      console.error('Failed to load more items:', error);
-      throw error;
-    } finally {
-      this.state.setUpdating(false);
-    }
-  }
-
-  async saveItem(item: T): Promise<void> {
-    try {
-      this.state.setUpdating(true);
-      const response = await this.service.saveItems([item]).toPromise();
-      if (response?.[0]) {
-        this.state.updateItem(response[0]);
-      }
-    } catch (error) {
-      console.error('Failed to save item:', error);
-      throw error;
-    } finally {
-      this.state.setUpdating(false);
-    }
-  }
-
-  async deleteItem(itemId: string): Promise<void> {
-    try {
-      this.state.setUpdating(true);
-      await this.service.deleteItems([itemId]).toPromise();
-      this.state.removeItem(itemId);
-    } catch (error) {
-      console.error('Failed to delete item:', error);
-      throw error;
-    } finally {
-      this.state.setUpdating(false);
-    }
-  }
-}

package/src/lib/base/base-data.service.ts

@@ -1,49 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Observable } from 'rxjs';
-import { BaseModel } from '../models/base';
-import { Paged } from '../models/paged';
-
-export abstract class BaseDataService<T extends BaseModel> {
-  constructor(protected http: HttpClient, protected baseUrl: string) {}
-
-  abstract getEndpoint(): string;
-
-  getItems(
-    skip: number,
-    limit: number,
-    sortParam: keyof T,
-    sortOrder: string
-  ): Observable<Paged<T>> {
-    return this.http.get<Paged<T>>(
-      `${this.baseUrl}/${this.getEndpoint()}/${skip}/${limit}/${String(
-        sortParam
-      )}/${sortOrder}`
-    );
-  }
-
-  getItemsBySearchTerm(
-    searchTerm: string,
-    skip: number,
-    limit: number,
-    sortParam: keyof T,
-    sortOrder: string
-  ): Observable<Paged<T>> {
-    return this.http.get<Paged<T>>(
-      `${
-        this.baseUrl
-      }/${this.getEndpoint()}/search/${searchTerm}/${skip}/${limit}/${String(
-        sortParam
-      )}/${sortOrder}`
-    );
-  }
-
-  saveItems(items: T[]): Observable<T[]> {
-    return this.http.post<T[]>(`${this.baseUrl}/${this.getEndpoint()}`, items);
-  }
-
-  deleteItems(itemIds: string[]): Observable<void> {
-    return this.http.delete<void>(
-      `${this.baseUrl}/${this.getEndpoint()}?ids=${itemIds.join(',')}`
-    );
-  }
-}

package/src/lib/base/base-data.state.ts

@@ -1,94 +0,0 @@
-import { BehaviorSubject, Observable } from 'rxjs';
-import { BaseModel } from '../models/base';
-import { IQueryParams } from './models';
-import { ColumnDefinition } from 'verben-ng-ui';
-
-export abstract class BaseDataState<T extends BaseModel> {
-  protected updating$ = new BehaviorSubject<boolean>(false);
-  protected items$ = new BehaviorSubject<T[]>([]);
-  protected searchTerm$ = new BehaviorSubject<string>('');
-  protected queryParams$ = new BehaviorSubject<IQueryParams<T>>({
-    skip: 0,
-    limit: 20,
-    sortOrder: 'asc',
-  });
-  protected columns$ = new BehaviorSubject<ColumnDefinition<T>[]>([]);
-
-  isUpdating$(): Observable<boolean> {
-    return this.updating$.asObservable();
-  }
-
-  setUpdating(isUpdating: boolean): void {
-    this.updating$.next(isUpdating);
-  }
-
-  getItems$(): Observable<T[]> {
-    return this.items$.asObservable();
-  }
-
-  setItems(items: T[]): void {
-    this.items$.next(items);
-  }
-
-  appendItems(newItems: T[]): void {
-    const currentItems = this.items$.getValue();
-    this.items$.next([...currentItems, ...newItems]);
-  }
-
-  getSearchTerm$(): Observable<string> {
-    return this.searchTerm$.asObservable();
-  }
-
-  getSearchTermValue(): string {
-    return this.searchTerm$.getValue();
-  }
-
-  setSearchTerm(term: string): void {
-    this.searchTerm$.next(term);
-  }
-
-  getQueryParams$(): Observable<IQueryParams<T>> {
-    return this.queryParams$.asObservable();
-  }
-
-  getQueryParamsValue(): IQueryParams<T> {
-    return this.queryParams$.getValue();
-  }
-
-  updateQueryParams(params: Partial<IQueryParams<T>>): void {
-    this.queryParams$.next({ ...this.queryParams$.getValue(), ...params });
-  }
-
-  resetPagination(): void {
-    const currentParams = this.queryParams$.getValue();
-    this.queryParams$.next({ ...currentParams, skip: 0 });
-  }
-
-  getColumns$(): Observable<ColumnDefinition<T>[]> {
-    return this.columns$.asObservable();
-  }
-
-  setColumns(columns: ColumnDefinition<T>[]): void {
-    this.columns$.next(columns);
-  }
-
-  // CRUD Operations
-  addItem(item: T): void {
-    const currentItems = this.items$.getValue();
-    this.items$.next([...currentItems, item]);
-  }
-
-  updateItem(updatedItem: T): void {
-    const items = this.items$.getValue();
-    const index = items.findIndex((item) => item.Id === updatedItem.Id);
-    if (index !== -1) {
-      items[index] = updatedItem;
-      this.items$.next([...items]);
-    }
-  }
-
-  removeItem(itemId: string): void {
-    const currentItems = this.items$.getValue();
-    this.items$.next(currentItems.filter((item) => item.Id !== itemId));
-  }
-}

package/src/lib/base/models.ts

@@ -1,14 +0,0 @@
-// base-data.model.ts
-export interface IBaseDataModel {
-  id: string;
-  createdAt?: Date;
-  updatedAt?: Date;
-}
-
-// base-query-params.model.ts
-export interface IQueryParams<T> {
-  skip: number;
-  limit: number;
-  sortParam?: keyof T;
-  sortOrder: 'asc' | 'desc';
-}

package/src/lib/components/auth-callback/auth-callback.component.css

@@ -1,30 +0,0 @@
-.wrapper{ 
-    width: 100%;
-    min-height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-.flexWrapper{ 
-    display: flex;
-    align-items: center;
-    justify-content: center; 
-}
-.loader {
-    border: 2px solid white;
-    border-radius: 50%;
-    border-top: 2px solid black;
-    width: 40px;
-    height: 40px;
-    -webkit-animation: spin 2s linear infinite;
-    animation: spin 2s linear infinite;
-  }
-    @-webkit-keyframes spin {
-    0% { -webkit-transform: rotate(0deg); }
-    100% { -webkit-transform: rotate(360deg); }
-  }
-  
-  @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-  }

package/src/lib/components/auth-callback/auth-callback.component.html

@@ -1,6 +0,0 @@
-<section class="wrapper"> 
-    <div class="flexWrapper"> 
-        <p class="{{redirectText}}">Redirecting ...</p>
-        <div class="loader"></div>
-    </div>
-</section>

package/src/lib/components/auth-callback/auth-callback.component.spec.ts

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

package/src/lib/components/auth-callback/auth-callback.component.ts

@@ -1,56 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-
-@Component({
-  selector: 'verben-auth-callback',
-  templateUrl: './auth-callback.component.html',
-  styleUrl: './auth-callback.component.css'
-})
-export class AuthCallbackComponent implements OnInit {
-  code: string = '';
-  previousUrl: string = '';
-  type: string = '';
-  @Input() redirectText?:string;
-  
-  constructor(private router: Router,
-    private route: ActivatedRoute
-  ) {}
-
-  ngOnInit() {
-    this.getType()
-    this.handleRedirect();
-  }
- 
-  getType(){ 
-  const data = localStorage.getItem('type')
-  if(data){ 
-    this.type = JSON.parse(data)
-  }
-  }
-  handleRedirect() {
-    const params = new URLSearchParams(window.location.search);
-    const code = params.get('code');
-    const stateParam = params.get('state');
-  console.log({code:code, state:stateParam}, 'data');
-  
-
-    if (code && stateParam) {
-      try {
-        const state = JSON.parse(decodeURIComponent(stateParam));
-        // const returnTo = state.returnTo || '/';
-        const splitStateArray=state.returnTo.split('?');
-        const returnTo = splitStateArray.length>0?splitStateArray[0]:state.returnTo;
-        const queryParams: any = { code };
-      if (this.type) {
-        queryParams.type = this.type;
-      }
-
-      this.router.navigate([returnTo], { queryParams });
-        // this.router.navigate([returnTo], { queryParams: { code } });
-      } catch (e) {
-       const msg = e
-      }
-    }
-  }
-  
-}

package/src/lib/components/auth-callback/auth-callback.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AuthCallbackComponent } from './auth-callback.component';
-
-@NgModule({
-  declarations: [AuthCallbackComponent],
-  imports: [CommonModule],
-  exports: [AuthCallbackComponent]
-})
-export class AuthCallbackModule {}

package/src/lib/components/button/button.component.css

@@ -1,3 +0,0 @@
-.disable-btn{
-    cursor: not-allowed;
-  }

package/src/lib/components/button/button.component.html

@@ -1,13 +0,0 @@
-<verbena-button
-[text]="text"
-[bgColor]="bgColor"
-[textColor]="color"
-[border]="border"
-[borderRadius]="borderRadius"
-[pd]="pd"
-[width]="width"
-[disable]="disabled"
-[ngStyle]="{'cursor': disabled ? 'not-allowed' : 'pointer' }"
-buttonClass="font-medium text-[22px] leading-[33px] {{buttonClass}}"
-(click)="handleClick()"
-></verbena-button>

package/src/lib/components/button/button.component.spec.ts

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

package/src/lib/components/button/button.component.ts

@@ -1,24 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-
-@Component({
-  selector: 'lib-button',
-  templateUrl: './button.component.html',
-  styleUrl: './button.component.css'
-})
-export class ButtonComponent{
-  @Input() text: string = '';
-  @Input() color: string = 'black';
-  @Input() border: string = '1px solid #FFE681';
-  @Input() borderRadius:string = "40px"
-  @Input() bgColor: string = '#FFE681';
-  @Input() width: string = '100%';
-  @Input() pd: string = '10px 20px';
-  @Input() buttonClass: string = '';
-  @Input() disabled: boolean = false;
-
-  @Output() buttonClick = new EventEmitter<void>();
-
-  handleClick(){ 
-    this.buttonClick.emit();
-  }
-}

package/src/lib/components/button/button.module.ts

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { VerbenaButtonModule } from 'verben-ng-ui';
-import { ButtonComponent } from './button.component';
-import { FormsModule } from '@angular/forms';
-@NgModule({
-  declarations: [ButtonComponent],
-  imports: [CommonModule,VerbenaButtonModule,FormsModule],
-  exports: [ButtonComponent]
-})
-export class ButtonModule {}

package/src/lib/components/forgot-password/forgot-password.component.css

@@ -1,50 +0,0 @@
-@import "../../../styles.css";
-
-.reset-password-container {
-  gap: 25px;
-  padding: 50px;
-  border: 1px solid rgba(102, 102, 102, 0.5);
-  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
-  border-radius: 24px;
-}
-
-.reset-password-title {
-  font-size: 30px;
-  font-weight: bold;
-}
-
-.reset-password-subtitle {
-  font-size: 14px;
-  font-weight: 500;
-  color: rgba(102, 102, 102, 1);
-}
-
-.form-field {
-  gap: 5px;
-}
-
-.form-field-caption {
-  color: rgba(102, 102, 102, 1);
-  /* font-weight: 600; */
-}
-
-.resend-caption {
-  font-size: 13px;
-}
-
-.resend-link {
-  color: #0000ff;
-  cursor: pointer;
-}
-
-.resend-link:hover {
-  text-decoration: underline;
-}
-
-.resend-title {
-  color: #666666;
-}
-
-.resend-text > span {
-  font-size: 16px;
-}

package/src/lib/components/forgot-password/forgot-password.component.html

@@ -1,38 +0,0 @@
-<div
-  *ngIf="!isSubmitted"
-  [formGroup]="this.forgotPasswordForm"
-  class="reset-password-container flex flex-col"
->
-  <div class="reset-password-header flex flex-col">
-    <div class="reset-password-title">{{ title }}</div>
-    <div class="reset-password-subtitle">{{ subTitle }}</div>
-  </div>
-  <div class="form-field flex flex-col">
-    <div class="form-field-caption">Email</div>
-    <verbena-input
-      bgColor="white"
-      borderRadius="12px"
-      formControlName="Email"
-      type="email"
-    ></verbena-input>
-  </div>
-  <verbena-button
-    fontWeight="700"
-    (click)="submit()"
-    [text]="buttonCaption"
-    width="100%"
-    [textColor]="buttonTextColor"
-    [bgColor]="buttonBackgroundColor"
-    borderRadius="25px"
-    [disable]="!this.checkForm()"
-  ></verbena-button>
-</div>
-<div *ngIf="isSubmitted" class="reset-password-container flex flex-col">
-  <div class="reset-password-title resend-title">
-    Follow the link sent to your e-mail to proceed
-  </div>
-  <div class="resend-text flex gap-1">
-    <span class="resend-caption">Didn't get a link?</span>
-    <span class="resend-caption resend-link" (click)="submit()">Resend</span>
-  </div>
-</div>

package/src/lib/components/forgot-password/forgot-password.component.spec.ts

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