@snabcentr/client-ui 0.6.1 → 0.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "0.6.1",
+  "version": "0.8.2",
   "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.5.0",
+    "@snabcentr/client-core": ">=0.7.2",
     "@maskito/angular": ">=1.7.0",
     "@maskito/core": ">=1.7.0",
     "@taiga-ui/addon-charts": ">=3.42.1",

package/profile/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sc-profile-accordions-content/sc-profile-accordions-content.component';
+export * from './sc-profile.module';

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

@@ -0,0 +1,61 @@
+import { EventEmitter } from '@angular/core';
+import { ScICity, ScLocationsService, ScUser, ScUserService } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Компонент контента профиля пользователя в виде раскрывающихся смысловых блоков.
+ */
+export declare class ScProfileAccordionsContentComponent {
+    readonly user$: Observable<ScUser>;
+    private readonly locationsService;
+    private readonly userService;
+    /**
+     * {@link FormControl} переключателя 'Я хочу получать рассылку'.
+     */
+    getNewsControl: FormControl<boolean>;
+    /**
+     * {@link Observable} Запроса изменения признака пользователя 'Я хочу получать рассылку'.
+     */
+    private readonly getNewsRequest$;
+    /**
+     * {@link Observable} Изменения состояния загрузки данных изменения признака пользователя 'Я хочу получать рассылку'.
+     */
+    readonly getNewsLoading$: Observable<boolean>;
+    /**
+     * Событие нажатия на кнопку редактирование контактного лица.
+     */
+    editProfileClick: EventEmitter<void>;
+    /**
+     * Событие нажатия на кнопку подтверждения телефона.
+     */
+    approvePhoneClick: EventEmitter<void>;
+    /**
+     * Событие нажатия на кнопку подтверждения электронной почты.
+     */
+    approveEmailClick: EventEmitter<void>;
+    /**
+     * Событие нажатия на кнопку добавления контрагента.
+     */
+    addContragentClick: EventEmitter<void>;
+    /**
+     * Событие нажатия на кнопку добавления адреса доставки клиента.
+     */
+    addDeliveryAddressClick: EventEmitter<void>;
+    /**
+     * Инициализирует экземпляр класса {@link ScProfileComponent}.
+     *
+     * @param user$ Поток информации о текущем пользователе.
+     * @param locationsService Сервис для получения списков стран, регионов, городов.
+     * @param userService Сервис информации о пользователе.
+     */
+    constructor(user$: Observable<ScUser>, locationsService: ScLocationsService, userService: ScUserService);
+    /**
+     * Создает запрос получения информации о городе текущего пользователя по идентификатору города.
+     *
+     * @param cityId Идентификатор записи города.
+     */
+    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>;
+}

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sc-profile-accordions-content/sc-profile-accordions-content.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../user/sc-user.module";
+import * as i4 from "../accordion/sc-accordion.module";
+import * as i5 from "../contragents/sc-contragents.module";
+import * as i6 from "../delivery-address/sc-delivery-address.module";
+import * as i7 from "@taiga-ui/core";
+import * as i8 from "@taiga-ui/cdk";
+import * as i9 from "@taiga-ui/kit";
+import * as i10 from "@angular/forms";
+/**
+ * Модуль профиля пользователя.
+ */
+export declare class ScProfileModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScProfileModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScProfileModule, [typeof i1.ScProfileAccordionsContentComponent], [typeof i2.CommonModule, typeof i3.ScUserModule, typeof i4.ScAccordionModule, typeof i5.ScContragentsModule, typeof i6.ScDeliveryAddressModule, typeof i7.TuiLoaderModule, typeof i8.TuiLetModule, typeof i7.TuiLinkModule, typeof i7.TuiModeModule, typeof i7.TuiFormatPhonePipeModule, typeof i9.TuiCheckboxLabeledModule, typeof i7.TuiSvgModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i7.TuiLoaderModule, typeof i7.TuiButtonModule], [typeof i1.ScProfileAccordionsContentComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScProfileModule>;
+}

package/providers/index.d.ts

@@ -1 +1,2 @@
+export * from './scUserProviders';
 export * from './productsPagination';

package/providers/scUserProviders.d.ts

