@snabcentr/client-ui 4.6.1 → 4.7.0

package/order/index.d.ts

@@ -1,5 +1,9 @@
 export * from './directives';
+export * from './models/i-new-order-form';
 export * from './models/sc-i-cart-items-by-direction';
+export * from './order-direction-items/sc-order-direction-items.component';
+export * from './order-form/sc-order-form.config';
+export * from './order-form/sc-order-form.component';
 export * from './order-item/sc-order-item.component';
 export * from './order-items-list/sc-order-items-list.component';
 export * from './order-items-list-by-directions/sc-order-items-list-by-directions.component';

package/order/models/i-new-order-form.d.ts

@@ -0,0 +1,39 @@
+import { FormControl } from '@angular/forms';
+import { ScDeliveryType, ScPaymentType, ScUploadedFile } from '@snabcentr/client-core';
+/**
+ * Модель данных формы нового заказа.
+ */
+export interface INewOrderForm {
+    /**
+     * Тип оплаты заказа.
+     */
+    paymentType: FormControl<ScPaymentType | null>;
+    /**
+     * Идентификатор контрагента.
+     */
+    contragentId?: FormControl<number | null>;
+    /**
+     * Тип доставки заказа.
+     */
+    deliveryType: FormControl<ScDeliveryType | null>;
+    /**
+     * Дата доставки.
+     */
+    deliveryDate: FormControl<string | null>;
+    /**
+     * Идентификатор адреса доставки контрагента.
+     */
+    addressId: FormControl<number | null>;
+    /**
+     * Идентификатор склада.
+     */
+    warehouseId: FormControl<number | null>;
+    /**
+     * Комментарий к заказу.
+     */
+    comment?: FormControl<string | null>;
+    /**
+     * Файл, прикрепленный пользователем к заказу.
+     */
+    image?: FormControl<ScUploadedFile | null>;
+}

package/order/order-direction-items/sc-order-direction-items.component.d.ts

@@ -0,0 +1,29 @@
+import { ScOrderItem } from '@snabcentr/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Список товаров заказа по направлению продаж с выбором позиций для оформления.
+ */
+export declare class ScOrderDirectionItemsComponent {
+    /**
+     * Товары направления.
+     */
+    readonly items: import("@angular/core").InputSignal<ScOrderItem[]>;
+    /**
+     * Разрешить редактирование позиций (количество, удаление).
+     */
+    readonly editable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Включить выбор позиций чекбоксами.
+     */
+    readonly selectable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Время обработки и принятия заказов (из настроек окружения приложения).
+     */
+    readonly orderProcessingAcceptanceTime: import("@angular/core").InputSignal<string>;
+    /**
+     * Изменение выбора позиций для оформления.
+     */
+    readonly selectedItemsIdsChange: import("@angular/core").OutputEmitterRef<string[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderDirectionItemsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderDirectionItemsComponent, "sc-order-direction-items", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "orderProcessingAcceptanceTime": { "alias": "orderProcessingAcceptanceTime"; "required": false; "isSignal": true; }; }, { "selectedItemsIdsChange": "selectedItemsIdsChange"; }, never, ["[footerActions]"], true, never>;
+}

package/order/order-form/sc-order-form.component.d.ts

