verben-authentication-ui 1.0.13 → 1.0.15

package/fesm2022/verben-authentication-ui-src-lib-components-sign-up.mjs

@@ -0,0 +1,271 @@
+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 { ObjectState, 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 '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from 'verben-ng-ui';
+import { VerbenaInputModule } from 'verben-ng-ui';
+import * as i5 from '@angular/router';
+import { RouterLink } from '@angular/router';
+import * as i6 from 'verben-authentication-ui/src/lib/components/button';
+import { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';
+import * as i7 from 'verben-authentication-ui/src/lib/components/o-auth';
+import { OAuthModule } from 'verben-authentication-ui/src/lib/components/o-auth';
+
+class SignUpComponent {
+    fb;
+    server;
+    utilService;
+    encryptionService;
+    headlingText = 'Create an account';
+    width = '';
+    maxWidth = '';
+    margin = '';
+    pd = '';
+    customClass = '';
+    headlingClass = '';
+    bgColor = '#fff';
+    boxShadow = '4px 4px 4px rgba(0, 0, 0, 0.25)';
+    border = '1px solid #66666680';
+    borderRadius = '24px';
+    height = 'auto';
+    textColor = '#333';
+    disabled = false;
+    // button styles
+    btnClass = '';
+    btnBgColor = '#FFE681';
+    btnColor = '';
+    btnBorder = '';
+    btnBorderRadius = '24px';
+    btnPd = '';
+    btnText = 'Create account';
+    //inputStyles
+    inputLabelColor = '';
+    inputBgColor = 'transparent';
+    inputBorder = '1px solid #66666659';
+    inputBorderRadius = '12px';
+    // links
+    termsLink = '';
+    privacyLink = '';
+    routerLink = '';
+    formSubmit = new EventEmitter();
+    onSubmitEnd = new EventEmitter();
+    googleClick = new EventEmitter();
+    appleClick = new EventEmitter();
+    signUpForm;
+    constructor(fb, server, utilService, encryptionService) {
+        this.fb = fb;
+        this.server = server;
+        this.utilService = utilService;
+        this.encryptionService = encryptionService;
+        this.signUpForm = this.fb.group({
+            Firstname: new FormControl(null, Validators.required),
+            Lastname: new FormControl(null, Validators.required),
+            Email: new FormControl(null, [
+                Validators.required,
+                Validators.email,
+            ]),
+            Password: new FormControl(null, [
+                Validators.required,
+                Validators.minLength(8),
+            ]),
+            Confirmpassword: new FormControl(null, [
+                Validators.required,
+                Validators.minLength(8),
+            ]),
+            Terms: new FormControl(false, [Validators.requiredTrue]),
+        }, { validators: this.passwordMatchValidator });
+    }
+    passwordMatchValidator = (group) => {
+        const password = group.get('Password')?.value;
+        const confirmPassword = group.get('Confirmpassword')?.value;
+        return password === confirmPassword ? null : { passwordMismatch: true };
+    };
+    checkForm() {
+        return this.signUpForm.valid;
+    }
+    async submit() {
+        if (!this.checkForm()) {
+            return;
+        }
+        const data = {
+            Firstname: this.signUpForm.controls['Firstname'].value,
+            Lastname: this.signUpForm.controls['Lastname'].value,
+            Email: this.signUpForm.controls['Email'].value,
+            Password: String(CryptoJS.MD5(this.signUpForm.controls['Password'].value)),
+            Terms: this.signUpForm.controls['Terms'].value,
+            Id: '61f7e48f0c651345677b7775',
+            CreatedAt: new Date(),
+            UpdatedAt: new Date(),
+            DataState: ObjectState.New,
+            id: '61f7e48f0c651345677b7775',
+            TenantId: 'James',
+            Code: '',
+            ServiceName: '',
+        };
+        const payload = [
+            {
+                ...data,
+                Code: '123 ',
+                ServiceName: 'Test 1',
+                MailAddress: data.Email,
+                OtherName: 'James',
+                Status: 'Inactive',
+                PhoneNumber: '07012345678',
+                TenantId: '61f7e48f0c651345677b7775',
+                Role: ['tester'],
+                Tags: [
+                    {
+                        Name: 'checker',
+                        IsOptional: true,
+                    },
+                ],
+            },
+        ];
+        this.formSubmit.emit(data);
+        this.utilService.sendBI(true);
+        const res = await this.server.post(`User/SaveUsers`, payload);
+        this.utilService.sendBI(false);
+        if (res instanceof ErrorResponse) {
+            this.onSubmitEnd.emit(res);
+        }
+        else {
+            var result = res;
+            this.onSubmitEnd.emit(result);
+        }
+    }
+    handleGoogleAuth() {
+        this.googleClick.emit();
+    }
+    handleAppleAuth() {
+        this.appleClick.emit();
+    }
+    get styles() {
+        return {
+            'background-color': this.bgColor,
+            'box-shadow': this.boxShadow,
+            border: this.border,
+            'border-radius': this.borderRadius,
+            color: this.textColor,
+            width: this.width,
+            'max-width': this.maxWidth,
+            margin: this.margin,
+            height: this.height,
+            padding: this.pd,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignUpComponent, deps: [{ token: i1.FormBuilder }, { token: i2.HttpWebRequestService }, { token: i2.UtilService }, { token: i2.EncryptionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SignUpComponent, selector: "verben-sign-up", inputs: { headlingText: "headlingText", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", customClass: "customClass", headlingClass: "headlingClass", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", height: "height", textColor: "textColor", disabled: "disabled", btnClass: "btnClass", btnBgColor: "btnBgColor", btnColor: "btnColor", btnBorder: "btnBorder", btnBorderRadius: "btnBorderRadius", btnPd: "btnPd", btnText: "btnText", inputLabelColor: "inputLabelColor", inputBgColor: "inputBgColor", inputBorder: "inputBorder", inputBorderRadius: "inputBorderRadius", termsLink: "termsLink", privacyLink: "privacyLink", routerLink: "routerLink" }, outputs: { formSubmit: "formSubmit", onSubmitEnd: "onSubmitEnd", googleClick: "googleClick", appleClick: "appleClick" }, ngImport: i0, template: "<section [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n    <h2 class=\"{{headlingClass}}\">\n      {{headlingText}}\n    </h2>\n    <form [formGroup]=\"signUpForm\" (ngSubmit)=\"submit()\" class=\"flexWrapper\">\n      <verbena-input\n        [label]=\"'First name'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'text'\"\n        formControlName=\"Firstname\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n        [customErrorMessages]=\"{required:'First name is required'}\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Last name'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'text'\"\n        formControlName=\"Lastname\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n        [customErrorMessages]=\"{required:'Last name is required'}\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Email'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'email'\"\n        formControlName=\"Email\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Password'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'password'\"\n        formControlName=\"Password\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        [passwordToggle]=\"true\"\n        class=\"outline-none focus-none\"\n      ></verbena-input>\n      <div>\n        <verbena-input\n          [label]=\"'Confirm Password'\"\n          [labelColor]=\"inputLabelColor\"\n          [placeHolder]=\"''\"\n          [required]=\"true\"\n          [type]=\"'password'\"\n          formControlName=\"Confirmpassword\"\n          [showBorder]=\"true\"\n          [bgColor]=\"inputBgColor\"\n          [border]=\"inputBorder\"\n          [borderRadius]=\"inputBorderRadius\"\n          [showErrorMessage]=\"false\"\n          [errorBorderColor]=\"'red'\"\n          class=\"outline-none focus-none\"\n        ></verbena-input>\n      <span *ngIf=\"signUpForm.hasError('passwordMismatch') && signUpForm.get('Confirmpassword')?.dirty\">\n        <small class=\"error-text\">Passwords do not match.</small>\n      </span>\n      </div>\n      <div>\n        <div class=\"checkBoxWrapper\">\n          <input type=\"checkbox\" id=\"terms\" formControlName=\"Terms\"  class=\"checBoxInput\" />\n          <label for=\"terms\"\n          class=\"break-all font-normal leading-6\"\n            >By creating an account, I agree to our <a  [attr.href]=\"termsLink\">Terms of use</a> and\n            <a [attr.href]=\"privacyLink\">Privacy Policy</a></label\n          >\n        </div>\n       <p *ngIf=\"signUpForm.controls['Terms'].invalid && signUpForm.controls['Terms'].touched\">\n        <small class=\"error-text\">Please agree to the terms of use and privacy policy.</small>\n       </p>\n      </div>\n      <lib-button\n      [buttonClass]=\"btnClass\"\n      [color]=\"btnColor\"\n      [border]=\"btnBorder\"\n      [borderRadius]=\"btnBorderRadius\"\n      [bgColor]=\"btnBgColor\"\n      [pd]=\"btnPd\"\n      [text]=\"btnText\"\n      type=\"submit\"\n      [disabled]=\"!this.checkForm()\"\n      [ngStyle]=\"{'margin-top':'10px'}\"\n      ></lib-button>\n      <verben-o-auth\n      (googleClick)=\"handleGoogleAuth()\"\n      (appleClick)=\"handleAppleAuth()\"\n      ></verben-o-auth>\n      <p>\n        Already have an account?\n        <a [routerLink]=\"routerLink\"  class=\"\">Log in</a>\n      </p>\n    </form>\n  </section>\n\n", styles: ["a{text-decoration:underline;cursor:pointer}input[type=checkbox]:checked{accent-color:#111}.flexWrapper{display:flex;flex-direction:column;gap:10px}.checkBoxWrapper{display:flex;align-items:start;gap:2px}.checBoxInput{margin-top:6px}.bigcheckboxWrapper{margin-top:.5rem;margin-bottom:1.5rem}.error-text{color:red}.disable-btn{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.ButtonComponent, selector: "lib-button", inputs: ["text", "color", "border", "borderRadius", "bgColor", "width", "pd", "buttonClass", "disabled"], outputs: ["buttonClick"] }, { kind: "component", type: i7.OAuthComponent, selector: "verben-o-auth", inputs: ["authMechanisms"], outputs: ["emitMechanismFn"] }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignUpComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-sign-up', template: "<section [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n    <h2 class=\"{{headlingClass}}\">\n      {{headlingText}}\n    </h2>\n    <form [formGroup]=\"signUpForm\" (ngSubmit)=\"submit()\" class=\"flexWrapper\">\n      <verbena-input\n        [label]=\"'First name'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'text'\"\n        formControlName=\"Firstname\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n        [customErrorMessages]=\"{required:'First name is required'}\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Last name'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'text'\"\n        formControlName=\"Lastname\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n        [customErrorMessages]=\"{required:'Last name is required'}\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Email'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'email'\"\n        formControlName=\"Email\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Password'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'password'\"\n        formControlName=\"Password\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        [passwordToggle]=\"true\"\n        class=\"outline-none focus-none\"\n      ></verbena-input>\n      <div>\n        <verbena-input\n          [label]=\"'Confirm Password'\"\n          [labelColor]=\"inputLabelColor\"\n          [placeHolder]=\"''\"\n          [required]=\"true\"\n          [type]=\"'password'\"\n          formControlName=\"Confirmpassword\"\n          [showBorder]=\"true\"\n          [bgColor]=\"inputBgColor\"\n          [border]=\"inputBorder\"\n          [borderRadius]=\"inputBorderRadius\"\n          [showErrorMessage]=\"false\"\n          [errorBorderColor]=\"'red'\"\n          class=\"outline-none focus-none\"\n        ></verbena-input>\n      <span *ngIf=\"signUpForm.hasError('passwordMismatch') && signUpForm.get('Confirmpassword')?.dirty\">\n        <small class=\"error-text\">Passwords do not match.</small>\n      </span>\n      </div>\n      <div>\n        <div class=\"checkBoxWrapper\">\n          <input type=\"checkbox\" id=\"terms\" formControlName=\"Terms\"  class=\"checBoxInput\" />\n          <label for=\"terms\"\n          class=\"break-all font-normal leading-6\"\n            >By creating an account, I agree to our <a  [attr.href]=\"termsLink\">Terms of use</a> and\n            <a [attr.href]=\"privacyLink\">Privacy Policy</a></label\n          >\n        </div>\n       <p *ngIf=\"signUpForm.controls['Terms'].invalid && signUpForm.controls['Terms'].touched\">\n        <small class=\"error-text\">Please agree to the terms of use and privacy policy.</small>\n       </p>\n      </div>\n      <lib-button\n      [buttonClass]=\"btnClass\"\n      [color]=\"btnColor\"\n      [border]=\"btnBorder\"\n      [borderRadius]=\"btnBorderRadius\"\n      [bgColor]=\"btnBgColor\"\n      [pd]=\"btnPd\"\n      [text]=\"btnText\"\n      type=\"submit\"\n      [disabled]=\"!this.checkForm()\"\n      [ngStyle]=\"{'margin-top':'10px'}\"\n      ></lib-button>\n      <verben-o-auth\n      (googleClick)=\"handleGoogleAuth()\"\n      (appleClick)=\"handleAppleAuth()\"\n      ></verben-o-auth>\n      <p>\n        Already have an account?\n        <a [routerLink]=\"routerLink\"  class=\"\">Log in</a>\n      </p>\n    </form>\n  </section>\n\n", styles: ["a{text-decoration:underline;cursor:pointer}input[type=checkbox]:checked{accent-color:#111}.flexWrapper{display:flex;flex-direction:column;gap:10px}.checkBoxWrapper{display:flex;align-items:start;gap:2px}.checBoxInput{margin-top:6px}.bigcheckboxWrapper{margin-top:.5rem;margin-bottom:1.5rem}.error-text{color:red}.disable-btn{cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.HttpWebRequestService }, { type: i2.UtilService }, { type: i2.EncryptionService }], propDecorators: { headlingText: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], pd: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], headlingClass: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], boxShadow: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], btnClass: [{
+                type: Input
+            }], btnBgColor: [{
+                type: Input
+            }], btnColor: [{
+                type: Input
+            }], btnBorder: [{
+                type: Input
+            }], btnBorderRadius: [{
+                type: Input
+            }], btnPd: [{
+                type: Input
+            }], btnText: [{
+                type: Input
+            }], inputLabelColor: [{
+                type: Input
+            }], inputBgColor: [{
+                type: Input
+            }], inputBorder: [{
+                type: Input
+            }], inputBorderRadius: [{
+                type: Input
+            }], termsLink: [{
+                type: Input
+            }], privacyLink: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], formSubmit: [{
+                type: Output
+            }], onSubmitEnd: [{
+                type: Output
+            }], googleClick: [{
+                type: Output
+            }], appleClick: [{
+                type: Output
+            }] } });
+
+class SignUpModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignUpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SignUpModule, declarations: [SignUpComponent], imports: [CommonModule,
+            FormsModule,
+            VerbenaInputModule,
+            RouterLink,
+            ButtonModule,
+            OAuthModule,
+            ReactiveFormsModule], exports: [SignUpComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignUpModule, imports: [CommonModule,
+            FormsModule,
+            VerbenaInputModule,
+            ButtonModule,
+            OAuthModule,
+            ReactiveFormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignUpModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SignUpComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        VerbenaInputModule,
+                        RouterLink,
+                        ButtonModule,
+                        OAuthModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [SignUpComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SignUpComponent, SignUpModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-sign-up.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-sign-up.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-sign-up.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/sign-up/sign-up.component.ts","../../../projects/verben-authentication-ui/src/lib/components/sign-up/sign-up.component.html","../../../projects/verben-authentication-ui/src/lib/components/sign-up/sign-up.module.ts","../../../projects/verben-authentication-ui/src/lib/components/sign-up/verben-authentication-ui-src-lib-components-sign-up.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  ValidationErrors,\n  ValidatorFn,\n  Validators,\n} from '@angular/forms';\nimport { SignUpData } from 'verben-authentication-ui/src/lib/models';\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 { UtilService } from 'verben-authentication-ui/src/lib/services';\nimport { ObjectState } from 'verben-authentication-ui/src/lib/models';\nimport { EncryptionService } from 'verben-authentication-ui/src/lib/services';\nimport CryptoJS from 'crypto-js';\n@Component({\n  selector: 'verben-sign-up',\n  templateUrl: './sign-up.component.html',\n  styleUrl: './sign-up.component.css',\n})\nexport class SignUpComponent {\n  @Input() headlingText: string = 'Create an account';\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n  @Input() margin: string = '';\n  @Input() pd: string = '';\n  @Input() customClass: string = '';\n  @Input() headlingClass: string = '';\n  @Input() bgColor: string = '#fff';\n  @Input() boxShadow: string = '4px 4px 4px rgba(0, 0, 0, 0.25)';\n  @Input() border: string = '1px solid #66666680';\n  @Input() borderRadius: string = '24px';\n  @Input() height: string = 'auto';\n  @Input() textColor: string = '#333';\n  @Input() disabled: boolean = false;\n\n  // button styles\n  @Input() btnClass: string = '';\n  @Input() btnBgColor: string = '#FFE681';\n  @Input() btnColor: string = '';\n  @Input() btnBorder: string = '';\n  @Input() btnBorderRadius: string = '24px';\n  @Input() btnPd: string = '';\n  @Input() btnText: string = 'Create account';\n\n  //inputStyles\n  @Input() inputLabelColor: string = '';\n  @Input() inputBgColor: string = 'transparent';\n  @Input() inputBorder: string = '1px solid #66666659';\n  @Input() inputBorderRadius: string = '12px';\n\n  // links\n  @Input() termsLink: string = '';\n  @Input() privacyLink: string = '';\n  @Input() routerLink: string = '';\n\n  @Output() formSubmit = new EventEmitter<SignUpData>();\n  @Output() onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse> =\n    new EventEmitter();\n  @Output() googleClick = new EventEmitter();\n  @Output() appleClick = new EventEmitter();\n\n  signUpForm: FormGroup;\n\n  constructor(\n    private fb: FormBuilder,\n    private server: HttpWebRequestService,\n    private utilService: UtilService,\n    private encryptionService: EncryptionService\n  ) {\n    this.signUpForm = this.fb.group(\n      {\n        Firstname: new FormControl<string | null>(null, Validators.required),\n        Lastname: new FormControl<string | null>(null, Validators.required),\n        Email: new FormControl<string | null>(null, [\n          Validators.required,\n          Validators.email,\n        ]),\n        Password: new FormControl<string | null>(null, [\n          Validators.required,\n          Validators.minLength(8),\n        ]),\n        Confirmpassword: new FormControl<string | null>(null, [\n          Validators.required,\n          Validators.minLength(8),\n        ]),\n        Terms: new FormControl<boolean>(false, [Validators.requiredTrue]),\n      },\n      { validators: this.passwordMatchValidator }\n    );\n  }\n\n  private passwordMatchValidator: ValidatorFn = (\n    group: AbstractControl\n  ): ValidationErrors | null => {\n    const password = group.get('Password')?.value;\n    const confirmPassword = group.get('Confirmpassword')?.value;\n    return password === confirmPassword ? null : { passwordMismatch: true };\n  };\n\n  checkForm(): boolean {\n    return this.signUpForm.valid;\n  }\n\n  async submit() {\n    if (!this.checkForm()) {\n      return;\n    }\n    const data: SignUpData = {\n      Firstname: this.signUpForm.controls['Firstname'].value,\n      Lastname: this.signUpForm.controls['Lastname'].value,\n      Email: this.signUpForm.controls['Email'].value,\n      Password: String(\n        CryptoJS.MD5(this.signUpForm.controls['Password'].value)\n      ),\n      Terms: this.signUpForm.controls['Terms'].value,\n      Id: '61f7e48f0c651345677b7775',\n      CreatedAt: new Date(),\n      UpdatedAt: new Date(),\n      DataState: ObjectState.New,\n      id: '61f7e48f0c651345677b7775',\n      TenantId: 'James',\n      Code: '',\n      ServiceName: '',\n    };\n    const payload = [\n      {\n        ...data,\n        Code: '123 ',\n        ServiceName: 'Test 1',\n        MailAddress: data.Email,\n        OtherName: 'James',\n        Status: 'Inactive',\n        PhoneNumber: '07012345678',\n        TenantId: '61f7e48f0c651345677b7775',\n        Role: ['tester'],\n        Tags: [\n          {\n            Name: 'checker',\n            IsOptional: true,\n          },\n        ],\n      },\n    ];\n\n    this.formSubmit.emit(data);\n    this.utilService.sendBI(true);\n    const res = await this.server.post(`User/SaveUsers`, payload);\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  handleGoogleAuth() {\n    this.googleClick.emit();\n  }\n  handleAppleAuth() {\n    this.appleClick.emit();\n  }\n\n  get styles() {\n    return {\n      'background-color': this.bgColor,\n      'box-shadow': this.boxShadow,\n      border: this.border,\n      'border-radius': this.borderRadius,\n      color: this.textColor,\n      width: this.width,\n      'max-width': this.maxWidth,\n      margin: this.margin,\n      height: this.height,\n      padding: this.pd,\n    };\n  }\n}\n","<section [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n    <h2 class=\"{{headlingClass}}\">\n      {{headlingText}}\n    </h2>\n    <form [formGroup]=\"signUpForm\" (ngSubmit)=\"submit()\" class=\"flexWrapper\">\n      <verbena-input\n        [label]=\"'First name'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'text'\"\n        formControlName=\"Firstname\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n        [customErrorMessages]=\"{required:'First name is required'}\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Last name'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'text'\"\n        formControlName=\"Lastname\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n        [customErrorMessages]=\"{required:'Last name is required'}\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Email'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'email'\"\n        formControlName=\"Email\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        class=\"outline-none focus-none\"\n      ></verbena-input>\n      <verbena-input\n        [label]=\"'Password'\"\n        [labelColor]=\"inputLabelColor\"\n        [placeHolder]=\"''\"\n        [required]=\"true\"\n        [type]=\"'password'\"\n        formControlName=\"Password\"\n        [showBorder]=\"true\"\n        [bgColor]=\"inputBgColor\"\n        [border]=\"inputBorder\"\n        [borderRadius]=\"inputBorderRadius\"\n        [showErrorMessage]=\"true\"\n        [errorMessageColor]=\"'red'\"\n        [errorBorderColor]=\"'red'\"\n        [errorPosition]=\"'bottom'\"\n        [passwordToggle]=\"true\"\n        class=\"outline-none focus-none\"\n      ></verbena-input>\n      <div>\n        <verbena-input\n          [label]=\"'Confirm Password'\"\n          [labelColor]=\"inputLabelColor\"\n          [placeHolder]=\"''\"\n          [required]=\"true\"\n          [type]=\"'password'\"\n          formControlName=\"Confirmpassword\"\n          [showBorder]=\"true\"\n          [bgColor]=\"inputBgColor\"\n          [border]=\"inputBorder\"\n          [borderRadius]=\"inputBorderRadius\"\n          [showErrorMessage]=\"false\"\n          [errorBorderColor]=\"'red'\"\n          class=\"outline-none focus-none\"\n        ></verbena-input>\n      <span *ngIf=\"signUpForm.hasError('passwordMismatch') && signUpForm.get('Confirmpassword')?.dirty\">\n        <small class=\"error-text\">Passwords do not match.</small>\n      </span>\n      </div>\n      <div>\n        <div class=\"checkBoxWrapper\">\n          <input type=\"checkbox\" id=\"terms\" formControlName=\"Terms\"  class=\"checBoxInput\" />\n          <label for=\"terms\"\n          class=\"break-all font-normal leading-6\"\n            >By creating an account, I agree to our <a  [attr.href]=\"termsLink\">Terms of use</a> and\n            <a [attr.href]=\"privacyLink\">Privacy Policy</a></label\n          >\n        </div>\n       <p *ngIf=\"signUpForm.controls['Terms'].invalid && signUpForm.controls['Terms'].touched\">\n        <small class=\"error-text\">Please agree to the terms of use and privacy policy.</small>\n       </p>\n      </div>\n      <lib-button\n      [buttonClass]=\"btnClass\"\n      [color]=\"btnColor\"\n      [border]=\"btnBorder\"\n      [borderRadius]=\"btnBorderRadius\"\n      [bgColor]=\"btnBgColor\"\n      [pd]=\"btnPd\"\n      [text]=\"btnText\"\n      type=\"submit\"\n      [disabled]=\"!this.checkForm()\"\n      [ngStyle]=\"{'margin-top':'10px'}\"\n      ></lib-button>\n      <verben-o-auth\n      (googleClick)=\"handleGoogleAuth()\"\n      (appleClick)=\"handleAppleAuth()\"\n      ></verben-o-auth>\n      <p>\n        Already have an account?\n        <a [routerLink]=\"routerLink\"  class=\"\">Log in</a>\n      </p>\n    </form>\n  </section>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { SignUpComponent } from './sign-up.component';\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 { ReactiveFormsModule } from '@angular/forms';\n@NgModule({\n  declarations: [SignUpComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    VerbenaInputModule,\n    RouterLink,\n    ButtonModule,\n    OAuthModule,\n    ReactiveFormsModule,\n  ],\n  exports: [SignUpComponent],\n})\nexport class SignUpModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}