npm - @flusys/ng-auth - Versions diffs - 9.1.0 → 9.1.2 - Mend

@flusys/ng-auth 9.1.0 → 9.1.2

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-register-page.component-D99y1jiA.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"flusys-ng-auth-register-page.component-D99y1jiA.mjs","names":[],"sources":["../../../projects/ng-auth/pages/register/register-page.component.ts"],"sourcesContent":["import {\n Component,\n computed,\n DestroyRef,\n effect,\n inject,\n Injector,\n input,\n signal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {\n form,\n FormField,\n minLength,\n required,\n} from '@angular/forms/signals';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport {\n APP_CONFIG,\n getDefaultBranchSlug,\n getDefaultCompanySlug,\n isCompanyFeatureEnabled,\n} from '@flusys/ng-core';\nimport { AppFloatingConfigurator } from '@flusys/ng-layout';\nimport {\n TranslatePipe,\n TranslateService,\n} from '@flusys/ng-shared';\nimport {\n CheckboxComponent,\n FButtonDirective,\n InputTextDirective,\n MessageService,\n PasswordComponent,\n SelectComponent,\n TextareaDirective,\n UiIconComponent,\n} from '@flusys/ng-ui';\nimport { IRegistrationRequest } from '../../interfaces/auth.interface';\nimport {\n AUTH_REGISTRATION_EXTENSION,\n IRegistrationExtraField,\n IRegistrationFieldTemplateContext,\n REGISTRATION_FIELD_CONTEXT,\n} from '../../providers/auth-extension.providers';\nimport { sortByOrder } from '../../providers/extension-order.util';\nimport { AuthApiService } from '../../services/auth-api.service';\nimport { AuthStateService } from '../../services/auth-state.service';\nimport { EmailPolicyService } from '../../services/email-policy.service';\nimport { PasswordPolicyService } from '../../services/password-policy.service';\n\ninterface IUserFormModel {\n name: string;\n email: string;\n password: string;\n confirmPassword: string;\n phone: string;\n}\n\ninterface ICompanyFormModel {\n createNewCompany: boolean;\n companySlug: string;\n branchSlug: string;\n newCompanyName: string;\n newCompanyPhone: string;\n newCompanyAddress: string;\n}\n\n@Component({\n selector: 'lib-register-page',\n imports: [\n CheckboxComponent,\n FButtonDirective,\n InputTextDirective,\n PasswordComponent,\n SelectComponent,\n TextareaDirective,\n UiIconComponent,\n FormsModule,\n NgComponentOutlet,\n NgTemplateOutlet,\n RouterLink,\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 py-8\"\n >\n <div class=\"flex flex-col items-center justify-center\">\n <div\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=\"py-8 px-4 sm:py-10 sm:px-8 md:py-12 md:px-12 w-full sm:w-[650px] max-w-[95vw] sm:max-w-[90vw]\"\n style=\"border-radius: var(--f-content-border-radius); background: var(--f-content-background)\"\n >\n <div class=\"text-center mb-6\">\n <div class=\"text-3xl font-medium mb-4 text-color\">\n {{ 'auth.register.create.account' | translate }}\n </div>\n <span class=\"text-muted-color font-medium\">{{\n 'auth.register.subtitle' | translate\n }}</span>\n </div>\n\n <form (ngSubmit)=\"onSubmit()\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\n <div>\n <label for=\"name\" class=\"block font-medium mb-2\"\n >{{ 'auth.register.full.name' | translate }} *</label\n >\n <input\n fInputText\n id=\"name\"\n [formField]=\"userForm.name\"\n [placeholder]=\"'auth.register.name.placeholder' | translate\"\n class=\"w-full\"\n autocomplete=\"name\"\n />\n </div>\n\n <div>\n <label for=\"phone\" class=\"block font-medium mb-2\">{{\n 'auth.phone.label' | translate\n }}</label>\n <input\n fInputText\n id=\"phone\"\n [formField]=\"userForm.phone\"\n [placeholder]=\"'auth.phone.placeholder' | translate\"\n class=\"w-full\"\n autocomplete=\"tel\"\n />\n </div>\n </div>\n\n <div class=\"mb-4\">\n <label for=\"email\" class=\"block font-medium mb-2\"\n >{{ 'auth.email.label' | translate }} *</label\n >\n <input\n fInputText\n id=\"email\"\n type=\"email\"\n [formField]=\"userForm.email\"\n [placeholder]=\"'auth.email.placeholder' | translate\"\n class=\"w-full\"\n autocomplete=\"email\"\n />\n @if (emailValidationError()) {\n <small class=\"text-danger block mt-1\">{{\n emailValidationError()\n }}</small>\n }\n </div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\n <div>\n <label for=\"password\" class=\"block font-medium mb-2\"\n >{{ 'auth.password.label' | translate }} *</label\n >\n <f-password\n [inputId]=\"'password'\"\n [formField]=\"userForm.password\"\n [placeholder]=\"\n 'shared.min.characters'\n | translate: { count: passwordPolicy.minLength }\n \"\n class=\"w-full\"\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 <div>\n <label for=\"confirmPassword\" class=\"block font-medium mb-2\"\n >{{ 'auth.register.confirm.password' | translate }} *</label\n >\n <f-password\n [inputId]=\"'confirmPassword'\"\n [formField]=\"userForm.confirmPassword\"\n [placeholder]=\"\n 'auth.register.confirm.password.placeholder' | translate\n \"\n class=\"w-full\"\n autocomplete=\"new-password\"\n />\n @if (!passwordsMatch() && userFormModel().confirmPassword) {\n <small class=\"text-danger block mt-2\">{{\n 'auth.register.passwords.do.not.match' | translate\n }}</small>\n }\n </div>\n </div>\n\n @if (extraFields().length > 0) {\n <div class=\"border-t border-surface pt-4 mt-4 mb-4\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n @for (field of extraFields(); track field.key) {\n <div [class]=\"field.containerClass ?? ''\">\n <label [for]=\"field.key\" class=\"block font-medium mb-2\">\n {{ field.labelKey | translate: null : field.label\n }}{{ field.required ? ' *' : '' }}\n </label>\n @if (field.component) {\n <ng-container\n [ngComponentOutlet]=\"field.component\"\n [ngComponentOutletInjector]=\"getFieldInjector(field)\"\n ></ng-container>\n } @else if (field.template) {\n <ng-container\n [ngTemplateOutlet]=\"field.template\"\n [ngTemplateOutletContext]=\"\n getFieldTemplateContext(field)\n \"\n ></ng-container>\n } @else {\n @switch (field.type) {\n @case ('text') {\n <input\n fInputText\n [id]=\"field.key\"\n [placeholder]=\"\n field.placeholderKey\n | translate: null : field.placeholder ?? ''\n \"\n [value]=\"\n extraFieldsModel()[field.key] ??\n field.defaultValue ??\n ''\n \"\n (input)=\"\n updateExtraField(\n field.key,\n $any($event.target).value\n )\n \"\n class=\"w-full\"\n />\n }\n @case ('number') {\n <input\n fInputText\n type=\"number\"\n [id]=\"field.key\"\n [placeholder]=\"\n field.placeholderKey\n | translate: null : field.placeholder ?? ''\n \"\n [value]=\"\n extraFieldsModel()[field.key] ??\n field.defaultValue ??\n ''\n \"\n (input)=\"\n updateExtraField(\n field.key,\n $any($event.target).valueAsNumber\n )\n \"\n class=\"w-full\"\n />\n }\n @case ('textarea') {\n <textarea\n fTextarea\n [id]=\"field.key\"\n [placeholder]=\"\n field.placeholderKey\n | translate: null : field.placeholder ?? ''\n \"\n [value]=\"\n extraFieldsModel()[field.key] ??\n field.defaultValue ??\n ''\n \"\n (input)=\"\n updateExtraField(\n field.key,\n $any($event.target).value\n )\n \"\n class=\"w-full\"\n rows=\"3\"\n ></textarea>\n }\n @case ('select') {\n <f-select\n [id]=\"field.key\"\n class=\"w-full\"\n [options]=\"field.options ?? []\"\n optionValue=\"value\"\n [ngModel]=\"\n extraFieldsModel()[field.key] ??\n field.defaultValue ??\n ''\n \"\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"\n updateExtraField(field.key, $event)\n \"\n [placeholder]=\"\n field.placeholderKey\n | translate\n : null\n : field.placeholder ??\n ('shared.select' | translate)\n \"\n >\n <ng-template #item let-opt>{{\n opt.labelKey | translate: null : opt.label\n }}</ng-template>\n <ng-template #selectedItem let-opt>{{\n opt.labelKey | translate: null : opt.label\n }}</ng-template>\n </f-select>\n }\n @case ('checkbox') {\n <f-checkbox\n [inputId]=\"field.key\"\n [checked]=\"\n $any(\n extraFieldsModel()[field.key] ??\n field.defaultValue ??\n false\n )\n \"\n (onChange)=\"\n updateExtraField(field.key, $event.checked)\n \"\n [label]=\"\n field.placeholderKey\n | translate\n : null\n : field.placeholder ??\n (field.labelKey\n | translate: null : field.label)\n \"\n />\n }\n @case ('date') {\n <input\n fInputText\n type=\"date\"\n [id]=\"field.key\"\n [value]=\"\n extraFieldsModel()[field.key] ??\n field.defaultValue ??\n ''\n \"\n (input)=\"\n updateExtraField(\n field.key,\n $any($event.target).value\n )\n \"\n class=\"w-full\"\n />\n }\n }\n }\n </div>\n }\n </div>\n @if (extraFieldsValidationError()) {\n <small class=\"text-danger block mt-2\">{{\n extraFieldsValidationError()\n }}</small>\n }\n </div>\n }\n\n @if (companyFeatureEnabled()) {\n <div class=\"border-t border-surface pt-6 mt-6\">\n <div class=\"text-center mb-6\">\n <div class=\"text-2xl font-medium mb-2 text-color\">\n {{ 'auth.register.company.details' | translate }}\n </div>\n <span class=\"text-muted-color font-medium\">\n @if (hasDefaultCompany()) {\n {{ 'auth.register.join.default.company' | translate }}\n } @else {\n {{ 'auth.register.join.or.create.company' | translate }}\n }\n </span>\n </div>\n\n @if (!hasDefaultCompany()) {\n <div class=\"mb-4\">\n <f-checkbox\n [formField]=\"companyForm.createNewCompany\"\n [label]=\"'auth.register.create.new.company' | translate\"\n (onChange)=\"onCreateCompanyToggle($event.checked)\"\n />\n </div>\n }\n\n @if (!companyFormModel().createNewCompany) {\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\n <div>\n <label\n for=\"companySlug\"\n class=\"block font-medium mb-2\"\n >{{ 'auth.register.company.code' | translate }}</label\n >\n @if (hasDefaultCompany()) {\n <input\n fInputText\n id=\"companySlug\"\n [value]=\"defaultCompanySlug()\"\n class=\"w-full bg-(--f-form-field-filled-background)\"\n readonly\n />\n <small class=\"text-muted-color\">{{\n 'auth.register.preconfigured.company' | translate\n }}</small>\n } @else {\n <input\n fInputText\n id=\"companySlug\"\n [formField]=\"companyForm.companySlug\"\n [placeholder]=\"\n 'auth.register.company.code.placeholder'\n | translate\n \"\n class=\"w-full\"\n />\n <small class=\"text-muted-color\">{{\n 'auth.register.enter.company.code' | translate\n }}</small>\n }\n </div>\n\n <div>\n <label\n for=\"branchSlug\"\n class=\"block font-medium mb-2\"\n >{{ 'auth.register.branch.code' | translate }}</label\n >\n @if (hasDefaultBranch()) {\n <input\n fInputText\n id=\"branchSlug\"\n [value]=\"defaultBranchSlug()\"\n class=\"w-full bg-(--f-form-field-filled-background)\"\n readonly\n />\n <small class=\"text-muted-color\">{{\n 'auth.register.preconfigured.branch' | translate\n }}</small>\n } @else {\n <input\n fInputText\n id=\"branchSlug\"\n [formField]=\"companyForm.branchSlug\"\n [placeholder]=\"\n 'auth.register.branch.code.placeholder'\n | translate\n \"\n class=\"w-full\"\n />\n }\n </div>\n </div>\n } @else {\n <div class=\"mb-4\">\n <label for=\"newCompanyName\" class=\"block font-medium mb-2\"\n >{{ 'auth.register.company.name' | translate }} *</label\n >\n <input\n fInputText\n id=\"newCompanyName\"\n [formField]=\"companyForm.newCompanyName\"\n [placeholder]=\"\n 'auth.register.company.name.placeholder' | translate\n \"\n class=\"w-full\"\n />\n </div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\n <div>\n <label\n for=\"newCompanyPhone\"\n class=\"block font-medium mb-2\"\n >{{ 'auth.phone.label' | translate }}</label\n >\n <input\n fInputText\n id=\"newCompanyPhone\"\n [formField]=\"companyForm.newCompanyPhone\"\n [placeholder]=\"'auth.phone.placeholder' | translate\"\n class=\"w-full\"\n />\n </div>\n\n <div>\n <label\n for=\"newCompanyAddress\"\n class=\"block font-medium mb-2\"\n >{{ 'auth.address.label' | translate }}</label\n >\n <input\n fInputText\n id=\"newCompanyAddress\"\n [formField]=\"companyForm.newCompanyAddress\"\n [placeholder]=\"'auth.address.placeholder' | translate\"\n class=\"w-full\"\n />\n </div>\n </div>\n }\n </div>\n }\n\n <button\n fButton\n class=\"w-full mt-4\"\n type=\"submit\"\n [disabled]=\"!isFormValid() || isLoading()\"\n >\n @if (isLoading()) {\n <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n }\n <span pButtonLabel>{{\n 'auth.register.create.account' | translate\n }}</span>\n </button>\n\n <div class=\"flex items-center justify-center mt-4 gap-2\">\n <span class=\"font-medium\">{{\n 'auth.register.already.have.account' | translate\n }}</span>\n <a\n routerLink=\"/auth/login\"\n class=\"font-semibold text-primary cursor-pointer\"\n >\n {{ 'auth.login.sign.in' | translate }}\n </a>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n `,\n})\nexport class RegisterPageComponent {\n private readonly destroyRef = inject(DestroyRef);\n private readonly appConfig = inject(APP_CONFIG);\n private readonly messageService = inject(MessageService);\n private readonly authApi = inject(AuthApiService);\n private readonly authState = inject(AuthStateService);\n private readonly route = inject(ActivatedRoute);\n private readonly router = inject(Router);\n\n private readonly emailPolicy = inject(EmailPolicyService);\n protected readonly passwordPolicy = inject(PasswordPolicyService);\n private readonly registrationExtension = inject(AUTH_REGISTRATION_EXTENSION, {\n optional: true,\n });\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 queryParamMap = toSignal(this.route.queryParamMap);\n private companySlugInitialized = false;\n\n readonly returnUrl = input<string>('');\n readonly isLoading = signal(false);\n readonly companyFeatureEnabled = computed(() =>\n isCompanyFeatureEnabled(this.appConfig),\n );\n readonly defaultCompanySlug = computed(() =>\n getDefaultCompanySlug(this.appConfig),\n );\n readonly defaultBranchSlug = computed(() =>\n getDefaultBranchSlug(this.appConfig),\n );\n readonly hasDefaultCompany = computed(() => !!this.defaultCompanySlug());\n readonly hasDefaultBranch = computed(() => !!this.defaultBranchSlug());\n\n readonly extraFields = computed<IRegistrationExtraField[]>(() => {\n if (!this.registrationExtension) return [];\n return sortByOrder(this.registrationExtension.getExtraFields());\n });\n\n readonly extraFieldsModel = signal<Record<string, unknown>>(\n this.extraFields().reduce<Record<string, unknown>>((acc, field) => {\n if (field.defaultValue !== undefined) {\n acc[field.key] = field.defaultValue;\n }\n return acc;\n }, {}),\n );\n\n readonly userFormModel = signal<IUserFormModel>({\n name: '',\n email: '',\n password: '',\n confirmPassword: '',\n phone: '',\n });\n readonly userForm = form(this.userFormModel, (f) => {\n required(f.name, {\n message: this.translate('shared.name.required'),\n });\n minLength(f.name, 2, {\n message: this.translate('auth.validation.name.min.length', { min: 2 }),\n });\n required(f.email, {\n message: this.translate('auth.validation.email.required'),\n });\n required(f.password, {\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\n readonly companyFormModel = signal<ICompanyFormModel>({\n createNewCompany: false,\n companySlug: '',\n branchSlug: '',\n newCompanyName: '',\n newCompanyPhone: '',\n newCompanyAddress: '',\n });\n readonly companyForm = form(this.companyFormModel);\n\n readonly emailValidationError = computed(() =>\n this.emailPolicy.validate(this.userFormModel().email),\n );\n\n readonly passwordValidationError = computed(() =>\n this.passwordPolicy.validate(this.userFormModel().password),\n );\n\n readonly extraFieldsValidationError = computed(() => {\n if (!this.registrationExtension?.validateExtraFields) return null;\n return this.registrationExtension.validateExtraFields(\n this.extraFieldsModel(),\n );\n });\n\n readonly passwordsMatch = computed(() => {\n const model = this.userFormModel();\n return model.password === model.confirmPassword;\n });\n\n readonly isFormValid = computed(() => {\n const userModel = this.userFormModel();\n const emailError = this.emailValidationError();\n const passwordError = this.passwordValidationError();\n const extraFieldsError = this.extraFieldsValidationError();\n\n const userValid =\n userModel.name.trim().length >= 2 &&\n userModel.email.includes('@') &&\n !emailError &&\n userModel.password.length > 0 &&\n !passwordError &&\n userModel.confirmPassword.length > 0 &&\n this.passwordsMatch() &&\n !extraFieldsError;\n\n const extraFieldsValid = this.validateRequiredExtraFields();\n\n if (!isCompanyFeatureEnabled(this.appConfig))\n return userValid && extraFieldsValid;\n\n const companyModel = this.companyFormModel();\n if (companyModel.createNewCompany) {\n return (\n userValid &&\n extraFieldsValid &&\n companyModel.newCompanyName.trim().length > 0\n );\n }\n return userValid && extraFieldsValid;\n });\n\n private validateRequiredExtraFields(): boolean {\n const fields = this.extraFields();\n const values = this.extraFieldsModel();\n\n for (const field of fields) {\n if (field.required) {\n const value = values[field.key];\n if (value === undefined || value === null || value === '') {\n return false;\n }\n }\n }\n return true;\n }\n\n updateExtraField(key: string, value: unknown): void {\n this.extraFieldsModel.update((model) => ({ ...model, [key]: value }));\n }\n\n getFieldTemplateContext(\n field: IRegistrationExtraField,\n ): IRegistrationFieldTemplateContext {\n return {\n field,\n value: this.extraFieldsModel()[field.key] ?? field.defaultValue,\n updateValue: (value: unknown) => this.updateExtraField(field.key, value),\n };\n }\n\n private readonly parentInjector = inject(Injector);\n\n private readonly fieldInjectors = new Map<\n string,\n { injector: Injector; setField: (field: IRegistrationExtraField) => void }\n >();\n\n getFieldInjector(field: IRegistrationExtraField): Injector {\n const cached = this.fieldInjectors.get(field.key);\n if (cached) {\n cached.setField(field);\n return cached.injector;\n }\n\n let currentField = field;\n const extraFieldsModel = this.extraFieldsModel;\n const context: IRegistrationFieldTemplateContext = {\n get field() {\n return currentField;\n },\n get value() {\n return extraFieldsModel()[currentField.key] ?? currentField.defaultValue;\n },\n updateValue: (value: unknown) =>\n this.updateExtraField(currentField.key, value),\n };\n\n const injector = Injector.create({\n providers: [{ provide: REGISTRATION_FIELD_CONTEXT, useValue: context }],\n parent: field.injector ?? this.parentInjector,\n });\n this.fieldInjectors.set(field.key, {\n injector,\n setField: (next) => (currentField = next),\n });\n return injector;\n }\n\n constructor() {\n effect(() => {\n const params = this.queryParamMap();\n if (!params || this.companySlugInitialized) return;\n\n this.companySlugInitialized = true;\n\n const configCompanySlug = this.defaultCompanySlug();\n const configBranchSlug = this.defaultBranchSlug();\n const queryCompanySlug = params.get('companySlug');\n\n const companySlug = configCompanySlug || queryCompanySlug || '';\n const branchSlug = configBranchSlug || '';\n\n if (companySlug || branchSlug) {\n this.companyFormModel.update((model) => ({\n ...model,\n companySlug,\n branchSlug,\n }));\n }\n });\n }\n\n onCreateCompanyToggle(createNew: boolean): void {\n if (createNew) {\n this.companyFormModel.update((model) => ({\n ...model,\n createNewCompany: true,\n companySlug: '',\n branchSlug: '',\n }));\n } else {\n this.companyFormModel.update((model) => ({\n ...model,\n createNewCompany: false,\n newCompanyName: '',\n newCompanyPhone: '',\n newCompanyAddress: '',\n }));\n }\n }\n\n onSubmit(): void {\n if (!this.isFormValid()) {\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\n const userModel = this.userFormModel();\n const companyModel = this.companyFormModel();\n\n let registrationData: Record<string, unknown> = {\n name: userModel.name,\n email: userModel.email,\n password: userModel.password,\n phone: userModel.phone || undefined,\n };\n\n const extraFieldsData = this.extraFieldsModel();\n if (Object.keys(extraFieldsData).length > 0) {\n registrationData['additionalFields'] = extraFieldsData;\n }\n\n if (this.registrationExtension?.transformRegistrationData) {\n registrationData =\n this.registrationExtension.transformRegistrationData(registrationData);\n }\n\n if (isCompanyFeatureEnabled(this.appConfig)) {\n if (companyModel.createNewCompany) {\n registrationData['newCompanyName'] =\n companyModel.newCompanyName || undefined;\n registrationData['newCompanyPhone'] =\n companyModel.newCompanyPhone || undefined;\n registrationData['newCompanyAddress'] =\n companyModel.newCompanyAddress || undefined;\n } else {\n registrationData['companySlug'] = companyModel.companySlug || undefined;\n registrationData['branchSlug'] = companyModel.branchSlug || undefined;\n }\n }\n\n this.authApi\n .register(registrationData as unknown as IRegistrationRequest)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n this.isLoading.set(false);\n const data = response.data;\n if (!data) return;\n\n if (data.requiresEmailVerification) {\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 life: 5000,\n });\n this.router.navigate(['/auth/login']);\n return;\n }\n\n if (data.accessToken) {\n this.authState.setLoginState({\n accessToken: data.accessToken,\n user: data.user,\n company: data.company,\n branch: data.branch,\n });\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.authState.navigateAfterLogin(this.returnUrl());\n }\n },\n error: () => {\n this.isLoading.set(false);\n },\n });\n }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,538 @@
+import { AuthApiService, PasswordPolicyService } from "./flusys-ng-auth.mjs";
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, computed, effect, inject, signal } from "@angular/core";
+import { finalize } from "rxjs";
+import { ActivatedRoute, RouterLink } from "@angular/router";
+import { TranslatePipe, TranslateService } from "@flusys/ng-shared";
+import { FButtonDirective, MessageService, PasswordComponent, UiIconComponent } from "@flusys/ng-ui";
+import { AppFloatingConfigurator } from "@flusys/ng-layout";
+import { takeUntilDestroyed, toSignal } from "@angular/core/rxjs-interop";
+import { FormField, form, required } from "@angular/forms/signals";
+var ResetPasswordPageComponent = class ResetPasswordPageComponent {
+	destroyRef = inject(DestroyRef);
+	route = inject(ActivatedRoute);
+	messageService = inject(MessageService);
+	authApi = inject(AuthApiService);
+	passwordPolicy = inject(PasswordPolicyService);
+	translateAdapter = inject(TranslateService, { optional: true });
+	translate(key, vars) {
+		return this.translateAdapter?.translate(key, vars) ?? key;
+	}
+	queryParams = toSignal(this.route.queryParams);
+	tokenInitialized = false;
+	token = "";
+	isLoading = signal(false, ...ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []);
+	pageState = signal("form", ...ngDevMode ? [{ debugName: "pageState" }] : /* istanbul ignore next */ []);
+	formModel = signal({
+		newPassword: "",
+		confirmPassword: ""
+	}, ...ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []);
+	resetForm = form(this.formModel, (f) => {
+		required(f.newPassword, { message: this.translate("auth.validation.password.required") });
+		required(f.confirmPassword, { message: this.translate("auth.validation.confirm.password.required") });
+	});
+	passwordMismatch = computed(() => {
+		const model = this.formModel();
+		return model.confirmPassword.length > 0 && model.newPassword !== model.confirmPassword;
+	}, ...ngDevMode ? [{ debugName: "passwordMismatch" }] : /* istanbul ignore next */ []);
+	passwordValidationError = computed(() => this.passwordPolicy.validate(this.formModel().newPassword), ...ngDevMode ? [{ debugName: "passwordValidationError" }] : /* istanbul ignore next */ []);
+	canSubmit = computed(() => this.resetForm().valid() && !this.passwordValidationError() && !this.passwordMismatch(), ...ngDevMode ? [{ debugName: "canSubmit" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const params = this.queryParams();
+			if (!params || this.tokenInitialized) return;
+			this.tokenInitialized = true;
+			this.token = params["token"] || "";
+			if (!this.token) this.pageState.set("invalid-token");
+		});
+	}
+	onSubmit(event) {
+		event.preventDefault();
+		if (!this.canSubmit()) {
+			this.messageService.add({
+				severity: "error",
+				summary: this.translate("shared.validation.error"),
+				detail: this.translate("shared.fill.required.fields")
+			});
+			return;
+		}
+		this.isLoading.set(true);
+		const newPassword = this.formModel().newPassword;
+		this.authApi.resetPassword(this.token, newPassword).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.isLoading.set(false))).subscribe({
+			next: (response) => {
+				this.messageService.add({
+					severity: "success",
+					summary: this.translate("shared.success"),
+					detail: response?.messageKey ? this.translate(response.messageKey, response.messageVariables) : response?.message
+				});
+				this.pageState.set("success");
+			},
+			error: (error) => {
+				const messageKey = error.error?.messageKey || "";
+				if ([
+					"auth.password.reset.token.expired",
+					"auth.password.reset.token.used",
+					"email.verification.token.invalid"
+				].includes(messageKey)) this.pageState.set("invalid-token");
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ResetPasswordPageComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: ResetPasswordPageComponent,
+		isStandalone: true,
+		selector: "lib-reset-password-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 justify-center w-full max-w-[32rem] px-4"
+      >
+        <div
+          class="w-full"
+          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%)"
+        >
+          <div
+            class="w-full py-8 px-4 sm:py-12 sm:px-8 md:py-16 md:px-12"
+            style="border-radius: var(--f-content-border-radius); background: var(--f-content-background)"
+          >
+            @switch (pageState()) {
+              @case ('form') {
+                <div class="text-center mb-8">
+                  <div class="text-3xl font-medium mb-4 text-color">
+                    {{ 'auth.reset.password.title' | translate }}
+                  </div>
+                  <span class="text-muted-color font-medium">
+                    {{ 'auth.reset.password.subtitle' | translate }}
+                  </span>
+                </div>
+                <form (submit)="onSubmit($event)">
+                  <label
+                    for="newPassword"
+                    class="block text-lg font-medium mb-2 text-color"
+                  >
+                    {{ 'auth.reset.password.new.password' | translate }}
+                  </label>
+                  <div class="mb-4">
+                    <f-password
+                      [inputId]="'newPassword'"
+                      [placeholder]="
+                        'auth.reset.password.new.password.placeholder' | translate
+                      "
+                      class="w-full"
+                      [formField]="resetForm.newPassword"
+                      autocomplete="new-password"
+                    />
+                    @if (passwordValidationError()) {
+                      <small class="text-danger block mt-1">{{
+                        passwordValidationError()
+                      }}</small>
+                    }
+                  </div>
+                  <label
+                    for="confirmPassword"
+                    class="block text-lg font-medium mb-2 text-color"
+                  >
+                    {{ 'auth.reset.password.confirm.password' | translate }}
+                  </label>
+                  <f-password
+                    [inputId]="'confirmPassword'"
+                    [placeholder]="
+                      'auth.reset.password.confirm.password.placeholder'
+                        | translate
+                    "
+                    class="w-full mb-2"
+                    [formField]="resetForm.confirmPassword"
+                    autocomplete="new-password"
+                  />
+                  @if (passwordMismatch()) {
+                    <small class="text-danger block mb-4">{{
+                      'auth.register.passwords.do.not.match' | translate
+                    }}</small>
+                  }
+                  <button
+                    fButton
+                    class="w-full mt-4 mb-4"
+                    type="submit"
+                    [disabled]="!canSubmit() || isLoading()"
+                  >
+                    @if (isLoading()) {
+                      <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+                    }
+                    <span pButtonLabel>{{ 'auth.reset.password.reset.password' | translate }}</span>
+                  </button>
+                  <div class="flex items-center justify-center gap-2">
+                    <a
+                      routerLink="/auth/login"
+                      class="font-semibold text-primary cursor-pointer"
+                    >
+                      {{ 'auth.login.back.to.sign.in' | translate }}
+                    </a>
+                  </div>
+                </form>
+              }
+              @case ('success') {
+                <div class="text-center">
+                  <div class="flex justify-center mb-6">
+                    <ui-icon name="check-circle" class="text-6xl text-success"></ui-icon>
+                  </div>
+                  <div class="text-3xl font-medium mb-4 text-color">
+                    {{ 'auth.reset.password.success' | translate }}
+                  </div>
+                  <p class="text-muted-color font-medium mb-6">
+                    {{ 'auth.reset.password.success.message' | translate }}
+                  </p>
+                  <a routerLink="/auth/login">
+                    <button
+                      fButton
+                      class="w-full"
+                    >
+                      <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                    </button>
+                  </a>
+                </div>
+              }
+              @case ('invalid-token') {
+                <div class="text-center">
+                  <div class="flex justify-center mb-6">
+                    <ui-icon name="times-circle" class="text-6xl text-danger"></ui-icon>
+                  </div>
+                  <div class="text-3xl font-medium mb-4 text-color">
+                    {{ 'auth.reset.password.invalid.link' | translate }}
+                  </div>
+                  <p class="text-muted-color font-medium mb-6">
+                    {{ 'auth.reset.password.invalid.link.message' | translate }}
+                  </p>
+                  <a routerLink="/auth/forgot-password">
+                    <button
+                      fButton
+                      class="w-full mb-4"
+                    >
+                      <span pButtonLabel>{{
+                        'auth.reset.password.request.new.link' | translate
+                       }}</span>
+                    </button>
+                  </a>
+                  <div class="mt-4">
+                    <a
+                      routerLink="/auth/login"
+                      class="font-semibold text-primary cursor-pointer"
+                    >
+                      {{ 'auth.login.back.to.sign.in' | translate }}
+                    </a>
+                  </div>
+                </div>
+              }
+            }
+          </div>
+        </div>
+      </div>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				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: PasswordComponent,
+				selector: "f-password",
+				inputs: [
+					"toggleMask",
+					"feedback",
+					"disabled",
+					"placeholder",
+					"inputId",
+					"invalid",
+					"touched",
+					"inputStyleClass",
+					"styleClass",
+					"style",
+					"ariaDescribedby",
+					"autocomplete",
+					"variant",
+					"size",
+					"fluid",
+					"appendTo",
+					"promptLabel",
+					"weakLabel",
+					"mediumLabel",
+					"strongLabel",
+					"mediumRegex",
+					"strongRegex"
+				],
+				outputs: ["onBlur", "onFocus"]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"spin",
+					"fill",
+					"severity"
+				]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
+			{
+				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: ResetPasswordPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-reset-password-page",
+			imports: [
+				RouterLink,
+				FButtonDirective,
+				PasswordComponent,
+				UiIconComponent,
+				FormField,
+				AppFloatingConfigurator,
+				TranslatePipe
+			],
+			template: `
+    <app-floating-configurator />
+    <div
+      class="bg-surface-ground flex items-center justify-center min-h-screen"
+    >
+      <div
+        class="flex flex-col items-center justify-center w-full max-w-[32rem] px-4"
+      >
+        <div
+          class="w-full"
+          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%)"
+        >
+          <div
+            class="w-full py-8 px-4 sm:py-12 sm:px-8 md:py-16 md:px-12"
+            style="border-radius: var(--f-content-border-radius); background: var(--f-content-background)"
+          >
+            @switch (pageState()) {
+              @case ('form') {
+                <div class="text-center mb-8">
+                  <div class="text-3xl font-medium mb-4 text-color">
+                    {{ 'auth.reset.password.title' | translate }}
+                  </div>
+                  <span class="text-muted-color font-medium">
+                    {{ 'auth.reset.password.subtitle' | translate }}
+                  </span>
+                </div>
+                <form (submit)="onSubmit($event)">
+                  <label
+                    for="newPassword"
+                    class="block text-lg font-medium mb-2 text-color"
+                  >
+                    {{ 'auth.reset.password.new.password' | translate }}
+                  </label>
+                  <div class="mb-4">
+                    <f-password
+                      [inputId]="'newPassword'"
+                      [placeholder]="
+                        'auth.reset.password.new.password.placeholder' | translate
+                      "
+                      class="w-full"
+                      [formField]="resetForm.newPassword"
+                      autocomplete="new-password"
+                    />
+                    @if (passwordValidationError()) {
+                      <small class="text-danger block mt-1">{{
+                        passwordValidationError()
+                      }}</small>
+                    }
+                  </div>
+                  <label
+                    for="confirmPassword"
+                    class="block text-lg font-medium mb-2 text-color"
+                  >
+                    {{ 'auth.reset.password.confirm.password' | translate }}
+                  </label>
+                  <f-password
+                    [inputId]="'confirmPassword'"
+                    [placeholder]="
+                      'auth.reset.password.confirm.password.placeholder'
+                        | translate
+                    "
+                    class="w-full mb-2"
+                    [formField]="resetForm.confirmPassword"
+                    autocomplete="new-password"
+                  />
+                  @if (passwordMismatch()) {
+                    <small class="text-danger block mb-4">{{
+                      'auth.register.passwords.do.not.match' | translate
+                    }}</small>
+                  }
+                  <button
+                    fButton
+                    class="w-full mt-4 mb-4"
+                    type="submit"
+                    [disabled]="!canSubmit() || isLoading()"
+                  >
+                    @if (isLoading()) {
+                      <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+                    }
+                    <span pButtonLabel>{{ 'auth.reset.password.reset.password' | translate }}</span>
+                  </button>
+                  <div class="flex items-center justify-center gap-2">
+                    <a
+                      routerLink="/auth/login"
+                      class="font-semibold text-primary cursor-pointer"
+                    >
+                      {{ 'auth.login.back.to.sign.in' | translate }}
+                    </a>
+                  </div>
+                </form>
+              }
+              @case ('success') {
+                <div class="text-center">
+                  <div class="flex justify-center mb-6">
+                    <ui-icon name="check-circle" class="text-6xl text-success"></ui-icon>
+                  </div>
+                  <div class="text-3xl font-medium mb-4 text-color">
+                    {{ 'auth.reset.password.success' | translate }}
+                  </div>
+                  <p class="text-muted-color font-medium mb-6">
+                    {{ 'auth.reset.password.success.message' | translate }}
+                  </p>
+                  <a routerLink="/auth/login">
+                    <button
+                      fButton
+                      class="w-full"
+                    >
+                      <span pButtonLabel>{{ 'auth.login.sign.in' | translate }}</span>
+                    </button>
+                  </a>
+                </div>
+              }
+              @case ('invalid-token') {
+                <div class="text-center">
+                  <div class="flex justify-center mb-6">
+                    <ui-icon name="times-circle" class="text-6xl text-danger"></ui-icon>
+                  </div>
+                  <div class="text-3xl font-medium mb-4 text-color">
+                    {{ 'auth.reset.password.invalid.link' | translate }}
+                  </div>
+                  <p class="text-muted-color font-medium mb-6">
+                    {{ 'auth.reset.password.invalid.link.message' | translate }}
+                  </p>
+                  <a routerLink="/auth/forgot-password">
+                    <button
+                      fButton
+                      class="w-full mb-4"
+                    >
+                      <span pButtonLabel>{{
+                        'auth.reset.password.request.new.link' | translate
+                       }}</span>
+                    </button>
+                  </a>
+                  <div class="mt-4">
+                    <a
+                      routerLink="/auth/login"
+                      class="font-semibold text-primary cursor-pointer"
+                    >
+                      {{ 'auth.login.back.to.sign.in' | translate }}
+                    </a>
+                  </div>
+                </div>
+              }
+            }
+          </div>
+        </div>
+      </div>
+    </div>
+  `
+		}]
+	}],
+	ctorParameters: () => []
+});
+export { ResetPasswordPageComponent };
+//# sourceMappingURL=flusys-ng-auth-reset-password-page.component-C0tN_AW1.mjs.map