@@ -0,0 +1,264 @@
+import { HttpErrorResponse } from '@angular/common/http';
+import { ElementRef, OnInit, Signal } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { ScContragent, ScDeliveryType, ScIDeliveryAddress, ScINewOrder, ScIReferencesTypes, ScITerminalProvider, ScIWarehouse, ScPaymentType, ScUser, ScWarehouseService } from '@snabcentr/client-core';
+import { TuiContext, TuiDay, TuiStringHandler } from '@taiga-ui/cdk';
+import { Observable } from 'rxjs';
+import { INewOrderForm } from '../models/i-new-order-form';
+import * as i0 from "@angular/core";
+/**
+ * Типы, которые возможно преобразовать в значение, отображаемое в поле ввода.
+ */
+type SelectType = ScIReferencesTypes<ScPaymentType, typeof ScPaymentType> | ScContragent | ScIReferencesTypes<ScDeliveryType, typeof ScDeliveryType> | ScIWarehouse | ScIDeliveryAddress;
+/**
+ * Форма оформления заказа.
+ */
+export declare class ScOrderFormComponent implements OnInit {
+    /**
+     * Идентификатор направления продаж заказа.
+     */
+    readonly directionId: import("@angular/core").InputSignal<number>;
+    /**
+     * Требовать подтверждённые контактные данные для оформления. Для черновика — `false`.
+     */
+    readonly enforceApprovedContacts: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Сохранять и восстанавливать черновые данные формы по направлению (метаданные). Для черновика — `false`.
+     * Работает только если предоставлен токен {@link SC_ORDER_FORM_CONFIG}.
+     */
+    readonly persistMetadata: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Событие отправки валидной формы оформления. Полезная нагрузка — сырые значения формы.
+     */
+    readonly orderSubmit: import("@angular/core").OutputEmitterRef<ScINewOrder>;
+    /**
+     * Сервис справочников.
+     */
+    private readonly referencesService;
+    /**
+     * Сервис работы с контрагентами.
+     */
+    private readonly contragentService;
+    /**
+     * Сервис работы с адресами доставки.
+     */
+    private readonly deliveryAddressService;
+    /**
+     * Сервис для работы со складами.
+     */
+    readonly warehouseService: ScWarehouseService;
+    /**
+     * Сервис для работы с заказами (загрузка дат доставки/самовывоза).
+     */
+    private readonly ordersService;
+    /**
+     * Сервис для работы с UI.
+     */
+    private readonly uiService;
+    /**
+     * Сервис конвертации данных.
+     */
+    private readonly convertersService;
+    /**
+     * Сервис работы с диалоговым окном.
+     */
+    private readonly dialog;
+    /**
+     * Провайдер данных о терминале.
+     */
+    readonly terminal: ScITerminalProvider;
+    /**
+     * Поток данных о текущем пользователе.
+     */
+    readonly user$: Observable<ScUser>;
+    /**
+     * Настройки формы оформления заказа. Если не предоставлены, метаданные формы не сохраняются.
+     */
+    private readonly config;
+    /**
+     * Признак выполнения скрипта на сервере.
+     */
+    private readonly isServer;
+    /**
+     * Ссылка для автоматического управления уничтожением зависимостей.
+     */
+    private readonly destroyRef;
+    /**
+     * Задержка считывания сигналов формы, для избежания лишних обработок при смене значений.
+     */
+    private readonly debounceTimeFormChange;
+    /**
+     * Форма создания заказа.
+     */
+    protected readonly form: FormGroup<INewOrderForm>;
+    /**
+     * Поле файла.
+     */
+    protected readonly controlFile: FormControl<File | null>;
+    /**
+     * {@link Observable} списка подтверждённых файлов.
+     */
+    protected readonly accepted$: Observable<File[]>;
+    /**
+     * Признак, что включён режим анимации предупреждения о неподтверждённых данных.
+     */
+    protected readonly warningShake: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Признак, что контрагент является физическим лицом.
+     */
+    protected readonly isIndividual: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Список возможных дат самовывоза со склада.
+     */
+    private readonly warehouseDeliveryDates;
+    /**
+     * Список возможных дат доставки.
+     */
+    private readonly addressDeliveryDates;
+    /**
+     * {@link Observable} списка контрагентов пользователя.
+     */
+    protected readonly contragents$: Observable<ScContragent[] | null>;
+    /**
+     * {@link Observable} списка адресов контрагента.
+     */
+    protected readonly addresses$: Observable<ScIDeliveryAddress[] | null>;
+    /**
+     * {@link Observable} списка складов.
+     */
+    protected readonly warehouses$: Observable<ScIWarehouse[]>;
+    /**
+     * {@link Observable} ОПФ выбранного контрагента.
+     */
+    private readonly opf$;
+    /**
+     * {@link Observable} типов оплаты заказа.
+     */
+    protected readonly paymentTypes$: Observable<Array<ScIReferencesTypes<ScPaymentType, typeof ScPaymentType>>>;
+    /**
+     * {@link Observable} типов доставки заказа.
+     */
+    protected readonly deliveryTypes$: Observable<Array<ScIReferencesTypes<ScDeliveryType, typeof ScDeliveryType>>>;
+    /**
+     * Признак, что выбран тип оплаты наличными.
+     */
+    protected readonly isCashPaymentSelected: Signal<boolean>;
+    /**
+     * Признак, что номер телефона подтверждён.
+     */
+    protected readonly isPhoneApproved: Signal<boolean>;
+    /**
+     * Признак, что адрес электронной почты подтверждён пользователем.
+     */
+    private readonly isEmailApprovedUser;
+    /**
+     * Признак, что адрес электронной почты подтверждён или контрагент является физическим лицом.
+     */
+    protected readonly isEmailApproved: Signal<boolean>;
+    /**
+     * Значение выбранного типа доставки.
+     */
+    private readonly deliveryTypeValue;
+    /**
+     * Признак, что выбран тип доставки "Доставка".
+     */
+    protected readonly isDelivery: Signal<boolean>;
+    /**
+     * Набор доступных дат в зависимости от типа доставки.
+     */
+    protected readonly deliveryDates: Signal<string[]>;
+    /**
+     * Ссылка на элемент с предупреждением о неподтверждённых данных.
+     */
+    protected readonly unconfirmedDataWarning: Signal<ElementRef<HTMLElement> | undefined>;
+    /**
+     * Возвращает признак, что указанная дата недоступна для выбора.
+     *
+     * @param date Дата.
+     */
+    protected readonly deliveryDateFilter: (date: TuiDay) => boolean;
+    /**
+     * Инициализирует экземпляр класса {@link ScOrderFormComponent}.
+     */
+    constructor();
+    /** @inheritdoc */
+    ngOnInit(): void;
+    /**
+     * Преобразует объекты в значения, отображаемое в поле ввода.
+     *
+     * @param items Выбранные объекты выпадающего списка.
+     */
+    stringify(items: readonly SelectType[]): TuiStringHandler<TuiContext<number>>;
+    /**
+     * Обрабатывает отправку формы: валидирует и эмитит данные заказа родителю.
+     */
+    submit(): void;
+    /**
+     * Применяет к полям формы ошибки, пришедшие от сервера.
+     *
+     * @param error Ответ сервера с ошибками.
+     */
+    applyServerErrors(error: HttpErrorResponse): void;
+    /**
+     * Удаляет файл из формы заказа.
+     */
+    protected removeFile(): void;
+    /**
+     * Открывает диалоговое окно добавления адреса доставки.
+     */
+    protected addDeliveryAddress(): void;
+    /**
+     * Открывает диалоговое окно добавления контрагента.
+     */
+    protected addContragent(): void;
+    /**
+     * Запускает анимацию предупреждения о неподтверждённых данных и прокручивает к нему.
+     */
+    private triggerUnconfirmedWarning;
+    /**
+     * Восстанавливает черновые данные формы из метаданных и инициализирует их сохранение.
+     */
+    private initMetadata;
+    /**
+     * Инициализирует подписки на изменения полей формы.
+     */
+    private initFormChanges;
+    /**
+     * Инициализирует подписку на изменение поля прикрепления файла.
+     */
+    private initFileChange;
+    /**
+     * Инициализирует подписку на изменение выбранного склада.
+     */
+    private initWarehouseChange;
+    /**
+     * Инициализирует подписку на изменение адреса доставки и выбранного склада для получения списка доступных дат доставки.
+     */
+    private initDeliveryDatesChange;
+    /**
+     * Инициализирует подписку на изменение полей формы для блокирования/активации поля выбора даты.
+     */
+    private initDateFieldActivationChange;
+    /**
+     * Запрашивает даты доставки по адресу.
+     *
+     * @param addressId Идентификатор адреса доставки.
+     */
+    private deliveriesByAddress;
+    /**
+     * Запрашивает даты самовывоза по складу.
+     *
+     * @param warehouseId Идентификатор склада.
+     */
+    private deliveriesByWarehouse;
+    /**
+     * Загружает файл в форму.
+     *
+     * @param file Файл.
+     * @param filesControl Поле файла заказа.
+     */
+    private onUploadFile;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderFormComponent, "sc-order-form", never, { "directionId": { "alias": "directionId"; "required": true; "isSignal": true; }; "enforceApprovedContacts": { "alias": "enforceApprovedContacts"; "required": false; "isSignal": true; }; "persistMetadata": { "alias": "persistMetadata"; "required": false; "isSignal": true; }; }, { "orderSubmit": "orderSubmit"; }, never, never, true, never>;
+}
+export {};

