verben-authentication-ui 1.0.13 → 1.0.15

package/fesm2022/verben-authentication-ui-src-lib-components-two-factor-auth-otp.mjs

@@ -0,0 +1,245 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import { MechanismType, ErrorResponse } from 'verben-authentication-ui/src/lib/models';
+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-authentication-ui/src/lib/components/button';
+import { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';
+import * as i5 from 'verben-authentication-ui/src/lib/components/otp-input';
+import { OtpInputModule } from 'verben-authentication-ui/src/lib/components/otp-input';
+import { RouterLink } from '@angular/router';
+
+class TwoFactorAuthOtpComponent {
+    fb;
+    server;
+    utilService;
+    customClass = '';
+    headlingClass = '';
+    headlingText = 'Two Factor Authentication';
+    paragraphClass = '';
+    resendClass = '';
+    width = '';
+    maxWidth = '';
+    margin = '';
+    pd = '';
+    bgColor = '#fff';
+    boxShadow = '4px 4px 4px rgba(0, 0, 0, 0.25)';
+    border = '1px solid #66666680';
+    borderRadius = '24px';
+    textColor = '#333';
+    height = 'auto';
+    length = 6;
+    otpClass = '';
+    resendOtpData = {
+        MailAddress: '',
+        Password: '',
+        LoginType: 'InApp',
+        Tenant: 'PDLTC6',
+        Secrete: '$White360$',
+        RedirectUri: '/auth/otp',
+    };
+    User = {};
+    OtpData = {
+        User: this.User,
+        Token: '',
+        ValidateUrl: '',
+        Secret: '',
+        OTP: '',
+        Info: '',
+        Provider: MechanismType.InApp,
+    };
+    btnClass = '';
+    btnBgColor = '#FFE681';
+    btnColor = '';
+    btnBorder = '';
+    btnBorderRadius = '24px';
+    btnPd = '';
+    btnText = 'Submit';
+    otpValue = '';
+    otpForm;
+    buttonClick = new EventEmitter();
+    otpChange = new EventEmitter();
+    clearStore = new EventEmitter();
+    onSubmitEnd = new EventEmitter();
+    resend = new EventEmitter();
+    constructor(fb, server, utilService) {
+        this.fb = fb;
+        this.server = server;
+        this.utilService = utilService;
+    }
+    ngOnInit() {
+        this.otpForm = this.fb.group({
+            otpValue: ['', [Validators.required, Validators.minLength(6)]],
+        });
+    }
+    onOtpChange(value) {
+        this.otpValue = value;
+        this.otpForm.get('otpValue')?.setValue(value);
+        this.otpChange.emit(this.otpValue);
+    }
+    async submitData() {
+        const data = {
+            User: this.User,
+            Token: this.OtpData.Token,
+            ValidateUrl: this.OtpData.ValidateUrl,
+            Secret: this.OtpData.Secret,
+            OTP: this.OtpData.OTP,
+            Info: this.OtpData.Info,
+            Provider: this.OtpData.Provider,
+        };
+        this.clearStore.emit();
+        if (this.otpForm.valid) {
+            this.utilService.sendBI(true);
+            const res = await this.server.post(`Authentication/Validate`, data);
+            this.utilService.sendBI(false);
+            if (res instanceof ErrorResponse) {
+                this.onSubmitEnd.emit(res);
+            }
+            else {
+                var result = res;
+                this.onSubmitEnd.emit(result);
+            }
+        }
+    }
+    async resendOtp() {
+        const data = {
+            MailAddress: this.resendOtpData?.MailAddress,
+            Password: this.resendOtpData?.Password,
+            LoginType: this.resendOtpData?.LoginType,
+            Tenant: this.resendOtpData?.Tenant,
+            Secrete: this.resendOtpData?.Secrete,
+            RedirectUri: this.resendOtpData?.RedirectUri,
+        };
+        this.utilService.sendBI(true);
+        const res = await this.server.post(`Authentication/ResendOTP`, data);
+        this.utilService.sendBI(false);
+        if (res instanceof ErrorResponse) {
+            this.resend.emit(res);
+        }
+        else {
+            var result = res;
+            this.resend.emit(result);
+        }
+    }
+    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: TwoFactorAuthOtpComponent, 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: TwoFactorAuthOtpComponent, selector: "verben-auth-otp", inputs: { customClass: "customClass", headlingClass: "headlingClass", headlingText: "headlingText", paragraphClass: "paragraphClass", resendClass: "resendClass", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height", length: "length", otpClass: "otpClass", resendOtpData: "resendOtpData", User: "User", OtpData: "OtpData", btnClass: "btnClass", btnBgColor: "btnBgColor", btnColor: "btnColor", btnBorder: "btnBorder", btnBorderRadius: "btnBorderRadius", btnPd: "btnPd", btnText: "btnText" }, outputs: { buttonClick: "buttonClick", otpChange: "otpChange", clearStore: "clearStore", onSubmitEnd: "onSubmitEnd", resend: "resend" }, ngImport: i0, template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"otpWrapper\"> \n    <p class=\"{{paragraphClass}}\">Enter the {{length}} digit code sent to you</p>\n    <verben-otp-input \n    [length]=\"length\" \n    (otpChange)=\"onOtpChange($event)\"\n    [otpClass]=\"otpClass\"\n    ></verben-otp-input>\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  (buttonClick)=\"submitData()\"\n  [disabled]=\"!otpForm.valid\"\n  ></lib-button>\n  <p class=\"resendWrapper\">\n    Didn\u2019t get a code?\n    <a class=\"{{resendClass}}\" (click)=\"resendOtp()\">Resend</a>\n  </p>\n   \n</section>", styles: [".otpWrapper{margin-bottom:20px;margin-top:15px}.resendWrapper{margin-top:10px;margin-bottom:0!important}\n"], dependencies: [{ kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.ButtonComponent, selector: "lib-button", inputs: ["text", "color", "border", "borderRadius", "bgColor", "width", "pd", "buttonClass", "disabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.OtpInputComponent, selector: "verben-otp-input", inputs: ["length", "otpClass"], outputs: ["otpChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthOtpComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-auth-otp', template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"otpWrapper\"> \n    <p class=\"{{paragraphClass}}\">Enter the {{length}} digit code sent to you</p>\n    <verben-otp-input \n    [length]=\"length\" \n    (otpChange)=\"onOtpChange($event)\"\n    [otpClass]=\"otpClass\"\n    ></verben-otp-input>\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  (buttonClick)=\"submitData()\"\n  [disabled]=\"!otpForm.valid\"\n  ></lib-button>\n  <p class=\"resendWrapper\">\n    Didn\u2019t get a code?\n    <a class=\"{{resendClass}}\" (click)=\"resendOtp()\">Resend</a>\n  </p>\n   \n</section>", styles: [".otpWrapper{margin-bottom:20px;margin-top:15px}.resendWrapper{margin-top:10px;margin-bottom:0!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.HttpWebRequestService }, { type: i2.UtilService }], propDecorators: { customClass: [{
+                type: Input
+            }], headlingClass: [{
+                type: Input
+            }], headlingText: [{
+                type: Input
+            }], paragraphClass: [{
+                type: Input
+            }], resendClass: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], pd: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], boxShadow: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], length: [{
+                type: Input
+            }], otpClass: [{
+                type: Input
+            }], resendOtpData: [{
+                type: Input
+            }], User: [{
+                type: Input
+            }], OtpData: [{
+                type: Input
+            }], btnClass: [{
+                type: Input
+            }], btnBgColor: [{
+                type: Input
+            }], btnColor: [{
+                type: Input
+            }], btnBorder: [{
+                type: Input
+            }], btnBorderRadius: [{
+                type: Input
+            }], btnPd: [{
+                type: Input
+            }], btnText: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }], otpChange: [{
+                type: Output
+            }], clearStore: [{
+                type: Output
+            }], onSubmitEnd: [{
+                type: Output
+            }], resend: [{
+                type: Output
+            }] } });
+
+class TwoFactorAuthOtpModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthOtpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthOtpModule, declarations: [TwoFactorAuthOtpComponent], imports: [CommonModule,
+            ButtonModule,
+            OtpInputModule,
+            RouterLink,
+            ReactiveFormsModule], exports: [TwoFactorAuthOtpComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthOtpModule, imports: [CommonModule,
+            ButtonModule,
+            OtpInputModule,
+            ReactiveFormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthOtpModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TwoFactorAuthOtpComponent],
+                    imports: [
+                        CommonModule,
+                        ButtonModule,
+                        OtpInputModule,
+                        RouterLink,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [TwoFactorAuthOtpComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TwoFactorAuthOtpComponent, TwoFactorAuthOtpModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-two-factor-auth-otp.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-two-factor-auth-otp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-two-factor-auth-otp.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-otp/two-factor-auth-otp.component.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-otp/two-factor-auth-otp.component.html","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-otp/two-factor-auth-otp.module.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-otp/verben-authentication-ui-src-lib-components-two-factor-auth-otp.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { HttpWebRequestService } from 'verben-authentication-ui/src/lib/services';\nimport { UtilService } 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 { OtpData } from 'verben-authentication-ui/src/lib/models';\nimport { User } from 'verben-authentication-ui/src/lib/models';\nimport { ObjectState } from 'verben-authentication-ui/src/lib/models';\nimport { MainUser } from 'verben-authentication-ui/src/lib/models';\nimport { ResendOtpData } from 'verben-authentication-ui/src/lib/models';\nimport { MechanismType } from 'verben-authentication-ui/src/lib/models';\n\n@Component({\n  selector: 'verben-auth-otp',\n  templateUrl: './two-factor-auth-otp.component.html',\n  styleUrl: './two-factor-auth-otp.component.css',\n})\nexport class TwoFactorAuthOtpComponent {\n  @Input() customClass: string = '';\n  @Input() headlingClass: string = '';\n  @Input() headlingText: string = 'Two Factor Authentication';\n  @Input() paragraphClass: string = '';\n  @Input() resendClass: string = '';\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n  @Input() margin: string = '';\n  @Input() pd: 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() textColor: string = '#333';\n  @Input() height: string = 'auto';\n  @Input() length: number = 6;\n  @Input() otpClass: string = '';\n  @Input() resendOtpData: ResendOtpData = {\n    MailAddress: '',\n    Password: '',\n    LoginType: 'InApp',\n    Tenant: 'PDLTC6',\n    Secrete: '$White360$',\n    RedirectUri: '/auth/otp',\n  };\n\n  @Input() User: any = {};\n\n  @Input() OtpData: OtpData = {\n    User: this.User,\n    Token: '',\n    ValidateUrl: '',\n    Secret: '',\n    OTP: '',\n    Info: '',\n    Provider: MechanismType.InApp,\n  };\n\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 = 'Submit';\n\n  otpValue: string = '';\n  otpForm!: FormGroup;\n\n  @Output() buttonClick = new EventEmitter<string>();\n  @Output() otpChange = new EventEmitter<string>();\n  @Output() clearStore = new EventEmitter<any>();\n  @Output() onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse> =\n    new EventEmitter();\n  @Output() resend: EventEmitter<ResponseKeyValue | ErrorResponse> =\n    new EventEmitter();\n\n  constructor(\n    private fb: FormBuilder,\n    private server: HttpWebRequestService,\n    private utilService: UtilService\n  ) {}\n\n  ngOnInit() {\n    this.otpForm = this.fb.group({\n      otpValue: ['', [Validators.required, Validators.minLength(6)]],\n    });\n  }\n\n  onOtpChange(value: string) {\n    this.otpValue = value;\n    this.otpForm.get('otpValue')?.setValue(value);\n    this.otpChange.emit(this.otpValue);\n  }\n\n  async submitData() {\n    const data: OtpData = {\n      User: this.User,\n      Token: this.OtpData.Token,\n      ValidateUrl: this.OtpData.ValidateUrl,\n      Secret: this.OtpData.Secret,\n      OTP: this.OtpData.OTP,\n      Info: this.OtpData.Info,\n      Provider: this.OtpData.Provider,\n    };\n    this.clearStore.emit();\n    if (this.otpForm.valid) {\n      this.utilService.sendBI(true);\n      const res = await this.server.post(`Authentication/Validate`, data);\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\n  async resendOtp() {\n    const data: ResendOtpData = {\n      MailAddress: this.resendOtpData?.MailAddress,\n      Password: this.resendOtpData?.Password,\n      LoginType: this.resendOtpData?.LoginType,\n      Tenant: this.resendOtpData?.Tenant,\n      Secrete: this.resendOtpData?.Secrete,\n\n      RedirectUri: this.resendOtpData?.RedirectUri,\n    };\n\n    this.utilService.sendBI(true);\n    const res = await this.server.post(`Authentication/ResendOTP`, data);\n    this.utilService.sendBI(false);\n    if (res instanceof ErrorResponse) {\n      this.resend.emit(res);\n    } else {\n      var result = res as ResponseKeyValue;\n      this.resend.emit(result);\n    }\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\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"otpWrapper\"> \n    <p class=\"{{paragraphClass}}\">Enter the {{length}} digit code sent to you</p>\n    <verben-otp-input \n    [length]=\"length\" \n    (otpChange)=\"onOtpChange($event)\"\n    [otpClass]=\"otpClass\"\n    ></verben-otp-input>\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  (buttonClick)=\"submitData()\"\n  [disabled]=\"!otpForm.valid\"\n  ></lib-button>\n  <p class=\"resendWrapper\">\n    Didn’t get a code?\n    <a class=\"{{resendClass}}\" (click)=\"resendOtp()\">Resend</a>\n  </p>\n   \n</section>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TwoFactorAuthOtpComponent } from './two-factor-auth-otp.component';\nimport { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';\nimport { OtpInputModule } from 'verben-authentication-ui/src/lib/components/otp-input';\nimport { RouterLink } from '@angular/router';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n  declarations: [TwoFactorAuthOtpComponent],\n  imports: [\n    CommonModule,\n    ButtonModule,\n    OtpInputModule,\n    RouterLink,\n    ReactiveFormsModule,\n  ],\n  exports: [TwoFactorAuthOtpComponent],\n})\nexport class TwoFactorAuthOtpModule {}\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-two-factor-auth-setup.mjs

@@ -0,0 +1,113 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'verben-ng-ui';
+import { VerbenaButtonModule, SvgModule } from 'verben-ng-ui';
+
+class TwoFactorAuthSetupComponent {
+    customClass = '';
+    headlingClass = '';
+    headlingText = 'Set Up Two Factor Authentication';
+    paragraphClass = '';
+    buttonClass = '';
+    width = '';
+    maxWidth = '';
+    margin = '';
+    pd = '';
+    bgColor = '#fff';
+    boxShadow = '4px 4px 4px rgba(0, 0, 0, 0.25)';
+    border = '1px solid #66666680';
+    borderRadius = '24px';
+    textColor = '#333';
+    height = '';
+    smsClick = new EventEmitter();
+    mailClick = new EventEmitter();
+    skipClick = new EventEmitter();
+    continueWithSMS() {
+        this.smsClick.emit();
+    }
+    continueWithMail() {
+        this.mailClick.emit();
+    }
+    handleSkip() {
+        this.skipClick.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: TwoFactorAuthSetupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TwoFactorAuthSetupComponent, selector: "verben-two-factor-auth-setup", inputs: { customClass: "customClass", headlingClass: "headlingClass", headlingText: "headlingText", paragraphClass: "paragraphClass", buttonClass: "buttonClass", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height" }, outputs: { smsClick: "smsClick", mailClick: "mailClick", skipClick: "skipClick" }, ngImport: i0, template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[#333] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>", styles: [".setUpBtnWrapper{display:flex;flex-direction:column;gap:12px;margin-top:40px}.iconWrapper{display:flex;cursor:pointer;align-items:center;justify-content:end;gap:12px;margin-bottom:50px}.custom-button{font-weight:500}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthSetupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-two-factor-auth-setup', template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[#333] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>", styles: [".setUpBtnWrapper{display:flex;flex-direction:column;gap:12px;margin-top:40px}.iconWrapper{display:flex;cursor:pointer;align-items:center;justify-content:end;gap:12px;margin-bottom:50px}.custom-button{font-weight:500}\n"] }]
+        }], propDecorators: { customClass: [{
+                type: Input
+            }], headlingClass: [{
+                type: Input
+            }], headlingText: [{
+                type: Input
+            }], paragraphClass: [{
+                type: Input
+            }], buttonClass: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], pd: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], boxShadow: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], smsClick: [{
+                type: Output
+            }], mailClick: [{
+                type: Output
+            }], skipClick: [{
+                type: Output
+            }] } });
+
+class TwoFactorAuthSetupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthSetupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthSetupModule, declarations: [TwoFactorAuthSetupComponent], imports: [CommonModule, VerbenaButtonModule, SvgModule], exports: [TwoFactorAuthSetupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthSetupModule, imports: [CommonModule, VerbenaButtonModule, SvgModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthSetupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TwoFactorAuthSetupComponent],
+                    imports: [CommonModule, VerbenaButtonModule, SvgModule],
+                    exports: [TwoFactorAuthSetupComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TwoFactorAuthSetupComponent, TwoFactorAuthSetupModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-two-factor-auth-setup.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-two-factor-auth-setup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-two-factor-auth-setup.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.component.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.component.html","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.module.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/verben-authentication-ui-src-lib-components-two-factor-auth-setup.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'verben-two-factor-auth-setup',\n  templateUrl: './two-factor-auth-setup.component.html',\n  styleUrl: './two-factor-auth-setup.component.css'\n})\n\nexport class TwoFactorAuthSetupComponent {\n  @Input() customClass: string = ''\n  @Input() headlingClass: string = ''\n  @Input() headlingText: string = 'Set Up Two Factor Authentication'\n  @Input() paragraphClass: string = ''\n  @Input() buttonClass: string = ''\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n  @Input() margin: string = '';\n  @Input() pd: 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() textColor: string = '#333';\n  @Input() height: string = '';\n\n  @Output() smsClick = new EventEmitter();\n  @Output() mailClick = new EventEmitter();\n  @Output() skipClick = new EventEmitter();\n\n \n  continueWithSMS(){ \n   this.smsClick.emit()\n  }\n  continueWithMail(){ \n   this.mailClick.emit()\n  }\n  handleSkip(){ \n   this.skipClick.emit()\n  }\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}\n","<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[#333] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TwoFactorAuthSetupComponent } from './two-factor-auth-setup.component';\nimport { SvgModule, VerbenaButtonModule } from 'verben-ng-ui';\n\n@NgModule({\n  declarations: [TwoFactorAuthSetupComponent],\n  imports: [CommonModule,VerbenaButtonModule,SvgModule],\n  exports: [TwoFactorAuthSetupComponent]\n})\nexport class TwoFactorAuthSetupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}