@snabcentr/client-ui 4.2.0 → 4.3.0

package/verification/verification-phone-check-form/sc-verification-phone-check-form.component.d.ts

@@ -0,0 +1,149 @@
+import { HttpClient } from '@angular/common/http';
+import { InputSignal, ModelSignal, OnInit, OutputEmitterRef, Signal } from '@angular/core';
+import { FormControl, FormGroup, FormGroupDirective } from '@angular/forms';
+import { MaskitoOptions } from '@maskito/core';
+import { ScIOrgContact, ScVerificationService } from '@snabcentr/client-core';
+import type { TuiCountryIsoCode } from '@taiga-ui/i18n';
+import { Observable, Subject } from 'rxjs';
+import { ScHelpNotificationService } from '../../services';
+import * as i0 from "@angular/core";
+/**
+ * Компонент формы проверки телефона и получения кода подтверждения.
+ */
+export declare class ScVerificationPhoneCheckFormComponent implements OnInit {
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    set showCodeFields(showCodeFields: boolean);
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    get showCodeFields(): boolean;
+    /**
+     * Сервис верификации.
+     */
+    protected readonly verificationService: ScVerificationService;
+    /**
+     * Функция отправки кода подтверждения телефона.
+     */
+    protected readonly sendPhoneApproveCode: (phoneNumber: string) => Observable<void>;
+    /**
+     * Директива c `FormGroup` из DOM.
+     */
+    protected readonly formGroupDirective: FormGroupDirective | null;
+    /**
+     * HTTP-клиент.
+     */
+    protected readonly http: HttpClient;
+    /**
+     * Признак, что поле ввода телефона только для чтения.
+     */
+    readonly readOnly: InputSignal<boolean>;
+    /**
+     * Признак, что поле ввода телефона псевдо-невалидное.
+     */
+    readonly pseudoInvalid: InputSignal<boolean>;
+    /**
+     * Признак, что поле ввода телефона и кода подтверждения обязательные.
+     */
+    readonly required: InputSignal<boolean>;
+    /**
+     * Текст подсказки.
+     */
+    readonly subtitle: InputSignal<string>;
+    /**
+     * Признак, следует ли телефону быть в системе. От этого признака зависит, в каких случаях выдавать ошибку при проверке занятости телефона.
+     */
+    readonly shouldBeBusy: InputSignal<boolean | undefined>;
+    /**
+     * Признак, следует ли проверять, подтверждён ли телефон в системе. При `true` будет вызывать ошибку при наличии телефона в системе без подтверждения.
+     */
+    readonly shouldBeConfirmed: InputSignal<boolean | undefined>;
+    /**
+     * Список стран.
+     */
+    protected readonly countries: readonly TuiCountryIsoCode[];
+    /**
+     * Сервис для отображения Push-уведомлений с контактами для помощи клиенту.
+     */
+    protected readonly helpNotificationService: ScHelpNotificationService;
+    /**
+     * Список контактов для отправки push-уведомлений.
+     */
+    protected readonly pushContacts: Signal<ScIOrgContact[] | undefined>;
+    /**
+     * Наличие кода подтверждения у пользователя.
+     */
+    readonly haveCode: ModelSignal<boolean>;
+    /**
+     * {@link Observable} запроса проверки номера телефона.
+     */
+    phoneCheck$?: Observable<boolean | null>;
+    /**
+     * {@link OutputEmitter} события изменения признака занятости телефона.
+     */
+    readonly isBusyChange: OutputEmitterRef<boolean | null>;
+    /**
+     * {@link OutputEmitter} события изменения признака подтверждения телефона.
+     */
+    readonly isConfirmedChange: OutputEmitterRef<boolean | null>;
+    /**
+     * {@link Subject} события отправки кода подтверждения.
+     */
+    protected readonly onSendCode: Subject<void>;
+    /**
+     * Таймаут отправки кода подтверждения.
+     */
+    protected readonly codeTimeout: number;
+    /**
+     * {@link Observable} запроса данных получения кода подтверждения.
+     */
+    protected readonly loadingApproveCode$: Observable<boolean>;
+    /**
+     * Маска поля ввода кода для подтверждения.
+     */
+    protected readonly verificationCodeMask: MaskitoOptions;
+    /**
+     * {@link Subject} события запуска/остановки таймера.
+     */
+    protected readonly reloadTimer$: Subject<number>;
+    /**
+     * {@link Observable} Таймера.
+     *
+     * TODO: Вынести таймер в отдельную директиву TASK:[#9260].
+     */
+    protected readonly timer$: Observable<string | null>;
+    /**
+     * Токен показа уведомления помощи.
+     */
+    protected readonly showHelpNotification: boolean;
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    private _showCodeFields;
+    /**
+     * Группа полей ввода для формы «Вход на сайт».
+     */
+    get form(): FormGroup<{
+        phone: FormControl<string | null>;
+        verificationCode: FormControl<string | null>;
+    }>;
+    /**
+     * Поле ввода 'Номер телефона'.
+     */
+    get phoneControl(): FormControl<string | null>;
+    /** @inheritDoc */
+    ngOnInit(): void;
+    /**
+     * Устанавливает состояние наличия кода подтверждения у пользователя.
+     *
+     * @param haveCode Признак того есть ли код подтверждения или нет.
+     */
+    protected setHaveCode(haveCode: boolean): void;
+    /**
+     * Закрытие уведомления.
+     */
+    protected closeNotification(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScVerificationPhoneCheckFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScVerificationPhoneCheckFormComponent, "sc-verification-phone-check-form", never, { "showCodeFields": { "alias": "showCodeFields"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "pseudoInvalid": { "alias": "pseudoInvalid"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "shouldBeBusy": { "alias": "shouldBeBusy"; "required": false; "isSignal": true; }; "shouldBeConfirmed": { "alias": "shouldBeConfirmed"; "required": false; "isSignal": true; }; "haveCode": { "alias": "haveCode"; "required": false; "isSignal": true; }; }, { "haveCode": "haveCodeChange"; "isBusyChange": "isBusyChange"; "isConfirmedChange": "isConfirmedChange"; }, never, never, false, never>;
+}