verben-authentication-ui 1.0.11 → 1.0.13
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.
|
@@ -5,28 +5,26 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "@angular/forms";
|
|
6
6
|
import * as i2 from "../../services/http-web-request.service";
|
|
7
7
|
import * as i3 from "../../services/util.service";
|
|
8
|
-
import * as i4 from "
|
|
9
|
-
import * as i5 from "
|
|
10
|
-
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i4 from "verben-ng-ui";
|
|
9
|
+
import * as i5 from "@angular/common";
|
|
11
10
|
export class ForgotPasswordComponent {
|
|
12
11
|
fb;
|
|
13
12
|
server;
|
|
14
13
|
utilService;
|
|
15
|
-
environmentSvc;
|
|
16
14
|
title = 'Forgot Password';
|
|
17
15
|
subTitle = 'Enter the e-mail you used during registration';
|
|
18
16
|
buttonCaption = 'Submit';
|
|
19
17
|
buttonTextColor;
|
|
20
18
|
buttonBackgroundColor;
|
|
19
|
+
tenant = '';
|
|
21
20
|
onSubmit = new EventEmitter();
|
|
22
21
|
onSubmitEnd = new EventEmitter();
|
|
23
22
|
forgotPasswordForm;
|
|
24
23
|
isSubmitted = false;
|
|
25
|
-
constructor(fb, server, utilService
|
|
24
|
+
constructor(fb, server, utilService) {
|
|
26
25
|
this.fb = fb;
|
|
27
26
|
this.server = server;
|
|
28
27
|
this.utilService = utilService;
|
|
29
|
-
this.environmentSvc = environmentSvc;
|
|
30
28
|
this.forgotPasswordForm = this.fb.group({
|
|
31
29
|
Email: new FormControl(null, [
|
|
32
30
|
Validators.required,
|
|
@@ -57,7 +55,7 @@ export class ForgotPasswordComponent {
|
|
|
57
55
|
};
|
|
58
56
|
this.onSubmit.emit(data);
|
|
59
57
|
this.utilService.sendBI(true);
|
|
60
|
-
const res = await this.server.get(`User/PasswordChangeRequest/${data.Email}/${this.
|
|
58
|
+
const res = await this.server.get(`User/PasswordChangeRequest/${data.Email}/${this.tenant}`);
|
|
61
59
|
this.utilService.sendBI(false);
|
|
62
60
|
if (res instanceof ErrorResponse) {
|
|
63
61
|
this.onSubmitEnd.emit(res);
|
|
@@ -68,13 +66,13 @@ export class ForgotPasswordComponent {
|
|
|
68
66
|
this.isSubmitted = true;
|
|
69
67
|
}
|
|
70
68
|
}
|
|
71
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.HttpWebRequestService }, { token: i3.UtilService }
|
|
72
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ForgotPasswordComponent, selector: "verben-forgot-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div\n *ngIf=\"!isSubmitted\"\n [formGroup]=\"this.forgotPasswordForm\"\n class=\"reset-password-container flex flex-col\"\n>\n <div class=\"reset-password-header flex flex-col\">\n <div class=\"reset-password-title\">{{ title }}</div>\n <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n </div>\n <div class=\"form-field flex flex-col\">\n <div class=\"form-field-caption\">Email</div>\n <verbena-input\n bgColor=\"white\"\n borderRadius=\"12px\"\n formControlName=\"Email\"\n type=\"email\"\n ></verbena-input>\n </div>\n <verbena-button\n fontWeight=\"700\"\n (click)=\"submit()\"\n [text]=\"buttonCaption\"\n width=\"100%\"\n [textColor]=\"buttonTextColor\"\n [bgColor]=\"buttonBackgroundColor\"\n borderRadius=\"25px\"\n [disable]=\"!this.checkForm()\"\n ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n <div class=\"reset-password-title resend-title\">\n Follow the link sent to your e-mail to proceed\n </div>\n <div class=\"resend-text flex gap-1\">\n <span class=\"resend-caption\">Didn't get a link?</span>\n <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type:
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.HttpWebRequestService }, { token: i3.UtilService }], target: i0.ɵɵFactoryTarget.Component });
|
|
70
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ForgotPasswordComponent, selector: "verben-forgot-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", tenant: "tenant" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div\n *ngIf=\"!isSubmitted\"\n [formGroup]=\"this.forgotPasswordForm\"\n class=\"reset-password-container flex flex-col\"\n>\n <div class=\"reset-password-header flex flex-col\">\n <div class=\"reset-password-title\">{{ title }}</div>\n <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n </div>\n <div class=\"form-field flex flex-col\">\n <div class=\"form-field-caption\">Email</div>\n <verbena-input\n bgColor=\"white\"\n borderRadius=\"12px\"\n formControlName=\"Email\"\n type=\"email\"\n ></verbena-input>\n </div>\n <verbena-button\n fontWeight=\"700\"\n (click)=\"submit()\"\n [text]=\"buttonCaption\"\n width=\"100%\"\n [textColor]=\"buttonTextColor\"\n [bgColor]=\"buttonBackgroundColor\"\n borderRadius=\"25px\"\n [disable]=\"!this.checkForm()\"\n ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n <div class=\"reset-password-title resend-title\">\n Follow the link sent to your e-mail to proceed\n </div>\n <div class=\"resend-text flex gap-1\">\n <span class=\"resend-caption\">Didn't get a link?</span>\n <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i4.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
73
71
|
}
|
|
74
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
|
|
75
73
|
type: Component,
|
|
76
74
|
args: [{ selector: 'verben-forgot-password', template: "<div\n *ngIf=\"!isSubmitted\"\n [formGroup]=\"this.forgotPasswordForm\"\n class=\"reset-password-container flex flex-col\"\n>\n <div class=\"reset-password-header flex flex-col\">\n <div class=\"reset-password-title\">{{ title }}</div>\n <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n </div>\n <div class=\"form-field flex flex-col\">\n <div class=\"form-field-caption\">Email</div>\n <verbena-input\n bgColor=\"white\"\n borderRadius=\"12px\"\n formControlName=\"Email\"\n type=\"email\"\n ></verbena-input>\n </div>\n <verbena-button\n fontWeight=\"700\"\n (click)=\"submit()\"\n [text]=\"buttonCaption\"\n width=\"100%\"\n [textColor]=\"buttonTextColor\"\n [bgColor]=\"buttonBackgroundColor\"\n borderRadius=\"25px\"\n [disable]=\"!this.checkForm()\"\n ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n <div class=\"reset-password-title resend-title\">\n Follow the link sent to your e-mail to proceed\n </div>\n <div class=\"resend-text flex gap-1\">\n <span class=\"resend-caption\">Didn't get a link?</span>\n <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"] }]
|
|
77
|
-
}], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.HttpWebRequestService }, { type: i3.UtilService }
|
|
75
|
+
}], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.HttpWebRequestService }, { type: i3.UtilService }], propDecorators: { title: [{
|
|
78
76
|
type: Input
|
|
79
77
|
}], subTitle: [{
|
|
80
78
|
type: Input
|
|
@@ -84,9 +82,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
84
82
|
type: Input
|
|
85
83
|
}], buttonBackgroundColor: [{
|
|
86
84
|
type: Input
|
|
85
|
+
}], tenant: [{
|
|
86
|
+
type: Input
|
|
87
87
|
}], onSubmit: [{
|
|
88
88
|
type: Output
|
|
89
89
|
}], onSubmitEnd: [{
|
|
90
90
|
type: Output
|
|
91
91
|
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9yZ290LXBhc3N3b3JkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZlcmJlbi1hdXRoZW50aWNhdGlvbi11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9yZ290LXBhc3N3b3JkL2ZvcmdvdC1wYXNzd29yZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tYXV0aGVudGljYXRpb24tdWkvc3JjL2xpYi9jb21wb25lbnRzL2ZvcmdvdC1wYXNzd29yZC9mb3Jnb3QtcGFzc3dvcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBR0wsV0FBVyxFQUdYLFVBQVUsR0FDWCxNQUFNLGdCQUFnQixDQUFDO0FBR3hCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7OztBQVUzRCxNQUFNLE9BQU8sdUJBQXVCO0lBZ0J4QjtJQUNBO0lBQ0E7SUFqQkQsS0FBSyxHQUFXLGlCQUFpQixDQUFDO0lBQ2xDLFFBQVEsR0FBVywrQ0FBK0MsQ0FBQztJQUNuRSxhQUFhLEdBQVcsUUFBUSxDQUFDO0lBQ2pDLGVBQWUsQ0FBVTtJQUN6QixxQkFBcUIsQ0FBVTtJQUMvQixNQUFNLEdBQVcsRUFBRSxDQUFDO0lBRW5CLFFBQVEsR0FBcUMsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNoRSxXQUFXLEdBQ25CLElBQUksWUFBWSxFQUFFLENBQUM7SUFFckIsa0JBQWtCLENBQVk7SUFDOUIsV0FBVyxHQUFZLEtBQUssQ0FBQztJQUU3QixZQUNVLEVBQWUsRUFDZixNQUE2QixFQUM3QixXQUF3QjtRQUZ4QixPQUFFLEdBQUYsRUFBRSxDQUFhO1FBQ2YsV0FBTSxHQUFOLE1BQU0sQ0FBdUI7UUFDN0IsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFFaEMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQ3RDLEtBQUssRUFBRSxJQUFJLFdBQVcsQ0FBZ0IsSUFBSSxFQUFFO2dCQUMxQyxVQUFVLENBQUMsUUFBUTtnQkFDbkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2FBQy9CLENBQUM7U0FDSCxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQVk7UUFDdkIsTUFBTSxZQUFZLEdBQUcsa0RBQWtELENBQUM7UUFDeEUsT0FBTyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxjQUFjLENBQUMsT0FBd0I7UUFDckMsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQztRQUU1QixJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxFQUFFLENBQUM7WUFDdEMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxDQUFDO1FBQ3BDLENBQUM7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxTQUFTO1FBQ1AsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxLQUFLLENBQUMsTUFBTTtRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztZQUN0QixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksSUFBSSxHQUF1QjtZQUM3QixLQUFLLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLO1NBQ3ZELENBQUM7UUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM5QixNQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUMvQiw4QkFBOEIsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQzFELENBQUM7UUFDRixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixJQUFJLEdBQUcsWUFBWSxhQUFhLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksTUFBTSxHQUFHLEdBQXVCLENBQUM7WUFDckMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDOUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7d0dBbkVVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLHFUQ3JCcEMsbXZDQXNDQTs7NEZEakJhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSx3QkFBd0I7OElBS3pCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBBYnN0cmFjdENvbnRyb2wsXG4gIEZvcm1CdWlsZGVyLFxuICBGb3JtQ29udHJvbCxcbiAgRm9ybUdyb3VwLFxuICBWYWxpZGF0aW9uRXJyb3JzLFxuICBWYWxpZGF0b3JzLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3Jnb3RQYXNzd29yZERhdGEgfSBmcm9tICcuL0ZvcmdvdFBhc3N3b3JkRGF0YSc7XG5pbXBvcnQgeyBIdHRwV2ViUmVxdWVzdFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9odHRwLXdlYi1yZXF1ZXN0LnNlcnZpY2UnO1xuaW1wb3J0IHsgRXJyb3JSZXNwb25zZSB9IGZyb20gJy4uLy4uL21vZGVscy9FcnJvclJlc3BvbnNlJztcbmltcG9ydCB7IFJlc3BvbnNlS2V5VmFsdWUgfSBmcm9tICcuLi8uLi9tb2RlbHMvUmVzcG9uc2VLZXlWYWx1ZSc7XG5pbXBvcnQgeyBVdGlsU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3V0aWwuc2VydmljZSc7XG5pbXBvcnQgeyBFbnZpcm9ubWVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9lbnZpcm9ubWVudC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmVyYmVuLWZvcmdvdC1wYXNzd29yZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3Jnb3QtcGFzc3dvcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZm9yZ290LXBhc3N3b3JkLmNvbXBvbmVudC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBGb3Jnb3RQYXNzd29yZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnRm9yZ290IFBhc3N3b3JkJztcbiAgQElucHV0KCkgc3ViVGl0bGU6IHN0cmluZyA9ICdFbnRlciB0aGUgZS1tYWlsIHlvdSB1c2VkIGR1cmluZyByZWdpc3RyYXRpb24nO1xuICBASW5wdXQoKSBidXR0b25DYXB0aW9uOiBzdHJpbmcgPSAnU3VibWl0JztcbiAgQElucHV0KCkgYnV0dG9uVGV4dENvbG9yPzogc3RyaW5nO1xuICBASW5wdXQoKSBidXR0b25CYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRlbmFudDogc3RyaW5nID0gJyc7XG5cbiAgQE91dHB1dCgpIG9uU3VibWl0OiBFdmVudEVtaXR0ZXI8Rm9yZ290UGFzc3dvcmREYXRhPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9uU3VibWl0RW5kOiBFdmVudEVtaXR0ZXI8UmVzcG9uc2VLZXlWYWx1ZSB8IEVycm9yUmVzcG9uc2U+ID1cbiAgICBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgZm9yZ290UGFzc3dvcmRGb3JtOiBGb3JtR3JvdXA7XG4gIGlzU3VibWl0dGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIsXG4gICAgcHJpdmF0ZSBzZXJ2ZXI6IEh0dHBXZWJSZXF1ZXN0U2VydmljZSxcbiAgICBwcml2YXRlIHV0aWxTZXJ2aWNlOiBVdGlsU2VydmljZVxuICApIHtcbiAgICB0aGlzLmZvcmdvdFBhc3N3b3JkRm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgRW1haWw6IG5ldyBGb3JtQ29udHJvbDxzdHJpbmcgfCBudWxsPihudWxsLCBbXG4gICAgICAgIFZhbGlkYXRvcnMucmVxdWlyZWQsXG4gICAgICAgIHRoaXMuZW1haWxWYWxpZGF0b3IuYmluZCh0aGlzKSxcbiAgICAgIF0pLFxuICAgIH0pO1xuICB9XG5cbiAgaXNWYWxpZEVtYWlsKG1haWw6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IGVtYWlsUGF0dGVybiA9IC9eW2EtekEtWjAtOS5fJSstXStAW2EtekEtWjAtOS4tXStcXC5bYS16QS1aXXsyLH0kLztcbiAgICByZXR1cm4gZW1haWxQYXR0ZXJuLnRlc3QobWFpbCk7XG4gIH1cblxuICBlbWFpbFZhbGlkYXRvcihjb250cm9sOiBBYnN0cmFjdENvbnRyb2wpOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCB7XG4gICAgY29uc3QgdmFsdWUgPSBjb250cm9sLnZhbHVlO1xuXG4gICAgaWYgKHRoaXMuaXNWYWxpZEVtYWlsKHZhbHVlKSA9PSBmYWxzZSkge1xuICAgICAgcmV0dXJuIHsgY3VzdG9tVmFsaWRhdGlvbjogdHJ1ZSB9O1xuICAgIH1cblxuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY2hlY2tGb3JtKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZvcmdvdFBhc3N3b3JkRm9ybS52YWxpZDtcbiAgfVxuXG4gIGFzeW5jIHN1Ym1pdCgpIHtcbiAgICBpZiAoIXRoaXMuY2hlY2tGb3JtKCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdmFyIGRhdGE6IEZvcmdvdFBhc3N3b3JkRGF0YSA9IHtcbiAgICAgIEVtYWlsOiB0aGlzLmZvcmdvdFBhc3N3b3JkRm9ybS5jb250cm9sc1snRW1haWwnXS52YWx1ZSxcbiAgICB9O1xuICAgIHRoaXMub25TdWJtaXQuZW1pdChkYXRhKTtcbiAgICB0aGlzLnV0aWxTZXJ2aWNlLnNlbmRCSSh0cnVlKTtcbiAgICBjb25zdCByZXMgPSBhd2FpdCB0aGlzLnNlcnZlci5nZXQoXG4gICAgICBgVXNlci9QYXNzd29yZENoYW5nZVJlcXVlc3QvJHtkYXRhLkVtYWlsfS8ke3RoaXMudGVuYW50fWBcbiAgICApO1xuICAgIHRoaXMudXRpbFNlcnZpY2Uuc2VuZEJJKGZhbHNlKTtcbiAgICBpZiAocmVzIGluc3RhbmNlb2YgRXJyb3JSZXNwb25zZSkge1xuICAgICAgdGhpcy5vblN1Ym1pdEVuZC5lbWl0KHJlcyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHZhciByZXN1bHQgPSByZXMgYXMgUmVzcG9uc2VLZXlWYWx1ZTtcbiAgICAgIHRoaXMub25TdWJtaXRFbmQuZW1pdChyZXN1bHQpO1xuICAgICAgdGhpcy5pc1N1Ym1pdHRlZCA9IHRydWU7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIWlzU3VibWl0dGVkXCJcbiAgW2Zvcm1Hcm91cF09XCJ0aGlzLmZvcmdvdFBhc3N3b3JkRm9ybVwiXG4gIGNsYXNzPVwicmVzZXQtcGFzc3dvcmQtY29udGFpbmVyIGZsZXggZmxleC1jb2xcIlxuPlxuICA8ZGl2IGNsYXNzPVwicmVzZXQtcGFzc3dvcmQtaGVhZGVyIGZsZXggZmxleC1jb2xcIj5cbiAgICA8ZGl2IGNsYXNzPVwicmVzZXQtcGFzc3dvcmQtdGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyZXNldC1wYXNzd29yZC1zdWJ0aXRsZVwiPnt7IHN1YlRpdGxlIH19PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1maWVsZCBmbGV4IGZsZXgtY29sXCI+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0tZmllbGQtY2FwdGlvblwiPkVtYWlsPC9kaXY+XG4gICAgPHZlcmJlbmEtaW5wdXRcbiAgICAgIGJnQ29sb3I9XCJ3aGl0ZVwiXG4gICAgICBib3JkZXJSYWRpdXM9XCIxMnB4XCJcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cIkVtYWlsXCJcbiAgICAgIHR5cGU9XCJlbWFpbFwiXG4gICAgPjwvdmVyYmVuYS1pbnB1dD5cbiAgPC9kaXY+XG4gIDx2ZXJiZW5hLWJ1dHRvblxuICAgIGZvbnRXZWlnaHQ9XCI3MDBcIlxuICAgIChjbGljayk9XCJzdWJtaXQoKVwiXG4gICAgW3RleHRdPVwiYnV0dG9uQ2FwdGlvblwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBbdGV4dENvbG9yXT1cImJ1dHRvblRleHRDb2xvclwiXG4gICAgW2JnQ29sb3JdPVwiYnV0dG9uQmFja2dyb3VuZENvbG9yXCJcbiAgICBib3JkZXJSYWRpdXM9XCIyNXB4XCJcbiAgICBbZGlzYWJsZV09XCIhdGhpcy5jaGVja0Zvcm0oKVwiXG4gID48L3ZlcmJlbmEtYnV0dG9uPlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwiaXNTdWJtaXR0ZWRcIiBjbGFzcz1cInJlc2V0LXBhc3N3b3JkLWNvbnRhaW5lciBmbGV4IGZsZXgtY29sXCI+XG4gIDxkaXYgY2xhc3M9XCJyZXNldC1wYXNzd29yZC10aXRsZSByZXNlbmQtdGl0bGVcIj5cbiAgICBGb2xsb3cgdGhlIGxpbmsgc2VudCB0byB5b3VyIGUtbWFpbCB0byBwcm9jZWVkXG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicmVzZW5kLXRleHQgZmxleCBnYXAtMVwiPlxuICAgIDxzcGFuIGNsYXNzPVwicmVzZW5kLWNhcHRpb25cIj5EaWRuJ3QgZ2V0IGEgbGluaz88L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJyZXNlbmQtY2FwdGlvbiByZXNlbmQtbGlua1wiIChjbGljayk9XCJzdWJtaXQoKVwiPlJlc2VuZDwvc3Bhbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2051,21 +2051,20 @@ class ForgotPasswordComponent {
|
|
|
2051
2051
|
fb;
|
|
2052
2052
|
server;
|
|
2053
2053
|
utilService;
|
|
2054
|
-
environmentSvc;
|
|
2055
2054
|
title = 'Forgot Password';
|
|
2056
2055
|
subTitle = 'Enter the e-mail you used during registration';
|
|
2057
2056
|
buttonCaption = 'Submit';
|
|
2058
2057
|
buttonTextColor;
|
|
2059
2058
|
buttonBackgroundColor;
|
|
2059
|
+
tenant = '';
|
|
2060
2060
|
onSubmit = new EventEmitter();
|
|
2061
2061
|
onSubmitEnd = new EventEmitter();
|
|
2062
2062
|
forgotPasswordForm;
|
|
2063
2063
|
isSubmitted = false;
|
|
2064
|
-
constructor(fb, server, utilService
|
|
2064
|
+
constructor(fb, server, utilService) {
|
|
2065
2065
|
this.fb = fb;
|
|
2066
2066
|
this.server = server;
|
|
2067
2067
|
this.utilService = utilService;
|
|
2068
|
-
this.environmentSvc = environmentSvc;
|
|
2069
2068
|
this.forgotPasswordForm = this.fb.group({
|
|
2070
2069
|
Email: new FormControl(null, [
|
|
2071
2070
|
Validators.required,
|
|
@@ -2096,7 +2095,7 @@ class ForgotPasswordComponent {
|
|
|
2096
2095
|
};
|
|
2097
2096
|
this.onSubmit.emit(data);
|
|
2098
2097
|
this.utilService.sendBI(true);
|
|
2099
|
-
const res = await this.server.get(`User/PasswordChangeRequest/${data.Email}/${this.
|
|
2098
|
+
const res = await this.server.get(`User/PasswordChangeRequest/${data.Email}/${this.tenant}`);
|
|
2100
2099
|
this.utilService.sendBI(false);
|
|
2101
2100
|
if (res instanceof ErrorResponse) {
|
|
2102
2101
|
this.onSubmitEnd.emit(res);
|
|
@@ -2107,13 +2106,13 @@ class ForgotPasswordComponent {
|
|
|
2107
2106
|
this.isSubmitted = true;
|
|
2108
2107
|
}
|
|
2109
2108
|
}
|
|
2110
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1$1.FormBuilder }, { token: HttpWebRequestService }, { token: UtilService }
|
|
2111
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ForgotPasswordComponent, selector: "verben-forgot-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div\n *ngIf=\"!isSubmitted\"\n [formGroup]=\"this.forgotPasswordForm\"\n class=\"reset-password-container flex flex-col\"\n>\n <div class=\"reset-password-header flex flex-col\">\n <div class=\"reset-password-title\">{{ title }}</div>\n <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n </div>\n <div class=\"form-field flex flex-col\">\n <div class=\"form-field-caption\">Email</div>\n <verbena-input\n bgColor=\"white\"\n borderRadius=\"12px\"\n formControlName=\"Email\"\n type=\"email\"\n ></verbena-input>\n </div>\n <verbena-button\n fontWeight=\"700\"\n (click)=\"submit()\"\n [text]=\"buttonCaption\"\n width=\"100%\"\n [textColor]=\"buttonTextColor\"\n [bgColor]=\"buttonBackgroundColor\"\n borderRadius=\"25px\"\n [disable]=\"!this.checkForm()\"\n ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n <div class=\"reset-password-title resend-title\">\n Follow the link sent to your e-mail to proceed\n </div>\n <div class=\"resend-text flex gap-1\">\n <span class=\"resend-caption\">Didn't get a link?</span>\n <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2109
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1$1.FormBuilder }, { token: HttpWebRequestService }, { token: UtilService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2110
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ForgotPasswordComponent, selector: "verben-forgot-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", tenant: "tenant" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div\n *ngIf=\"!isSubmitted\"\n [formGroup]=\"this.forgotPasswordForm\"\n class=\"reset-password-container flex flex-col\"\n>\n <div class=\"reset-password-header flex flex-col\">\n <div class=\"reset-password-title\">{{ title }}</div>\n <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n </div>\n <div class=\"form-field flex flex-col\">\n <div class=\"form-field-caption\">Email</div>\n <verbena-input\n bgColor=\"white\"\n borderRadius=\"12px\"\n formControlName=\"Email\"\n type=\"email\"\n ></verbena-input>\n </div>\n <verbena-button\n fontWeight=\"700\"\n (click)=\"submit()\"\n [text]=\"buttonCaption\"\n width=\"100%\"\n [textColor]=\"buttonTextColor\"\n [bgColor]=\"buttonBackgroundColor\"\n borderRadius=\"25px\"\n [disable]=\"!this.checkForm()\"\n ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n <div class=\"reset-password-title resend-title\">\n Follow the link sent to your e-mail to proceed\n </div>\n <div class=\"resend-text flex gap-1\">\n <span class=\"resend-caption\">Didn't get a link?</span>\n <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2112
2111
|
}
|
|
2113
2112
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
|
|
2114
2113
|
type: Component,
|
|
2115
2114
|
args: [{ selector: 'verben-forgot-password', template: "<div\n *ngIf=\"!isSubmitted\"\n [formGroup]=\"this.forgotPasswordForm\"\n class=\"reset-password-container flex flex-col\"\n>\n <div class=\"reset-password-header flex flex-col\">\n <div class=\"reset-password-title\">{{ title }}</div>\n <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n </div>\n <div class=\"form-field flex flex-col\">\n <div class=\"form-field-caption\">Email</div>\n <verbena-input\n bgColor=\"white\"\n borderRadius=\"12px\"\n formControlName=\"Email\"\n type=\"email\"\n ></verbena-input>\n </div>\n <verbena-button\n fontWeight=\"700\"\n (click)=\"submit()\"\n [text]=\"buttonCaption\"\n width=\"100%\"\n [textColor]=\"buttonTextColor\"\n [bgColor]=\"buttonBackgroundColor\"\n borderRadius=\"25px\"\n [disable]=\"!this.checkForm()\"\n ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n <div class=\"reset-password-title resend-title\">\n Follow the link sent to your e-mail to proceed\n </div>\n <div class=\"resend-text flex gap-1\">\n <span class=\"resend-caption\">Didn't get a link?</span>\n <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"] }]
|
|
2116
|
-
}], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: HttpWebRequestService }, { type: UtilService }
|
|
2115
|
+
}], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: HttpWebRequestService }, { type: UtilService }], propDecorators: { title: [{
|
|
2117
2116
|
type: Input
|
|
2118
2117
|
}], subTitle: [{
|
|
2119
2118
|
type: Input
|
|
@@ -2123,6 +2122,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2123
2122
|
type: Input
|
|
2124
2123
|
}], buttonBackgroundColor: [{
|
|
2125
2124
|
type: Input
|
|
2125
|
+
}], tenant: [{
|
|
2126
|
+
type: Input
|
|
2126
2127
|
}], onSubmit: [{
|
|
2127
2128
|
type: Output
|
|
2128
2129
|
}], onSubmitEnd: [{
|