verben-authentication-ui 0.0.4 → 0.0.5

package/lib/components/otp-input/otp-input.component.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class OtpInputComponent implements OnInit {
     private fb;
     length: number;
+    otpClass: string;
     otpChange: EventEmitter<string>;
     otpForm: FormGroup;
     constructor(fb: FormBuilder);
@@ -15,5 +16,5 @@ export declare class OtpInputComponent implements OnInit {
     private focusPreviousInput;
     private emitOtp;
     static ɵfac: i0.ɵɵFactoryDeclaration<OtpInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OtpInputComponent, "verben-otp-input", never, { "length": { "alias": "length"; "required": false; }; }, { "otpChange": "otpChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtpInputComponent, "verben-otp-input", never, { "length": { "alias": "length"; "required": false; }; "otpClass": { "alias": "otpClass"; "required": false; }; }, { "otpChange": "otpChange"; }, never, never, false, never>;
 }

package/lib/components/sign-in/sign-in.component.d.ts

@@ -19,6 +19,18 @@ export declare class SignInComponent {
     routerLink: string;
     forgetPasswordClass: string;
     headlingClass: string;
+    btnClass: string;
+    btnBgColor: string;
+    btnColor: string;
+    btnBorder: string;
+    btnBorderRadius: string;
+    btnPd: string;
+    btnText: string;
+    inputLabelColor: string;
+    inputBgColor: string;
+    inputBorder: string;
+    inputBorderRadius: string;
+    termsErrorText: string;
     formSubmit: EventEmitter<LoginData>;
     googleClick: EventEmitter<any>;
     appleClick: EventEmitter<any>;
@@ -41,5 +53,5 @@ export declare class SignInComponent {
         padding: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<SignInComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SignInComponent, "verben-sign-in", never, { "headlingText": { "alias": "headlingText"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "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; }; "routerLink": { "alias": "routerLink"; "required": false; }; "forgetPasswordClass": { "alias": "forgetPasswordClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; }, { "formSubmit": "formSubmit"; "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SignInComponent, "verben-sign-in", never, { "headlingText": { "alias": "headlingText"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "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; }; "routerLink": { "alias": "routerLink"; "required": false; }; "forgetPasswordClass": { "alias": "forgetPasswordClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "btnBgColor": { "alias": "btnBgColor"; "required": false; }; "btnColor": { "alias": "btnColor"; "required": false; }; "btnBorder": { "alias": "btnBorder"; "required": false; }; "btnBorderRadius": { "alias": "btnBorderRadius"; "required": false; }; "btnPd": { "alias": "btnPd"; "required": false; }; "btnText": { "alias": "btnText"; "required": false; }; "inputLabelColor": { "alias": "inputLabelColor"; "required": false; }; "inputBgColor": { "alias": "inputBgColor"; "required": false; }; "inputBorder": { "alias": "inputBorder"; "required": false; }; "inputBorderRadius": { "alias": "inputBorderRadius"; "required": false; }; "termsErrorText": { "alias": "termsErrorText"; "required": false; }; }, { "formSubmit": "formSubmit"; "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
 }

package/lib/components/sign-up/sign-up.component.d.ts

@@ -16,9 +16,19 @@ export declare class SignUpComponent {
     border: string;
     borderRadius: string;
     height: string;
-    priColor: string;
     textColor: string;
     disabled: boolean;
+    btnClass: string;
+    btnBgColor: string;
+    btnColor: string;
+    btnBorder: string;
+    btnBorderRadius: string;
+    btnPd: string;
+    btnText: string;
+    inputLabelColor: string;
+    inputBgColor: string;
+    inputBorder: string;
+    inputBorderRadius: string;
     termsLink: string;
     privacyLink: string;
     routerLink: string;
@@ -27,6 +37,7 @@ export declare class SignUpComponent {
     appleClick: EventEmitter<any>;
     signUpForm: FormGroup;
     constructor(fb: FormBuilder);
+    private passwordMatchValidator;
     checkForm(): boolean;
     submit(): void;
     handleGoogleAuth(): void;
@@ -44,5 +55,5 @@ export declare class SignUpComponent {
         padding: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<SignUpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SignUpComponent, "verben-sign-up", never, { "headlingText": { "alias": "headlingText"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "height": { "alias": "height"; "required": false; }; "priColor": { "alias": "priColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "disabled": { "alias": "disabled"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SignUpComponent, "verben-sign-up", never, { "headlingText": { "alias": "headlingText"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "height": { "alias": "height"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "btnBgColor": { "alias": "btnBgColor"; "required": false; }; "btnColor": { "alias": "btnColor"; "required": false; }; "btnBorder": { "alias": "btnBorder"; "required": false; }; "btnBorderRadius": { "alias": "btnBorderRadius"; "required": false; }; "btnPd": { "alias": "btnPd"; "required": false; }; "btnText": { "alias": "btnText"; "required": false; }; "inputLabelColor": { "alias": "inputLabelColor"; "required": false; }; "inputBgColor": { "alias": "inputBgColor"; "required": false; }; "inputBorder": { "alias": "inputBorder"; "required": false; }; "inputBorderRadius": { "alias": "inputBorderRadius"; "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/sso/base-table-style.d.ts

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

package/lib/components/sso/helper.d.ts

@@ -0,0 +1,2 @@
+import { SingleSignOn } from '../../models/single-sign-on';
+export declare const mockData: SingleSignOn[];

package/lib/components/sso/sso-form/sso-form.component.d.ts

@@ -0,0 +1,24 @@
+import { ElementRef, 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 SsoFormComponent {
+    private fb;
+    isUploading: boolean;
+    uploadedFileName: string | null;
+    fileUploadError: string | null;
+    videoElement: ElementRef<HTMLVideoElement>;
+    stream: MediaStream;
+    startWebcam(e: Event): void;
+    set currentData(value: CardData | null);
+    switchView: EventEmitter<undefined>;
+    form: FormGroup;
+    constructor(fb: FormBuilder);
+    ngOnInit(): void;
+    onSave(): void;
+    onDelete(): void;
+    onFileSelected(event: Event): void;
+    removeFile(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SsoFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SsoFormComponent, "lib-sso-form", never, { "currentData": { "alias": "currentData"; "required": false; }; }, { "switchView": "switchView"; }, never, never, false, never>;
+}

package/lib/components/sso/sso.columns.d.ts

@@ -0,0 +1,3 @@
+import { ColumnDefinition } from 'verben-ng-ui';
+import { SingleSignOn } from '../../models/single-sign-on';
+export declare const columns: ColumnDefinition<SingleSignOn>[];

package/lib/components/sso/sso.component.d.ts

@@ -0,0 +1,50 @@
+import { CardData, CardDataViewComponent, DataViewComponent, IDataFilter } from 'verben-ng-ui';
+import { SingleSignOn } from '../../models/single-sign-on';
+import * as i0 from "@angular/core";
+export declare class SsoComponent {
+    cardDataView: CardDataViewComponent;
+    dataView: DataViewComponent;
+    columns: import("verben-ng-ui").ColumnDefinition<SingleSignOn>[];
+    data: SingleSignOn[];
+    styles: any;
+    currentData: CardData | null;
+    isGridView: boolean;
+    selected: CardData | null;
+    cardData: CardData[];
+    openDetailView(name: string): void;
+    getCardDataByMailAddress(name: 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: SingleSignOn[]): 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<SsoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SsoComponent, "lib-sso", never, {}, {}, never, never, false, never>;
+}

package/lib/components/sso/sso.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sso.component";
+import * as i2 from "./sso-form/sso-form.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "verben-ng-ui";
+export declare class SsoModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SsoModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SsoModule, [typeof i1.SsoComponent, typeof i2.SsoFormComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.DataViewModule, typeof i5.TableFilterModule, typeof i5.SortTableModule, typeof i5.DataExportModule, typeof i5.VisibleColumnModule, typeof i5.VerbenaButtonModule, typeof i5.CardDataViewModule, typeof i5.VerbenaInputModule, typeof i5.SvgModule, typeof i5.VerbenaTextareaModule, typeof i5.DataTableModule], [typeof i1.SsoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SsoModule>;
+}

package/lib/components/two-factor-auth-otp/two-factor-auth-otp.component.d.ts

@@ -5,6 +5,7 @@ export declare class TwoFactorAuthOtpComponent {
     private fb;
     customClass: string;
     headlingClass: string;
+    headlingText: string;
     paragraphClass: string;
     resendClass: string;
     width: string;
@@ -17,6 +18,15 @@ export declare class TwoFactorAuthOtpComponent {
     borderRadius: string;
     textColor: string;
     height: string;
+    length: number;
+    otpClass: string;
+    btnClass: string;
+    btnBgColor: string;
+    btnColor: string;
+    btnBorder: string;
+    btnBorderRadius: string;
+    btnPd: string;
+    btnText: string;
     otpValue: string;
     otpForm: FormGroup;
     buttonClick: EventEmitter<string>;
@@ -24,7 +34,7 @@ export declare class TwoFactorAuthOtpComponent {
     constructor(fb: FormBuilder);
     ngOnInit(): void;
     onOtpChange(value: string): void;
-    emitFormData(): void;
+    submitData(): void;
     resendOtp(): void;
     get styles(): {
         'background-color': string;
@@ -39,5 +49,5 @@ export declare class TwoFactorAuthOtpComponent {
         padding: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<TwoFactorAuthOtpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TwoFactorAuthOtpComponent, "verben-auth-otp", never, { "customClass": { "alias": "customClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; "paragraphClass": { "alias": "paragraphClass"; "required": false; }; "resendClass": { "alias": "resendClass"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "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; }; }, { "buttonClick": "buttonClick"; "resend": "resend"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TwoFactorAuthOtpComponent, "verben-auth-otp", never, { "customClass": { "alias": "customClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; "headlingText": { "alias": "headlingText"; "required": false; }; "paragraphClass": { "alias": "paragraphClass"; "required": false; }; "resendClass": { "alias": "resendClass"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "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; }; "length": { "alias": "length"; "required": false; }; "otpClass": { "alias": "otpClass"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "btnBgColor": { "alias": "btnBgColor"; "required": false; }; "btnColor": { "alias": "btnColor"; "required": false; }; "btnBorder": { "alias": "btnBorder"; "required": false; }; "btnBorderRadius": { "alias": "btnBorderRadius"; "required": false; }; "btnPd": { "alias": "btnPd"; "required": false; }; "btnText": { "alias": "btnText"; "required": false; }; }, { "buttonClick": "buttonClick"; "resend": "resend"; }, never, never, false, never>;
 }

package/lib/components/two-factor-auth-setup/two-factor-auth-setup.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class TwoFactorAuthSetupComponent {
     customClass: string;
     headlingClass: string;
+    headlingText: string;
     paragraphClass: string;
     buttonClass: string;
     width: string;
@@ -34,5 +35,5 @@ export declare class TwoFactorAuthSetupComponent {
         padding: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<TwoFactorAuthSetupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TwoFactorAuthSetupComponent, "verben-two-factor-auth-setup", never, { "customClass": { "alias": "customClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; "paragraphClass": { "alias": "paragraphClass"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "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; }; }, { "smsClick": "smsClick"; "mailClick": "mailClick"; "skipClick": "skipClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TwoFactorAuthSetupComponent, "verben-two-factor-auth-setup", never, { "customClass": { "alias": "customClass"; "required": false; }; "headlingClass": { "alias": "headlingClass"; "required": false; }; "headlingText": { "alias": "headlingText"; "required": false; }; "paragraphClass": { "alias": "paragraphClass"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "pd": { "alias": "pd"; "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; }; }, { "smsClick": "smsClick"; "mailClick": "mailClick"; "skipClick": "skipClick"; }, never, never, false, never>;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { AbstractControl, FormBuilder, FormGroup, ValidationErrors } from '@angular/forms';
+import { UserRequestPayload } from "../../models/UserRequest";
 import * as i0 from "@angular/core";
 export declare class UserRequestComponent {
     private fb;
@@ -24,16 +25,10 @@ export declare class UserRequestComponent {
     termsLink: string;
     privacyLink: string;
     routerLink: string;
-    formSubmit: EventEmitter<{
-        FirstName: string;
-        LastName: string;
-        MailAddress: string;
-        Password: string;
-        ConfirmPassword: string;
-        Terms: boolean;
-    }>;
+    formSubmit: EventEmitter<UserRequestPayload>;
     googleClick: EventEmitter<any>;
     appleClick: EventEmitter<any>;
+    onSubmitResponseEnd: EventEmitter<any>;
     userRequestForm: FormGroup;
     constructor(fb: FormBuilder);
     passwordMatchValidator(control: AbstractControl): ValidationErrors | null;
@@ -51,7 +46,7 @@ export declare class UserRequestComponent {
     checkForm(): boolean;
     handleGoogleAuth(): void;
     handleAppleAuth(): void;
-    submitForm(): void;
+    submitForm(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserRequestComponent, 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>;
+    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"; "onSubmitResponseEnd": "onSubmitResponseEnd"; }, never, never, false, never>;
 }

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

@@ -1,16 +1,23 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { UserAccessRequest } from '../../models/user-access-request';
-import { CardData, CardDataViewComponent, DataViewComponent, IDataFilter } from 'verben-ng-ui';
+import { CardData, CardDataViewComponent, ColumnDefinition, DataViewComponent, IDataFilter } from 'verben-ng-ui';
+import { UserRequestApprovalService } from './user-request-approval.service';
 import * as i0 from "@angular/core";
-export declare class UserRequestApprovalComponent {
+export declare class UserRequestApprovalComponent implements OnInit {
+    private cdr;
+    private service;
     cardDataView: CardDataViewComponent;
     dataView: DataViewComponent;
-    columns: import("verben-ng-ui").ColumnDefinition<UserAccessRequest>[];
+    columns: ColumnDefinition<UserAccessRequest>[];
+    visibleColumnDef: ColumnDefinition<UserAccessRequest>[];
     data: UserAccessRequest[];
     styles: any;
     currentData: CardData | null;
     isGridView: boolean;
     selected: CardData | null;
     cardData: CardData[];
+    constructor(cdr: ChangeDetectorRef, service: UserRequestApprovalService);
+    ngOnInit(): void;
     openDetailView(mailAddress: string): void;
     getCardDataByMailAddress(mailAddress: string): CardData | undefined;
     onViewChange(isGridView: boolean): void;

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

@@ -0,0 +1,18 @@
+import { InjectionToken } from '@angular/core';
+import { UserAccessRequest } from '../../models/user-access-request';
+import * as i0 from "@angular/core";
+export interface ServiceConfig {
+    resourceEndpoint: string;
+}
+export declare const SERVICE_CONFIG: InjectionToken<ServiceConfig>;
+export declare class UserRequestApprovalService {
+    protected readonly resourceEndpoint: string;
+    roles: {
+        id: string;
+        name: string;
+    }[];
+    constructor();
+    getMockUserRequests(): UserAccessRequest[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserRequestApprovalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserRequestApprovalService>;
+}

package/lib/models/UserRequest.d.ts

@@ -0,0 +1,9 @@
+import { BaseModel } from "./base";
+export interface UserRequestPayload extends BaseModel {
+    FirstName: string;
+    LastName: string;
+    Email: string;
+    Password: string;
+    ConfirmPassword: string;
+    Terms: boolean;
+}

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

@@ -3,5 +3,6 @@ export interface SignUpData {
     Lastname: string;
     Email: string;
     Password: string;
+    Confirmpassword: string;
     Terms: boolean;
 }

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verben-authentication-ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "peerDependencies": {
     "@angular/common": "^14.0.0 || ^18.0.0",
     "@angular/core": "^14.0.0 || ^18.0.0"

package/public-api.d.ts

@@ -3,6 +3,7 @@ export * from './lib/components/reset-password/reset-password.module';
 export * from './lib/components/reset-password/ResetPasswordData';
 export * from './lib/components/user-request/user-request.component';
 export * from './lib/components/user-request/user-request.module';
+export * from './lib/models/UserRequest';
 export * from './lib/components/mail-validation/mail-validation.component';
 export * from './lib/components/mail-validation/mail-validation.module';
 export * from './lib/components/sign-up/sign-up.component';
@@ -18,6 +19,8 @@ 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/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-request-approval.service';