@snabcentr/client-ui 0.29.1 → 0.30.0

package/fesm2015/snabcentr-client-ui.mjs

@@ -1477,11 +1477,13 @@ class ScAddContactDialogComponent {
      *
      * @param contactsService Сервис для работы с контактными лицами.
      * @param convertersService Сервис конвертации данных.
+     * @param userMetrikaService Сервис для сбора метрик о действиях пользователей.
      * @param context Контекст диалогового окна, в котором открыт компонент.
      */
-    constructor(contactsService, convertersService, context) {
+    constructor(contactsService, convertersService, userMetrikaService, context) {
         this.contactsService = contactsService;
         this.convertersService = convertersService;
+        this.userMetrikaService = userMetrikaService;
         this.context = context;
         /**
          * Группа с полями контактного лица.
@@ -1524,14 +1526,20 @@ class ScAddContactDialogComponent {
          */
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
     }
+    /** @inheritdoc */
+    ngAfterViewInit() {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.userProfileContactAddShow,
+        });
+    }
 }
-ScAddContactDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddContactDialogComponent, deps: [{ token: i1.ScContactsService }, { token: i1.ScConvertersService }, { token: POLYMORPHEUS_CONTEXT }], target: i0.ɵɵFactoryTarget.Component });
+ScAddContactDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddContactDialogComponent, deps: [{ token: i1.ScContactsService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT }], target: i0.ɵɵFactoryTarget.Component });
 ScAddContactDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScAddContactDialogComponent, selector: "sc-add-contact-dialog", ngImport: i0, template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit.next()\" class=\"flex flex-col gap-3\">\n    <sc-new-contact-form [form]=\"form\"></sc-new-contact-form>\n    <div class=\"flex gap-4 justify-center\">\n        <button tuiButton (click)=\"context.$implicit.complete()\" type=\"button\" icon=\"tuiIconXLarge\" appearance=\"secondary\">\u041E\u0442\u043C\u0435\u043D\u0430</button>\n        <button tuiButton tuiMode=\"onLight\" [disabled]=\"form.invalid\" [showLoader]=\"!!(loading$ | async)\" type=\"submit\" icon=\"scIconSave\">\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C</button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "directive", type: i4.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddContactDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-add-contact-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit.next()\" class=\"flex flex-col gap-3\">\n    <sc-new-contact-form [form]=\"form\"></sc-new-contact-form>\n    <div class=\"flex gap-4 justify-center\">\n        <button tuiButton (click)=\"context.$implicit.complete()\" type=\"button\" icon=\"tuiIconXLarge\" appearance=\"secondary\">\u041E\u0442\u043C\u0435\u043D\u0430</button>\n        <button tuiButton tuiMode=\"onLight\" [disabled]=\"form.invalid\" [showLoader]=\"!!(loading$ | async)\" type=\"submit\" icon=\"scIconSave\">\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C</button>\n    </div>\n</form>\n" }]
         }], ctorParameters: function () {
-        return [{ type: i1.ScContactsService }, { type: i1.ScConvertersService }, { type: undefined, decorators: [{
+        return [{ type: i1.ScContactsService }, { type: i1.ScConvertersService }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [POLYMORPHEUS_CONTEXT]
                     }] }];
@@ -1695,13 +1703,15 @@ let ScAddContragentDialogComponent = class ScAddContragentDialogComponent {
      * @param referencesService Сервис справочников.
      * @param contragentService Сервис работы с контрагентами.
      * @param convertersService Сервис конвертации данных.
+     * @param userMetrikaService Сервис для сбора метрик о действиях пользователей.
      * @param locationsService
      * @param context Контекст диалогового окна, в котором открыт компонент.
      */
-    constructor(referencesService, contragentService, convertersService, locationsService, context) {
+    constructor(referencesService, contragentService, convertersService, userMetrikaService, locationsService, context) {
         this.referencesService = referencesService;
         this.contragentService = contragentService;
         this.convertersService = convertersService;
+        this.userMetrikaService = userMetrikaService;
         this.locationsService = locationsService;
         this.context = context;
         /**
@@ -1752,6 +1762,12 @@ let ScAddContragentDialogComponent = class ScAddContragentDialogComponent {
          */
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
     }
+    /** @inheritdoc */
+    ngAfterViewInit() {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.userProfileContragentAddShow,
+        });
+    }
     /**
      * Текущий выбранный ОПФ.
      */
@@ -1910,7 +1926,7 @@ let ScAddContragentDialogComponent = class ScAddContragentDialogComponent {
         this.contacts.removeAt(index);
     }
 };
-ScAddContragentDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddContragentDialogComponent, deps: [{ token: i1.ScReferencesService }, { token: i1.ScContragentService }, { token: i1.ScConvertersService }, { token: i1.ScLocationsService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ScAddContragentDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddContragentDialogComponent, deps: [{ token: i1.ScReferencesService }, { token: i1.ScContragentService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }, { token: i1.ScLocationsService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 ScAddContragentDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScAddContragentDialogComponent, selector: "sc-add-contragent-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form [form]=\"bankAccount\"></sc-new-contragent-bank-account-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i4$1.TuiElasticContainerComponent, selector: "tui-elastic-container" }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 ScAddContragentDialogComponent = __decorate([
     UntilDestroy({ checkProperties: true })
@@ -1919,7 +1935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             type: Component,
             args: [{ selector: 'sc-add-contragent-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form [form]=\"bankAccount\"></sc-new-contragent-bank-account-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
         }], ctorParameters: function () {
-        return [{ type: i1.ScReferencesService }, { type: i1.ScContragentService }, { type: i1.ScConvertersService }, { type: i1.ScLocationsService }, { type: undefined, decorators: [{
+        return [{ type: i1.ScReferencesService }, { type: i1.ScContragentService }, { type: i1.ScConvertersService }, { type: i1.ScUserMetrikaService }, { type: i1.ScLocationsService }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
                         type: Inject,
@@ -3826,11 +3842,13 @@ class ScAddDeliveryAddressDialogComponent {
      * Инициализирует экземпляр класса {@link ScAddDeliveryAddressDialogComponent}.
      *
      * @param deliveryAddressService Сервис работы с адресами доставки.
+     * @param userMetrikaService Сервис для сбора метрик о действиях пользователей.
      * @param context Контекст диалогового окна, в котором открыт компонент.
      * @param convertersService Сервис конвертации данных.
      */
-    constructor(deliveryAddressService, context, convertersService) {
+    constructor(deliveryAddressService, userMetrikaService, context, convertersService) {
         this.deliveryAddressService = deliveryAddressService;
+        this.userMetrikaService = userMetrikaService;
         this.context = context;
         this.convertersService = convertersService;
         /**
@@ -3880,14 +3898,20 @@ class ScAddDeliveryAddressDialogComponent {
             }),
         });
     }
+    /** @inheritdoc */
+    ngAfterViewInit() {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.userProfileDeliveryAddressAddShow,
+        });
+    }
 }
-ScAddDeliveryAddressDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddDeliveryAddressDialogComponent, deps: [{ token: i1.ScDeliveryAddressService }, { token: POLYMORPHEUS_CONTEXT }, { token: i1.ScConvertersService }], target: i0.ɵɵFactoryTarget.Component });
+ScAddDeliveryAddressDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddDeliveryAddressDialogComponent, deps: [{ token: i1.ScDeliveryAddressService }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT }, { token: i1.ScConvertersService }], target: i0.ɵɵFactoryTarget.Component });
 ScAddDeliveryAddressDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScAddDeliveryAddressDialogComponent, selector: "sc-add-delivery-address-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\">\n        <tui-input formControlName=\"address\">\n            \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.address\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"address\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <div\n        formGroupName=\"contact\"\n        class=\"flex grow flex-col gap-2\"\n    >\n        <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n        <label tuiLabel=\"\u0424.\u0418.\u041E.\">\n            <tui-input formControlName=\"name\">\n                \u0424.\u0418.\u041E.\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                ></sc-suggestion-field>\n            </tui-input>\n            <tui-error\n                formControlName=\"name\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\">\n            <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel=\"\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=\"email\">\n                <input\n                    tuiTextfield\n                    type=\"email\"\n                />\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.email\"\n                ></sc-suggestion-field>\n            </tui-input>\n            <tui-error\n                formControlName=\"email\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\">\n            <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n            <tui-error\n                formControlName=\"position\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n    </div>\n    <div class=\"flex justify-center gap-8\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            tuiMode=\"onLight\"\n            [icon]=\"isMobile ? 'tuiIconX' : 'tuiIconXLarge'\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [icon]=\"isMobile ? 'tuiIconSave' : 'tuiIconSaveLarge'\"\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n        >\n            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "directive", type: i4.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i4.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { kind: "component", type: i4.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i4$1.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i4$1.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { kind: "component", type: i4$1.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["countryCode", "phoneMaskAfterCountryCode", "allowText", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i4$1.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddDeliveryAddressDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-add-delivery-address-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\">\n        <tui-input formControlName=\"address\">\n            \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.address\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"address\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <div\n        formGroupName=\"contact\"\n        class=\"flex grow flex-col gap-2\"\n    >\n        <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n        <label tuiLabel=\"\u0424.\u0418.\u041E.\">\n            <tui-input formControlName=\"name\">\n                \u0424.\u0418.\u041E.\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                ></sc-suggestion-field>\n            </tui-input>\n            <tui-error\n                formControlName=\"name\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\">\n            <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel=\"\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=\"email\">\n                <input\n                    tuiTextfield\n                    type=\"email\"\n                />\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.email\"\n                ></sc-suggestion-field>\n            </tui-input>\n            <tui-error\n                formControlName=\"email\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\">\n            <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n            <tui-error\n                formControlName=\"position\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n    </div>\n    <div class=\"flex justify-center gap-8\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            tuiMode=\"onLight\"\n            [icon]=\"isMobile ? 'tuiIconX' : 'tuiIconXLarge'\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [icon]=\"isMobile ? 'tuiIconSave' : 'tuiIconSaveLarge'\"\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n        >\n            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n" }]
         }], ctorParameters: function () {
-        return [{ type: i1.ScDeliveryAddressService }, { type: undefined, decorators: [{
+        return [{ type: i1.ScDeliveryAddressService }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [POLYMORPHEUS_CONTEXT]
                     }] }, { type: i1.ScConvertersService }];
@@ -4772,11 +4796,13 @@ class ScUpdateUserInfoDialogComponent {
      *
      * @param user$ Поток информации о текущем пользователе.
      * @param userService Сервис информации о пользователе.
+     * @param userMetrikaService Сервис для сбора метрик о действиях пользователей.
      * @param context Контекст диалогового окна, в котором открыт компонент.
      */
-    constructor(user$, userService, context) {
+    constructor(user$, userService, userMetrikaService, context) {
         this.user$ = user$;
         this.userService = userService;
+        this.userMetrikaService = userMetrikaService;
         this.context = context;
         /**
          * Перечисление типов подсказок.
@@ -4791,7 +4817,7 @@ class ScUpdateUserInfoDialogComponent {
             phone: new FormControl(null, [Validators.required, Validators.minLength(12)]),
             verificationCode: new FormControl(null, [Validators.required, Validators.minLength(6)]),
             cityId: new FormControl(null, Validators.required),
-            getNews: new FormControl(false)
+            getNews: new FormControl(false),
         });
         /**
          * Сигнал нажатия на кнопку "Отмена".
@@ -4812,7 +4838,7 @@ class ScUpdateUserInfoDialogComponent {
             var _a;
             const errorResponse = error.error;
             for (const key in errorResponse.errors) {
-                (_a = this.form.get(key)) === null || _a === void 0 ? void 0 : _a.setErrors({ serverResponse: errorResponse.errors[`${key}`] });
+                (_a = this.form.get(key)) === null || _a === void 0 ? void 0 : _a.setErrors({ serverResponse: errorResponse.errors[key] });
             }
             if (!errorResponse.errors && errorResponse.message) {
                 this.form.setErrors({ serverResponse: [errorResponse.message] });
@@ -4823,16 +4849,24 @@ class ScUpdateUserInfoDialogComponent {
          * {@link Observable} изменения состояния загрузки данных аутентификации по email.
          */
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
-        this.user$.subscribe((user) => this.form.patchValue({
-            name: user.name,
-            email: user.contacts.email.value,
-            phone: user.contacts.phone.value,
-            cityId: user.city,
-            getNews: user.getNews
-        }, { emitEvent: false }));
+        this.user$.subscribe((user) => {
+            this.form.patchValue({
+                name: user.name,
+                email: user.contacts.email.value,
+                phone: user.contacts.phone.value,
+                cityId: user.city,
+                getNews: user.getNews,
+            }, { emitEvent: false });
+        });
+    }
+    /** @inheritdoc */
+    ngAfterViewInit() {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.userProfileEditShow,
+        });
     }
 }
-ScUpdateUserInfoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScUpdateUserInfoDialogComponent, deps: [{ token: SC_USER_INFO }, { token: i1.ScUserService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ScUpdateUserInfoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScUpdateUserInfoDialogComponent, deps: [{ token: SC_USER_INFO }, { token: i1.ScUserService }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 ScUpdateUserInfoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScUpdateUserInfoDialogComponent, selector: "sc-update-user-info-dialog", outputs: { cancelButtonClick: "cancelButtonClick", successUpdateDate: "successUpdateDate" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<form [formGroup]=\"form\" *ngIf=\"user$ | async as user\" (ngSubmit)=\"onSubmit.next()\" class=\"flex flex-col gap-4\">\n    <label [tuiLabel]=\"user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.'\">\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field *tuiDataList [type]=\"suggestionType.organization\"></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error formControlName=\"name\" [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\" class=\"w-full\">\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field *tuiDataList [type]=\"suggestionType.email\"></sc-suggestion-field>\n        </tui-input>\n        <tui-error formControlName=\"email\" [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <tui-checkbox-labeled formControlName=\"getNews\" class=\"w-full\"> \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435. </tui-checkbox-labeled>\n    <div class=\"flex gap-4 justify-center\">\n        <button tuiButton (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\" type=\"button\" icon=\"tuiIconXLarge\" appearance=\"secondary\">\u041E\u0442\u043C\u0435\u043D\u0430</button>\n        <button tuiButton tuiMode=\"onLight\" [disabled]=\"form.invalid\" [showLoader]=\"!!(loading$ | async)\" type=\"submit\" icon=\"scIconSave\">\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C</button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: i4.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i4.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { kind: "directive", type: i6.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"] }, { kind: "component", type: i4$1.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i4$1.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4$1.TuiCheckboxLabeledComponent, selector: "tui-checkbox-labeled", inputs: ["size"] }, { kind: "directive", type: i4.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "directive", type: i4.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScUpdateUserInfoDialogComponent, decorators: [{
             type: Component,
@@ -4841,7 +4875,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         return [{ type: i5.Observable, decorators: [{
                         type: Inject,
                         args: [SC_USER_INFO]
-                    }] }, { type: i1.ScUserService }, { type: undefined, decorators: [{
+                    }] }, { type: i1.ScUserService }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
                         type: Inject,
@@ -4893,12 +4927,14 @@ let ScUserPhoneApproveDialogComponent = class ScUserPhoneApproveDialogComponent
      * Инициализирует экземпляр класса {@link ScUserPhoneApproveDialogComponent}.
      *
      * @param verificationService Сервис верификации.
+     * @param userMetrikaService Сервис для сбора метрик о действиях пользователей.
      * @param user$ Поток информации о текущем пользователе.
      * @param userService Сервис информации о пользователе.
      * @param context Контекст диалогового окна, в котором открыт компонент.
      */
-    constructor(verificationService, user$, userService, context) {
+    constructor(verificationService, userMetrikaService, user$, userService, context) {
         this.verificationService = verificationService;
+        this.userMetrikaService = userMetrikaService;
         this.user$ = user$;
         this.userService = userService;
         this.context = context;
@@ -4945,8 +4981,14 @@ let ScUserPhoneApproveDialogComponent = class ScUserPhoneApproveDialogComponent
             });
         });
     }
+    /** @inheritdoc */
+    ngAfterViewInit() {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.userProfileApprovePhoneShow,
+        });
+    }
 };
-ScUserPhoneApproveDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScUserPhoneApproveDialogComponent, deps: [{ token: i1.ScVerificationService }, { token: SC_USER_INFO }, { token: i1.ScUserService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ScUserPhoneApproveDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScUserPhoneApproveDialogComponent, deps: [{ token: i1.ScVerificationService }, { token: i1.ScUserMetrikaService }, { token: SC_USER_INFO }, { token: i1.ScUserService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 ScUserPhoneApproveDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScUserPhoneApproveDialogComponent, selector: "sc-user-phone-approve-dialog", providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form [formGroup]=\"form\" *tuiLet=\"!!(loading$ | async) as loadingApproveCode\" (ngSubmit)=\"onSubmit.next()\" class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div *ngIf=\"user.contacts.phone.isApproved || haveCode\" class=\"flex gap-4 justify-center\">\n            <button *ngIf=\"user.contacts.phone.isApproved && context\" tuiButton (click)=\"context.$implicit.complete()\" type=\"button\" appearance=\"secondary\">\u0417\u0430\u043A\u0440\u044B\u0442\u044C</button>\n            <button *ngIf=\"haveCode\" tuiButton type=\"submit\" [showLoader]=\"loadingApproveCode\" [disabled]=\"form.invalid || loadingApproveCode\" icon=\"scIconLogIn\">\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "directive", type: i6.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 ScUserPhoneApproveDialogComponent = __decorate([
     UntilDestroy({ checkProperties: true })
@@ -4955,7 +4997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             type: Component,
             args: [{ selector: 'sc-user-phone-approve-dialog', providers: [SC_USER_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form [formGroup]=\"form\" *tuiLet=\"!!(loading$ | async) as loadingApproveCode\" (ngSubmit)=\"onSubmit.next()\" class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div *ngIf=\"user.contacts.phone.isApproved || haveCode\" class=\"flex gap-4 justify-center\">\n            <button *ngIf=\"user.contacts.phone.isApproved && context\" tuiButton (click)=\"context.$implicit.complete()\" type=\"button\" appearance=\"secondary\">\u0417\u0430\u043A\u0440\u044B\u0442\u044C</button>\n            <button *ngIf=\"haveCode\" tuiButton type=\"submit\" [showLoader]=\"loadingApproveCode\" [disabled]=\"form.invalid || loadingApproveCode\" icon=\"scIconLogIn\">\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n" }]
         }], ctorParameters: function () {
-        return [{ type: i1.ScVerificationService }, { type: i5.Observable, decorators: [{
+        return [{ type: i1.ScVerificationService }, { type: i1.ScUserMetrikaService }, { type: i5.Observable, decorators: [{
                         type: Inject,
                         args: [SC_USER_INFO]
                     }] }, { type: i1.ScUserService }, { type: undefined, decorators: [{