@processpuzzle/auth 0.0.1 → 0.0.2

package/README.md

@@ -20,8 +20,8 @@ The `AuthButtonComponent` is a versatile authentication button that displays dif
 
 - Displays a person icon button that opens a dropdown menu
 - Dynamically shows different menu options based on authentication status
-- When not authenticated, shows Login and Register options
-- When authenticated, shows My Profile and Logout options
+- When not authenticated, it shows Login and Register options
+- When authenticated, it shows My Profile and Logout options
 - Integrates with Angular Router for navigation to auth pages
 - Uses Angular Material components for a consistent UI experience
 

package/assets/i18n/auth/de.json

@@ -0,0 +1,12 @@
+{
+  "language-selector": {
+    "en": "English",
+    "de": "Deutsch",
+    "hu": "Ungarisch",
+    "es": "Spanisch",
+    "english": "English",
+    "german": "Deutsch",
+    "hungarian": "Ungarisch",
+    "spanish": "Spanisch"
+  }
+}

package/assets/i18n/auth/en.json

@@ -0,0 +1,12 @@
+{
+  "language-selector": {
+    "en": "English",
+    "de": "German",
+    "hu": "Hungarian",
+    "es": "Spanish",
+    "english": "English",
+    "german": "German",
+    "hungarian": "Hungarian",
+    "spanish": "Spanish"
+  }
+}

package/assets/i18n/auth/es.json

@@ -0,0 +1,12 @@
+{
+  "language-selector": {
+    "en": "Inglés",
+    "de": "Alemán",
+    "hu": "Húngaro",
+    "es": "Español",
+    "english": "Inglés",
+    "german": "Alemán",
+    "hungarian": "Húngaro",
+    "spanish": "Español"
+  }
+}

package/assets/i18n/auth/hu.json

@@ -0,0 +1,12 @@
+{
+  "language-selector": {
+    "en": "Angol",
+    "de": "Német",
+    "hu": "Magyar",
+    "es": "Spanyol",
+    "english": "Angol",
+    "german": "Német",
+    "hungarian": "Magyar",
+    "spanish": "Spanyol"
+  }
+}

package/fesm2022/processpuzzle-auth.mjs

