verben-authentication-ui 0.3.6 → 0.3.8
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/button/button.component.mjs +6 -3
- package/esm2022/lib/components/forgot-password/forgot-password.component.mjs +1 -1
- package/esm2022/lib/components/mail/mail.component.mjs +1 -1
- package/esm2022/lib/components/o-auth/o-auth.component.mjs +64 -50
- package/esm2022/lib/components/reset-password/reset-password.component.mjs +1 -1
- package/esm2022/lib/components/sign-in/sign-in.component.mjs +13 -3
- package/esm2022/lib/components/sign-up/sign-up.component.mjs +1 -1
- package/esm2022/lib/components/sso/sso-form/sso-form.component.mjs +1 -1
- package/esm2022/lib/components/two-factor-auth-otp/two-factor-auth-otp.component.mjs +1 -1
- package/esm2022/lib/components/user-management/user-management-form/use-management-form.component.mjs +1 -1
- package/esm2022/lib/components/user-request/user-request.component.mjs +128 -49
- package/esm2022/lib/components/user-request/user-request.module.mjs +7 -3
- package/esm2022/lib/components/user-request-approval/user-request-form/use-request-form.component.mjs +1 -1
- package/esm2022/lib/services/http-web-request.service.mjs +5 -5
- package/fesm2022/verben-authentication-ui.mjs +305 -204
- package/fesm2022/verben-authentication-ui.mjs.map +1 -1
- package/lib/components/button/button.component.d.ts +2 -1
- package/lib/components/o-auth/o-auth.component.d.ts +18 -1
- package/lib/components/sign-in/sign-in.component.d.ts +4 -1
- package/lib/components/user-request/user-request.component.d.ts +18 -2
- package/lib/components/user-request/user-request.module.d.ts +2 -1
- package/package.json +2 -2
|
@@ -10,8 +10,9 @@ export declare class ButtonComponent {
|
|
|
10
10
|
pd: string;
|
|
11
11
|
buttonClass: string;
|
|
12
12
|
disabled: boolean;
|
|
13
|
+
isLoading?: boolean;
|
|
13
14
|
buttonClick: EventEmitter<void>;
|
|
14
15
|
handleClick(): void;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "text": { "alias": "text"; "required": false; }; "color": { "alias": "color"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "width": { "alias": "width"; "required": false; }; "pd": { "alias": "pd"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "text": { "alias": "text"; "required": false; }; "color": { "alias": "color"; "required": false; }; "border": { "alias": "border"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "width": { "alias": "width"; "required": false; }; "pd": { "alias": "pd"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
|
|
17
18
|
}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { AuthMechanism } from '../../models/auth-mechanism';
|
|
3
|
+
import { ActivatedRoute } from '@angular/router';
|
|
4
|
+
import { HttpWebRequestService } from '../../services/http-web-request.service';
|
|
5
|
+
import { UtilService } from '../../services/util.service';
|
|
6
|
+
import { EnvironmentService } from '../../services/environment.service';
|
|
7
|
+
import { ErrorResponse } from '../../models/ErrorResponse';
|
|
8
|
+
import { ResponseKeyValue } from '../../models/ResponseKeyValue';
|
|
3
9
|
import * as i0 from "@angular/core";
|
|
4
10
|
declare global {
|
|
5
11
|
interface Window {
|
|
@@ -7,15 +13,26 @@ declare global {
|
|
|
7
13
|
}
|
|
8
14
|
}
|
|
9
15
|
export declare class OAuthComponent implements OnInit {
|
|
16
|
+
private route;
|
|
17
|
+
private server;
|
|
18
|
+
private utilService;
|
|
19
|
+
private envSvc;
|
|
10
20
|
clientId: string;
|
|
11
21
|
showGoogle: boolean;
|
|
12
22
|
showMicrosoft: boolean;
|
|
13
23
|
showApple: boolean;
|
|
14
24
|
authMechanisms: AuthMechanism[] | null;
|
|
25
|
+
redirectUri: string;
|
|
26
|
+
apiKey?: string;
|
|
15
27
|
microsoftClick: EventEmitter<void>;
|
|
28
|
+
onSubmitGoogleAuth: EventEmitter<ResponseKeyValue | ErrorResponse>;
|
|
16
29
|
googleClick: EventEmitter<void>;
|
|
17
30
|
appleClick: EventEmitter<void>;
|
|
31
|
+
code: string;
|
|
32
|
+
googleRedirectUrl: string;
|
|
33
|
+
constructor(route: ActivatedRoute, server: HttpWebRequestService, utilService: UtilService, envSvc: EnvironmentService);
|
|
18
34
|
ngOnInit(): void;
|
|
35
|
+
verifyUserDetails(): Promise<void>;
|
|
19
36
|
loadGoogleScript(): void;
|
|
20
37
|
oAuthWithMicrosoft(): void;
|
|
21
38
|
oAuthWithGoogle(): void;
|
|
@@ -23,5 +40,5 @@ export declare class OAuthComponent implements OnInit {
|
|
|
23
40
|
handleCredentialResponse(response: any): void;
|
|
24
41
|
oAuthWithApple(): void;
|
|
25
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<OAuthComponent, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OAuthComponent, "verben-o-auth", never, { "authMechanisms": { "alias": "authMechanisms"; "required": false; }; }, { "microsoftClick": "microsoftClick"; "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OAuthComponent, "verben-o-auth", never, { "authMechanisms": { "alias": "authMechanisms"; "required": false; }; "redirectUri": { "alias": "redirectUri"; "required": false; }; "apiKey": { "alias": "apiKey"; "required": false; }; }, { "microsoftClick": "microsoftClick"; "onSubmitGoogleAuth": "onSubmitGoogleAuth"; "googleClick": "googleClick"; "appleClick": "appleClick"; }, never, never, false, never>;
|
|
27
44
|
}
|
|
@@ -47,6 +47,7 @@ export declare class SignInComponent implements OnInit {
|
|
|
47
47
|
termsErrorText: string;
|
|
48
48
|
formSubmit: EventEmitter<LoginData>;
|
|
49
49
|
onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse>;
|
|
50
|
+
onGoogleAuthResponse: EventEmitter<ResponseKeyValue | ErrorResponse>;
|
|
50
51
|
googleClick: EventEmitter<any>;
|
|
51
52
|
microsoftClick: EventEmitter<any>;
|
|
52
53
|
appleClick: EventEmitter<any>;
|
|
@@ -56,6 +57,7 @@ export declare class SignInComponent implements OnInit {
|
|
|
56
57
|
loginForm: FormGroup;
|
|
57
58
|
apiKey: string;
|
|
58
59
|
secret: string;
|
|
60
|
+
isLoading: boolean;
|
|
59
61
|
constructor(fb: FormBuilder, server: HttpWebRequestService, utilService: UtilService, envSvc: EnvironmentService);
|
|
60
62
|
ngOnInit(): void;
|
|
61
63
|
getTenantConfig(): Promise<void>;
|
|
@@ -64,6 +66,7 @@ export declare class SignInComponent implements OnInit {
|
|
|
64
66
|
handleGoogleAuth(): void;
|
|
65
67
|
handleMicrosoft(): void;
|
|
66
68
|
handleAppleAuth(): void;
|
|
69
|
+
onSubmitGoogleAuth(data: ResponseKeyValue | ErrorResponse): void;
|
|
67
70
|
get styles(): {
|
|
68
71
|
'background-color': string;
|
|
69
72
|
'box-shadow': string;
|
|
@@ -77,5 +80,5 @@ export declare class SignInComponent implements OnInit {
|
|
|
77
80
|
padding: string;
|
|
78
81
|
};
|
|
79
82
|
static ɵfac: i0.ɵɵFactoryDeclaration<SignInComponent, 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>;
|
|
83
|
+
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"; "onGoogleAuthResponse": "onGoogleAuthResponse"; "googleClick": "googleClick"; "microsoftClick": "microsoftClick"; "appleClick": "appleClick"; }, never, never, false, never>;
|
|
81
84
|
}
|
|
@@ -4,12 +4,15 @@ import { HttpWebRequestService } from '../../services/http-web-request.service';
|
|
|
4
4
|
import { UserRequestPayload } from '../../models/UserRequest';
|
|
5
5
|
import { UtilService } from '../../services/util.service';
|
|
6
6
|
import { EnvironmentService } from '../../services/environment.service';
|
|
7
|
+
import { AuthMechanism } from '../../models/auth-mechanism';
|
|
8
|
+
import { ActivatedRoute } from '@angular/router';
|
|
7
9
|
import * as i0 from "@angular/core";
|
|
8
10
|
export declare class UserRequestComponent {
|
|
9
11
|
private fb;
|
|
10
12
|
private server;
|
|
11
13
|
private utilService;
|
|
12
14
|
private envSvc;
|
|
15
|
+
private route;
|
|
13
16
|
width: string;
|
|
14
17
|
headingTitle: string;
|
|
15
18
|
headingClass: string;
|
|
@@ -21,7 +24,10 @@ export declare class UserRequestComponent {
|
|
|
21
24
|
textColor: string;
|
|
22
25
|
height: string;
|
|
23
26
|
pd: string;
|
|
27
|
+
isFormEditable: boolean;
|
|
24
28
|
apiKey: string;
|
|
29
|
+
userRequestModel: UserRequestPayload;
|
|
30
|
+
isCode: boolean;
|
|
25
31
|
text: string;
|
|
26
32
|
color: string;
|
|
27
33
|
btnBorder: string;
|
|
@@ -36,9 +42,14 @@ export declare class UserRequestComponent {
|
|
|
36
42
|
googleClick: EventEmitter<any>;
|
|
37
43
|
onSubmitSuccess: EventEmitter<any>;
|
|
38
44
|
appleClick: EventEmitter<any>;
|
|
45
|
+
microsoftClick: EventEmitter<any>;
|
|
39
46
|
onSubmitResponseEnd: EventEmitter<any>;
|
|
40
47
|
userRequestForm: FormGroup;
|
|
41
|
-
|
|
48
|
+
tenantDetails: any | null;
|
|
49
|
+
AuthMechanisms: AuthMechanism[] | null;
|
|
50
|
+
showform: boolean;
|
|
51
|
+
code: string;
|
|
52
|
+
constructor(fb: FormBuilder, server: HttpWebRequestService, utilService: UtilService, envSvc: EnvironmentService, route: ActivatedRoute);
|
|
42
53
|
passwordMatchValidator(control: AbstractControl): ValidationErrors | null;
|
|
43
54
|
get passwordMismatchError(): boolean;
|
|
44
55
|
get styles(): {
|
|
@@ -51,10 +62,15 @@ export declare class UserRequestComponent {
|
|
|
51
62
|
height: string;
|
|
52
63
|
padding: string;
|
|
53
64
|
};
|
|
65
|
+
ngOnInit(): void;
|
|
66
|
+
getTenantConfig(): Promise<void>;
|
|
54
67
|
checkForm(): boolean;
|
|
55
68
|
handleGoogleAuth(): void;
|
|
56
69
|
handleAppleAuth(): void;
|
|
70
|
+
handleMicrosoft(): void;
|
|
71
|
+
newModel(): UserRequestPayload;
|
|
72
|
+
UserDetails(): Promise<void>;
|
|
57
73
|
submitForm(): Promise<void>;
|
|
58
74
|
static ɵfac: i0.ɵɵFactoryDeclaration<UserRequestComponent, never>;
|
|
59
|
-
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"; "onSubmitSuccess": "onSubmitSuccess"; "appleClick": "appleClick"; "onSubmitResponseEnd": "onSubmitResponseEnd"; }, never, never, false, never>;
|
|
75
|
+
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"; "onSubmitSuccess": "onSubmitSuccess"; "appleClick": "appleClick"; "microsoftClick": "microsoftClick"; "onSubmitResponseEnd": "onSubmitResponseEnd"; }, never, never, false, never>;
|
|
60
76
|
}
|
|
@@ -3,8 +3,9 @@ import * as i1 from "./user-request.component";
|
|
|
3
3
|
import * as i2 from "@angular/forms";
|
|
4
4
|
import * as i3 from "verben-ng-ui";
|
|
5
5
|
import * as i4 from "@angular/common";
|
|
6
|
+
import * as i5 from "../o-auth/o-auth.module";
|
|
6
7
|
export declare class UserRequestModule {
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<UserRequestModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<UserRequestModule, [typeof i1.UserRequestComponent], [typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.VerbenaInputModule, typeof i3.VerbenaButtonModule, typeof i4.CommonModule], [typeof i1.UserRequestComponent]>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<UserRequestModule, [typeof i1.UserRequestComponent], [typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.VerbenaInputModule, typeof i3.VerbenaButtonModule, typeof i4.CommonModule, typeof i5.OAuthModule], [typeof i1.UserRequestComponent]>;
|
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<UserRequestModule>;
|
|
10
11
|
}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "verben-authentication-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.8",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.0.0 || ^18.0.0",
|
|
6
6
|
"@angular/core": "^14.0.0 || ^18.0.0",
|
|
7
|
-
"verben-ng-ui": "^0.2.
|
|
7
|
+
"verben-ng-ui": "^0.2.2"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"tslib": "^2.3.0"
|