verben-authentication-ui 0.0.2 → 0.0.4

package/lib/components/forgot-password/ForgotPasswordData.d.ts

@@ -0,0 +1,3 @@
+export interface ForgotPasswordData {
+    Email: string;
+}

package/lib/components/forgot-password/forgot-password.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { AbstractControl, FormBuilder, FormGroup, ValidationErrors } from '@angular/forms';
+import { ForgotPasswordData } from './ForgotPasswordData';
+import * as i0 from "@angular/core";
+export declare class ForgotPasswordComponent {
+    private fb;
+    title: string;
+    subTitle: string;
+    buttonCaption: string;
+    buttonTextColor?: string;
+    buttonBackgroundColor?: string;
+    onSubmit: EventEmitter<ForgotPasswordData>;
+    forgotPasswordForm: FormGroup;
+    constructor(fb: FormBuilder);
+    isValidEmail(mail: string): boolean;
+    emailValidator(control: AbstractControl): ValidationErrors | null;
+    checkForm(): boolean;
+    submit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ForgotPasswordComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ForgotPasswordComponent, "verben-forgot-password", never, { "title": { "alias": "title"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; "buttonCaption": { "alias": "buttonCaption"; "required": false; }; "buttonTextColor": { "alias": "buttonTextColor"; "required": false; }; "buttonBackgroundColor": { "alias": "buttonBackgroundColor"; "required": false; }; }, { "onSubmit": "onSubmit"; }, never, never, false, never>;
+}

package/lib/components/forgot-password/forgot-password.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./forgot-password.component";
+import * as i2 from "@angular/forms";
+import * as i3 from "verben-ng-ui";
+import * as i4 from "@angular/common";
+export declare class ForgotPasswordModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ForgotPasswordModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ForgotPasswordModule, [typeof i1.ForgotPasswordComponent], [typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.VerbenaInputModule, typeof i3.VerbenaButtonModule, typeof i4.CommonModule], [typeof i1.ForgotPasswordComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ForgotPasswordModule>;
+}

package/lib/components/reset-password/reset-password.component.d.ts

@@ -1,9 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import { AbstractControl, FormBuilder, FormGroup, ValidationErrors } from '@angular/forms';
 import { ResetPasswordData } from './ResetPasswordData';
+import { HttpWebRequestService } from '../../services/http-web-request.service';
 import * as i0 from "@angular/core";
 export declare class ResetPasswordComponent {
     private fb;
+    private req;
     title: string;
     subTitle: string;
     buttonCaption: string;
@@ -11,12 +13,13 @@ export declare class ResetPasswordComponent {
     buttonBackgroundColor?: string;
     showOldPassword: boolean;
     onSubmit: EventEmitter<ResetPasswordData>;
+    onSubmitResponseEnd: EventEmitter<any>;
     resetPasswordForm: FormGroup;
-    constructor(fb: FormBuilder);
+    constructor(fb: FormBuilder, req: HttpWebRequestService);
     checkForm(): boolean;
     oldPasswordValidator(control: AbstractControl): ValidationErrors | null;
     confirmPasswordValidator(control: AbstractControl): ValidationErrors | null;
     submit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResetPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ResetPasswordComponent, "verben-reset-password", never, { "title": { "alias": "title"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; "buttonCaption": { "alias": "buttonCaption"; "required": false; }; "buttonTextColor": { "alias": "buttonTextColor"; "required": false; }; "buttonBackgroundColor": { "alias": "buttonBackgroundColor"; "required": false; }; "showOldPassword": { "alias": "showOldPassword"; "required": false; }; }, { "onSubmit": "onSubmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResetPasswordComponent, "verben-reset-password", never, { "title": { "alias": "title"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; "buttonCaption": { "alias": "buttonCaption"; "required": false; }; "buttonTextColor": { "alias": "buttonTextColor"; "required": false; }; "buttonBackgroundColor": { "alias": "buttonBackgroundColor"; "required": false; }; "showOldPassword": { "alias": "showOldPassword"; "required": false; }; }, { "onSubmit": "onSubmit"; "onSubmitResponseEnd": "onSubmitResponseEnd"; }, never, never, false, never>;
 }

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

@@ -1,12 +1,11 @@
 import { EventEmitter } from '@angular/core';
+import { AbstractControl, FormBuilder, FormGroup, ValidationErrors } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class UserRequestComponent {
+    private fb;
     width: string;
-    fName: string;
-    lName: string;
-    email: string;
-    pwd: string;
-    cPwd: string;
+    headingTitle: string;
+    headingClass: string;
     customClass: string;
     bgColor: string;
     boxShadow: string;
@@ -22,13 +21,23 @@ export declare class UserRequestComponent {
     btnBgColor: string;
     btnWidth: string;
     btnPd: string;
+    termsLink: string;
+    privacyLink: string;
+    routerLink: string;
     formSubmit: EventEmitter<{
         FirstName: string;
         LastName: string;
         MailAddress: string;
         Password: string;
         ConfirmPassword: string;
+        Terms: boolean;
     }>;
+    googleClick: EventEmitter<any>;
+    appleClick: EventEmitter<any>;
+    userRequestForm: FormGroup;
+    constructor(fb: FormBuilder);
+    passwordMatchValidator(control: AbstractControl): ValidationErrors | null;
+    get passwordMismatchError(): boolean;
     get styles(): {
         'background-color': string;
         'box-shadow': string;
@@ -36,11 +45,13 @@ export declare class UserRequestComponent {
         'border-radius': string;
         color: string;
         'max-width': string;
-        margin: string;
         height: string;
         padding: string;
     };
+    checkForm(): boolean;
+    handleGoogleAuth(): void;
+    handleAppleAuth(): void;
     submitForm(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserRequestComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserRequestComponent, "lib-user-request", never, { "width": { "alias": "width"; "required": false; }; "fName": { "alias": "fName"; "required": false; }; "lName": { "alias": "lName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "pwd": { "alias": "pwd"; "required": false; }; "cPwd": { "alias": "cPwd"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "height": { "alias": "height"; "required": false; }; "pd": { "alias": "pd"; "required": false; }; "text": { "alias": "text"; "required": false; }; "color": { "alias": "color"; "required": false; }; "btnBorder": { "alias": "btnBorder"; "required": false; }; "btnBorderRadius": { "alias": "btnBorderRadius"; "required": false; }; "btnBgColor": { "alias": "btnBgColor"; "required": false; }; "btnWidth": { "alias": "btnWidth"; "required": false; }; "btnPd": { "alias": "btnPd"; "required": false; }; }, { "formSubmit": "formSubmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserRequestComponent, "lib-user-request", never, { "width": { "alias": "width"; "required": false; }; "headingTitle": { "alias": "headingTitle"; "required": false; }; "headingClass": { "alias": "headingClass"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "height": { "alias": "height"; "required": false; }; "pd": { "alias": "pd"; "required": false; }; "text": { "alias": "text"; "required": false; }; "color": { "alias": "color"; "required": false; }; "btnBorder": { "alias": "btnBorder"; "required": false; }; "btnBorderRadius": { "alias": "btnBorderRadius"; "required": false; }; "btnBgColor": { "alias": "btnBgColor"; "required": false; }; "btnWidth": { "alias": "btnWidth"; "required": false; }; "btnPd": { "alias": "btnPd"; "required": false; }; "termsLink": { "alias": "termsLink"; "required": false; }; "privacyLink": { "alias": "privacyLink"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; }, { "formSubmit": "formSubmit"; "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
 }

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

@@ -0,0 +1,3 @@
+import { ColumnDefinition } from 'verben-ng-ui';
+import { UserAccessRequest } from '../../models/user-access-request';
+export declare const columns: ColumnDefinition<UserAccessRequest>[];

package/lib/components/user-request-approval/base-table-style.d.ts

@@ -0,0 +1 @@
+export declare const baseStyle: any;

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

@@ -0,0 +1,6 @@
+import { UserAccessRequest } from '../../models/user-access-request';
+export declare const roles: {
+    id: string;
+    name: string;
+}[];
+export declare const mockData: UserAccessRequest[];

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

@@ -0,0 +1,12 @@
+import { UserAccessRequestStatus } from '../../../models/user-access-request-status';
+import * as i0 from "@angular/core";
+export declare class UserAccessRequestStatusBadgeComponent {
+    status: UserAccessRequestStatus;
+    badgeConfig(): {
+        bgColor: string;
+        textColor: string;
+        label: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserAccessRequestStatusBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserAccessRequestStatusBadgeComponent, "lib-user-access-request-status-badge", never, { "status": { "alias": "status"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,50 @@
+import { UserAccessRequest } from '../../models/user-access-request';
+import { CardData, CardDataViewComponent, DataViewComponent, IDataFilter } from 'verben-ng-ui';
+import * as i0 from "@angular/core";
+export declare class UserRequestApprovalComponent {
+    cardDataView: CardDataViewComponent;
+    dataView: DataViewComponent;
+    columns: import("verben-ng-ui").ColumnDefinition<UserAccessRequest>[];
+    data: UserAccessRequest[];
+    styles: any;
+    currentData: CardData | null;
+    isGridView: boolean;
+    selected: CardData | null;
+    cardData: CardData[];
+    openDetailView(mailAddress: string): void;
+    getCardDataByMailAddress(mailAddress: string): CardData | undefined;
+    onViewChange(isGridView: boolean): void;
+    openFormView(index: number): void;
+    handleExport(exportedData: Partial<any>[]): void;
+    /**
+     *
+     * @param data Simple csv export for testing
+     */
+    private downloadCSV;
+    onSelectionChange(selectedRows: UserAccessRequest[]): void;
+    /**
+     * Copied over from card view doc until I understand usage
+     */
+    selectedColumnCount: number;
+    selectedFilterTableCount: number;
+    isOPen: boolean;
+    selectedSortCount: number;
+    showColumn: boolean;
+    showSort: boolean;
+    selectedAll: boolean;
+    visibleColumns: IDataFilter[];
+    filterArray: IDataFilter[];
+    sortOptions: IDataFilter[];
+    clearData(): void;
+    loadMore(): void;
+    onColumnChange(event: boolean): void;
+    onSortChange(event: boolean): void;
+    onColumnsUpdated(updatedColumns: IDataFilter[]): void;
+    onSortUpdated(updatedSorts: IDataFilter[]): void;
+    onStateChange(event: {
+        key: string;
+        value: boolean;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserRequestApprovalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserRequestApprovalComponent, "lib-user-request-approval", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./user-request-approval.component";
+import * as i2 from "./user-request-form/user-request-form.component";
+import * as i3 from "./user-access-request-status-badge/user-access-request-status-badge.component";
+import * as i4 from "@angular/common";
+import * as i5 from "verben-ng-ui";
+import * as i6 from "@angular/forms";
+export declare class LibUserRequestApprovalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibUserRequestApprovalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LibUserRequestApprovalModule, [typeof i1.UserRequestApprovalComponent, typeof i2.UserRequestFormComponent, typeof i3.UserAccessRequestStatusBadgeComponent], [typeof i4.CommonModule, typeof i5.DataTableModule, typeof i5.CardModule, typeof i5.SvgModule, typeof i5.DataViewModule, typeof i5.CardDataViewModule, typeof i5.SortTableModule, typeof i5.VisibleColumnModule, typeof i5.TableFilterModule, typeof i5.DataExportModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i5.VerbenaInputModule, typeof i5.VerbenaButtonModule, typeof i5.VerbenaBadgeModule, typeof i5.DropDownModule], [typeof i1.UserRequestApprovalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LibUserRequestApprovalModule>;
+}

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

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { CardData } from 'verben-ng-ui';
+import * as i0 from "@angular/core";
+export declare class UserRequestFormComponent {
+    private fb;
+    set currentData(value: CardData | null);
+    switchView: EventEmitter<undefined>;
+    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"; }, never, never, false, never>;
+}

package/lib/models/ErrorResponse.d.ts

@@ -0,0 +1,6 @@
+export declare class ErrorResponse {
+    ErrorMsg: string;
+    StatusCode?: number | undefined;
+    FullLog?: any;
+    constructor(ErrorMsg: string, StatusCode?: number | undefined, FullLog?: any);
+}

package/lib/models/base.d.ts

@@ -0,0 +1,10 @@
+import { ObjectState } from './object-state';
+export interface BaseModel {
+    id: string | number;
+    Id: string;
+    CreatedAt: Date;
+    UpdatedAt: Date;
+    State: ObjectState;
+    Tenant: string;
+    readonly Error?: string;
+}

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

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

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

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

package/lib/models/user-access-request.d.ts

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

package/lib/models/user.d.ts

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

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

@@ -0,0 +1,14 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const ENVIRONMENT: InjectionToken<Environment>;
+export interface Environment {
+    production: boolean;
+    AuthenticationAPI: string;
+}
+export declare class EnvironmentService {
+    private env;
+    constructor(env: Environment);
+    get environment(): Environment;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EnvironmentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EnvironmentService>;
+}

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

@@ -0,0 +1,17 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { EnvironmentService } from './environment.service';
+import * as i0 from "@angular/core";
+export declare class HttpWebRequestService {
+    private http;
+    private envSvc;
+    isProd: boolean;
+    constructor(http: HttpClient, envSvc: EnvironmentService);
+    get(url: string, baseUrl?: string): Promise<unknown>;
+    post(url: string, body: any, baseUrl?: string): Promise<any>;
+    postFile(url: string, formData: FormData, baseUrl?: string): Promise<any>;
+    put(url: string, body: any, baseUrl?: string): Observable<Object>;
+    delete(url: string, baseUrl?: string): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HttpWebRequestService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HttpWebRequestService>;
+}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "verben-authentication-ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "peerDependencies": {
     "@angular/common": "^14.0.0 || ^18.0.0",
     "@angular/core": "^14.0.0 || ^18.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "verben-ng-ui": "~0.0.4"
+    "verben-ng-ui": "~0.0.8"
   },
   "sideEffects": false,
   "module": "fesm2022/verben-authentication-ui.mjs",

package/public-api.d.ts

@@ -15,3 +15,9 @@ export * from './lib/components/two-factor-auth-setup/two-factor-auth-setup.modu
 export * from './lib/components/two-factor-auth-setup/two-factor-auth-setup.component';
 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/services/environment.service';
+export * from './lib/components/user-request-approval/user-request-approval.module';
+export * from './lib/components/user-request-approval/user-request-approval.component';