@@ -0,0 +1,300 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Component, computed, Injectable } from '@angular/core';
+import { Auth, signInWithEmailAndPassword, GoogleAuthProvider, signInWithPopup, createUserWithEmailAndPassword, authState } from '@angular/fire/auth';
+import { Router, RouterLink } from '@angular/router';
+import * as i2 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule, NonNullableFormBuilder } from '@angular/forms';
+import { MatError, MatFormField, MatSuffix } from '@angular/material/form-field';
+import { MatInput, MatLabel } from '@angular/material/input';
+import * as i3 from '@angular/material/button';
+import { MatButton, MatIconButton, MatButtonModule } from '@angular/material/button';
+import * as i2$1 from '@angular/material/icon';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { MatDivider } from '@angular/material/divider';
+import * as i1$1 from '@angular/common';
+import { NgIf, CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/snack-bar';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { NavigateBackService } from '@processpuzzle/widgets';
+import { MatDialogTitle, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import { SubstringPipe } from '@processpuzzle/util';
+
+class LoginComponent {
+    snackBar;
+    auth = inject(Auth);
+    fb = inject(FormBuilder);
+    router = inject(Router);
+    loginForm;
+    isLoading = signal(false);
+    errorMessage = signal('');
+    hidePassword = true;
+    constructor(snackBar) {
+        this.snackBar = snackBar;
+        this.loginForm = this.fb.group({
+            email: ['', [Validators.required, Validators.email]],
+            password: ['', Validators.required],
+        });
+    }
+    async onSubmit() {
+        if (this.loginForm.invalid)
+            return;
+        this.isLoading.set(true);
+        try {
+            const { email, password } = this.loginForm.value;
+            await signInWithEmailAndPassword(this.auth, email, password);
+            await this.router.navigate(['/']);
+        }
+        catch (error) {
+            this.snackBar.open(this.getErrorMessage(error.code), 'Close', { duration: 5000, panelClass: ['error-snackbar'] });
+        }
+        finally {
+            this.isLoading.set(false);
+            this.errorMessage.set('');
+        }
+    }
+    async signInWithGoogle() {
+        this.isLoading.set(true);
+        try {
+            const provider = new GoogleAuthProvider();
+            await signInWithPopup(this.auth, provider);
+            await this.router.navigate(['/']); // Navigate to home page after successful login
+        }
+        catch (error) {
+            this.snackBar.open(this.getErrorMessage(error.code), 'Close', { duration: 5000, panelClass: ['error-snackbar'] });
+        }
+        finally {
+            this.isLoading.set(false);
+            this.errorMessage.set('');
+        }
+    }
+    getErrorMessage(errorCode) {
+        switch (errorCode) {
+            case 'auth/invalid-email':
+                return 'Invalid email address';
+            case 'auth/user-disabled':
+                return 'This account has been disabled';
+            case 'auth/user-not-found':
+                return 'No account found with this email';
+            case 'auth/wrong-password':
+                return 'Invalid password';
+            case 'auth/popup-closed-by-user':
+                return 'Sign-in popup was closed before completion';
+            default:
+                return 'An error occurred during sign in';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LoginComponent, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: LoginComponent, isStandalone: true, selector: "pp-login", ngImport: i0, template: "<div class=\"login-container\">\n  <h2>Login</h2>\n\n  <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\" aria-label=\"Login Form\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Email</mat-label>\n      <input matInput type=\"email\" formControlName=\"email\" placeholder=\"Enter your email\">\n      <mat-error *ngIf=\"loginForm.get('email')?.hasError('required')\">Email is required</mat-error>\n      <mat-error *ngIf=\"loginForm.get('email')?.hasError('email')\">Please enter a valid email</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Password</mat-label>\n      <input matInput [type]=\"hidePassword ? 'password' : 'text'\" formControlName=\"password\">\n      <button mat-icon-button matSuffix type=\"button\" (click)=\"hidePassword = !hidePassword\" aria-label=\"Toggle Password Visibility\">\n        <mat-icon>{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"loginForm.get('password')?.hasError('required')\">Password is required</mat-error>\n    </mat-form-field>\n\n    <div class=\"actions\">\n      <button mat-raised-button color=\"secondary\" routerLink=\"/auth/register\">Create Account</button>\n      <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"loginForm.invalid || isLoading()\">{{ isLoading() ? 'Signing in...' : 'Sign In' }}</button>\n    </div>\n  </form>\n\n  <mat-divider class=\"divider\">OR</mat-divider>\n\n  <button mat-stroked-button (click)=\"signInWithGoogle()\" [disabled]=\"isLoading()\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 48 48\">\n      <path fill=\"#FFC107\" d=\"M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\ts5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20\ts20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z\"/>\n      <path fill=\"#FF3D00\" d=\"M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039\tl5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z\"/>\n      <path fill=\"#4CAF50\" d=\"M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36\tc-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z\"/>\n      <path fill=\"#1976D2\" d=\"M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\tc0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z\"/>\n    </svg>\n    Sign in with Google\n  </button>\n\n  <div class=\"error-message\" *ngIf=\"errorMessage\">{{ errorMessage() }}</div>\n</div>\n", styles: [".login-container{max-width:400px;margin:2rem auto;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}h2{text-align:center;margin-bottom:2rem}form{display:flex;flex-direction:column;gap:1rem}mat-form-field{width:100%}.actions{display:flex;justify-content:center;margin-top:1rem;gap:10px}.divider{margin:2rem 0;text-align:center}button[mat-stroked-button]{width:100%;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.google-icon{width:18px;height:18px}.error-message{color:red;text-align:center;margin-top:1rem}.mat-form-field-suffix{visibility:visible!important;opacity:1!important;display:flex!important}.mat-form-field-suffix button{z-index:10}\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pp-login', imports: [MatButton, MatDivider, MatError, MatFormField, MatIcon, MatIconButton, MatInput, MatLabel, MatSuffix, ReactiveFormsModule, NgIf, RouterLink], template: "<div class=\"login-container\">\n  <h2>Login</h2>\n\n  <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\" aria-label=\"Login Form\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Email</mat-label>\n      <input matInput type=\"email\" formControlName=\"email\" placeholder=\"Enter your email\">\n      <mat-error *ngIf=\"loginForm.get('email')?.hasError('required')\">Email is required</mat-error>\n      <mat-error *ngIf=\"loginForm.get('email')?.hasError('email')\">Please enter a valid email</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Password</mat-label>\n      <input matInput [type]=\"hidePassword ? 'password' : 'text'\" formControlName=\"password\">\n      <button mat-icon-button matSuffix type=\"button\" (click)=\"hidePassword = !hidePassword\" aria-label=\"Toggle Password Visibility\">\n        <mat-icon>{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"loginForm.get('password')?.hasError('required')\">Password is required</mat-error>\n    </mat-form-field>\n\n    <div class=\"actions\">\n      <button mat-raised-button color=\"secondary\" routerLink=\"/auth/register\">Create Account</button>\n      <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"loginForm.invalid || isLoading()\">{{ isLoading() ? 'Signing in...' : 'Sign In' }}</button>\n    </div>\n  </form>\n\n  <mat-divider class=\"divider\">OR</mat-divider>\n\n  <button mat-stroked-button (click)=\"signInWithGoogle()\" [disabled]=\"isLoading()\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 48 48\">\n      <path fill=\"#FFC107\" d=\"M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\ts5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20\ts20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z\"/>\n      <path fill=\"#FF3D00\" d=\"M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039\tl5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z\"/>\n      <path fill=\"#4CAF50\" d=\"M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36\tc-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z\"/>\n      <path fill=\"#1976D2\" d=\"M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\tc0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z\"/>\n    </svg>\n    Sign in with Google\n  </button>\n\n  <div class=\"error-message\" *ngIf=\"errorMessage\">{{ errorMessage() }}</div>\n</div>\n", styles: [".login-container{max-width:400px;margin:2rem auto;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}h2{text-align:center;margin-bottom:2rem}form{display:flex;flex-direction:column;gap:1rem}mat-form-field{width:100%}.actions{display:flex;justify-content:center;margin-top:1rem;gap:10px}.divider{margin:2rem 0;text-align:center}button[mat-stroked-button]{width:100%;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.google-icon{width:18px;height:18px}.error-message{color:red;text-align:center;margin-top:1rem}.mat-form-field-suffix{visibility:visible!important;opacity:1!important;display:flex!important}.mat-form-field-suffix button{z-index:10}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatSnackBar }] });
+
+class MyProfileComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MyProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: MyProfileComponent, isStandalone: true, selector: "pp-my-profile", ngImport: i0, template: "<h1>My profile</h1>\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MyProfileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pp-my-profile', imports: [], template: "<h1>My profile</h1>\n" }]
+        }] });
+
+class RegistrationComponent {
+    snackBar;
+    auth = inject(Auth);
+    fb = inject(NonNullableFormBuilder);
+    navigateBack = inject(NavigateBackService);
+    registerForm;
+    isLoading = signal(false);
+    errorMessage = signal('');
+    hidePassword = true;
+    hideConfirmPassword = true;
+    constructor(snackBar) {
+        this.snackBar = snackBar;
+        this.registerForm = this.fb.group({
+            email: ['', [Validators.required, Validators.email]],
+            password: ['', [Validators.required, Validators.minLength(6)]],
+            confirmPassword: ['', Validators.required],
+        }, {
+            validators: [this.passwordMatchValidator],
+        });
+    }
+    passwordMatchValidator() {
+        return (form) => {
+            const password = form.get('password')?.value;
+            const confirmPassword = form.get('confirmPassword')?.value;
+            if (password !== confirmPassword) {
+                return { passwordMismatch: true };
+            }
+            return null;
+        };
+    }
+    async onSubmit() {
+        if (this.registerForm.invalid)
+            return;
+        this.isLoading.set(true);
+        try {
+            const { email, password } = this.registerForm.value;
+            await createUserWithEmailAndPassword(this.auth, email, password);
+        }
+        catch (error) {
+            this.snackBar.open(this.getErrorMessage(error.code), 'Close', {
+                duration: 5000,
+                panelClass: ['error-snackbar'],
+            });
+        }
+        finally {
+            this.isLoading.set(false);
+            this.errorMessage.set('');
+            this.navigateBack.goBack();
+        }
+    }
+    getErrorMessage(errorCode) {
+        switch (errorCode) {
+            case 'auth/email-already-in-use':
+                return 'This email address is already registered';
+            case 'auth/invalid-email':
+                return 'Please enter a valid email address';
+            case 'auth/operation-not-allowed':
+                return 'Email/password registration is not enabled';
+            case 'auth/weak-password':
+                return 'Please choose a stronger password';
+            default:
+                return 'An error occurred during registration. Please try again.';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: RegistrationComponent, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: RegistrationComponent, isStandalone: true, selector: "pp-registration", ngImport: i0, template: "<div class=\"registration-container\">\n  <h1>Create Account</h1>\n\n  <form [formGroup]=\"registerForm\" (ngSubmit)=\"onSubmit()\" aria-label=\"Registration Form\">\n    <mat-progress-bar *ngIf=\"isLoading()\" mode=\"indeterminate\"></mat-progress-bar>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Email</mat-label>\n      <input matInput type=\"email\" formControlName=\"email\" placeholder=\"Enter your email\">\n      <mat-error *ngIf=\"registerForm.get('email')?.errors?.['required']\">Email is required</mat-error>\n      <mat-error *ngIf=\"registerForm.get('email')?.errors?.['email']\">Please enter a valid email address</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Password</mat-label>\n      <input matInput [type]=\"hidePassword ? 'password' : 'text'\" formControlName=\"password\" placeholder=\"Enter your password\">\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"hidePassword = !hidePassword\">\n        <mat-icon>{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"registerForm.get('password')?.errors?.['required']\">Password is required</mat-error>\n      <mat-error *ngIf=\"registerForm.get('password')?.errors?.['minlength']\">Password must be at least 6 characters long</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Confirm Password</mat-label>\n      <input matInput [type]=\"hideConfirmPassword ? 'password' : 'text'\" formControlName=\"confirmPassword\" placeholder=\"Confirm your password\">\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"hideConfirmPassword = !hideConfirmPassword\">\n        <mat-icon>{{hideConfirmPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"registerForm.errors?.['passwordMismatch']\">Passwords do not match</mat-error>\n    </mat-form-field>\n\n    <div class=\"form-actions\">\n      <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"registerForm.invalid || isLoading()\">Create Account</button>\n      <button mat-button type=\"button\" routerLink=\"/auth/login\" [disabled]=\"isLoading()\">Already have an account? Sign in</button>\n    </div>\n\n    <mat-error *ngIf=\"errorMessage() !== ''\" class=\"server-error\">{{ errorMessage() }}</mat-error>\n  </form>\n</div>\n", styles: [".registration-container{max-width:400px;margin:2rem auto;padding:2rem}form{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.server-error{margin-top:1rem;text-align:center}h1{text-align:center;margin-bottom:2rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: RegistrationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pp-registration', imports: [ReactiveFormsModule, MatProgressBar, MatFormField, MatInput, NgIf, MatIconButton, MatIcon, MatLabel, MatButton, RouterLink, MatError], template: "<div class=\"registration-container\">\n  <h1>Create Account</h1>\n\n  <form [formGroup]=\"registerForm\" (ngSubmit)=\"onSubmit()\" aria-label=\"Registration Form\">\n    <mat-progress-bar *ngIf=\"isLoading()\" mode=\"indeterminate\"></mat-progress-bar>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Email</mat-label>\n      <input matInput type=\"email\" formControlName=\"email\" placeholder=\"Enter your email\">\n      <mat-error *ngIf=\"registerForm.get('email')?.errors?.['required']\">Email is required</mat-error>\n      <mat-error *ngIf=\"registerForm.get('email')?.errors?.['email']\">Please enter a valid email address</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Password</mat-label>\n      <input matInput [type]=\"hidePassword ? 'password' : 'text'\" formControlName=\"password\" placeholder=\"Enter your password\">\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"hidePassword = !hidePassword\">\n        <mat-icon>{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"registerForm.get('password')?.errors?.['required']\">Password is required</mat-error>\n      <mat-error *ngIf=\"registerForm.get('password')?.errors?.['minlength']\">Password must be at least 6 characters long</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Confirm Password</mat-label>\n      <input matInput [type]=\"hideConfirmPassword ? 'password' : 'text'\" formControlName=\"confirmPassword\" placeholder=\"Confirm your password\">\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"hideConfirmPassword = !hideConfirmPassword\">\n        <mat-icon>{{hideConfirmPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"registerForm.errors?.['passwordMismatch']\">Passwords do not match</mat-error>\n    </mat-form-field>\n\n    <div class=\"form-actions\">\n      <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"registerForm.invalid || isLoading()\">Create Account</button>\n      <button mat-button type=\"button\" routerLink=\"/auth/login\" [disabled]=\"isLoading()\">Already have an account? Sign in</button>\n    </div>\n\n    <mat-error *ngIf=\"errorMessage() !== ''\" class=\"server-error\">{{ errorMessage() }}</mat-error>\n  </form>\n</div>\n", styles: [".registration-container{max-width:400px;margin:2rem auto;padding:2rem}form{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.server-error{margin-top:1rem;text-align:center}h1{text-align:center;margin-bottom:2rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatSnackBar }] });
+
+class AuthService {
+    auth = inject(Auth);
+    user = toSignal(authState(this.auth), { initialValue: null });
+    isAuthenticated = computed(() => !!this.user());
+    async signOut() {
+        return this.auth.signOut();
+    }
+    getCurrentUser() {
+        return this.auth.currentUser;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AuthService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class LogoutComponent {
+    authService = inject(AuthService);
+    navigateBackService = inject(NavigateBackService);
+    isLoading = signal(false);
+    onCancel() {
+        this.navigateBackService.goBack();
+    }
+    async onLogout() {
+        try {
+            this.isLoading.set(true);
+            await this.authService.signOut();
+            this.navigateBackService.goBack();
+        }
+        catch (error) {
+            console.error('Error during logout:', error);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: LogoutComponent, isStandalone: true, selector: "pp-logout", ngImport: i0, template: `
+    <div class="logout-dialog">
+      <h2 mat-dialog-title>Confirm Logout</h2>
+      <mat-dialog-content> Are you sure you want to log out?</mat-dialog-content>
+      <mat-dialog-actions align="end">
+        <button mat-button (click)="onCancel()">Cancel</button>
+        <button mat-raised-button color="primary" (click)="onLogout()" [disabled]="isLoading()">Logout</button>
+      </mat-dialog-actions>
+    </div>
+  `, isInline: true, styles: [".logout-dialog{padding:1rem}mat-dialog-actions{gap:.5rem}mat-dialog-content{margin:1rem 0}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LogoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pp-logout', template: `
+    <div class="logout-dialog">
+      <h2 mat-dialog-title>Confirm Logout</h2>
+      <mat-dialog-content> Are you sure you want to log out?</mat-dialog-content>
+      <mat-dialog-actions align="end">
+        <button mat-button (click)="onCancel()">Cancel</button>
+        <button mat-raised-button color="primary" (click)="onLogout()" [disabled]="isLoading()">Logout</button>
+      </mat-dialog-actions>
+    </div>
+  `, imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton], styles: [".logout-dialog{padding:1rem}mat-dialog-actions{gap:.5rem}mat-dialog-content{margin:1rem 0}\n"] }]
+        }] });
+
+const authRoutes = [
+    { path: '', redirectTo: 'login', pathMatch: 'full' },
+    { path: 'login', component: LoginComponent, title: 'Login', data: { icon: 'login', authToggle: true } },
+    { path: 'logout', component: LogoutComponent, title: 'Logout', data: { icon: 'logout', authToggle: false } },
+    { path: 'register', component: RegistrationComponent, title: 'Register', data: { icon: 'person_add', authToggle: true } },
+    { path: 'my-profile', component: MyProfileComponent, title: 'My profile', data: { icon: 'person', authToggle: false } },
+];
+
+class AuthButtonComponent {
+    authService = inject(AuthService);
+    isAuthenticated = computed(() => this.authService.isAuthenticated());
+    routes = authRoutes.filter((item) => item.title !== null && item.title !== undefined);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AuthButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: AuthButtonComponent, isStandalone: true, selector: "pp-auth-button", ngImport: i0, template: `
+    <div class="auth-button">
+      <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Auth Button">
+        <mat-icon>person</mat-icon>
+      </button>
+      <mat-menu #menu="matMenu">
+        @for (item of routes; track item) {
+          <ng-container *ngIf="(isAuthenticated() && !item.data?.['authToggle']) || (!isAuthenticated() && item.data?.['authToggle'])">
+            <button mat-menu-item [routerLink]="'auth/' + item.path">
+              <mat-icon>{{ item.data?.['icon'] }}</mat-icon>
+              <span>&nbsp;{{ item.title | substring: 0 }}</span>
+            </button>
+          </ng-container>
+        }
+      </mat-menu>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: SubstringPipe, name: "substring" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AuthButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pp-auth-button', template: `
+    <div class="auth-button">
+      <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Auth Button">
+        <mat-icon>person</mat-icon>
+      </button>
+      <mat-menu #menu="matMenu">
+        @for (item of routes; track item) {
+          <ng-container *ngIf="(isAuthenticated() && !item.data?.['authToggle']) || (!isAuthenticated() && item.data?.['authToggle'])">
+            <button mat-menu-item [routerLink]="'auth/' + item.path">
+              <mat-icon>{{ item.data?.['icon'] }}</mat-icon>
+              <span>&nbsp;{{ item.title | substring: 0 }}</span>
+            </button>
+          </ng-container>
+        }
+      </mat-menu>
+    </div>
+  `, imports: [CommonModule, MatIconModule, MatButtonModule, MatMenu, MatMenuItem, RouterLink, MatMenuTrigger, SubstringPipe] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthButtonComponent, authRoutes };
+//# sourceMappingURL=processpuzzle-auth.mjs.map

package/fesm2022/processpuzzle-auth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"processpuzzle-auth.mjs","sources":["../../../../libs/auth/src/lib/login/login.component.ts","../../../../libs/auth/src/lib/login/login.component.html","../../../../libs/auth/src/lib/my-profile/my-profile.component.ts","../../../../libs/auth/src/lib/my-profile/my-profile.component.html","../../../../libs/auth/src/lib/registration/registration.component.ts","../../../../libs/auth/src/lib/registration/registration.component.html","../../../../libs/auth/src/lib/domain/auth.service.ts","../../../../libs/auth/src/lib/logout/logout.component.ts","../../../../libs/auth/src/lib/auth.routes.ts","../../../../libs/auth/src/lib/auth-button/auth-button.component.ts","../../../../libs/auth/src/processpuzzle-auth.ts"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { Auth, GoogleAuthProvider, signInWithEmailAndPassword, signInWithPopup } from '@angular/fire/auth';\nimport { Router, RouterLink } from '@angular/router';\nimport { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { MatError, MatFormField, MatSuffix } from '@angular/material/form-field';\nimport { MatInput, MatLabel } from '@angular/material/input';\nimport { MatButton, MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatDivider } from '@angular/material/divider';\nimport { NgIf } from '@angular/common';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { FirebaseError } from 'firebase-admin/lib/utils/error';\n\n@Component({\n  selector: 'pp-login',\n  templateUrl: 'login.component.html',\n  styleUrls: ['login.component.css'],\n  imports: [MatButton, MatDivider, MatError, MatFormField, MatIcon, MatIconButton, MatInput, MatLabel, MatSuffix, ReactiveFormsModule, NgIf, RouterLink],\n})\nexport class LoginComponent {\n  private readonly auth: Auth = inject(Auth);\n  private readonly fb = inject(FormBuilder);\n  private readonly router = inject(Router);\n\n  loginForm: FormGroup;\n  isLoading = signal(false);\n  errorMessage = signal('');\n  hidePassword = true;\n\n  constructor(private readonly snackBar: MatSnackBar) {\n    this.loginForm = this.fb.group({\n      email: ['', [Validators.required, Validators.email]],\n      password: ['', Validators.required],\n    });\n  }\n\n  async onSubmit() {\n    if (this.loginForm.invalid) return;\n\n    this.isLoading.set(true);\n\n    try {\n      const { email, password } = this.loginForm.value;\n      await signInWithEmailAndPassword(this.auth, email, password);\n      await this.router.navigate(['/']);\n    } catch (error: unknown) {\n      this.snackBar.open(this.getErrorMessage((error as FirebaseError).code), 'Close', { duration: 5000, panelClass: ['error-snackbar'] });\n    } finally {\n      this.isLoading.set(false);\n      this.errorMessage.set('');\n    }\n  }\n\n  async signInWithGoogle() {\n    this.isLoading.set(true);\n\n    try {\n      const provider = new GoogleAuthProvider();\n      await signInWithPopup(this.auth, provider);\n      await this.router.navigate(['/']); // Navigate to home page after successful login\n    } catch (error: unknown) {\n      this.snackBar.open(this.getErrorMessage((error as FirebaseError).code), 'Close', { duration: 5000, panelClass: ['error-snackbar'] });\n    } finally {\n      this.isLoading.set(false);\n      this.errorMessage.set('');\n    }\n  }\n\n  private getErrorMessage(errorCode: string): string {\n    switch (errorCode) {\n      case 'auth/invalid-email':\n        return 'Invalid email address';\n      case 'auth/user-disabled':\n        return 'This account has been disabled';\n      case 'auth/user-not-found':\n        return 'No account found with this email';\n      case 'auth/wrong-password':\n        return 'Invalid password';\n      case 'auth/popup-closed-by-user':\n        return 'Sign-in popup was closed before completion';\n      default:\n        return 'An error occurred during sign in';\n    }\n  }\n}\n","<div class=\"login-container\">\n  <h2>Login</h2>\n\n  <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\" aria-label=\"Login Form\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Email</mat-label>\n      <input matInput type=\"email\" formControlName=\"email\" placeholder=\"Enter your email\">\n      <mat-error *ngIf=\"loginForm.get('email')?.hasError('required')\">Email is required</mat-error>\n      <mat-error *ngIf=\"loginForm.get('email')?.hasError('email')\">Please enter a valid email</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Password</mat-label>\n      <input matInput [type]=\"hidePassword ? 'password' : 'text'\" formControlName=\"password\">\n      <button mat-icon-button matSuffix type=\"button\" (click)=\"hidePassword = !hidePassword\" aria-label=\"Toggle Password Visibility\">\n        <mat-icon>{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"loginForm.get('password')?.hasError('required')\">Password is required</mat-error>\n    </mat-form-field>\n\n    <div class=\"actions\">\n      <button mat-raised-button color=\"secondary\" routerLink=\"/auth/register\">Create Account</button>\n      <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"loginForm.invalid || isLoading()\">{{ isLoading() ? 'Signing in...' : 'Sign In' }}</button>\n    </div>\n  </form>\n\n  <mat-divider class=\"divider\">OR</mat-divider>\n\n  <button mat-stroked-button (click)=\"signInWithGoogle()\" [disabled]=\"isLoading()\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 48 48\">\n      <path fill=\"#FFC107\" d=\"M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\ts5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20\ts20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z\"/>\n      <path fill=\"#FF3D00\" d=\"M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039\tl5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z\"/>\n      <path fill=\"#4CAF50\" d=\"M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36\tc-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z\"/>\n      <path fill=\"#1976D2\" d=\"M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\tc0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z\"/>\n    </svg>\n    Sign in with Google\n  </button>\n\n  <div class=\"error-message\" *ngIf=\"errorMessage\">{{ errorMessage() }}</div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pp-my-profile',\n  templateUrl: 'my-profile.component.html',\n  styles: ``,\n  imports: [],\n})\nexport class MyProfileComponent {}\n","<h1>My profile</h1>\n","import { Component, inject, signal } from '@angular/core';\nimport { AbstractControl, FormGroup, NonNullableFormBuilder, ReactiveFormsModule, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';\nimport { Auth, createUserWithEmailAndPassword } from '@angular/fire/auth';\nimport { RouterLink } from '@angular/router';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { MatError, MatFormField } from '@angular/material/form-field';\nimport { MatInput, MatLabel } from '@angular/material/input';\nimport { NgIf } from '@angular/common';\nimport { MatButton, MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { NavigateBackService } from '@processpuzzle/widgets';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { FirebaseError } from 'firebase-admin/lib/utils/error';\n\n@Component({\n  selector: 'pp-registration',\n  templateUrl: 'registration.component.html',\n  styleUrls: ['registration.component.css'],\n  imports: [ReactiveFormsModule, MatProgressBar, MatFormField, MatInput, NgIf, MatIconButton, MatIcon, MatLabel, MatButton, RouterLink, MatError],\n})\nexport class RegistrationComponent {\n  private readonly auth = inject(Auth);\n  private readonly fb = inject(NonNullableFormBuilder);\n  private readonly navigateBack = inject(NavigateBackService);\n\n  protected registerForm: FormGroup;\n  protected isLoading = signal<boolean>(false);\n  protected errorMessage = signal<string>('');\n  protected hidePassword = true;\n  protected hideConfirmPassword = true;\n\n  constructor(private readonly snackBar: MatSnackBar) {\n    this.registerForm = this.fb.group(\n      {\n        email: ['', [Validators.required, Validators.email]],\n        password: ['', [Validators.required, Validators.minLength(6)]],\n        confirmPassword: ['', Validators.required],\n      },\n      {\n        validators: [this.passwordMatchValidator],\n      },\n    );\n  }\n\n  private passwordMatchValidator(): ValidatorFn {\n    return (form: AbstractControl): ValidationErrors | null => {\n      const password = form.get('password')?.value;\n      const confirmPassword = form.get('confirmPassword')?.value;\n\n      if (password !== confirmPassword) {\n        return { passwordMismatch: true };\n      }\n      return null;\n    };\n  }\n\n  async onSubmit(): Promise<void> {\n    if (this.registerForm.invalid) return;\n\n    this.isLoading.set(true);\n\n    try {\n      const { email, password } = this.registerForm.value;\n      await createUserWithEmailAndPassword(this.auth, email, password);\n    } catch (error: unknown) {\n      this.snackBar.open(this.getErrorMessage((error as FirebaseError).code), 'Close', {\n        duration: 5000,\n        panelClass: ['error-snackbar'],\n      });\n    } finally {\n      this.isLoading.set(false);\n      this.errorMessage.set('');\n      this.navigateBack.goBack();\n    }\n  }\n\n  private getErrorMessage(errorCode: string): string {\n    switch (errorCode) {\n      case 'auth/email-already-in-use':\n        return 'This email address is already registered';\n      case 'auth/invalid-email':\n        return 'Please enter a valid email address';\n      case 'auth/operation-not-allowed':\n        return 'Email/password registration is not enabled';\n      case 'auth/weak-password':\n        return 'Please choose a stronger password';\n      default:\n        return 'An error occurred during registration. Please try again.';\n    }\n  }\n}\n","<div class=\"registration-container\">\n  <h1>Create Account</h1>\n\n  <form [formGroup]=\"registerForm\" (ngSubmit)=\"onSubmit()\" aria-label=\"Registration Form\">\n    <mat-progress-bar *ngIf=\"isLoading()\" mode=\"indeterminate\"></mat-progress-bar>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Email</mat-label>\n      <input matInput type=\"email\" formControlName=\"email\" placeholder=\"Enter your email\">\n      <mat-error *ngIf=\"registerForm.get('email')?.errors?.['required']\">Email is required</mat-error>\n      <mat-error *ngIf=\"registerForm.get('email')?.errors?.['email']\">Please enter a valid email address</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Password</mat-label>\n      <input matInput [type]=\"hidePassword ? 'password' : 'text'\" formControlName=\"password\" placeholder=\"Enter your password\">\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"hidePassword = !hidePassword\">\n        <mat-icon>{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"registerForm.get('password')?.errors?.['required']\">Password is required</mat-error>\n      <mat-error *ngIf=\"registerForm.get('password')?.errors?.['minlength']\">Password must be at least 6 characters long</mat-error>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\">\n      <mat-label>Confirm Password</mat-label>\n      <input matInput [type]=\"hideConfirmPassword ? 'password' : 'text'\" formControlName=\"confirmPassword\" placeholder=\"Confirm your password\">\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"hideConfirmPassword = !hideConfirmPassword\">\n        <mat-icon>{{hideConfirmPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n      </button>\n      <mat-error *ngIf=\"registerForm.errors?.['passwordMismatch']\">Passwords do not match</mat-error>\n    </mat-form-field>\n\n    <div class=\"form-actions\">\n      <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"registerForm.invalid || isLoading()\">Create Account</button>\n      <button mat-button type=\"button\" routerLink=\"/auth/login\" [disabled]=\"isLoading()\">Already have an account? Sign in</button>\n    </div>\n\n    <mat-error *ngIf=\"errorMessage() !== ''\" class=\"server-error\">{{ errorMessage() }}</mat-error>\n  </form>\n</div>\n","import { computed, inject, Injectable, Signal } from '@angular/core';\nimport { Auth, authState, User } from '@angular/fire/auth';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AuthService {\n  private readonly auth: Auth = inject(Auth);\n  readonly user = toSignal<User | null>(authState(this.auth), { initialValue: null });\n  isAuthenticated: Signal<boolean> = computed(() => !!this.user());\n\n  async signOut(): Promise<void> {\n    return this.auth.signOut();\n  }\n\n  getCurrentUser(): User | null {\n    return this.auth.currentUser;\n  }\n}\n","import { Component, inject, signal } from '@angular/core';\nimport { MatDialogActions, MatDialogContent, MatDialogTitle } from '@angular/material/dialog';\nimport { MatButton } from '@angular/material/button';\nimport { AuthService } from '../domain/auth.service';\nimport { NavigateBackService } from '@processpuzzle/widgets';\n\n@Component({\n  selector: 'pp-logout',\n  template: `\n    <div class=\"logout-dialog\">\n      <h2 mat-dialog-title>Confirm Logout</h2>\n      <mat-dialog-content> Are you sure you want to log out?</mat-dialog-content>\n      <mat-dialog-actions align=\"end\">\n        <button mat-button (click)=\"onCancel()\">Cancel</button>\n        <button mat-raised-button color=\"primary\" (click)=\"onLogout()\" [disabled]=\"isLoading()\">Logout</button>\n      </mat-dialog-actions>\n    </div>\n  `,\n  styles: [\n    `\n      .logout-dialog {\n        padding: 1rem;\n      }\n\n      mat-dialog-actions {\n        gap: 0.5rem;\n      }\n\n      mat-dialog-content {\n        margin: 1rem 0;\n      }\n    `,\n  ],\n  imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButton],\n})\nexport class LogoutComponent {\n  private readonly authService = inject(AuthService);\n  private readonly navigateBackService = inject(NavigateBackService);\n  protected isLoading = signal(false);\n\n  onCancel() {\n    this.navigateBackService.goBack();\n  }\n\n  async onLogout(): Promise<void> {\n    try {\n      this.isLoading.set(true);\n      await this.authService.signOut();\n      this.navigateBackService.goBack();\n    } catch (error) {\n      console.error('Error during logout:', error);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n}\n","import { Routes } from '@angular/router';\nimport { LoginComponent } from './login/login.component';\nimport { MyProfileComponent } from './my-profile/my-profile.component';\nimport { RegistrationComponent } from './registration/registration.component';\nimport { LogoutComponent } from './logout/logout.component';\n\nexport const authRoutes: Routes = [\n  { path: '', redirectTo: 'login', pathMatch: 'full' },\n  { path: 'login', component: LoginComponent, title: 'Login', data: { icon: 'login', authToggle: true } },\n  { path: 'logout', component: LogoutComponent, title: 'Logout', data: { icon: 'logout', authToggle: false } },\n  { path: 'register', component: RegistrationComponent, title: 'Register', data: { icon: 'person_add', authToggle: true } },\n  { path: 'my-profile', component: MyProfileComponent, title: 'My profile', data: { icon: 'person', authToggle: false } },\n];\n","import { Component, computed, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';\nimport { RouterLink } from '@angular/router';\nimport { AuthService } from '../domain/auth.service';\nimport { authRoutes } from '../auth.routes';\nimport { SubstringPipe } from '@processpuzzle/util';\n\n@Component({\n  selector: 'pp-auth-button',\n  template: `\n    <div class=\"auth-button\">\n      <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"Auth Button\">\n        <mat-icon>person</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        @for (item of routes; track item) {\n          <ng-container *ngIf=\"(isAuthenticated() && !item.data?.['authToggle']) || (!isAuthenticated() && item.data?.['authToggle'])\">\n            <button mat-menu-item [routerLink]=\"'auth/' + item.path\">\n              <mat-icon>{{ item.data?.['icon'] }}</mat-icon>\n              <span>&nbsp;{{ item.title | substring: 0 }}</span>\n            </button>\n          </ng-container>\n        }\n      </mat-menu>\n    </div>\n  `,\n  imports: [CommonModule, MatIconModule, MatButtonModule, MatMenu, MatMenuItem, RouterLink, MatMenuTrigger, SubstringPipe],\n  styles: [],\n})\nexport class AuthButtonComponent {\n  private readonly authService = inject(AuthService);\n  isAuthenticated = computed(() => this.authService.isAuthenticated());\n  readonly routes = authRoutes.filter((item) => item.title !== null && item.title !== undefined);\n\n  // region event handling methods\n  // endregion\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@processpuzzle/auth" />
+export * from './public-api';

package/lib/auth-button/auth-button.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class AuthButtonComponent {
+    private readonly authService;
+    isAuthenticated: import("@angular/core").Signal<boolean>;
+    readonly routes: import("@angular/router").Route[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthButtonComponent, "pp-auth-button", never, {}, {}, never, never, true, never>;
+}

package/lib/auth.routes.d.ts

@@ -0,0 +1,2 @@
+import { Routes } from '@angular/router';
+export declare const authRoutes: Routes;

package/lib/domain/auth.service.d.ts

@@ -0,0 +1,12 @@
+import { Signal } from '@angular/core';
+import { User } from '@angular/fire/auth';
+import * as i0 from "@angular/core";
+export declare class AuthService {
+    private readonly auth;
+    readonly user: Signal<User | null>;
+    isAuthenticated: Signal<boolean>;
+    signOut(): Promise<void>;
+    getCurrentUser(): User | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthService>;
+}

package/lib/login/login.component.d.ts

@@ -0,0 +1,19 @@
+import { FormGroup } from '@angular/forms';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i0 from "@angular/core";
+export declare class LoginComponent {
+    private readonly snackBar;
+    private readonly auth;
+    private readonly fb;
+    private readonly router;
+    loginForm: FormGroup;
+    isLoading: import("@angular/core").WritableSignal<boolean>;
+    errorMessage: import("@angular/core").WritableSignal<string>;
+    hidePassword: boolean;
+    constructor(snackBar: MatSnackBar);
+    onSubmit(): Promise<void>;
+    signInWithGoogle(): Promise<void>;
+    private getErrorMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "pp-login", never, {}, {}, never, never, true, never>;
+}

package/lib/logout/logout.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class LogoutComponent {
+    private readonly authService;
+    private readonly navigateBackService;
+    protected isLoading: import("@angular/core").WritableSignal<boolean>;
+    onCancel(): void;
+    onLogout(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoutComponent, "pp-logout", never, {}, {}, never, never, true, never>;
+}

package/lib/my-profile/my-profile.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class MyProfileComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MyProfileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MyProfileComponent, "pp-my-profile", never, {}, {}, never, never, true, never>;
+}

package/lib/registration/registration.component.d.ts

@@ -0,0 +1,20 @@
+import { FormGroup } from '@angular/forms';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i0 from "@angular/core";
+export declare class RegistrationComponent {
+    private readonly snackBar;
+    private readonly auth;
+    private readonly fb;
+    private readonly navigateBack;
+    protected registerForm: FormGroup;
+    protected isLoading: import("@angular/core").WritableSignal<boolean>;
+    protected errorMessage: import("@angular/core").WritableSignal<string>;
+    protected hidePassword: boolean;
+    protected hideConfirmPassword: boolean;
+    constructor(snackBar: MatSnackBar);
+    private passwordMatchValidator;
+    onSubmit(): Promise<void>;
+    private getErrorMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RegistrationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RegistrationComponent, "pp-registration", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processpuzzle/auth",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "publishConfig": {
     "access": "public"
   },
@@ -14,8 +14,10 @@
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"
   },
+  "sideEffects": false,
+  "module": "fesm2022/processpuzzle-auth.mjs",
+  "typings": "index.d.ts",
   "exports": {
-    "./i18n/*": "./i18n/pp-auth/*",
     "./package.json": {
       "default": "./package.json"
     },
@@ -24,13 +26,6 @@
       "default": "./fesm2022/processpuzzle-auth.mjs"
     }
   },
-  "files": [
-    "dist/libs/auth/",
-    "i18n/"
-  ],
-  "sideEffects": false,
-  "module": "fesm2022/processpuzzle-auth.mjs",
-  "typings": "index.d.ts",
   "dependencies": {
     "tslib": "^2.3.0"
   }

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/auth.routes';
+export { AuthButtonComponent } from './lib/auth-button/auth-button.component';