verben-authentication-ui 1.0.13 → 1.0.15

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

@@ -0,0 +1,128 @@
+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 * 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 ForgotPasswordComponent {
+    fb;
+    server;
+    utilService;
+    title = 'Forgot Password';
+    subTitle = 'Enter the e-mail you used during registration';
+    buttonCaption = 'Submit';
+    buttonTextColor;
+    buttonBackgroundColor;
+    tenant = '';
+    onSubmit = new EventEmitter();
+    onSubmitEnd = new EventEmitter();
+    forgotPasswordForm;
+    isSubmitted = false;
+    constructor(fb, server, utilService) {
+        this.fb = fb;
+        this.server = server;
+        this.utilService = utilService;
+        this.forgotPasswordForm = this.fb.group({
+            Email: new FormControl(null, [
+                Validators.required,
+                this.emailValidator.bind(this),
+            ]),
+        });
+    }
+    isValidEmail(mail) {
+        const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+        return emailPattern.test(mail);
+    }
+    emailValidator(control) {
+        const value = control.value;
+        if (this.isValidEmail(value) == false) {
+            return { customValidation: true };
+        }
+        return null;
+    }
+    checkForm() {
+        return this.forgotPasswordForm.valid;
+    }
+    async submit() {
+        if (!this.checkForm()) {
+            return;
+        }
+        var data = {
+            Email: this.forgotPasswordForm.controls['Email'].value,
+        };
+        this.onSubmit.emit(data);
+        this.utilService.sendBI(true);
+        const res = await this.server.get(`User/PasswordChangeRequest/${data.Email}/${this.tenant}`);
+        this.utilService.sendBI(false);
+        if (res instanceof ErrorResponse) {
+            this.onSubmitEnd.emit(res);
+        }
+        else {
+            var result = res;
+            this.onSubmitEnd.emit(result);
+            this.isSubmitted = true;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, 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: ForgotPasswordComponent, selector: "verben-forgot-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", tenant: "tenant" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div\n  *ngIf=\"!isSubmitted\"\n  [formGroup]=\"this.forgotPasswordForm\"\n  class=\"reset-password-container flex flex-col\"\n>\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{ title }}</div>\n    <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Email</div>\n    <verbena-input\n      bgColor=\"white\"\n      borderRadius=\"12px\"\n      formControlName=\"Email\"\n      type=\"email\"\n    ></verbena-input>\n  </div>\n  <verbena-button\n    fontWeight=\"700\"\n    (click)=\"submit()\"\n    [text]=\"buttonCaption\"\n    width=\"100%\"\n    [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\"\n    borderRadius=\"25px\"\n    [disable]=\"!this.checkForm()\"\n  ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-title resend-title\">\n    Follow the link sent to your e-mail to proceed\n  </div>\n  <div class=\"resend-text flex gap-1\">\n    <span class=\"resend-caption\">Didn't get a link?</span>\n    <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n  </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 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: ForgotPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-forgot-password', template: "<div\n  *ngIf=\"!isSubmitted\"\n  [formGroup]=\"this.forgotPasswordForm\"\n  class=\"reset-password-container flex flex-col\"\n>\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{ title }}</div>\n    <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Email</div>\n    <verbena-input\n      bgColor=\"white\"\n      borderRadius=\"12px\"\n      formControlName=\"Email\"\n      type=\"email\"\n    ></verbena-input>\n  </div>\n  <verbena-button\n    fontWeight=\"700\"\n    (click)=\"submit()\"\n    [text]=\"buttonCaption\"\n    width=\"100%\"\n    [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\"\n    borderRadius=\"25px\"\n    [disable]=\"!this.checkForm()\"\n  ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-title resend-title\">\n    Follow the link sent to your e-mail to proceed\n  </div>\n  <div class=\"resend-text flex gap-1\">\n    <span class=\"resend-caption\">Didn't get a link?</span>\n    <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n  </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"] }]
+        }], 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
+            }], tenant: [{
+                type: Input
+            }], onSubmit: [{
+                type: Output
+            }], onSubmitEnd: [{
+                type: Output
+            }] } });
+
+class ForgotPasswordModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordModule, declarations: [ForgotPasswordComponent], imports: [FormsModule,
+            ReactiveFormsModule,
+            VerbenaInputModule,
+            VerbenaButtonModule,
+            CommonModule], exports: [ForgotPasswordComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordModule, imports: [FormsModule,
+            ReactiveFormsModule,
+            VerbenaInputModule,
+            VerbenaButtonModule,
+            CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ForgotPasswordComponent],
+                    imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        VerbenaInputModule,
+                        VerbenaButtonModule,
+                        CommonModule,
+                    ],
+                    exports: [ForgotPasswordComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ForgotPasswordComponent, ForgotPasswordModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-forgot-password.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-forgot-password.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.component.ts","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.component.html","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.module.ts","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/verben-authentication-ui-src-lib-components-forgot-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 { ForgotPasswordData } from './ForgotPasswordData';\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 { EnvironmentService } from 'verben-authentication-ui/src/lib/services';\n\n@Component({\n  selector: 'verben-forgot-password',\n  templateUrl: './forgot-password.component.html',\n  styleUrl: './forgot-password.component.css',\n})\nexport class ForgotPasswordComponent {\n  @Input() title: string = 'Forgot Password';\n  @Input() subTitle: string = 'Enter the e-mail you used during registration';\n  @Input() buttonCaption: string = 'Submit';\n  @Input() buttonTextColor?: string;\n  @Input() buttonBackgroundColor?: string;\n  @Input() tenant: string = '';\n\n  @Output() onSubmit: EventEmitter<ForgotPasswordData> = new EventEmitter();\n  @Output() onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse> =\n    new EventEmitter();\n\n  forgotPasswordForm: FormGroup;\n  isSubmitted: boolean = false;\n\n  constructor(\n    private fb: FormBuilder,\n    private server: HttpWebRequestService,\n    private utilService: UtilService\n  ) {\n    this.forgotPasswordForm = this.fb.group({\n      Email: new FormControl<string | null>(null, [\n        Validators.required,\n        this.emailValidator.bind(this),\n      ]),\n    });\n  }\n\n  isValidEmail(mail: string): boolean {\n    const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n    return emailPattern.test(mail);\n  }\n\n  emailValidator(control: AbstractControl): ValidationErrors | null {\n    const value = control.value;\n\n    if (this.isValidEmail(value) == false) {\n      return { customValidation: true };\n    }\n\n    return null;\n  }\n\n  checkForm(): boolean {\n    return this.forgotPasswordForm.valid;\n  }\n\n  async submit() {\n    if (!this.checkForm()) {\n      return;\n    }\n    var data: ForgotPasswordData = {\n      Email: this.forgotPasswordForm.controls['Email'].value,\n    };\n    this.onSubmit.emit(data);\n    this.utilService.sendBI(true);\n    const res = await this.server.get(\n      `User/PasswordChangeRequest/${data.Email}/${this.tenant}`\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      this.isSubmitted = true;\n    }\n  }\n}\n","<div\n  *ngIf=\"!isSubmitted\"\n  [formGroup]=\"this.forgotPasswordForm\"\n  class=\"reset-password-container flex flex-col\"\n>\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{ title }}</div>\n    <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Email</div>\n    <verbena-input\n      bgColor=\"white\"\n      borderRadius=\"12px\"\n      formControlName=\"Email\"\n      type=\"email\"\n    ></verbena-input>\n  </div>\n  <verbena-button\n    fontWeight=\"700\"\n    (click)=\"submit()\"\n    [text]=\"buttonCaption\"\n    width=\"100%\"\n    [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\"\n    borderRadius=\"25px\"\n    [disable]=\"!this.checkForm()\"\n  ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-title resend-title\">\n    Follow the link sent to your e-mail to proceed\n  </div>\n  <div class=\"resend-text flex gap-1\">\n    <span class=\"resend-caption\">Didn't get a link?</span>\n    <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { ForgotPasswordComponent } from './forgot-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: [ForgotPasswordComponent],\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    VerbenaInputModule,\n    VerbenaButtonModule,\n    CommonModule,\n  ],\n  exports: [ForgotPasswordComponent],\n})\nexport class ForgotPasswordModule {}\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-mail-validation.mjs

@@ -0,0 +1,146 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from 'verben-ng-ui';
+import { VerbenaInputModule, VerbenaButtonModule } from 'verben-ng-ui';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+class MailValidationComponent {
+    customClass = '';
+    bgColor = '#fff';
+    boxShadow = '4px 4px 4px rgba(0, 0, 0, 0.25)';
+    border = '1px solid #66666680';
+    borderRadius = '24px';
+    textColor = '#666666';
+    height = 'auto';
+    pd = '32px 48px';
+    width = '600px';
+    text = 'Login';
+    textAlign = 'center';
+    color = 'black';
+    textSize = '32px';
+    btnBorder = '1px solid #FFE681';
+    btnBorderRadius = "40px";
+    btnBgColor = '#FFE681';
+    btnWidth = '100%';
+    btnPd = '7px 10px';
+    resendOtp = new EventEmitter();
+    proceedToNextStep = new EventEmitter();
+    login = new EventEmitter();
+    currentStep = 'linkSent';
+    handleResendOtp() {
+        this.resendOtp.emit();
+    }
+    goToNextStep() {
+        switch (this.currentStep) {
+            case 'linkSent':
+                this.currentStep = 'verified';
+                this.proceedToNextStep.emit(this.currentStep);
+                break;
+            case 'verified':
+                this.currentStep = 'accessGranted';
+                this.proceedToNextStep.emit(this.currentStep);
+                break;
+        }
+    }
+    get styles() {
+        return {
+            'background-color': this.bgColor,
+            'box-shadow': this.boxShadow,
+            'border': this.border,
+            'border-radius': this.borderRadius,
+            'color': this.textColor,
+            'max-width': this.width,
+            'margin': '0 auto',
+            'height': this.height,
+            'padding': this.pd,
+        };
+    }
+    handleLogin() {
+        this.login.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MailValidationComponent, selector: "lib-mail-validation", inputs: { customClass: "customClass", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height", pd: "pd", width: "width", text: "text", textAlign: "textAlign", color: "color", textSize: "textSize", btnBorder: "btnBorder", btnBorderRadius: "btnBorderRadius", btnBgColor: "btnBgColor", btnWidth: "btnWidth", btnPd: "btnPd" }, outputs: { resendOtp: "resendOtp", proceedToNextStep: "proceedToNextStep", login: "login" }, ngImport: i0, template: "<section  [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n  <div *ngIf=\"currentStep === 'linkSent'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Follow the link sent to your e-mail to verify your e-mail address\n    </p>\n    <p class=\"mt-4\" (click)=\"handleResendOtp()\">\n      Didn't get a link? <a href=\"#\" class=\"underline resend\">Resend</a>\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'verified'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Your e-mail has been verified! You will be notified when your access has\n      been authorized\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'accessGranted'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n    Your e-mail has been verified!\n    </p>\n  <div class=\"mt-4\">\n    <verbena-button\n    [text]=\"text\"\n    [bgColor]=\"btnBgColor\"\n    [textColor]=\"color\"\n    [border]=\"btnBorder\"\n    [borderRadius]=\"btnBorderRadius\"\n    [pd]=\"btnPd\"\n    (click)=\"handleLogin()\"\n    [width]=\"btnWidth\"\n    textSize=\"'22px'\"\n    buttonClass=\"font-medium text-[22px] leading-[33px]\"\n  ></verbena-button>\n  </div>\n  </div>\n</section>\n", styles: [".flex{display:flex}.overflow-hidden{overflow:hidden}.h-full{height:100%}.underline{text-decoration:underline}.mt-4{margin-top:1rem}.resend{color:#00f}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.gap-1>:not([hidden])~:not([hidden]){gap:.25rem}.pt-3{padding-top:.75rem}.mt-5{margin-top:1.25rem}.border{border-width:1px}.rounded-xl{border-radius:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.flex-col{flex-direction:column}.w-full{width:100%}\n"], dependencies: [{ kind: "component", type: i1.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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailValidationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mail-validation', template: "<section  [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n  <div *ngIf=\"currentStep === 'linkSent'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Follow the link sent to your e-mail to verify your e-mail address\n    </p>\n    <p class=\"mt-4\" (click)=\"handleResendOtp()\">\n      Didn't get a link? <a href=\"#\" class=\"underline resend\">Resend</a>\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'verified'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Your e-mail has been verified! You will be notified when your access has\n      been authorized\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'accessGranted'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n    Your e-mail has been verified!\n    </p>\n  <div class=\"mt-4\">\n    <verbena-button\n    [text]=\"text\"\n    [bgColor]=\"btnBgColor\"\n    [textColor]=\"color\"\n    [border]=\"btnBorder\"\n    [borderRadius]=\"btnBorderRadius\"\n    [pd]=\"btnPd\"\n    (click)=\"handleLogin()\"\n    [width]=\"btnWidth\"\n    textSize=\"'22px'\"\n    buttonClass=\"font-medium text-[22px] leading-[33px]\"\n  ></verbena-button>\n  </div>\n  </div>\n</section>\n", styles: [".flex{display:flex}.overflow-hidden{overflow:hidden}.h-full{height:100%}.underline{text-decoration:underline}.mt-4{margin-top:1rem}.resend{color:#00f}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.gap-1>:not([hidden])~:not([hidden]){gap:.25rem}.pt-3{padding-top:.75rem}.mt-5{margin-top:1.25rem}.border{border-width:1px}.rounded-xl{border-radius:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.flex-col{flex-direction:column}.w-full{width:100%}\n"] }]
+        }], propDecorators: { customClass: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], boxShadow: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], pd: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], textAlign: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], textSize: [{
+                type: Input
+            }], btnBorder: [{
+                type: Input
+            }], btnBorderRadius: [{
+                type: Input
+            }], btnBgColor: [{
+                type: Input
+            }], btnWidth: [{
+                type: Input
+            }], btnPd: [{
+                type: Input
+            }], resendOtp: [{
+                type: Output
+            }], proceedToNextStep: [{
+                type: Output
+            }], login: [{
+                type: Output
+            }] } });
+
+class MailValidationModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MailValidationModule, declarations: [MailValidationComponent], imports: [FormsModule,
+            ReactiveFormsModule,
+            VerbenaInputModule,
+            VerbenaButtonModule,
+            CommonModule], exports: [MailValidationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailValidationModule, imports: [FormsModule,
+            ReactiveFormsModule,
+            VerbenaInputModule,
+            VerbenaButtonModule,
+            CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailValidationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MailValidationComponent],
+                    imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        VerbenaInputModule,
+                        VerbenaButtonModule,
+                        CommonModule,
+                    ],
+                    exports: [MailValidationComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MailValidationComponent, MailValidationModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-mail-validation.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-mail-validation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-mail-validation.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.component.ts","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.component.html","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.module.ts","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/verben-authentication-ui-src-lib-components-mail-validation.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-mail-validation',\n  templateUrl: './mail-validation.component.html',\n  styleUrls: ['./mail-validation.component.css']\n})\nexport class MailValidationComponent {\n  @Input() customClass: 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 = '#666666';\n  @Input() height: string = 'auto';\n  @Input() pd: string = '32px 48px';\n  @Input() width: string = '600px';\n  @Input() text: string = 'Login';\n  @Input() textAlign: string = 'center';\n  @Input() color: string = 'black';\n  @Input() textSize: string = '32px';\n  @Input() btnBorder: string = '1px solid #FFE681';\n  @Input() btnBorderRadius: string = \"40px\";\n  @Input() btnBgColor: string = '#FFE681';\n  @Input() btnWidth: string = '100%';\n  @Input() btnPd: string = '7px 10px';\n\n  @Output() resendOtp = new EventEmitter<void>();\n  @Output() proceedToNextStep = new EventEmitter<'verified' | 'accessGranted'>();\n  @Output() login = new EventEmitter<void>();\n\n  currentStep: 'linkSent' | 'verified' | 'accessGranted' = 'linkSent';\n\n  handleResendOtp() {\n    this.resendOtp.emit();\n  }\n\n  goToNextStep() {\n    switch (this.currentStep) {\n      case 'linkSent':\n        this.currentStep = 'verified';\n        this.proceedToNextStep.emit(this.currentStep);\n        break;\n      case 'verified':\n        this.currentStep = 'accessGranted';\n        this.proceedToNextStep.emit(this.currentStep);\n        break;\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      'max-width': this.width,\n      'margin': '0 auto',\n      'height': this.height,\n      'padding': this.pd,\n    };\n  }\n  handleLogin() {\n    this.login.emit();\n  }\n}\n","<section  [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n  <div *ngIf=\"currentStep === 'linkSent'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Follow the link sent to your e-mail to verify your e-mail address\n    </p>\n    <p class=\"mt-4\" (click)=\"handleResendOtp()\">\n      Didn't get a link? <a href=\"#\" class=\"underline resend\">Resend</a>\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'verified'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Your e-mail has been verified! You will be notified when your access has\n      been authorized\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'accessGranted'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n    Your e-mail has been verified!\n    </p>\n  <div class=\"mt-4\">\n    <verbena-button\n    [text]=\"text\"\n    [bgColor]=\"btnBgColor\"\n    [textColor]=\"color\"\n    [border]=\"btnBorder\"\n    [borderRadius]=\"btnBorderRadius\"\n    [pd]=\"btnPd\"\n    (click)=\"handleLogin()\"\n    [width]=\"btnWidth\"\n    textSize=\"'22px'\"\n    buttonClass=\"font-medium text-[22px] leading-[33px]\"\n  ></verbena-button>\n  </div>\n  </div>\n</section>\n","import { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { CommonModule } from '@angular/common';\nimport { MailValidationComponent } from './mail-validation.component';\n\n@NgModule({\n  declarations: [MailValidationComponent],\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    VerbenaInputModule,\n    VerbenaButtonModule,\n    CommonModule,\n  ],\n  exports: [MailValidationComponent],\n})\nexport class MailValidationModule {}\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-mail.mjs

@@ -0,0 +1,94 @@
+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-authentication-ui/src/lib/components/button';
+import { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';
+import { FormsModule } from '@angular/forms';
+import { RouterLink } from '@angular/router';
+
+class MailComponent {
+    customClass = '';
+    headlingClass = '';
+    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';
+    buttonClick = new EventEmitter();
+    goToLogin() {
+        this.buttonClick.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: MailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MailComponent, selector: "verben-mail-message", inputs: { customClass: "customClass", headlingClass: "headlingClass", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n    <h3 class=\"{{headlingClass}}\">Your e-mail has been verified!</h3>\n    <lib-button \n    text=\"Login\" \n    buttonClass=\"\"\n    (click)=\"goToLogin()\"\n    ></lib-button>   \n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["text", "color", "border", "borderRadius", "bgColor", "width", "pd", "buttonClass", "disabled"], outputs: ["buttonClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-mail-message', template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n    <h3 class=\"{{headlingClass}}\">Your e-mail has been verified!</h3>\n    <lib-button \n    text=\"Login\" \n    buttonClass=\"\"\n    (click)=\"goToLogin()\"\n    ></lib-button>   \n</section>\n" }]
+        }], propDecorators: { customClass: [{
+                type: Input
+            }], headlingClass: [{
+                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
+            }], buttonClick: [{
+                type: Output
+            }] } });
+
+class MailModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MailModule, declarations: [MailComponent], imports: [CommonModule, FormsModule, RouterLink, ButtonModule], exports: [MailComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailModule, imports: [CommonModule, FormsModule, ButtonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MailComponent],
+                    imports: [CommonModule, FormsModule, RouterLink, ButtonModule],
+                    exports: [MailComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MailComponent, MailModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-mail.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-mail.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/mail/mail.component.ts","../../../projects/verben-authentication-ui/src/lib/components/mail/mail.component.html","../../../projects/verben-authentication-ui/src/lib/components/mail/mail.module.ts","../../../projects/verben-authentication-ui/src/lib/components/mail/verben-authentication-ui-src-lib-components-mail.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n\n@Component({\n  selector: 'verben-mail-message',\n  templateUrl: './mail.component.html',\n  styleUrl: './mail.component.css'\n})\n\n\nexport class MailComponent {\n  @Input() customClass: string = ''\n  @Input() headlingClass: 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\n  @Output() buttonClick = new EventEmitter();\n\n  goToLogin(){ \n    this.buttonClick.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}\n\n","<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n    <h3 class=\"{{headlingClass}}\">Your e-mail has been verified!</h3>\n    <lib-button \n    text=\"Login\" \n    buttonClass=\"\"\n    (click)=\"goToLogin()\"\n    ></lib-button>   \n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';\nimport { MailComponent } from './mail.component';\n\n@NgModule({\n  declarations: [MailComponent],\n  imports: [CommonModule, FormsModule, RouterLink, ButtonModule],\n  exports: [MailComponent],\n})\nexport class MailModule {}\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-o-auth.mjs

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { MechanismType } from 'verben-authentication-ui/src/lib/models';
+import * as i1 from '@angular/router';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'verben-ng-ui';
+import { VerbenaInputModule, VerbenaButtonModule } from 'verben-ng-ui';
+
+class OAuthComponent {
+    router;
+    showGoogle = false;
+    showMicrosoft = false;
+    showApple = false;
+    authMechanisms = null;
+    emitMechanismFn = new EventEmitter();
+    page = '';
+    type = '';
+    constructor(router) {
+        this.router = router;
+    }
+    ngOnInit() {
+        this.loadPage();
+        this.loadGoogleScript();
+        if (this.authMechanisms !== null) {
+            this.authMechanisms = this.authMechanisms.filter((item) => item.AuthMechanism !== MechanismType.InApp);
+        }
+    }
+    loadPage() {
+        this.page = this.router.url;
+    }
+    loadGoogleScript() {
+        if (!document.getElementById('google-jssdk')) {
+            const script = document.createElement('script');
+            script.src = 'https://accounts.google.com/gsi/client';
+            script.id = 'google-jssdk';
+            script.async = true;
+            script.defer = true;
+            script.onload = () => console.log('Google SDK loaded');
+            script.onerror = () => console.log('Error loading Google SDK');
+            document.head.appendChild(script);
+        }
+    }
+    oAuthWithGoogle(data) {
+        this.type = data.AuthMechanism;
+        localStorage.setItem('type', JSON.stringify(this.type));
+        const redirectUri = encodeURIComponent(data.RedirectUri);
+        const scope = encodeURIComponent('openid email profile');
+        const responseType = 'code';
+        const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));
+        const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?client_id=${data.ClientId}&redirect_uri=${redirectUri}&response_type=${responseType}&scope=${scope}&state=${state}`;
+        window.location.href = authUrl;
+    }
+    oAuthWithApple() { }
+    oAuthWithMicrosoft(data) {
+        this.type = data.AuthMechanism;
+        const cleanUrl = window.location.href.split('?')[0];
+        window.history.replaceState({}, document.title, cleanUrl); // Update the URL without reloading
+        localStorage.setItem('type', JSON.stringify(this.type));
+        const redirectUri = encodeURIComponent(data.RedirectUri);
+        const scope = encodeURIComponent('openid email profile');
+        const responseType = 'code';
+        const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));
+        // const authUrl = `https://login.microsoftonline.com/${data.TenantId}/oauth2/v2.0/authorize?client_id=${data.ClientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=query&state=${state}`;
+        const authUrl = `https://login.microsoftonline.com/common/oauth2/v2.0/authorize
+?client_id=${data.ClientId}
+&response_type=${responseType}
+&redirect_uri=${redirectUri}&scope=${scope}
+&response_mode=query&state=${state}`;
+        window.location.href = authUrl;
+    }
+    checkForValue(value) {
+        switch (value) {
+            case MechanismType.Google:
+                return 'google-logo';
+            case MechanismType.Apple:
+                return 'apple-logo';
+            case MechanismType.MicrosoftAD:
+                return 'microsoft-logo';
+            default:
+                return '';
+        }
+    }
+    handleOauthClick(value) {
+        switch (value.AuthMechanism) {
+            case MechanismType.Google:
+                return this.oAuthWithGoogle(value);
+                break;
+            case MechanismType.Apple:
+                return this.oAuthWithApple();
+                break;
+            case MechanismType.MicrosoftAD:
+                return this.oAuthWithMicrosoft(value);
+                break;
+            default:
+                return '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OAuthComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OAuthComponent, selector: "verben-o-auth", inputs: { authMechanisms: "authMechanisms" }, outputs: { emitMechanismFn: "emitMechanismFn" }, ngImport: i0, template: "<section class=\"oauthWrapper\"> \n    <div class=\"OrFlexWrapper\">\n        <hr/>\n        <span>OR</span>\n        <hr/>\n    </div>\n     <div class=\"btnWrapper\">\n      <div *ngFor=\"let btn of authMechanisms, let i = index\"> \n        <verbena-button\n        [svg]=\"checkForValue(btn.AuthMechanism)\"\n        [svgHeight]=\"24\"\n        [svgWidth]=\"24\"\n        [text]=\"'Continue with ' + btn.AuthMechanism\"\n        bgColor=\"white\"\n        textColor=\"black\"\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] mt-2\"\n        (click)=\"handleOauthClick(btn)\"\n        ></verbena-button>\n      </div> \n     </div> \n</section>\n", styles: ["hr{height:1px;margin:0;border:1px solid #66666640;flex:1}.OR{margin:0 2px;color:#666}.oauthWrapper{display:flex;flex-direction:column;gap:12px}.btnWrapper{display:flex;flex-direction:column;gap:10px}.OrFlexWrapper{display:flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OAuthComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'verben-o-auth', template: "<section class=\"oauthWrapper\"> \n    <div class=\"OrFlexWrapper\">\n        <hr/>\n        <span>OR</span>\n        <hr/>\n    </div>\n     <div class=\"btnWrapper\">\n      <div *ngFor=\"let btn of authMechanisms, let i = index\"> \n        <verbena-button\n        [svg]=\"checkForValue(btn.AuthMechanism)\"\n        [svgHeight]=\"24\"\n        [svgWidth]=\"24\"\n        [text]=\"'Continue with ' + btn.AuthMechanism\"\n        bgColor=\"white\"\n        textColor=\"black\"\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] mt-2\"\n        (click)=\"handleOauthClick(btn)\"\n        ></verbena-button>\n      </div> \n     </div> \n</section>\n", styles: ["hr{height:1px;margin:0;border:1px solid #66666640;flex:1}.OR{margin:0 2px;color:#666}.oauthWrapper{display:flex;flex-direction:column;gap:12px}.btnWrapper{display:flex;flex-direction:column;gap:10px}.OrFlexWrapper{display:flex;align-items:center;gap:8px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { authMechanisms: [{
+                type: Input
+            }], emitMechanismFn: [{
+                type: Output
+            }] } });
+
+class OAuthModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OAuthModule, declarations: [OAuthComponent], imports: [CommonModule, VerbenaInputModule, VerbenaButtonModule], exports: [OAuthComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OAuthModule, imports: [CommonModule, VerbenaInputModule, VerbenaButtonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OAuthModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OAuthComponent],
+                    imports: [CommonModule, VerbenaInputModule, VerbenaButtonModule],
+                    exports: [OAuthComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OAuthComponent, OAuthModule };
+//# sourceMappingURL=verben-authentication-ui-src-lib-components-o-auth.mjs.map

package/fesm2022/verben-authentication-ui-src-lib-components-o-auth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-authentication-ui-src-lib-components-o-auth.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.component.ts","../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.component.html","../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.module.ts","../../../projects/verben-authentication-ui/src/lib/components/o-auth/verben-authentication-ui-src-lib-components-o-auth.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  AuthMechanism,\n  MechanismType,\n} from 'verben-authentication-ui/src/lib/models';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpWebRequestService } from 'verben-authentication-ui/src/lib/services';\nimport { UtilService } from 'verben-authentication-ui/src/lib/services';\n\ndeclare global {\n  interface Window {\n    google: any;\n  }\n}\n\n@Component({\n  selector: 'verben-o-auth',\n  templateUrl: './o-auth.component.html',\n  styleUrl: './o-auth.component.css',\n})\nexport class OAuthComponent implements OnInit {\n  showGoogle: boolean = false;\n  showMicrosoft: boolean = false;\n  showApple: boolean = false;\n  @Input() authMechanisms: AuthMechanism[] | null = null;\n  @Output() emitMechanismFn = new EventEmitter<string>();\n  page: string = '';\n  type: string = '';\n\n  constructor(private router: Router) {}\n\n  ngOnInit(): void {\n    this.loadPage();\n    this.loadGoogleScript();\n    if (this.authMechanisms !== null) {\n      this.authMechanisms = this.authMechanisms.filter(\n        (item) => item.AuthMechanism !== MechanismType.InApp\n      );\n    }\n  }\n\n  loadPage() {\n    this.page = this.router.url;\n  }\n\n  loadGoogleScript(): void {\n    if (!document.getElementById('google-jssdk')) {\n      const script = document.createElement('script');\n      script.src = 'https://accounts.google.com/gsi/client';\n      script.id = 'google-jssdk';\n      script.async = true;\n      script.defer = true;\n      script.onload = () => console.log('Google SDK loaded');\n      script.onerror = () => console.log('Error loading Google SDK');\n      document.head.appendChild(script);\n    }\n  }\n\n  oAuthWithGoogle(data: AuthMechanism) {\n    this.type = data.AuthMechanism;\n    localStorage.setItem('type', JSON.stringify(this.type));\n    const redirectUri = encodeURIComponent(data.RedirectUri);\n    const scope = encodeURIComponent('openid email profile');\n    const responseType = 'code';\n    const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));\n    const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?client_id=${data.ClientId}&redirect_uri=${redirectUri}&response_type=${responseType}&scope=${scope}&state=${state}`;\n    window.location.href = authUrl;\n  }\n\n  oAuthWithApple() {}\n\n  oAuthWithMicrosoft(data: AuthMechanism) {\n    this.type = data.AuthMechanism;\n    const cleanUrl = window.location.href.split('?')[0];\n    window.history.replaceState({}, document.title, cleanUrl); // Update the URL without reloading\n    localStorage.setItem('type', JSON.stringify(this.type));\n    const redirectUri = encodeURIComponent(data.RedirectUri);\n    const scope = encodeURIComponent('openid email profile');\n    const responseType = 'code';\n    const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));\n    // const authUrl = `https://login.microsoftonline.com/${data.TenantId}/oauth2/v2.0/authorize?client_id=${data.ClientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=query&state=${state}`;\n    const authUrl = `https://login.microsoftonline.com/common/oauth2/v2.0/authorize\n?client_id=${data.ClientId}\n&response_type=${responseType}\n&redirect_uri=${redirectUri}&scope=${scope}\n&response_mode=query&state=${state}`;\n    window.location.href = authUrl;\n  }\n\n  checkForValue(value: string) {\n    switch (value) {\n      case MechanismType.Google:\n        return 'google-logo';\n      case MechanismType.Apple:\n        return 'apple-logo';\n      case MechanismType.MicrosoftAD:\n        return 'microsoft-logo';\n      default:\n        return '';\n    }\n  }\n\n  handleOauthClick(value: AuthMechanism) {\n    switch (value.AuthMechanism) {\n      case MechanismType.Google:\n        return this.oAuthWithGoogle(value);\n        break;\n      case MechanismType.Apple:\n        return this.oAuthWithApple();\n        break;\n      case MechanismType.MicrosoftAD:\n        return this.oAuthWithMicrosoft(value);\n        break;\n      default:\n        return '';\n    }\n  }\n}\n","<section class=\"oauthWrapper\"> \n    <div class=\"OrFlexWrapper\">\n        <hr/>\n        <span>OR</span>\n        <hr/>\n    </div>\n     <div class=\"btnWrapper\">\n      <div *ngFor=\"let btn of authMechanisms, let i = index\"> \n        <verbena-button\n        [svg]=\"checkForValue(btn.AuthMechanism)\"\n        [svgHeight]=\"24\"\n        [svgWidth]=\"24\"\n        [text]=\"'Continue with ' + btn.AuthMechanism\"\n        bgColor=\"white\"\n        textColor=\"black\"\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] mt-2\"\n        (click)=\"handleOauthClick(btn)\"\n        ></verbena-button>\n      </div> \n     </div> \n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { OAuthComponent } from './o-auth.component';\n\n@NgModule({\n  declarations: [OAuthComponent],\n  imports: [CommonModule,VerbenaInputModule,VerbenaButtonModule],\n  exports: [OAuthComponent]\n})\nexport class OAuthModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}