@snabcentr/client-ui 3.36.0 → 3.37.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, Directive, ContentChildren, HostListener, NgModule, EventEmitter, signal, ChangeDetectorRef, Input, Output, Component, ChangeDetectionStrategy, Inject, HostBinding, ElementRef, Pipe, Renderer2, input, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, Optional, computed, viewChild, forwardRef } from '@angular/core';
+import { inject, Injectable, InjectionToken, Directive, ContentChildren, HostListener, NgModule, EventEmitter, signal, ChangeDetectorRef, Input, Output, Component, ChangeDetectionStrategy, Inject, HostBinding, ElementRef, Pipe, Renderer2, input, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, Optional, computed, viewChild, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
-import { ScContactsService, ScUserService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, IS_RUNNING_ON_TERMINAL, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScMediaImageTransformerPipe, ScLocationsService, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScCartService, ScUploadedFile, ScMimeTypes, ScCatalogService, SC_URLS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFrequentlyAskedQuestionsService, ScFeedbackService } from '@snabcentr/client-core';
+import { ScContactsService, ScUserService, ScVerificationService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, IS_RUNNING_ON_TERMINAL, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScMediaImageTransformerPipe, ScLocationsService, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScCartService, ScUploadedFile, ScMimeTypes, ScCatalogService, SC_URLS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFrequentlyAskedQuestionsService, ScFeedbackService } from '@snabcentr/client-core';
 import * as i6 from 'rxjs';
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, Subject, map, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, noop, first, merge, skip } from 'rxjs';
 import * as i7 from '@taiga-ui/cdk';
