npm - @flusys/ng-auth - Versions diffs - 9.1.0-rc.1 → 9.1.1 - Mend

@flusys/ng-auth 9.1.0-rc.1 → 9.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/fesm2022/flusys-ng-auth-reset-password-page.component-C0tN_AW1.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"flusys-ng-auth-reset-password-page.component-C0tN_AW1.mjs","names":[],"sources":["../../../projects/ng-auth/pages/reset-password/reset-password-page.component.ts"],"sourcesContent":["import {\n Component,\n computed,\n DestroyRef,\n effect,\n inject,\n signal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { AppFloatingConfigurator } from '@flusys/ng-layout';\nimport { FButtonDirective, MessageService, PasswordComponent, UiIconComponent } from '@flusys/ng-ui';\nimport {\n TranslatePipe,\n TranslateService,\n} from '@flusys/ng-shared';\nimport { finalize } from 'rxjs';\nimport { AuthApiService } from '../../services/auth-api.service';\nimport { PasswordPolicyService } from '../../services/password-policy.service';\n\ninterface IResetPasswordFormModel {\n newPassword: string;\n confirmPassword: string;\n}\n\ntype PageState = 'form' | 'success' | 'invalid-token';\n\n@Component({\n selector: 'lib-reset-password-page',\n imports: [\n RouterLink,\n FButtonDirective,\n PasswordComponent,\n UiIconComponent,\n FormField,\n AppFloatingConfigurator,\n TranslatePipe,\n ],\n template: `\n <app-floating-configurator />\n <div\n class=\"bg-surface-ground flex items-center justify-center min-h-screen\"\n >\n <div\n class=\"flex flex-col items-center justify-center w-full max-w-[32rem] px-4\"\n >\n <div\n class=\"w-full\"\n style=\"border-radius: var(--f-content-border-radius); padding: 0.3rem; background: linear-gradient(180deg, var(--primary-color) 10%, rgba(33, 150, 243, 0) 30%)\"\n >\n <div\n class=\"w-full py-8 px-4 sm:py-12 sm:px-8 md:py-16 md:px-12\"\n style=\"border-radius: var(--f-content-border-radius); background: var(--f-content-background)\"\n >\n @switch (pageState()) {\n @case ('form') {\n <div class=\"text-center mb-8\">\n <div class=\"text-3xl font-medium mb-4 text-color\">\n {{ 'auth.reset.password.title' | translate }}\n </div>\n <span class=\"text-muted-color font-medium\">\n {{ 'auth.reset.password.subtitle' | translate }}\n </span>\n </div>\n\n <form (submit)=\"onSubmit($event)\">\n <label\n for=\"newPassword\"\n class=\"block text-lg font-medium mb-2 text-color\"\n >\n {{ 'auth.reset.password.new.password' | translate }}\n </label>\n <div class=\"mb-4\">\n <f-password\n [inputId]=\"'newPassword'\"\n [placeholder]=\"\n 'auth.reset.password.new.password.placeholder' | translate\n \"\n class=\"w-full\"\n [formField]=\"resetForm.newPassword\"\n autocomplete=\"new-password\"\n />\n @if (passwordValidationError()) {\n <small class=\"text-danger block mt-1\">{{\n passwordValidationError()\n }}</small>\n }\n </div>\n\n <label\n for=\"confirmPassword\"\n class=\"block text-lg font-medium mb-2 text-color\"\n >\n {{ 'auth.reset.password.confirm.password' | translate }}\n </label>\n <f-password\n [inputId]=\"'confirmPassword'\"\n [placeholder]=\"\n 'auth.reset.password.confirm.password.placeholder'\n | translate\n \"\n class=\"w-full mb-2\"\n [formField]=\"resetForm.confirmPassword\"\n autocomplete=\"new-password\"\n />\n\n @if (passwordMismatch()) {\n <small class=\"text-danger block mb-4\">{{\n 'auth.register.passwords.do.not.match' | translate\n }}</small>\n }\n\n <button\n fButton\n class=\"w-full mt-4 mb-4\"\n type=\"submit\"\n [disabled]=\"!canSubmit() || isLoading()\"\n >\n @if (isLoading()) {\n <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n }\n <span pButtonLabel>{{ 'auth.reset.password.reset.password' | translate }}</span>\n </button>\n\n <div class=\"flex items-center justify-center gap-2\">\n <a\n routerLink=\"/auth/login\"\n class=\"font-semibold text-primary cursor-pointer\"\n >\n {{ 'auth.login.back.to.sign.in' | translate }}\n </a>\n </div>\n </form>\n }\n\n @case ('success') {\n <div class=\"text-center\">\n <div class=\"flex justify-center mb-6\">\n <ui-icon name=\"check-circle\" class=\"text-6xl text-success\"></ui-icon>\n </div>\n <div class=\"text-3xl font-medium mb-4 text-color\">\n {{ 'auth.reset.password.success' | translate }}\n </div>\n <p class=\"text-muted-color font-medium mb-6\">\n {{ 'auth.reset.password.success.message' | translate }}\n </p>\n <a routerLink=\"/auth/login\">\n <button\n fButton\n class=\"w-full\"\n >\n <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>\n </button>\n </a>\n </div>\n }\n\n @case ('invalid-token') {\n <div class=\"text-center\">\n <div class=\"flex justify-center mb-6\">\n <ui-icon name=\"times-circle\" class=\"text-6xl text-danger\"></ui-icon>\n </div>\n <div class=\"text-3xl font-medium mb-4 text-color\">\n {{ 'auth.reset.password.invalid.link' | translate }}\n </div>\n <p class=\"text-muted-color font-medium mb-6\">\n {{ 'auth.reset.password.invalid.link.message' | translate }}\n </p>\n <a routerLink=\"/auth/forgot-password\">\n <button\n fButton\n class=\"w-full mb-4\"\n >\n <span pButtonLabel>{{\n 'auth.reset.password.request.new.link' | translate\n }}</span>\n </button>\n </a>\n <div class=\"mt-4\">\n <a\n routerLink=\"/auth/login\"\n class=\"font-semibold text-primary cursor-pointer\"\n >\n {{ 'auth.login.back.to.sign.in' | translate }}\n </a>\n </div>\n </div>\n }\n }\n </div>\n </div>\n </div>\n </div>\n `,\n})\nexport class ResetPasswordPageComponent {\n private readonly destroyRef = inject(DestroyRef);\n private readonly route = inject(ActivatedRoute);\n private readonly messageService = inject(MessageService);\n private readonly authApi = inject(AuthApiService);\n private readonly passwordPolicy = inject(PasswordPolicyService);\n private readonly translateAdapter = inject(TranslateService, {\n optional: true,\n });\n\n private translate(\n key: string,\n vars?: Record<string, unknown>,\n ): string {\n return this.translateAdapter?.translate(key, vars) ?? key;\n }\n\n private readonly queryParams = toSignal(this.route.queryParams);\n private tokenInitialized = false;\n\n private token = '';\n readonly isLoading = signal(false);\n readonly pageState = signal<PageState>('form');\n readonly formModel = signal<IResetPasswordFormModel>({\n newPassword: '',\n confirmPassword: '',\n });\n readonly resetForm = form(this.formModel, (f) => {\n required(f.newPassword, {\n message: this.translate('auth.validation.password.required'),\n });\n required(f.confirmPassword, {\n message: this.translate('auth.validation.confirm.password.required'),\n });\n });\n readonly passwordMismatch = computed(() => {\n const model = this.formModel();\n return (\n model.confirmPassword.length > 0 &&\n model.newPassword !== model.confirmPassword\n );\n });\n readonly passwordValidationError = computed(() =>\n this.passwordPolicy.validate(this.formModel().newPassword),\n );\n readonly canSubmit = computed(\n () =>\n this.resetForm().valid() &&\n !this.passwordValidationError() &&\n !this.passwordMismatch(),\n );\n\n constructor() {\n effect(() => {\n const params = this.queryParams();\n if (!params || this.tokenInitialized) return;\n\n this.tokenInitialized = true;\n this.token = params['token'] || '';\n if (!this.token) {\n this.pageState.set('invalid-token');\n }\n });\n }\n\n onSubmit(event: Event): void {\n event.preventDefault();\n\n if (!this.canSubmit()) {\n this.messageService.add({\n severity: 'error',\n summary: this.translate('shared.validation.error'),\n detail: this.translate('shared.fill.required.fields'),\n });\n return;\n }\n\n this.isLoading.set(true);\n const newPassword = this.formModel().newPassword;\n\n this.authApi\n .resetPassword(this.token, newPassword)\n .pipe(\n takeUntilDestroyed(this.destroyRef),\n finalize(() => this.isLoading.set(false)),\n )\n .subscribe({\n next: (response) => {\n this.messageService.add({\n severity: 'success',\n summary: this.translate('shared.success'),\n detail: response?.messageKey\n ? this.translate(response.messageKey, response.messageVariables)\n : response?.message,\n });\n this.pageState.set('success');\n },\n error: (error) => {\n const messageKey: string = error.error?.messageKey || '';\n const invalidTokenKeys = [\n 'auth.password.reset.token.expired',\n 'auth.password.reset.token.used',\n 'email.verification.token.invalid',\n ];\n if (invalidTokenKeys.includes(messageKey)) {\n this.pageState.set('invalid-token');\n }\n // Other errors handled by global interceptor\n },\n });\n }\n}\n"],"mappings":"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"}