@@ -0,0 +1,18 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { ScUser, ScUserService } from '@snabcentr/client-core';
+import { Observable } from 'rxjs';
+/**
+ * Токен потока данных о текущем пользователе.
+ */
+export declare const SC_USER_INFO: InjectionToken<Observable<ScUser | undefined>>;
+/**
+ * Фабрика создания потока данных о текущем пользователе.
+ *
+ * @param userService Сервис информации о пользователе.
+ * @param destroy$ Сервис завершения {@link Observable} через `takeUntil`.
+ */
+export declare function scUserFactory(userService: ScUserService, destroy$: Observable<void>): Observable<ScUser | undefined>;
+/**
+ * Провайдер потока данных о текущем пользователе.
+ */
+export declare const SC_USER_PROVIDERS: Provider[];

package/public-api.d.ts

@@ -1,7 +1,11 @@
 export * from './auth';
+export * from './accordion';
 export * from './banner';
 export * from './cart';
 export * from './catalog';
+export * from './contragents';
+export * from './contacts';
+export * from './delivery-address';
 export * from './files';
 export * from './icons';
 export * from './loader';
@@ -9,5 +13,8 @@ export * from './news';
 export * from './order';
 export * from './providers';
 export * from './share-button';
+export * from './user';
 export * from './validators';
+export * from './verification';
 export * from './tokens';
+export * from './profile';

package/styles/tailwind/tailwind.scss

@@ -741,6 +741,18 @@ video {
   margin-left: 0.5rem;
 }
 
+.ml-auto {
+  margin-left: auto;
+}
+
+.mr-0 {
+  margin-right: 0px;
+}
+
+.mr-auto {
+  margin-right: auto;
+}
+
 .mt-1 {
   margin-top: 0.25rem;
 }
@@ -804,6 +816,10 @@ video {
   height: 100% !important;
 }
 
+.h-11 {
+  height: 2.75rem;
+}
+
 .h-20 {
   height: 5rem;
 }
@@ -956,10 +972,18 @@ video {
   min-width: 10rem;
 }
 
+.max-w-\[85\%\] {
+  max-width: 85%;
+}
+
 .max-w-full {
   max-width: 100%;
 }
 
+.\!flex-shrink {
+  flex-shrink: 1 !important;
+}
+
 .flex-shrink {
   flex-shrink: 1;
 }
@@ -1008,6 +1032,10 @@ video {
   resize: both;
 }
 
