verben-authentication-ui 1.0.13 → 1.0.15

package/fesm2022/verben-authentication-ui-src-lib-components-otp-input.mjs

@@ -0,0 +1,131 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { VerbenaInputModule } from 'verben-ng-ui';
+import { OAuthModule } from 'verben-authentication-ui/src/lib/components/o-auth';
+import { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';
+
+class OtpInputComponent {
+    fb;
+    length = 6;
+    otpClass = '';
+    otpChange = new EventEmitter();
+    otpForm;
+    constructor(fb) {
+        this.fb = fb;
+    }
+    ngOnInit() {
+        this.otpForm = this.fb.group({
+            otpArray: this.fb.array(Array(this.length).fill('').map(() => new FormControl('')))
+        });
+        this.otpArray.valueChanges.subscribe(() => {
+            this.emitOtp();
+        });
+    }
+    get otpArray() {
+        return this.otpForm.get('otpArray');
+    }
+    handleInput(event, index) {
+        let value = event.target.value;
+        // /\d/.test(value)
+        if (value.length > 0) {
+            value = value.toUpperCase();
+            this.otpArray.at(index).setValue(value);
+            if (index < this.length - 1) {
+                this.focusNextInput(index);
+            }
+        }
+        else {
+            this.otpArray.at(index).setValue('');
+        }
+    }
+    handleKeydown(event, index) {
+        if (event.key === 'Backspace') {
+            const currentValue = this.otpArray.at(index).value;
+            if (currentValue) {
+                this.otpArray.at(index).setValue('');
+            }
+            else if (index > 0) {
+                this.focusPreviousInput(index);
+            }
+        }
+    }
+    handlePaste(event) {
+        event.preventDefault();
+        const pastedData = (event.clipboardData?.getData('text') || '').toUpperCase();
+        const validData = pastedData.slice(0, this.length);
+        validData.split('').forEach((char, index) => {
+            this.otpArray.at(index).setValue(char);
+        });
+        const nextIndex = validData.length < this.length ? validData.length : this.length - 1;
+        this.focusNextInput(nextIndex - 1);
+    }
+    focusNextInput(index) {
+        const nextInput = document.getElementById(`otp-input-${index + 1}`);
+        nextInput?.focus();
+    }
+    focusPreviousInput(index) {
+        const prevInput = document.getElementById(`otp-input-${index - 1}`);
+        prevInput?.focus();
+    }
+    emitOtp() {
+        const otp = this.otpArray.value.join('');
+        this.otpChange.emit(otp);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpInputComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OtpInputComponent, selector: "verben-otp-input", inputs: { length: "length", otpClass: "otpClass" }, outputs: { otpChange: "otpChange" }, ngImport: i0, template: "<form [formGroup]=\"otpForm\" >\n  <div formArrayName=\"otpArray\" class=\"otp-container\">\n    <input\n      *ngFor=\"let control of otpArray.controls; let i = index\"\n      [id]=\"'otp-input-' + i\"\n      class=\"otp-input {{otpClass}}\"\n      maxlength=\"1\"\n      (input)=\"handleInput($event, i)\"\n      (keydown)=\"handleKeydown($event, i)\"\n      (paste)=\"handlePaste($event)\"\n      [formControlName]=\"i\"\n      type=\"text\"\n    />\n  </div>\n</form>\n", styles: [".otp-container{display:flex;gap:15px}.otp-input{width:50px;height:46px;text-align:center;font-size:1.5rem;border:1px solid #66666658;border-radius:12px}.otp-input:focus{border-color:#ffe681;outline:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-otp-input', template: "<form [formGroup]=\"otpForm\" >\n  <div formArrayName=\"otpArray\" class=\"otp-container\">\n    <input\n      *ngFor=\"let control of otpArray.controls; let i = index\"\n      [id]=\"'otp-input-' + i\"\n      class=\"otp-input {{otpClass}}\"\n      maxlength=\"1\"\n      (input)=\"handleInput($event, i)\"\n      (keydown)=\"handleKeydown($event, i)\"\n      (paste)=\"handlePaste($event)\"\n      [formControlName]=\"i\"\n      type=\"text\"\n    />\n  </div>\n</form>\n", styles: [".otp-container{display:flex;gap:15px}.otp-input{width:50px;height:46px;text-align:center;font-size:1.5rem;border:1px solid #66666658;border-radius:12px}.otp-input:focus{border-color:#ffe681;outline:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { length: [{
+                type: Input
+            }], otpClass: [{
+                type: Input
+            }], otpChange: [{
+                type: Output
+            }] } });
+
+class OtpInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OtpInputModule, declarations: [OtpInputComponent], imports: [CommonModule,
+            FormsModule,
+            VerbenaInputModule,
+            RouterLink,
+            ButtonModule,
+            OAuthModule,
+            ReactiveFormsModule], exports: [OtpInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpInputModule, imports: [CommonModule,
+            FormsModule,
+            VerbenaInputModule,
+            ButtonModule,
+            OAuthModule,
+            ReactiveFormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OtpInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OtpInputComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        VerbenaInputModule,
+                        RouterLink,
+                        ButtonModule,
+                        OAuthModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [OtpInputComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OtpInputComponent, OtpInputModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-otp-input.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-otp-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-otp-input.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/otp-input/otp-input.component.ts","../../../projects/verben-authentication-ui/src/lib/components/otp-input/otp-input.component.html","../../../projects/verben-authentication-ui/src/lib/components/otp-input/otp-input.module.ts","../../../projects/verben-authentication-ui/src/lib/components/otp-input/verben-authentication-ui-src-lib-components-otp-input.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, OnInit } from '@angular/core';\nimport { FormBuilder, FormArray, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'verben-otp-input',\n  templateUrl: './otp-input.component.html',\n  styleUrl: './otp-input.component.css'\n})\nexport class OtpInputComponent implements OnInit {\n  @Input() length: number = 6;\n  @Input() otpClass: string = '';\n  @Output() otpChange = new EventEmitter<string>();\n\n  otpForm!: FormGroup;\n\n  constructor(private fb: FormBuilder) {}\n\n  ngOnInit() {\n    this.otpForm = this.fb.group({\n      otpArray: this.fb.array(Array(this.length).fill('').map(() => new FormControl('')))\n    });\n\n    this.otpArray.valueChanges.subscribe(() => {\n      this.emitOtp();\n    });\n  }\n\n  get otpArray(): FormArray {\n    return this.otpForm.get('otpArray') as FormArray;\n  }\n\n  handleInput(event: any, index: number) {\n    let value = event.target.value;\n\n    // /\\d/.test(value)\n    if (value.length > 0) {\n      value = value.toUpperCase();\n      this.otpArray.at(index).setValue(value);\n\n      if (index < this.length - 1) {\n        this.focusNextInput(index);\n      }\n    } else {\n      this.otpArray.at(index).setValue(''); \n    }\n  }\n\n  handleKeydown(event: KeyboardEvent, index: number) {\n    if (event.key === 'Backspace') {\n      const currentValue = this.otpArray.at(index).value;\n  \n      if (currentValue) {\n        this.otpArray.at(index).setValue('');\n      } else if (index > 0) {\n        this.focusPreviousInput(index);\n      }\n    }\n  }\n\n  handlePaste(event: ClipboardEvent) {\n    event.preventDefault();\n    const pastedData = (event.clipboardData?.getData('text') || '').toUpperCase();\n    const validData = pastedData.slice(0, this.length);\n\n    validData.split('').forEach((char, index) => {\n      this.otpArray.at(index).setValue(char);\n    });\n\n    const nextIndex = validData.length < this.length ? validData.length : this.length - 1;\n    this.focusNextInput(nextIndex - 1);\n  }\n\n\n  private focusNextInput(index: number) {\n    const nextInput = document.getElementById(`otp-input-${index + 1}`);\n    nextInput?.focus();\n  }\n\n  private focusPreviousInput(index: number) {\n    const prevInput = document.getElementById(`otp-input-${index - 1}`);\n    prevInput?.focus();\n  }\n\n  private emitOtp() {\n    const otp = this.otpArray.value.join('');\n    this.otpChange.emit(otp);\n  }\n}\n","<form [formGroup]=\"otpForm\" >\n  <div formArrayName=\"otpArray\" class=\"otp-container\">\n    <input\n      *ngFor=\"let control of otpArray.controls; let i = index\"\n      [id]=\"'otp-input-' + i\"\n      class=\"otp-input {{otpClass}}\"\n      maxlength=\"1\"\n      (input)=\"handleInput($event, i)\"\n      (keydown)=\"handleKeydown($event, i)\"\n      (paste)=\"handlePaste($event)\"\n      [formControlName]=\"i\"\n      type=\"text\"\n    />\n  </div>\n</form>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { VerbenaInputModule } from 'verben-ng-ui';\nimport { OAuthModule } from 'verben-authentication-ui/src/lib/components/o-auth';\nimport { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';\nimport { OtpInputComponent } from './otp-input.component';\n\n@NgModule({\n  declarations: [OtpInputComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    VerbenaInputModule,\n    RouterLink,\n    ButtonModule,\n    OAuthModule,\n    ReactiveFormsModule,\n  ],\n  exports: [OtpInputComponent],\n})\nexport class OtpInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/verben-authentication-ui-src-lib-components-reset-password.mjs

@@ -0,0 +1,144 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ErrorResponse } from 'verben-authentication-ui/src/lib/models';
+import CryptoJS from 'crypto-js';
+import * as i2 from 'verben-authentication-ui/src/lib/services';
+import * as i3 from 'verben-ng-ui';
+import { VerbenaInputModule, VerbenaButtonModule } from 'verben-ng-ui';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class ResetPasswordComponent {
+    fb;
+    server;
+    utilService;
+    title = 'Reset Password';
+    subTitle = 'Create a New Password';
+    buttonCaption = 'Submit';
+    buttonTextColor;
+    buttonBackgroundColor;
+    showOldPassword = false;
+    token;
+    onSubmit = new EventEmitter();
+    onSubmitEnd = new EventEmitter();
+    resetPasswordForm;
+    constructor(fb, server, utilService) {
+        this.fb = fb;
+        this.server = server;
+        this.utilService = utilService;
+        this.resetPasswordForm = this.fb.group({
+            OldPassword: new FormControl(null, this.oldPasswordValidator.bind(this)),
+            Password: new FormControl(null, Validators.required),
+            ConfirmPassword: new FormControl(null, [
+                Validators.required,
+                this.confirmPasswordValidator.bind(this),
+            ]),
+        });
+    }
+    checkForm() {
+        return this.resetPasswordForm.valid;
+    }
+    oldPasswordValidator(control) {
+        if (this.showOldPassword && control.value == null) {
+            return { customValidation: true };
+        }
+        return null;
+    }
+    confirmPasswordValidator(control) {
+        if (this.resetPasswordForm &&
+            this.resetPasswordForm.controls['Password'] &&
+            this.resetPasswordForm.controls['Password'].value !== control.value) {
+            return { customValidation: true };
+        }
+        return null;
+    }
+    async submit() {
+        if (!this.checkForm()) {
+            return;
+        }
+        var data = {
+            OldPassword: this.showOldPassword
+                ? String(CryptoJS.MD5(this.resetPasswordForm.controls['OldPassword'].value))
+                : undefined,
+            Password: String(CryptoJS.MD5(this.resetPasswordForm.controls['Password'].value)),
+            ConfirmPassword: String(CryptoJS.MD5(this.resetPasswordForm.controls['ConfirmPassword'].value)),
+        };
+        this.onSubmit.emit(data);
+        var passwordRequest = {
+            NewPassword: data.Password,
+            OldPassword: data.OldPassword,
+            Token: this.token,
+        };
+        this.utilService.sendBI(true);
+        const res = await this.server.post(`User/CompleteChangePasswordRequest`, passwordRequest);
+        this.utilService.sendBI(false);
+        if (res instanceof ErrorResponse) {
+            this.onSubmitEnd.emit(res);
+        }
+        else {
+            var result = res;
+            this.onSubmitEnd.emit(result);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.HttpWebRequestService }, { token: i2.UtilService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResetPasswordComponent, selector: "verben-reset-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", showOldPassword: "showOldPassword", token: "token" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div [formGroup]=\"this.resetPasswordForm\" class=\"reset-password-container flex flex-col\">\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 *ngIf=\"showOldPassword\" class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Old Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"OldPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">New Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"Password\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Confirm Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"ConfirmPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <verbena-button fontWeight=\"700\" (click)=\"submit()\" [text]=\"buttonCaption\" width=\"100%\" [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\" borderRadius=\"25px\" [disable]=\"!this.checkForm()\"></verbena-button>\n\n</div>", 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}\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: i3.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: i3.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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-reset-password', template: "<div [formGroup]=\"this.resetPasswordForm\" class=\"reset-password-container flex flex-col\">\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 *ngIf=\"showOldPassword\" class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Old Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"OldPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">New Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"Password\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Confirm Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"ConfirmPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <verbena-button fontWeight=\"700\" (click)=\"submit()\" [text]=\"buttonCaption\" width=\"100%\" [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\" borderRadius=\"25px\" [disable]=\"!this.checkForm()\"></verbena-button>\n\n</div>", 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}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.HttpWebRequestService }, { type: i2.UtilService }], propDecorators: { title: [{
+                type: Input
+            }], subTitle: [{
+                type: Input
+            }], buttonCaption: [{
+                type: Input
+            }], buttonTextColor: [{
+                type: Input
+            }], buttonBackgroundColor: [{
+                type: Input
+            }], showOldPassword: [{
+                type: Input
+            }], token: [{
+                type: Input
+            }], onSubmit: [{
+                type: Output
+            }], onSubmitEnd: [{
+                type: Output
+            }] } });
+
+class ResetPasswordModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordModule, declarations: [ResetPasswordComponent], imports: [FormsModule,
+            ReactiveFormsModule,
+            VerbenaInputModule,
+            VerbenaButtonModule,
+            CommonModule], exports: [ResetPasswordComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordModule, imports: [FormsModule,
+            ReactiveFormsModule,
+            VerbenaInputModule,
+            VerbenaButtonModule,
+            CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ResetPasswordComponent],
+                    imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        VerbenaInputModule,
+                        VerbenaButtonModule,
+                        CommonModule,
+                    ],
+                    exports: [ResetPasswordComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ResetPasswordComponent, ResetPasswordModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-reset-password.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-reset-password.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-reset-password.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/reset-password/reset-password.component.ts","../../../projects/verben-authentication-ui/src/lib/components/reset-password/reset-password.component.html","../../../projects/verben-authentication-ui/src/lib/components/reset-password/reset-password.module.ts","../../../projects/verben-authentication-ui/src/lib/components/reset-password/verben-authentication-ui-src-lib-components-reset-password.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport { ResetPasswordData } from './ResetPasswordData';\nimport { HttpWebRequestService } from 'verben-authentication-ui/src/lib/services';\nimport { ErrorResponse } from 'verben-authentication-ui/src/lib/models';\nimport { ResponseKeyValue } from 'verben-authentication-ui/src/lib/models';\nimport { PasswordRequestParam } from 'verben-authentication-ui/src/lib/models';\nimport { UtilService } from 'verben-authentication-ui/src/lib/services';\nimport CryptoJS from 'crypto-js';\n@Component({\n  selector: 'verben-reset-password',\n  templateUrl: './reset-password.component.html',\n  styleUrl: './reset-password.component.css',\n})\nexport class ResetPasswordComponent {\n  @Input() title: string = 'Reset Password';\n  @Input() subTitle: string = 'Create a New Password';\n  @Input() buttonCaption: string = 'Submit';\n  @Input() buttonTextColor?: string;\n  @Input() buttonBackgroundColor?: string;\n  @Input() showOldPassword: boolean = false;\n  @Input() token?: string;\n\n  @Output() onSubmit: EventEmitter<ResetPasswordData> = new EventEmitter();\n  @Output() onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse> =\n    new EventEmitter();\n\n  resetPasswordForm: FormGroup;\n\n  constructor(\n    private fb: FormBuilder,\n    private server: HttpWebRequestService,\n    private utilService: UtilService\n  ) {\n    this.resetPasswordForm = this.fb.group({\n      OldPassword: new FormControl<string | null>(\n        null,\n        this.oldPasswordValidator.bind(this)\n      ),\n      Password: new FormControl<string | null>(null, Validators.required),\n      ConfirmPassword: new FormControl<string | null>(null, [\n        Validators.required,\n        this.confirmPasswordValidator.bind(this),\n      ]),\n    });\n  }\n\n  checkForm(): boolean {\n    return this.resetPasswordForm.valid;\n  }\n\n  oldPasswordValidator(control: AbstractControl): ValidationErrors | null {\n    if (this.showOldPassword && control.value == null) {\n      return { customValidation: true };\n    }\n    return null;\n  }\n  confirmPasswordValidator(control: AbstractControl): ValidationErrors | null {\n    if (\n      this.resetPasswordForm &&\n      this.resetPasswordForm.controls['Password'] &&\n      this.resetPasswordForm.controls['Password'].value !== control.value\n    ) {\n      return { customValidation: true };\n    }\n    return null;\n  }\n\n  async submit() {\n    if (!this.checkForm()) {\n      return;\n    }\n    var data: ResetPasswordData = {\n      OldPassword: this.showOldPassword\n        ? String(\n            CryptoJS.MD5(this.resetPasswordForm.controls['OldPassword'].value)\n          )\n        : undefined,\n      Password: String(\n        CryptoJS.MD5(this.resetPasswordForm.controls['Password'].value)\n      ),\n      ConfirmPassword: String(\n        CryptoJS.MD5(this.resetPasswordForm.controls['ConfirmPassword'].value)\n      ),\n    };\n    this.onSubmit.emit(data);\n    var passwordRequest: PasswordRequestParam = {\n      NewPassword: data.Password,\n      OldPassword: data.OldPassword,\n      Token: this.token,\n    };\n    this.utilService.sendBI(true);\n    const res = await this.server.post(\n      `User/CompleteChangePasswordRequest`,\n      passwordRequest\n    );\n    this.utilService.sendBI(false);\n    if (res instanceof ErrorResponse) {\n      this.onSubmitEnd.emit(res);\n    } else {\n      var result = res as ResponseKeyValue;\n      this.onSubmitEnd.emit(result);\n    }\n  }\n}\n","<div [formGroup]=\"this.resetPasswordForm\" class=\"reset-password-container flex flex-col\">\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 *ngIf=\"showOldPassword\" class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Old Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"OldPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">New Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"Password\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Confirm Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"ConfirmPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <verbena-button fontWeight=\"700\" (click)=\"submit()\" [text]=\"buttonCaption\" width=\"100%\" [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\" borderRadius=\"25px\" [disable]=\"!this.checkForm()\"></verbena-button>\n\n</div>","import { NgModule } from '@angular/core';\nimport { ResetPasswordComponent } from './reset-password.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [ResetPasswordComponent],\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    VerbenaInputModule,\n    VerbenaButtonModule,\n    CommonModule,\n  ],\n  exports: [ResetPasswordComponent],\n})\nexport class ResetPasswordModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}