verben-authentication-ui 0.3.2 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/o-auth/o-auth.component.mjs +27 -7
- package/esm2022/lib/components/reset-password/reset-password.component.mjs +1 -1
- package/esm2022/lib/components/sign-in/sign-in.component.mjs +32 -6
- package/esm2022/lib/components/sign-up/sign-up.component.mjs +1 -1
- package/esm2022/lib/components/two-factor-auth-otp/two-factor-auth-otp.component.mjs +31 -4
- package/esm2022/lib/components/user-request/user-request.component.mjs +3 -3
- package/esm2022/lib/models/auth-mechanism.mjs +8 -0
- package/esm2022/lib/models/resend-otp-data.mjs +2 -0
- package/esm2022/lib/services/http-web-request.service.mjs +8 -9
- package/fesm2022/verben-authentication-ui.mjs +100 -23
- package/fesm2022/verben-authentication-ui.mjs.map +1 -1
- package/lib/components/o-auth/o-auth.component.d.ts +11 -3
- package/lib/components/sign-in/sign-in.component.d.ts +6 -2
- package/lib/components/two-factor-auth-otp/two-factor-auth-otp.component.d.ts +5 -3
- package/lib/models/auth-mechanism.d.ts +13 -0
- package/lib/models/resend-otp-data.d.ts +8 -0
- package/lib/services/http-web-request.service.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { AuthMechanism } from '../../models/auth-mechanism';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class OAuthComponent {
|
|
4
|
+
export declare class OAuthComponent implements OnInit {
|
|
5
|
+
showGoogle: boolean;
|
|
6
|
+
showMicrosoft: boolean;
|
|
7
|
+
showApple: boolean;
|
|
8
|
+
authMechanisms: AuthMechanism[] | null;
|
|
9
|
+
microsoftClick: EventEmitter<void>;
|
|
4
10
|
googleClick: EventEmitter<void>;
|
|
5
11
|
appleClick: EventEmitter<void>;
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
oAuthWithMicrosoft(): void;
|
|
6
14
|
oAuthWithGoogle(): void;
|
|
7
15
|
oAuthWithApple(): void;
|
|
8
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<OAuthComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OAuthComponent, "verben-o-auth", never, {}, { "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OAuthComponent, "verben-o-auth", never, { "authMechanisms": { "alias": "authMechanisms"; "required": false; }; }, { "microsoftClick": "microsoftClick"; "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
|
|
10
18
|
}
|
|
@@ -6,6 +6,7 @@ import { UtilService } from '../../services/util.service';
|
|
|
6
6
|
import { ErrorResponse } from '../../models/ErrorResponse';
|
|
7
7
|
import { ResponseKeyValue } from '../../models/ResponseKeyValue';
|
|
8
8
|
import { EnvironmentService } from '../../services/environment.service';
|
|
9
|
+
import { AuthMechanism } from '../../models/auth-mechanism';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
export declare class SignInComponent implements OnInit {
|
|
11
12
|
private fb;
|
|
@@ -47,9 +48,11 @@ export declare class SignInComponent implements OnInit {
|
|
|
47
48
|
formSubmit: EventEmitter<LoginData>;
|
|
48
49
|
onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse>;
|
|
49
50
|
googleClick: EventEmitter<any>;
|
|
51
|
+
microsoftClick: EventEmitter<any>;
|
|
50
52
|
appleClick: EventEmitter<any>;
|
|
51
53
|
tenantDetails: any | null;
|
|
52
|
-
AuthMechanisms:
|
|
54
|
+
AuthMechanisms: AuthMechanism[] | null;
|
|
55
|
+
showform: boolean;
|
|
53
56
|
loginForm: FormGroup;
|
|
54
57
|
apiKey: string;
|
|
55
58
|
secret: string;
|
|
@@ -59,6 +62,7 @@ export declare class SignInComponent implements OnInit {
|
|
|
59
62
|
checkForm(): boolean;
|
|
60
63
|
submit(): Promise<void>;
|
|
61
64
|
handleGoogleAuth(): void;
|
|
65
|
+
handleMicrosoft(): void;
|
|
62
66
|
handleAppleAuth(): void;
|
|
63
67
|
get styles(): {
|
|
64
68
|
'background-color': string;
|
|
@@ -73,5 +77,5 @@ export declare class SignInComponent implements OnInit {
|
|
|
73
77
|
padding: string;
|
|
74
78
|
};
|
|
75
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<SignInComponent, never>;
|
|
76
|
-
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; }; "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; }; "textColor": { "alias": "textColor"; "required": false; }; "height": { "alias": "height"; "required": false; }; "forgetPasswordClass": { "alias": "forgetPasswordClass"; "required": false; }; "requestAccessClass": { "alias": "requestAccessClass"; "required": false; }; "createAccountClass": { "alias": "createAccountClass"; "required": false; }; "createAccountLinkClass": { "alias": "createAccountLinkClass"; "required": false; }; "forgetPasswordLink": { "alias": "forgetPasswordLink"; "required": false; }; "createAccountLink": { "alias": "createAccountLink"; "required": false; }; "requestAccessLink": { "alias": "requestAccessLink"; "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"; "onSubmitEnd": "onSubmitEnd"; "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
|
|
80
|
+
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; }; "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; }; "textColor": { "alias": "textColor"; "required": false; }; "height": { "alias": "height"; "required": false; }; "forgetPasswordClass": { "alias": "forgetPasswordClass"; "required": false; }; "requestAccessClass": { "alias": "requestAccessClass"; "required": false; }; "createAccountClass": { "alias": "createAccountClass"; "required": false; }; "createAccountLinkClass": { "alias": "createAccountLinkClass"; "required": false; }; "forgetPasswordLink": { "alias": "forgetPasswordLink"; "required": false; }; "createAccountLink": { "alias": "createAccountLink"; "required": false; }; "requestAccessLink": { "alias": "requestAccessLink"; "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"; "onSubmitEnd": "onSubmitEnd"; "googleClick": "googleClick"; "microsoftClick": "microsoftClick"; "appleClick": "appleClick"; }, never, never, false, never>;
|
|
77
81
|
}
|
|
@@ -6,6 +6,7 @@ import { ErrorResponse } from '../../models/ErrorResponse';
|
|
|
6
6
|
import { ResponseKeyValue } from '../../models/ResponseKeyValue';
|
|
7
7
|
import { OtpData } from '../../models/otpValue';
|
|
8
8
|
import { MainUser } from '../../models/mainUser';
|
|
9
|
+
import { ResendOtpData } from '../../models/resend-otp-data';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
export declare class TwoFactorAuthOtpComponent {
|
|
11
12
|
private fb;
|
|
@@ -28,6 +29,7 @@ export declare class TwoFactorAuthOtpComponent {
|
|
|
28
29
|
height: string;
|
|
29
30
|
length: number;
|
|
30
31
|
otpClass: string;
|
|
32
|
+
resendOtpData: ResendOtpData;
|
|
31
33
|
User: MainUser;
|
|
32
34
|
OtpData: OtpData;
|
|
33
35
|
btnClass: string;
|
|
@@ -42,12 +44,12 @@ export declare class TwoFactorAuthOtpComponent {
|
|
|
42
44
|
buttonClick: EventEmitter<string>;
|
|
43
45
|
otpChange: EventEmitter<string>;
|
|
44
46
|
onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse>;
|
|
45
|
-
resend: EventEmitter<
|
|
47
|
+
resend: EventEmitter<ResponseKeyValue | ErrorResponse>;
|
|
46
48
|
constructor(fb: FormBuilder, server: HttpWebRequestService, utilService: UtilService);
|
|
47
49
|
ngOnInit(): void;
|
|
48
50
|
onOtpChange(value: string): void;
|
|
49
51
|
submitData(): Promise<void>;
|
|
50
|
-
resendOtp(): void
|
|
52
|
+
resendOtp(): Promise<void>;
|
|
51
53
|
get styles(): {
|
|
52
54
|
'background-color': string;
|
|
53
55
|
'box-shadow': string;
|
|
@@ -61,5 +63,5 @@ export declare class TwoFactorAuthOtpComponent {
|
|
|
61
63
|
padding: string;
|
|
62
64
|
};
|
|
63
65
|
static ɵfac: i0.ɵɵFactoryDeclaration<TwoFactorAuthOtpComponent, never>;
|
|
64
|
-
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; }; "User": { "alias": "User"; "required": false; }; "OtpData": { "alias": "OtpData"; "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"; "otpChange": "otpChange"; "onSubmitEnd": "onSubmitEnd"; "resend": "resend"; }, never, never, false, never>;
|
|
66
|
+
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; }; "resendOtpData": { "alias": "resendOtpData"; "required": false; }; "User": { "alias": "User"; "required": false; }; "OtpData": { "alias": "OtpData"; "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"; "otpChange": "otpChange"; "onSubmitEnd": "onSubmitEnd"; "resend": "resend"; }, never, never, false, never>;
|
|
65
67
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare enum MechanismType {
|
|
2
|
+
InApp = "InApp",
|
|
3
|
+
Google = "Google",
|
|
4
|
+
Apple = "Apple",
|
|
5
|
+
MicrosoftAD = "MicrosoftAD"
|
|
6
|
+
}
|
|
7
|
+
export interface AuthMechanism {
|
|
8
|
+
AuthMechanism: string;
|
|
9
|
+
ClientId: string;
|
|
10
|
+
ClientSecret: string;
|
|
11
|
+
RedirectUri: string;
|
|
12
|
+
Scope: string;
|
|
13
|
+
}
|
|
@@ -13,8 +13,8 @@ export declare class HttpWebRequestService {
|
|
|
13
13
|
private buildUrl;
|
|
14
14
|
private handleError;
|
|
15
15
|
private request;
|
|
16
|
-
get<T>(url: string, baseUrl?: string
|
|
17
|
-
post<T>(url: string, body: any, baseUrl?: string
|
|
16
|
+
get<T>(url: string, baseUrl?: string): Promise<T>;
|
|
17
|
+
post<T>(url: string, body: any, baseUrl?: string): Promise<T>;
|
|
18
18
|
postFile<T>(url: string, formData: FormData, baseUrl?: string): Promise<T>;
|
|
19
19
|
put<T>(url: string, body: any, baseUrl?: string): Observable<T>;
|
|
20
20
|
delete<T>(url: string, baseUrl?: string): Observable<T>;
|