@snabcentr/client-ui 0.8.7 → 0.10.0

package/form-fields/addresses-selection-field/sc-addresses-selection-field.component.d.ts

@@ -0,0 +1,65 @@
+import { OnInit } from '@angular/core';
+import { FormControl, FormGroupDirective } from '@angular/forms';
+import { ScICity, ScICountry, ScIRegion, ScLocationsService } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент поля ввода страны/региона/города.
+ */
+export declare class ScAddressesSelectionFieldComponent implements OnInit {
+    private readonly formGroupDirective;
+    private readonly locationsService;
+    /**
+     * FormControl для поля страны.
+     */
+    countryControl: FormControl<ScICountry | null>;
+    /**
+     * FormControl для поля региона.
+     */
+    regionControl: FormControl<ScIRegion | null>;
+    /**
+     * FormControl для поля города.
+     */
+    cityControl: FormControl<ScICity | null>;
+    /**
+     * {@link Observable} изменения списка стран.
+     */
+    countries$: Observable<ScICountry[] | null>;
+    /**
+     * {@link Observable} изменения списка регионов.
+     */
+    regions$: Observable<ScIRegion[] | null>;
+    /**
+     * {@link Observable} изменения списка городов.
+     */
+    cities$: Observable<ScICity[] | null>;
+    /**
+     * `FormControl` поля идентификатора города.
+     */
+    get cityIdControl(): FormControl<string | null>;
+    /**
+     * Инициализирует экземпляр класса {@link BankSuggestionFieldsComponent}.
+     *
+     * @param formGroupDirective Директива c `FormGroup` из DOM.
+     * @param locationsService Сервис для получения списков стран, регионов, городов.
+     */
+    constructor(formGroupDirective: FormGroupDirective, locationsService: ScLocationsService);
+    /** @inheritDoc */
+    ngOnInit(): void;
+    /**
+     * Заполнение полей банковских реквизитов на основе выбранной подсказки.
+     *
+     * @param suggestion Объект подсказки по банку.
+     */
+    onSelectedCity(city: ScICity | null): void;
+    /**
+     * Функция преобразования объекта сортировки в значение, отображаемое в поле ввода.
+     *
+     * @param item Выбранный объект выпадающего списка.
+     */
+    readonly stringify: (item: {
+        name: string;
+    }) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScAddressesSelectionFieldComponent, [{ skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScAddressesSelectionFieldComponent, "sc-addresses-selection-field", never, {}, {}, never, never, false>;
+}

package/form-fields/form-fields.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./addresses-selection-field/sc-addresses-selection-field.component";
+import * as i2 from "./suggestion-field/sc-suggestion-field.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@taiga-ui/kit";
+import * as i6 from "@taiga-ui/core";
+import * as i7 from "@taiga-ui/cdk";
+import * as i8 from "@maskito/angular";
+/**
+ * Модуль полей ввода.
+ */
+export declare class ScFormFieldsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScFormFieldsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScFormFieldsModule, [typeof i1.ScAddressesSelectionFieldComponent, typeof i2.ScSuggestionFieldComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.TuiInputModule, typeof i6.TuiTextfieldControllerModule, typeof i6.TuiLabelModule, typeof i7.TuiLetModule, typeof i5.TuiFieldErrorPipeModule, typeof i6.TuiErrorModule, typeof i6.TuiDataListModule, typeof i6.TuiLoaderModule, typeof i5.TuiComboBoxModule, typeof i5.TuiDataListWrapperModule, typeof i5.TuiFilterByInputPipeModule, typeof i5.TuiStringifyContentPipeModule, typeof i5.TuiInputPhoneModule, typeof i6.TuiButtonModule, typeof i8.MaskitoModule], [typeof i1.ScAddressesSelectionFieldComponent, typeof i2.ScSuggestionFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScFormFieldsModule>;
+}

package/form-fields/suggestion-field/sc-suggestion-field.component.d.ts

@@ -0,0 +1,45 @@
+import { OnInit } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { ScISuggestionType, ScSuggestion, ScSuggestionService } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент подсказок для поля ввода.
+ */
+export declare class ScSuggestionFieldComponent implements OnInit {
+    readonly control: NgControl;
+    private readonly suggestionService;
+    /**
+     * Тип подсказок.
+     */
+    type: ScISuggestionType;
+    /**
+     * {@link Observable} подсказок.
+     */
+    suggestions$?: Observable<ScSuggestion[] | null>;
+    /**
+     * {@link Observable} состояние запроса подсказок.
+     */
+    loading$?: Observable<boolean>;
+    /**
+     * Перечисление типов подсказок.
+     */
+    readonly suggestionType: typeof ScISuggestionType;
+    /**
+     * Инициализирует экземпляр класса {@link ScSuggestionFieldComponent}.
+     *
+     * @param control Контрол поля ввода.
+     * @param suggestionService Сервис работы с API подсказок.
+     */
+    constructor(control: NgControl, suggestionService: ScSuggestionService);
+    /** @inheritDoc */
+    ngOnInit(): void;
+    /**
+     * Заполнение полей основе выбранной подсказки.
+     *
+     * @param suggestion Объект подсказки.
+     */
+    onSelected(suggestion: ScSuggestion): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSuggestionFieldComponent, [{ skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSuggestionFieldComponent, "sc-suggestion-field", never, { "type": "type"; }, {}, never, never, false>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "0.8.7",
+  "version": "0.10.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
@@ -14,7 +14,7 @@
     "@angular/platform-browser": ">=14.2.12",
     "@angular/platform-browser-dynamic": ">=14.2.12",
     "@angular/material": ">=14.2.7",
-    "@snabcentr/client-core": ">=0.7.2",
+    "@snabcentr/client-core": ">=^0.8.0",
     "@maskito/angular": ">=1.7.0",
     "@maskito/core": ">=1.7.0",
     "@taiga-ui/addon-charts": ">=3.42.1",

package/profile/sc-profile-accordions-content/sc-profile-accordions-content.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
-import { ScICity, ScLocationsService, ScUser, ScUserService } from '@snabcentr/client-core';
-import { Observable } from 'rxjs';
+import { ScICity, ScLocationsService, ScUser, ScUserService, ScVerificationService } from '@snabcentr/client-core';
+import { Observable, Subject } from 'rxjs';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 /**
@@ -10,18 +10,35 @@ export declare class ScProfileAccordionsContentComponent {
     readonly user$: Observable<ScUser>;
     private readonly locationsService;
     private readonly userService;
+    private readonly verificationService;
     /**
      * {@link FormControl} переключателя 'Я хочу получать рассылку'.
      */
     getNewsControl: FormControl<boolean>;
     /**
-     * {@link Observable} Запроса изменения признака пользователя 'Я хочу получать рассылку'.
+     * {@link Observable} запроса изменения признака пользователя 'Я хочу получать рассылку'.
      */
     private readonly getNewsRequest$;
     /**
-     * {@link Observable} Изменения состояния загрузки данных изменения признака пользователя 'Я хочу получать рассылку'.
+     * {@link Observable} изменения состояния загрузки данных изменения признака пользователя 'Я хочу получать рассылку'.
      */
     readonly getNewsLoading$: Observable<boolean>;
+    /**
+     * {@link Subject} события отправки сообщения для подтверждения адреса электронной почты.
+     */
+    readonly onSendApproveEmail: Subject<string>;
+    /**
+     * {@link Observable} запроса данных аутентификации.
+     */
+    private readonly sendApproveEmailRequest$;
+    /**
+     * {@link Observable} изменения состояния загрузки данных отправки сообщения для подтверждения адреса электронной почты.
+     */
+    readonly approveEmailLoading$: Observable<boolean>;
+    /**
+     * {@link Observable} изменения состояния признака, отправлено ли сообщение для подтверждения адреса электронной почты.
+     */
+    readonly isSendApproveEmail$: Observable<boolean>;
     /**
      * Событие нажатия на кнопку редактирование контактного лица.
      */
@@ -30,10 +47,6 @@ export declare class ScProfileAccordionsContentComponent {
      * Событие нажатия на кнопку подтверждения телефона.
      */
     approvePhoneClick: EventEmitter<void>;
-    /**
-     * Событие нажатия на кнопку подтверждения электронной почты.
-     */
-    approveEmailClick: EventEmitter<void>;
     /**
      * Событие нажатия на кнопку добавления контрагента.
      */
@@ -48,8 +61,9 @@ export declare class ScProfileAccordionsContentComponent {
      * @param user$ Поток информации о текущем пользователе.
      * @param locationsService Сервис для получения списков стран, регионов, городов.
      * @param userService Сервис информации о пользователе.
+     * @param verificationService Сервис верификации.
      */
-    constructor(user$: Observable<ScUser>, locationsService: ScLocationsService, userService: ScUserService);
+    constructor(user$: Observable<ScUser>, locationsService: ScLocationsService, userService: ScUserService, verificationService: ScVerificationService);
     /**
      * Создает запрос получения информации о городе текущего пользователя по идентификатору города.
      *
@@ -57,5 +71,5 @@ export declare class ScProfileAccordionsContentComponent {
      */
     getUserCity$(cityId: number): Observable<ScICity>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScProfileAccordionsContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScProfileAccordionsContentComponent, "sc-profile-accordions-content", never, {}, { "editProfileClick": "editProfileClick"; "approvePhoneClick": "approvePhoneClick"; "approveEmailClick": "approveEmailClick"; "addContragentClick": "addContragentClick"; "addDeliveryAddressClick": "addDeliveryAddressClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScProfileAccordionsContentComponent, "sc-profile-accordions-content", never, {}, { "editProfileClick": "editProfileClick"; "approvePhoneClick": "approvePhoneClick"; "addContragentClick": "addContragentClick"; "addDeliveryAddressClick": "addDeliveryAddressClick"; }, never, never, false>;
 }

package/styles/tailwind/tailwind.scss

@@ -739,6 +739,10 @@ video {
   margin-bottom: 2rem;
 }
 
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
 .mr-2 {
   margin-right: 0.5rem;
 }
@@ -778,6 +782,10 @@ video {
   display: flex;
 }
 
+.inline-flex {
+  display: inline-flex;
+}
+
 .table {
   display: table;
 }
@@ -1050,6 +1058,10 @@ video {
   align-content: center;
 }
 
+.\!items-start {
+  align-items: flex-start !important;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -1417,6 +1429,10 @@ video {
   color: var(--tui-error-fill);
 }
 
+.text-tui-link {
+  color: var(--tui-link);
+}
+
 .text-tui-primary {
   color: var(--tui-primary);
 }
@@ -1568,6 +1584,12 @@ video {
   display: block;
 }
 
+@media (min-width: 640px) {
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+}
+
 @media (min-width: 768px) {
   .md\:mt-6 {
     margin-top: 1.5rem;

package/user/index.d.ts

@@ -1,2 +1,4 @@
 export * from './reset-user-password/sc-reset-user-password.component';
+export * from './update-user-info-form/sc-update-user-info-form.component';
+export * from './user-phone-approve-dialog/sc-user-phone-approve-dialog.component';
 export * from './sc-user.module';

package/user/reset-user-password/sc-reset-user-password.component.d.ts

@@ -16,15 +16,15 @@ export declare class ScResetUserPasswordComponent {
         newPasswordConfirm: FormControl<null>;
     }>;
     /**
-     * {@link Subject} События отправки формы.
+     * {@link Subject} события отправки формы.
      */
     readonly onSubmit: Subject<void>;
     /**
-     * {@link Observable} Запроса данных аутентификации.
+     * {@link Observable} запроса данных аутентификации.
      */
     private readonly request$;
     /**
-     * {@link Observable} Изменения состояния загрузки данных аутентификации по email.
+     * {@link Observable} изменения состояния загрузки данных аутентификации по email.
      */
     readonly loading$: Observable<boolean>;
     /**

package/user/sc-user.module.d.ts

@@ -1,15 +1,19 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./reset-user-password/sc-reset-user-password.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@taiga-ui/kit";
-import * as i5 from "@taiga-ui/core";
-import * as i6 from "@taiga-ui/cdk";
+import * as i2 from "./update-user-info-form/sc-update-user-info-form.component";
+import * as i3 from "./user-phone-approve-dialog/sc-user-phone-approve-dialog.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@taiga-ui/kit";
+import * as i7 from "@taiga-ui/core";
+import * as i8 from "@taiga-ui/cdk";
+import * as i9 from "../verification/sc-verification.module";
+import * as i10 from "../form-fields/form-fields.module";
 /**
  * Модуль компонентов пользователя.
  */
 export declare class ScUserModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScUserModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ScUserModule, [typeof i1.ScResetUserPasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.TuiFieldErrorPipeModule, typeof i4.TuiInputPasswordModule, typeof i5.TuiButtonModule, typeof i5.TuiErrorModule, typeof i5.TuiLabelModule, typeof i5.TuiTextfieldControllerModule, typeof i6.TuiLetModule], [typeof i1.ScResetUserPasswordComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScUserModule, [typeof i1.ScResetUserPasswordComponent, typeof i2.ScUpdateUserInfoFormComponent, typeof i3.ScUserPhoneApproveDialogComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.TuiFieldErrorPipeModule, typeof i6.TuiInputPasswordModule, typeof i7.TuiButtonModule, typeof i7.TuiErrorModule, typeof i7.TuiLabelModule, typeof i7.TuiTextfieldControllerModule, typeof i8.TuiLetModule, typeof i9.ScVerificationModule, typeof i10.ScFormFieldsModule, typeof i7.TuiLoaderModule, typeof i6.TuiInputModule, typeof i6.TuiInputPhoneModule, typeof i6.TuiCheckboxModule, typeof i6.TuiCheckboxLabeledModule, typeof i7.TuiDataListModule, typeof i6.TuiSelectModule, typeof i7.TuiModeModule], [typeof i1.ScResetUserPasswordComponent, typeof i2.ScUpdateUserInfoFormComponent, typeof i3.ScUserPhoneApproveDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ScUserModule>;
 }

package/user/update-user-info-form/sc-update-user-info-form.component.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { ScISuggestionType, ScUser, ScUserService } from '@snabcentr/client-core';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент формы изменения данных пользователя.
+ */
+export declare class ScUpdateUserInfoFormComponent {
+    readonly user$: Observable<ScUser>;
+    private readonly userService;
+    /**
+     * Перечисление типов подсказок.
+     */
+    readonly suggestionType: typeof ScISuggestionType;
+    /**
+     * Группа полей ввода формы общих данных пользователя для их редактирования.
+     */
+    readonly form: FormGroup<{
+        name: FormControl<string | null>;
+        email: FormControl<string | null>;
+        phone: FormControl<string | null>;
+        verificationCode: FormControl<string | null>;
+        cityId: FormControl<number | null>;
+        getNews: FormControl<boolean | null>;
+    }>;
+    /**
+     * Сигнал нажатия на кнопку "Отмена".
+     */
+    readonly cancelButtonClick: EventEmitter<void>;
+    /**
+     * Сигнал события успешного обновления данных пользователя.
+     */
+    readonly successUpdateDate: Observable<ScUser>;
+    /**
+     * {@link Subject} события отправки формы.
+     */
+    readonly onSubmit: Subject<void>;
+    /**
+     * {@link Observable} запроса обновления данных пользователя.
+     */
+    private readonly request$;
+    /**
+     * {@link Observable} изменения состояния загрузки данных аутентификации по email.
+     */
+    readonly loading$: Observable<boolean>;
+    /**
+     * Инициализирует экземпляр класса {@link ScUpdateUserInfoFormComponent}.
+     *
+     * @param user$ Поток информации о текущем пользователе.
+     * @param userService Сервис информации о пользователе.
+     */
+    constructor(user$: Observable<ScUser>, userService: ScUserService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScUpdateUserInfoFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScUpdateUserInfoFormComponent, "sc-update-user-info-form", never, {}, { "cancelButtonClick": "cancelButtonClick"; "successUpdateDate": "successUpdateDate"; }, never, never, false>;
+}

package/user/user-phone-approve-dialog/sc-user-phone-approve-dialog.component.d.ts

@@ -0,0 +1,48 @@
+import { FormGroup, FormControl } from '@angular/forms';
+import { Subject, Observable } from 'rxjs';
+import { ScApprovedData, ScUser, ScUserService, ScVerificationService } from '@snabcentr/client-core';
+import { TuiDialogContext } from '@taiga-ui/core';
+import * as i0 from "@angular/core";
+/**
+ * Диалоговое окно подтверждения номера телефона.
+ */
+export declare class ScUserPhoneApproveDialogComponent {
+    private readonly verificationService;
+    readonly user$: Observable<ScUser>;
+    private readonly userService;
+    readonly context?: TuiDialogContext<ScApprovedData, ScUserPhoneApproveDialogComponent> | undefined;
+    /**
+     * Наличие кода подтверждения у пользователя.
+     */
+    haveCode: boolean;
+    /**
+     * Группа полей ввода для подтверждения номера телефона.
+     */
+    readonly form: FormGroup<{
+        phone: FormControl<string | null>;
+        verificationCode: FormControl<string | null>;
+    }>;
+    /**
+     * {@link Subject} события отправки формы.
+     */
+    readonly onSubmit: Subject<void>;
+    /**
+     * {@link Observable} запроса подтверждения номера телефона.
+     */
+    private readonly request$;
+    /**
+     * {@link Observable} изменения состояния запроса подтверждения номера телефона..
+     */
+    readonly loading$: Observable<boolean>;
+    /**
+     * Инициализирует экземпляр класса {@link ScUserPhoneApproveDialogComponent}.
+     *
+     * @param verificationService Сервис верификации.
+     * @param user$ Поток информации о текущем пользователе.
+     * @param userService Сервис информации о пользователе.
+     * @param context Контекст диалогового окна, в котором открыт компонент.
+     */
+    constructor(verificationService: ScVerificationService, user$: Observable<ScUser>, userService: ScUserService, context?: TuiDialogContext<ScApprovedData, ScUserPhoneApproveDialogComponent> | undefined);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScUserPhoneApproveDialogComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScUserPhoneApproveDialogComponent, "sc-user-phone-approve-dialog", never, {}, {}, never, never, false>;
+}

package/verification/index.d.ts

@@ -1,2 +1,2 @@
-export * from './phone-approve-form/phone-approve-form.component';
+export * from './verification-phone-check-form/sc-verification-phone-check-form.component';
 export * from './sc-verification.module';

package/verification/sc-verification.module.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./phone-approve-form/phone-approve-form.component";
+import * as i1 from "./verification-phone-check-form/sc-verification-phone-check-form.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@taiga-ui/kit";
@@ -11,6 +11,6 @@ import * as i7 from "@maskito/angular";
  */
 export declare class ScVerificationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScVerificationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ScVerificationModule, [typeof i1.ScPhoneApproveFormComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.TuiInputPasswordModule, typeof i4.TuiInputModule, typeof i5.TuiTextfieldControllerModule, typeof i5.TuiLinkModule, typeof i5.TuiButtonModule, typeof i5.TuiLabelModule, typeof i5.TuiModeModule, typeof i4.TuiFieldErrorPipeModule, typeof i5.TuiErrorModule, typeof i6.TuiLetModule, typeof i5.TuiLoaderModule, typeof i4.TuiInputPhoneModule, typeof i7.MaskitoModule], [typeof i1.ScPhoneApproveFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScVerificationModule, [typeof i1.ScVerificationPhoneCheckFormComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.TuiInputPasswordModule, typeof i4.TuiInputModule, typeof i5.TuiTextfieldControllerModule, typeof i5.TuiLinkModule, typeof i5.TuiButtonModule, typeof i5.TuiLabelModule, typeof i5.TuiModeModule, typeof i4.TuiFieldErrorPipeModule, typeof i5.TuiErrorModule, typeof i6.TuiLetModule, typeof i5.TuiLoaderModule, typeof i4.TuiInputPhoneModule, typeof i7.MaskitoModule], [typeof i1.ScVerificationPhoneCheckFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ScVerificationModule>;
 }

package/verification/{phone-approve-form/phone-approve-form.component.d.ts → verification-phone-check-form/sc-verification-phone-check-form.component.d.ts}

@@ -7,9 +7,25 @@ import * as i0 from "@angular/core";
 /**
  * Компонент формы проверки телефона и получения кода подтверждения.
  */
-export declare class ScPhoneApproveFormComponent implements OnInit {
+export declare class ScVerificationPhoneCheckFormComponent implements OnInit {
     private readonly verificationService;
     private readonly formGroupDirective?;
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    private _showCodeFields;
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    set showCodeFields(showCodeFields: boolean);
+    /**
+     * Признак, следует ли отображать функционал кода подтверждения.
+     */
+    get showCodeFields(): boolean;
+    /**
+     * Признак, что поле ввода телефона только для чтения.
+     */
+    readOnly: boolean;
     /**
      * Признак, следует ли телефону быть в системе. От этого признака зависит в каких случаях выдавать ошибку при проверки занятости телефона.
      */
@@ -17,7 +33,7 @@ export declare class ScPhoneApproveFormComponent implements OnInit {
     /**
      * Признак, следует ли проверять подтверждён ли телефона в системе. При `true` будет вызывать ошибку при наличие телефона в системе без подтверждения.
      */
-    shouldBeConfirmed: boolean;
+    shouldBeConfirmed?: boolean;
     /**
      * Наличие кода подтверждения у пользователя.
      */
@@ -31,30 +47,30 @@ export declare class ScPhoneApproveFormComponent implements OnInit {
      */
     get form(): FormGroup<{
         phone: FormControl<string | null>;
-        phoneApproveCode: FormControl<string | null>;
+        verificationCode: FormControl<string | null>;
     }>;
     /**
      * Поле ввода 'Номер телефона'.
      */
     get phoneControl(): FormControl<string | null>;
     /**
-     * {@link Observable} Запроса проверки номера телефона.
+     * {@link Observable} запроса проверки номера телефона.
      */
     phoneCheck$?: Observable<boolean | null>;
     /**
-     * {@link Subject} События отправки кода подтверждения.
+     * {@link Subject} события отправки кода подтверждения.
      */
     readonly onSendCode: Subject<void>;
     /**
-     * {@link Observable} Запроса данных получения кода подтверждения.
+     * {@link Observable} запроса данных получения кода подтверждения.
      */
     readonly loadingApproveCode$: Observable<boolean>;
     /**
      * Маска поля ввода кода для подтверждения.
      */
-    readonly approveCodeMask: MaskitoOptions;
+    readonly verificationCodeMask: MaskitoOptions;
     /**
-     * {@link Subject} События запуска/остановки таймера.
+     * {@link Subject} события запуска/остановки таймера.
      */
     readonly reloadTimer$: Subject<number>;
     /**
@@ -64,7 +80,7 @@ export declare class ScPhoneApproveFormComponent implements OnInit {
      */
     readonly timer$: Observable<string | null>;
     /**
-     * Инициализирует экземпляр класса {@link ScPhoneApproveFormComponent}.
+     * Инициализирует экземпляр класса {@link ScVerificationPhoneCheckFormComponent}.
      *
      * @param verificationService Сервис верификации.
      * @param formGroupDirective Директива c `FormGroup` из DOM.
@@ -78,6 +94,6 @@ export declare class ScPhoneApproveFormComponent implements OnInit {
      * @param haveCode Признак того есть ли код подтверждения или нет.
      */
     setHaveCode(haveCode: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScPhoneApproveFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScPhoneApproveFormComponent, "sc-phone-approve-form", never, { "shouldBeBusy": "shouldBeBusy"; "shouldBeConfirmed": "shouldBeConfirmed"; "haveCode": "haveCode"; }, { "haveCodeChange": "haveCodeChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScVerificationPhoneCheckFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScVerificationPhoneCheckFormComponent, "sc-verification-phone-check-form", never, { "showCodeFields": "showCodeFields"; "readOnly": "readOnly"; "shouldBeBusy": "shouldBeBusy"; "shouldBeConfirmed": "shouldBeConfirmed"; "haveCode": "haveCode"; }, { "haveCodeChange": "haveCodeChange"; }, never, never, false>;
 }