package/order/order-form/sc-order-form.config.d.ts

@@ -0,0 +1,20 @@
+import { InjectionToken } from '@angular/core';
+import { ScIDateFormat } from '@snabcentr/client-core';
+/**
+ * Настройки компонента формы оформления заказа {@link ScOrderFormComponent}.
+ */
+export interface ScIOrderFormConfig {
+    /**
+     * Форматы дат приложения (используются при восстановлении метаданных формы).
+     */
+    readonly dateFormats: ScIDateFormat;
+    /**
+     * Задержка сохранения метаданных формы, мс.
+     */
+    readonly debounceTime: number;
+}
+/**
+ * Токен настроек {@link ScOrderFormComponent}.
+ * Если не предоставлен, сохранение и восстановление метаданных формы отключены.
+ */
+export declare const SC_ORDER_FORM_CONFIG: InjectionToken<ScIOrderFormConfig>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "4.6.1",
+  "version": "4.7.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
@@ -15,7 +15,7 @@
     "@maskito/core": "^3.11.1",
     "@ng-web-apis/intersection-observer": "^4.14.0",
     "@ng-web-apis/common": "^4.14.0",
-    "@snabcentr/client-core": "^3.5.4",
+    "@snabcentr/client-core": "^3.7.0",
     "@taiga-ui/addon-charts": "^4.66.0",
     "@taiga-ui/addon-commerce": "^4.66.0",
     "@taiga-ui/cdk": "^4.66.0",
