@snabcentr/client-ui 0.7.0 → 0.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "0.7.0",
+  "version": "0.8.3",
   "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/public-api.d.ts

@@ -15,5 +15,6 @@ 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;
 }
@@ -1249,10 +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;
 }

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>;
+}