package/fesm2022/flusys-ng-auth-social-callback-page.component-gTD7_LJY.mjs ADDED Viewed

@@ -0,0 +1,217 @@
+import { AuthStateService, SocialAuthApiService, isCompanySelectionResponse, isLoginResponse } from "./flusys-ng-auth.mjs";
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, computed, inject, signal } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { PlatformService, TranslatePipe, TranslateService } from "@flusys/ng-shared";
+import { FButtonDirective, MessageService, UiIconComponent } from "@flusys/ng-ui";
+import { AppFloatingConfigurator } from "@flusys/ng-layout";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+var SocialCallbackPageComponent = class SocialCallbackPageComponent {
+	destroyRef = inject(DestroyRef);
+	route = inject(ActivatedRoute);
+	router = inject(Router);
+	platform = inject(PlatformService);
+	socialApi = inject(SocialAuthApiService);
+	authState = inject(AuthStateService);
+	messageService = inject(MessageService);
+	translateAdapter = inject(TranslateService, { optional: true });
+	_error = signal(null, ...ngDevMode ? [{ debugName: "_error" }] : /* istanbul ignore next */ []);
+	errorDetail = computed(() => {
+		const error = this._error();
+		if (!error) return null;
+		return "key" in error ? this.translate(error.key, error.vars) : error.raw;
+	}, ...ngDevMode ? [{ debugName: "errorDetail" }] : /* istanbul ignore next */ []);
+	constructor() {
+		if (this.platform.isServer) return;
+		this.exchangeCode();
+	}
+	backToLogin() {
+		this.router.navigate(["/auth/login"]);
+	}
+	exchangeCode() {
+		const params = this.route.snapshot.queryParamMap;
+		const providerError = params.get("error_description") ?? params.get("error");
+		if (providerError) {
+			this._error.set({ raw: providerError });
+			return;
+		}
+		const code = params.get("code");
+		const state = params.get("state");
+		if (!code || !state) {
+			this._error.set({ key: "auth.social.state.invalid" });
+			return;
+		}
+		this.socialApi.callback({
+			code,
+			state,
+			redirectUri: this.socialApi.redirectUri
+		}).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+			next: (response) => {
+				if (!response.data) {
+					this._error.set({ key: "auth.social.failed" });
+					return;
+				}
+				if (isCompanySelectionResponse(response)) {
+					this.authState.setSelectionState(response.data);
+					this.router.navigate(["/auth/login"]);
+					return;
+				}
+				if (isLoginResponse(response)) {
+					this.authState.setLoginState(response.data);
+					this.messageService.add({
+						severity: "success",
+						summary: this.translate("shared.success"),
+						detail: response.messageKey ? this.translate(response.messageKey, response.messageVariables) : response.message ?? this.translate("auth.login.success")
+					});
+					this.authState.navigateAfterLogin(this.returnUrl());
+				}
+			},
+			error: (error) => {
+				const messageKey = error?.error?.messageKey;
+				if (messageKey) this._error.set({
+					key: messageKey,
+					vars: error?.error?.messageVariables
+				});
+				else if (error?.error?.message) this._error.set({ raw: error.error.message });
+				else this._error.set({ key: "auth.social.failed" });
+			}
+		});
+	}
+	returnUrl() {
+		return this.socialApi.consumeReturnUrl();
+	}
+	translate(key, vars) {
+		return this.translateAdapter?.translate(key, vars) ?? key;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SocialCallbackPageComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: SocialCallbackPageComponent,
+		isStandalone: true,
+		selector: "lib-social-callback-page",
+		ngImport: i0,
+		template: `
+    <app-floating-configurator />
+    <div class="bg-surface-ground flex items-center justify-center min-h-screen">
+      <div class="flex flex-col items-center gap-4 text-center px-4">
+        @if (errorDetail()) {
+          <ui-icon name="exclamation-circle" class="text-6xl text-danger"></ui-icon>
+          <div class="text-2xl font-medium text-color">
+            {{ 'auth.social.failed' | translate }}
+          </div>
+          <p class="text-muted-color font-medium">{{ errorDetail() }}</p>
+          <button fButton severity="secondary" [outlined]="true" (click)="backToLogin()">
+            <span>{{ 'auth.login.back.to.sign.in' | translate }}</span>
+          </button>
+        } @else {
+          <ui-icon name="spinner" [spin]="true" class="text-5xl text-primary"></ui-icon>
+          <div class="text-2xl font-medium text-color">
+            {{ 'auth.social.signing.in' | translate }}
+          </div>
+        }
+      </div>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: FButtonDirective,
+				selector: "[fButton]",
+				inputs: [
+					"severity",
+					"text",
+					"outlined",
+					"link",
+					"variant",
+					"rounded",
+					"raised",
+					"fluid",
+					"disabled",
+					"loading",
+					"loadingIcon",
+					"size",
+					"label",
+					"icon",
+					"iconPos",
+					"ariaLabel",
+					"plain"
+				]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"spin",
+					"fill",
+					"severity"
+				]
+			},
+			{
+				kind: "component",
+				type: AppFloatingConfigurator,
+				selector: "app-floating-configurator"
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SocialCallbackPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-social-callback-page",
+			imports: [
+				FButtonDirective,
+				UiIconComponent,
+				TranslatePipe,
+				AppFloatingConfigurator
+			],
+			template: `
+    <app-floating-configurator />
+    <div class="bg-surface-ground flex items-center justify-center min-h-screen">
+      <div class="flex flex-col items-center gap-4 text-center px-4">
+        @if (errorDetail()) {
+          <ui-icon name="exclamation-circle" class="text-6xl text-danger"></ui-icon>
+          <div class="text-2xl font-medium text-color">
+            {{ 'auth.social.failed' | translate }}
+          </div>
+          <p class="text-muted-color font-medium">{{ errorDetail() }}</p>
+          <button fButton severity="secondary" [outlined]="true" (click)="backToLogin()">
+            <span>{{ 'auth.login.back.to.sign.in' | translate }}</span>
+          </button>
+        } @else {
+          <ui-icon name="spinner" [spin]="true" class="text-5xl text-primary"></ui-icon>
+          <div class="text-2xl font-medium text-color">
+            {{ 'auth.social.signing.in' | translate }}
+          </div>
+        }
+      </div>
+    </div>
+  `
+		}]
+	}],
+	ctorParameters: () => []
+});
+export { SocialCallbackPageComponent };
+//# sourceMappingURL=flusys-ng-auth-social-callback-page.component-gTD7_LJY.mjs.map

package/fesm2022/flusys-ng-auth-social-callback-page.component-gTD7_LJY.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"flusys-ng-auth-social-callback-page.component-gTD7_LJY.mjs","names":[],"sources":["../../../projects/ng-auth/pages/social-callback/social-callback-page.component.ts"],"sourcesContent":["import { Component, computed, DestroyRef, inject, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AppFloatingConfigurator } from '@flusys/ng-layout';\nimport { PlatformService, TranslatePipe, TranslateService } from '@flusys/ng-shared';\nimport { FButtonDirective, MessageService, UiIconComponent } from '@flusys/ng-ui';\nimport {\n isCompanySelectionResponse,\n isLoginResponse,\n} from '../../interfaces/auth.interface';\nimport { AuthStateService } from '../../services/auth-state.service';\nimport { SocialAuthApiService } from '../../services/social-auth-api.service';\n\n@Component({\n selector: 'lib-social-callback-page',\n imports: [FButtonDirective, UiIconComponent, TranslatePipe, AppFloatingConfigurator],\n template: `\n <app-floating-configurator />\n <div class=\"bg-surface-ground flex items-center justify-center min-h-screen\">\n <div class=\"flex flex-col items-center gap-4 text-center px-4\">\n @if (errorDetail()) {\n <ui-icon name=\"exclamation-circle\" class=\"text-6xl text-danger\"></ui-icon>\n <div class=\"text-2xl font-medium text-color\">\n {{ 'auth.social.failed' | translate }}\n </div>\n <p class=\"text-muted-color font-medium\">{{ errorDetail() }}</p>\n <button fButton severity=\"secondary\" [outlined]=\"true\" (click)=\"backToLogin()\">\n <span>{{ 'auth.login.back.to.sign.in' | translate }}</span>\n </button>\n } @else {\n <ui-icon name=\"spinner\" [spin]=\"true\" class=\"text-5xl text-primary\"></ui-icon>\n <div class=\"text-2xl font-medium text-color\">\n {{ 'auth.social.signing.in' | translate }}\n </div>\n }\n </div>\n </div>\n `,\n})\nexport class SocialCallbackPageComponent {\n private readonly destroyRef = inject(DestroyRef);\n private readonly route = inject(ActivatedRoute);\n private readonly router = inject(Router);\n private readonly platform = inject(PlatformService);\n private readonly socialApi = inject(SocialAuthApiService);\n private readonly authState = inject(AuthStateService);\n private readonly messageService = inject(MessageService);\n private readonly translateAdapter = inject(TranslateService, {\n optional: true,\n });\n\n private readonly _error = signal<\n { key: string; vars?: Record<string, string | number> } | { raw: string } | null\n >(null);\n readonly errorDetail = computed(() => {\n const error = this._error();\n if (!error) return null;\n return 'key' in error ? this.translate(error.key, error.vars) : error.raw;\n });\n\n constructor() {\n if (this.platform.isServer) return;\n this.exchangeCode();\n }\n\n backToLogin(): void {\n this.router.navigate(['/auth/login']);\n }\n\n private exchangeCode(): void {\n const params = this.route.snapshot.queryParamMap;\n\n const providerError = params.get('error_description') ?? params.get('error');\n if (providerError) {\n this._error.set({ raw: providerError });\n return;\n }\n\n const code = params.get('code');\n const state = params.get('state');\n\n if (!code || !state) {\n this._error.set({ key: 'auth.social.state.invalid' });\n return;\n }\n\n this.socialApi\n .callback({ code, state, redirectUri: this.socialApi.redirectUri })\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n if (!response.data) {\n this._error.set({ key: 'auth.social.failed' });\n return;\n }\n\n if (isCompanySelectionResponse(response)) {\n this.authState.setSelectionState(response.data);\n this.router.navigate(['/auth/login']);\n return;\n }\n\n if (isLoginResponse(response)) {\n this.authState.setLoginState(response.data);\n this.messageService.add({\n severity: 'success',\n summary: this.translate('shared.success'),\n detail: response.messageKey\n ? this.translate(response.messageKey, response.messageVariables)\n : (response.message ?? this.translate('auth.login.success')),\n });\n this.authState.navigateAfterLogin(this.returnUrl());\n }\n },\n error: (error) => {\n const messageKey = error?.error?.messageKey;\n if (messageKey) {\n this._error.set({ key: messageKey, vars: error?.error?.messageVariables });\n } else if (error?.error?.message) {\n this._error.set({ raw: error.error.message });\n } else {\n this._error.set({ key: 'auth.social.failed' });\n }\n },\n });\n }\n\n private returnUrl(): string {\n return this.socialApi.consumeReturnUrl();\n }\n\n private translate(\n key: string,\n vars?: Record<string, unknown>,\n ): string {\n return this.translateAdapter?.translate(key, vars) ?? key;\n }\n}\n"],"mappings":"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"}