+.flex-row {
+  flex-direction: row;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -1020,6 +1048,10 @@ video {
   align-content: center;
 }
 
+.items-start {
+  align-items: flex-start;
+}
+
 .items-center {
   align-items: center;
 }
@@ -1159,6 +1191,10 @@ video {
   border-bottom-width: 1px;
 }
 
+.border-tui-base-03 {
+  border-color: var(--tui-base-03);
+}
+
 .border-tui-base-04 {
   border-color: var(--tui-base-04);
 }
@@ -1197,6 +1233,10 @@ video {
   padding: 0px;
 }
 
+.p-1 {
+  padding: 0.25rem;
+}
+
 .p-10 {
   padding: 2.5rem;
 }
@@ -1237,6 +1277,19 @@ video {
   padding-bottom: 1.125rem;
 }
 
+.py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.pl-4 {
+  padding-left: 1rem;
+}
+
+.text-left {
+  text-align: left;
+}
+
 .text-center {
   text-align: center;
 }
@@ -1355,6 +1408,10 @@ video {
   color: var(--tui-text-02);
 }
 
+.text-tui-text-03 {
+  color: var(--tui-text-03);
+}
+
 .underline {
   text-decoration-line: underline;
 }
@@ -1472,4 +1529,22 @@ video {
 
 .group:hover .group-hover\:block {
   display: block;
+}
+
+@media (min-width: 768px) {
+  .md\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .md\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .md\:flex-row {
+    flex-direction: row;
+  }
+
+  .md\:gap-4 {
+    gap: 1rem;
+  }
 }

package/user/index.d.ts

@@ -0,0 +1,2 @@
+export * from './reset-user-password/sc-reset-user-password.component';
+export * from './sc-user.module';

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

@@ -0,0 +1,38 @@
+import { FormControl, FormGroup } from '@angular/forms';
+import { ScUserService } from '@snabcentr/client-core';
+import { Subject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент смены пароля пользователя.
+ */
+export declare class ScResetUserPasswordComponent {
+    private readonly userService;
+    /**
+     * Форма для изменения пароля пользователя.
+     */
+    form: FormGroup<{
+        currentPassword: FormControl<null>;
+        newPassword: FormControl<null>;
+        newPasswordConfirm: FormControl<null>;
+    }>;
+    /**
+     * {@link Subject} События отправки формы.
+     */
+    readonly onSubmit: Subject<void>;
+    /**
+     * {@link Observable} Запроса данных аутентификации.
+     */
+    private readonly request$;
+    /**
+     * {@link Observable} Изменения состояния загрузки данных аутентификации по email.
+     */
+    readonly loading$: Observable<boolean>;
+    /**
+     * Инициализирует экземпляр класса {@link ScResetUserPasswordComponent}.
+     *
+     * @param userService Сервис информации о пользователе.
+     */
+    constructor(userService: ScUserService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScResetUserPasswordComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScResetUserPasswordComponent, "sc-reset-user-password", never, {}, {}, never, never, false>;
+}

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

@@ -0,0 +1,15 @@
+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";
+/**
+ * Модуль компонентов пользователя.
+ */
+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 ɵinj: i0.ɵɵInjectorDeclaration<ScUserModule>;
+}

package/validators/index.d.ts

@@ -1 +1,2 @@
+export * from './scPasswordConfirmMatchingValidator';
 export * from './stepValidator';

package/validators/scPasswordConfirmMatchingValidator.d.ts

@@ -0,0 +1,7 @@
+import { ValidatorFn } from '@angular/forms';
+/**
+ * Проверяет повторный ввод пароля на эквивалентность паролю.
+ *
+ * @param passwordKey Ключ поля ввода пароля.
+ */
+export declare function scPasswordConfirmMatchingValidator(passwordKey: string): ValidatorFn;

package/verification/index.d.ts

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

package/verification/phone-approve-form/phone-approve-form.component.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormGroup, FormControl, FormGroupDirective } from '@angular/forms';
+import { MaskitoOptions } from '@maskito/core';
+import { ScVerificationService } from '@snabcentr/client-core';
+import { Subject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Компонент формы проверки телефона и получения кода подтверждения.
+ */
+export declare class ScPhoneApproveFormComponent implements OnInit {
+    private readonly verificationService;
+    private readonly formGroupDirective?;
+    /**
+     * Признак, следует ли телефону быть в системе. От этого признака зависит в каких случаях выдавать ошибку при проверки занятости телефона.
+     */
+    shouldBeBusy: boolean;
+    /**
+     * Признак, следует ли проверять подтверждён ли телефона в системе. При `true` будет вызывать ошибку при наличие телефона в системе без подтверждения.
+     */
+    shouldBeConfirmed: boolean;
+    /**
+     * Наличие кода подтверждения у пользователя.
+     */
+    haveCode: boolean;
+    /**
+     * Событие для обратной привязки наличия кода подтверждения
+     */
+    haveCodeChange: EventEmitter<boolean>;
+    /**
+     * Группа полей ввода для формы «Вход на сайт».
+     */
+    get form(): FormGroup<{
+        phone: FormControl<string | null>;
+        phoneApproveCode: FormControl<string | null>;
+    }>;
+    /**
+     * Поле ввода 'Номер телефона'.
+     */
+    get phoneControl(): FormControl<string | null>;
+    /**
+     * {@link Observable} Запроса проверки номера телефона.
+     */
+    phoneCheck$?: Observable<boolean | null>;
+    /**
+     * {@link Subject} События отправки кода подтверждения.
+     */
+    readonly onSendCode: Subject<void>;
+    /**
+     * {@link Observable} Запроса данных получения кода подтверждения.
+     */
+    readonly loadingApproveCode$: Observable<boolean>;
+    /**
+     * Маска поля ввода кода для подтверждения.
+     */
+    readonly approveCodeMask: MaskitoOptions;
+    /**
+     * {@link Subject} События запуска/остановки таймера.
+     */
+    readonly reloadTimer$: Subject<number>;
+    /**
+     * {@link Observable} Таймера.
+     *
+     * TODO: Вынести таймер в отдельную директиву TASK:[#9260].
+     */
+    readonly timer$: Observable<string | null>;
+    /**
+     * Инициализирует экземпляр класса {@link ScPhoneApproveFormComponent}.
+     *
+     * @param verificationService Сервис верификации.
+     * @param formGroupDirective Директива c `FormGroup` из DOM.
+     */
+    constructor(verificationService: ScVerificationService, formGroupDirective?: FormGroupDirective | undefined);
+    /** @inheritDoc */
+    ngOnInit(): void;
+    /**
+     * Устанавливает состояние наличия кода подтверждения у пользователя.
+     *
+     * @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>;
+}

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

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./phone-approve-form/phone-approve-form.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 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 ɵinj: i0.ɵɵInjectorDeclaration<ScVerificationModule>;
+}