@@ -32,6 +32,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "ng-recaptcha-2": "^14.0.0",
     "angular8-yandex-maps": "^18.2.0",
+    "date-fns": "^4.1.0",
     "libphonenumber-js": "^1.12.7",
     "angularx-qrcode": "^18.0.2",
     "lodash-es": "^4.17.21",

package/providers/cleanup-recaptcha-artifacts.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Освобождает ресурсы reCAPTCHA и удаляет осиротевшие iframe после смены маршрута.
+ *
+ * @param documentReference Объект документа.
+ * @param windowReference Объект окна браузера.
+ */
+export declare function cleanupRecaptchaArtifacts(documentReference: Document, windowReference: Window): void;

package/providers/index.d.ts

@@ -13,3 +13,4 @@ export * from './sc-notify-when-in-stock-required-fields';
 export * from './sc-banner-duration';
 export * from './sc-debounce-time-default';
 export * from './sc-hidden-print-elements.token';
+export * from './cleanup-recaptcha-artifacts';

package/release_notes.tmp

@@ -1,6 +1,4 @@
-## 4.6.1 (2026-05-20)
+## 4.7.0 (2026-06-22)
 
-### changed (1 change)
-
-- [#13385: Доработан конфигуратор раскроя сэндвич панелей исходя из стоимости за м2](web_soft/libs/angular/snabcentr-client-ui-lib@ced3d8bfdbcc6e31297e3cf5159cfd938562bd18) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!409))
+No changes.
 

package/styles/tailwind/tailwind.scss

@@ -679,6 +679,11 @@ video {
   margin-bottom: 0.625rem;
 }
 
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -1332,10 +1337,6 @@ video {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
-.bg-tui-base-01 {
-  background-color: var(--tui-background-base);
-}
-
 .bg-tui-base-02 {
   background-color: var(--tui-background-base-alt);
 }
@@ -1545,6 +1546,12 @@ video {
   font-weight:  800 !important;
 }
 
+.\!text-body-s {
+  font-size: 0.8125rem !important;
+  line-height: 1.25rem !important;
+  font-weight: 500 !important;
+}
+
 .\!text-body-s-bold {
   font-size: 0.8125rem !important;
   line-height: 1.25rem !important;
@@ -1645,6 +1652,11 @@ video {
   line-height: 1.75rem;
 }
 
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
 .\!font-bold {
   font-weight: 700 !important;
 }
@@ -1733,6 +1745,10 @@ video {
   color: var(--tui-text-tertiary);
 }
 
+.text-tui-text-negative {
+  color: var(--tui-text-negative);
+}
+
 .text-tui-text-primary {
   color: var(--tui-text-primary);
 }
@@ -1819,6 +1835,12 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .duration-200 {
   transition-duration: 200ms;
 }