@@ -229,6 +229,22 @@ const scPhoneVerificationCodeMask = {
  */
 const SC_VERIFICATION_CODE_TIMEOUT = tuiCreateToken(60);
 
+/**
+ * Токен для получения кода подтверждения телефона.
+ * Позволяет подключать внешнюю логику получения кода подтверждения.
+ */
+const SC_PHONE_APPROVE_CODE_SENDER = new InjectionToken('SC_PHONE_APPROVE_CODE_SENDER');
+
+/**
+ * Провайдер по умолчанию для получения кода подтверждения телефона.
+ * Использует ScVerificationService для отправки кода.
+ */
+const SC_PHONE_APPROVE_CODE_SENDER_PROVIDER = {
+    provide: SC_PHONE_APPROVE_CODE_SENDER,
+    useFactory: (verificationService) => (phoneNumber) => verificationService.sendPhoneApproveCode(phoneNumber),
+    deps: [ScVerificationService],
+};
+
 /* eslint-disable lodash/prefer-lodash-method */
 /**
  * Директива для перехода по нажатию клавиши enter на следующее поле ввода формы.
@@ -938,6 +954,10 @@ class ScVerificationPhoneCheckFormComponent {
          * Сервис верификации.
          */
         this.verificationService = inject(ScVerificationService);
+        /**
+         * Функция отправки кода подтверждения телефона.
+         */
+        this.sendPhoneApproveCode = inject(SC_PHONE_APPROVE_CODE_SENDER);
         /**
          * Директива c `FormGroup` из DOM.
          */
@@ -1005,20 +1025,33 @@ class ScVerificationPhoneCheckFormComponent {
         /**
          * {@link Observable} запроса данных получения кода подтверждения.
          */
-        this.loadingApproveCode$ = this.onSendCode.pipe(map(() => this.phoneControl.value), filter((value) => this.phoneControl.valid), switchMap((value) => this.verificationService.sendPhoneApproveCode(value).pipe(tap(() => {
+        this.loadingApproveCode$ = this.onSendCode.pipe(map(() => this.phoneControl.value), filter((value) => this.phoneControl.valid), switchMap((value) => this.sendPhoneApproveCode(value).pipe(tap(() => {
             this.reloadTimer$.next(this.codeTimeout);
         }), map(() => false), catchError((error) => {
             if (error instanceof HttpErrorResponse) {
-                const errorResponse = error.error;
-                const regex = /(\d{2}):\d{2}/;
-                const match = regex.exec(errorResponse.message);
-                if (match && match.length > 1) {
-                    const timeParts = match[0].split(':');
-                    const seconds = Number.parseInt(timeParts[1], 10);
+                let seconds = null;
+                if ('error' in error.error) {
+                    const errorResponse = error.error;
+                    const regex = /(\d{1,3})\s+seconds/;
+                    const match = regex.exec(errorResponse.error);
+                    if (match) {
+                        seconds = Number.parseInt(match[1], 10);
+                    }
+                }
+                else {
+                    const errorResponse = error.error;
+                    const regex = /(\d{2}):\d{2}/;
+                    const match = regex.exec(errorResponse.message);
+                    if (match && match.length > 1) {
+                        const timeParts = match[0].split(':');
+                        seconds = Number.parseInt(timeParts[1], 10);
+                    }
+                }
+                if (seconds) {
                     this.reloadTimer$.next(seconds);
                 }
                 else {
-                    this.phoneControl.setErrors({ serverResponse: errorResponse.errors?.['phone'] ?? [errorResponse.message] });
+                    this.phoneControl.setErrors({ serverResponse: ['Неизвестная ошибка, попробуйте позже.'] });
                 }
             }
             return of(false);
@@ -1538,17 +1571,31 @@ class ScSignInFormByPhoneComponent {
         /**
          * {@link Observable} запроса данных аутентификации.
          */
-        this.request$ = this.onSubmit.pipe(map(() => this.form.value), filter((value) => this.form.valid), switchMap((value) => this.authService.getSignIn$(value).pipe(catchError((error) => {
+        this.request$ = this.onSubmit.pipe(map(() => this.form.value), filter((value) => this.form.valid), switchMap((value) => this.authService.getSignIn$(value).pipe(
+        // eslint-disable-next-line sonarjs/cognitive-complexity
+        catchError((error) => {
             if (error instanceof HttpErrorResponse) {
-                const { errors, message } = error.error;
-                for (const key in errors) {
-                    if (Object.hasOwn(errors, key)) {
-                        // eslint-disable-next-line security/detect-object-injection
-                        this.form.get(key)?.setErrors({ serverResponse: errors[key] });
+                if ('error' in error.error) {
+                    const errorResponse = error.error;
+                    if (errorResponse.error.includes('invalid_credentials')) {
+                        this.form.setErrors({ serverResponse: ['Неверный код подтверждения.'] });
+                    }
+                    else {
+                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                        this.form.setErrors({ serverResponse: [errorResponse.errorDescription ?? errorResponse.error] });
                     }
                 }
-                if (!errors && message) {
-                    this.form.setErrors({ serverResponse: [message] });
+                else {
+                    const { errors, message } = error.error;
+                    for (const key in errors) {
+                        if (Object.hasOwn(errors, key)) {
+                            // eslint-disable-next-line security/detect-object-injection
+                            this.form.get(key)?.setErrors({ serverResponse: errors[key] });
+                        }
+                    }
+                    if (!errors && message) {
+                        this.form.setErrors({ serverResponse: [message] });
+                    }
                 }
             }
             return of({});
@@ -1582,7 +1629,7 @@ class ScSignInFormByEmailComponent {
          * Группа полей ввода для формы «Вход на сайт».
          */
         this.formByEmail = new FormGroup({
-            login: new FormControl(null, [Validators.required, Validators.email]),
+            username: new FormControl(null, [Validators.required, Validators.email]),
             password: new FormControl(null, Validators.required),
         });
         /**
@@ -1592,17 +1639,31 @@ class ScSignInFormByEmailComponent {
         /**
          * {@link Observable} запроса данных аутентификации.
          */
-        this.emailRequest$ = this.onSubmit.pipe(filter(() => this.formByEmail.valid), map(() => this.formByEmail.value), switchMap((value) => this.authService.getSignIn$(value).pipe(catchError((error) => {
+        this.emailRequest$ = this.onSubmit.pipe(filter(() => this.formByEmail.valid), map(() => this.formByEmail.value), switchMap((value) => this.authService.getSignIn$(value).pipe(
+        // eslint-disable-next-line sonarjs/cognitive-complexity
+        catchError((error) => {
             if (error instanceof HttpErrorResponse) {
-                const { errors, message } = error.error;
-                for (const key in errors) {
-                    if (Object.hasOwn(errors, key)) {
-                        // eslint-disable-next-line security/detect-object-injection
-                        this.formByEmail.get(key)?.setErrors({ serverResponse: errors[key] });
+                if ('error' in error.error) {
+                    const errorResponse = error.error;
+                    if (errorResponse.error.includes('invalid_credentials')) {
+                        this.formByEmail.setErrors({ serverResponse: ['Пользователь с указанными учетными данными не найден. Проверьте правильность ввода.'] });
+                    }
+                    else {
+                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                        this.formByEmail.setErrors({ serverResponse: [errorResponse.errorDescription ?? errorResponse.error] });
                     }
                 }
-                if (!errors && message) {
-                    this.formByEmail.setErrors({ serverResponse: [message] });
+                else {
+                    const { errors, message } = error.error;
+                    for (const key in errors) {
+                        if (Object.hasOwn(errors, key)) {
+                            // eslint-disable-next-line security/detect-object-injection
+                            this.formByEmail.get(key)?.setErrors({ serverResponse: errors[key] });
+                        }
+                    }
+                    if (!errors && message) {
+                        this.formByEmail.setErrors({ serverResponse: [message] });
+                    }
                 }
             }
             return of({});
@@ -1617,11 +1678,11 @@ class ScSignInFormByEmailComponent {
         this.forgotPassword = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormByEmailComponent, deps: [{ token: i1.ScAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormByEmailComponent, selector: "sc-sign-in-form-by-email", outputs: { forgotPassword: "forgotPassword" }, ngImport: i0, template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel\n            >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-input formControlName=\"login\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"login\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"password\">\n                \u041F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"current-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </div>\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [pseudo]=\"true\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i3.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormByEmailComponent, selector: "sc-sign-in-form-by-email", outputs: { forgotPassword: "forgotPassword" }, ngImport: i0, template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel\n            >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-input formControlName=\"username\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"username\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"password\">\n                \u041F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"current-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </div>\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [pseudo]=\"true\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i3.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormByEmailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-in-form-by-email', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel\n            >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-input formControlName=\"login\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"login\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"password\">\n                \u041F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"current-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </div>\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [pseudo]=\"true\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n" }]
+            args: [{ selector: 'sc-sign-in-form-by-email', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel\n            >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-input formControlName=\"username\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"username\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"password\">\n                \u041F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"current-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </div>\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [pseudo]=\"true\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.ScAuthService }], propDecorators: { forgotPassword: [{
                 type: Output
             }] } });
@@ -7782,5 +7843,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_PHONE_APPROVE_CODE_SENDER, SC_PHONE_APPROVE_CODE_SENDER_PROVIDER, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map