@snabcentr/client-ui 3.49.4 → 3.50.0

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

@@ -0,0 +1,63 @@
+import { OnInit } from '@angular/core';
+import { ScOrderDraft } from '@snabcentr/client-core';
+import { ScOrderItemsByDirection } from '../models/sc-i-cart-items-by-direction';
+import * as i0 from "@angular/core";
+/**
+ * Компонент страницы черновика заказа (аналог корзины для одного черновика).
+ */
+export declare class ScDraftComponent implements OnInit {
+    /**
+     * Сервис маршрутизации.
+     */
+    private readonly router;
+    /**
+     * Сервис предоставляющий доступ к данным о маршруте.
+     */
+    private readonly route;
+    /**
+     * Сервис для работы с черновиками заказов.
+     */
+    private readonly draftsService;
+    /**
+     * Сигнал с данными текущего черновика заказа (из параметра offerId в URL).
+     */
+    readonly draft: import("@angular/core").ModelSignal<ScOrderDraft | null>;
+    /**
+     * Идентификаторы выбранных позиций.
+     */
+    readonly selectedItemsIds: import("@angular/core").ModelSignal<string[]>;
+    /**
+     * Источник события удаления или отмены заказа.
+     */
+    readonly deleteEvent: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Сервис для работы с диалоговыми окнами.
+     */
+    private readonly dialogService;
+    /**
+     * Текущий ключ маршрута.
+     */
+    protected readonly isDraftPage: import("@angular/core").Signal<boolean>;
+    /**
+     * Ссылка для автоматического управления уничтожением зависимостей.
+     */
+    private readonly destroyRef;
+    /**
+     * Сервис установки SEO-данных приложения.
+     */
+    private readonly seoService;
+    /** @inheritDoc */
+    ngOnInit(): void;
+    /**
+     * Переход к оформлению заказа по выбранному направлению продаж.
+     *
+     * @param direction Группа позиций по направлению продаж.
+     */
+    protected goToNewOrder(direction: ScOrderItemsByDirection): void;
+    /**
+     * Удаляет черновик и перенаправляет к списку черновиков.
+     */
+    protected clearDraft(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScDraftComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDraftComponent, "sc-draft", never, { "draft": { "alias": "draft"; "required": false; "isSignal": true; }; "selectedItemsIds": { "alias": "selectedItemsIds"; "required": false; "isSignal": true; }; }, { "draft": "draftChange"; "selectedItemsIds": "selectedItemsIdsChange"; "deleteEvent": "deleteEvent"; }, never, never, true, never>;
+}

package/order/index.d.ts

@@ -1,3 +1,8 @@
-export * from './order-item-mobile/sc-order-item-mobile.component';
+export * from './models/sc-i-cart-items-by-direction';
+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';
+export * from './order-items-list-by-stock/sc-order-items-list-by-stock.component';
+export * from './draft/sc-draft.component';
 export * from './sc-payment-status/sc-payment-status.component';
 export * from './sc-order.module';

package/order/models/sc-i-cart-items-by-direction.d.ts

@@ -0,0 +1,25 @@
+import { ScISalesDirection, ScOrderItem } from '@snabcentr/client-core';
+/**
+ * Группа позиций заказа по направлению продаж.
+ */
+export declare class ScOrderItemsByDirection {
+    /**
+     * Направление продаж или undefined для позиций без направления.
+     */
+    readonly direction: ScISalesDirection;
+    /**
+     * Список позиций заказа в данной группе.
+     */
+    readonly items: ScOrderItem[];
+    /**
+     * @param direction Направление продаж.
+     * @param allItems Все элементы заказа.
+     */
+    constructor(direction: ScISalesDirection, allItems: readonly ScOrderItem[]);
+    /**
+     * Получает список позиций заказа по идентификаторам.
+     *
+     * @param itemsIds Идентификаторы позиций.
+     */
+    getItemsByIds(itemsIds: string[]): ScOrderItem[];
+}

package/{cart/cart-item/sc-cart-item.component.d.ts → order/order-item/sc-order-item.component.d.ts}

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 /**
  * Компонент карточки элемента корзины.
  */
-export declare class ScCartItemComponent extends AbstractScPriceCard {
+export declare class ScOrderItemComponent extends AbstractScPriceCard {
     /**
      * Событие нажатия на кнопку редактирования конфигурации.
      */
@@ -14,12 +14,16 @@ export declare class ScCartItemComponent extends AbstractScPriceCard {
      * Сервис диалогового окна предварительного просмотра.
      */
     private readonly previewDialogService;
+    /**
+     * Признак, что необходимо отобразить элементы редактирования.
+     */
+    readonly isShowEditControls: import("@angular/core").InputSignal<boolean>;
     /**
      * Отображает спецификацию.
      *
      * @param specificationPreviewReference Шаблон спецификации.
      */
     protected showSpecification(specificationPreviewReference: TemplateRef<TuiDialogContext>): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScCartItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCartItemComponent, "sc-cart-item", never, {}, { "clickSettings": "clickSettings"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemComponent, "sc-order-item", never, { "isShowEditControls": { "alias": "isShowEditControls"; "required": false; "isSignal": true; }; }, { "clickSettings": "clickSettings"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,102 @@
+import { FormControl, FormGroup } from '@angular/forms';
+import { ScIOrderEditorLoader, ScIOrderLoader, ScOrderItem } from '@snabcentr/client-core';
+import { AbstractScPriceCard } from '../../directives';
+import * as i0 from "@angular/core";
+/**
+ * Компонент списка товаров корзины, заказа или черновика.
+ * Позиции разбиты.
+ */
+export declare class ScOrderItemsListComponent {
+    /**
+     * Внутренний сигнал списка элементов корзины (товаров).
+     */
+    protected readonly itemsSignal: import("@angular/core").WritableSignal<ScOrderItem[]>;
+    /**
+     * Включить выбор позиций чекбоксами.
+     */
+    readonly selectable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Включить редактирование позиций.
+     */
+    readonly editable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Внутренняя группа формы для выбора позиций.
+     */
+    protected readonly selectionFormGroup: FormGroup<Record<string, FormControl<boolean>>>;
+    /**
+     * Идентификаторы выбранных позиций.
+     */
+    protected readonly itemsIds: import("@angular/core").Signal<[string, boolean][]>;
+    /**
+     * Сигнал идентификаторов выбранных позиций.
+     */
+    readonly selectedItemsIds: import("@angular/core").Signal<string[]>;
+    /**
+     * Выходные данные при изменении выбора позиций.
+     */
+    readonly selectedItemsIdsChange: import("@angular/core").OutputRef<string[]>;
+    /**
+     * Сумма стоимости выбранных позиций.
+     */
+    readonly sumSelectedItems: import("@angular/core").Signal<number>;
+    /**
+     * Сервис получения и редактирования списка товаров заказа (корзина / заказ / черновик = заказ).
+     * Предоставляется родителем через токен {@link SC_ORDER_LOADER} (реализация {@link ScIOrderLoader}).
+     */
+    protected readonly orderItemsListLoader: ScIOrderLoader<ScOrderItem, unknown> | ScIOrderEditorLoader<ScOrderItem, unknown>;
+    /**
+     * Признак, что можно редактировать позиции.
+     */
+    protected readonly canEdit: import("@angular/core").Signal<boolean>;
+    /**
+     * Ссылка для автоматического управления уничтожением зависимостей.
+     */
+    private readonly destroyRef;
+    /**
+     * Сервис для работы с диалоговыми окнами.
+     * Предоставляется родителем через токен {@link SC_DIALOG_SERVICE_TOKEN}.
+     */
+    private readonly scDialogService;
+    /**
+     * Список элементов корзины (товаров). При установке синхронно обновляет контролы выбора в форме.
+     */
+    set items(value: ScOrderItem[]);
+    /**
+     * Синхронизирует контролы формы выбора с текущим списком товаров: удаляет контролы для отсутствующих id, добавляет для новых.
+     */
+    private syncSelectionControls;
+    /**
+     * Удаляет позицию.
+     *
+     * @param item Позиция товара для удаления.
+     * @param priceCard Компонент карточки товара.
+     */
+    protected deleteItem(item: ScOrderItem, priceCard: AbstractScPriceCard): void;
+    /**
+     * Обновляет количество товара.
+     *
+     * @param newQuantity Новое значение количества товара.
+     * @param priceCard Компонент карточки товара.
+     */
+    protected patchItem(newQuantity: number | null, priceCard: AbstractScPriceCard): void;
+    /**
+     * Открывает модальное окно описания товара.
+     *
+     * @param product Товар/услуга, описание которой необходимо отобразить.
+     */
+    protected openProductInfoDialog(product: ScOrderItem['product']): void;
+    /**
+     * Открывает модальное окно изменения товара или его конфигуратора.
+     *
+     * @param item Позиция товара.
+     */
+    protected openSettingsDialog(item: ScOrderItem): void;
+    /**
+     * Открывает диалоговое окно "График изменения стоимости" для товара.
+     *
+     * @param product Товар/услуга, для которого необходимо отобразить график изменения стоимости.
+     */
+    protected openPriceHistoryChartDialog(product: ScOrderItem['product']): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderItemsListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemsListComponent, "sc-order-items-list", never, { "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; }; }, { "selectedItemsIdsChange": "selectedItemsIdsChange"; }, never, never, true, never>;
+}

package/order/order-items-list-by-directions/sc-order-items-list-by-directions.component.d.ts

@@ -0,0 +1,55 @@
+import { ScOrderItem } from '@snabcentr/client-core';
+import { ScOrderItemsByDirection } from '../models/sc-i-cart-items-by-direction';
+import * as i0 from "@angular/core";
+export declare class ScOrderItemsListByDirectionsComponent {
+    /**
+     * Внутренний сигнал списка элементов корзины (товаров).
+     */
+    readonly items: import("@angular/core").InputSignal<ScOrderItem[]>;
+    /**
+     * Включить выбор позиций чекбоксами.
+     */
+    readonly selectable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Включить редактирование позиций.
+     */
+    readonly editable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Включить отображение кнопки продолжения.
+     */
+    readonly showContinueButton: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Текст кнопки продолжения.
+     */
+    readonly continueButtonText: import("@angular/core").InputSignal<string>;
+    /**
+     * Событие клика на кнопку продолжения.
+     */
+    readonly continueClick: import("@angular/core").OutputEmitterRef<ScOrderItemsByDirection>;
+    /**
+     * Список направлений продаж из справочника.
+     */
+    private readonly directions;
+    /**
+     * Позиции корзины, сгруппированные по направлениям продаж.
+     * Если передан cartDirections, используется он, иначе группировка выполняется автоматически.
+     */
+    protected readonly itemsByDirections: import("@angular/core").Signal<ScOrderItemsByDirection[]>;
+    /**
+     * Позиции корзины, которые больше не предоставляются.
+     */
+    protected readonly nullItems: import("@angular/core").Signal<ScOrderItem[]>;
+    /**
+     * Выходные данные при изменении выбора позиций.
+     */
+    readonly selectedItemsIds: import("@angular/core").ModelSignal<string[]>;
+    /**
+     * Обработчик изменения выбора позиций.
+     *
+     * @param itemsIds Идентификаторы выбранных позиций.
+     * @param direction Направление продаж.
+     */
+    protected selectedItemsHandler(itemsIds: string[], direction: ScOrderItemsByDirection): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderItemsListByDirectionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemsListByDirectionsComponent, "sc-order-items-list-by-directions", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "showContinueButton": { "alias": "showContinueButton"; "required": false; "isSignal": true; }; "continueButtonText": { "alias": "continueButtonText"; "required": false; "isSignal": true; }; "selectedItemsIds": { "alias": "selectedItemsIds"; "required": false; "isSignal": true; }; }, { "continueClick": "continueClick"; "selectedItemsIds": "selectedItemsIdsChange"; }, never, ["[footerActions]"], true, never>;
+}

package/order/order-items-list-by-stock/sc-order-items-list-by-stock.component.d.ts

@@ -0,0 +1,55 @@
+import { ScOrderItem } from '@snabcentr/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Компонент списка товаров, разбитых по наличию на складе:
+ * - в наличии на складе;
+ * - под заказ;
+ * - отсутствуют на складе.
+ */
+export declare class ScOrderItemsListByStockComponent {
+    /**
+     * Список элементов (товаров) для отображения.
+     */
+    readonly items: import("@angular/core").InputSignal<ScOrderItem[]>;
+    /**
+     * Идентификатор склада для проверки наличия.
+     */
+    readonly warehouseId: import("@angular/core").InputSignal<number>;
+    /**
+     * Включить выбор позиций чекбоксами.
+     */
+    readonly selectable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Включить редактирование позиций.
+     */
+    readonly editable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Заголовок для секций «под заказ» и «нет на складе». Если не указан — заголовок не выводится.
+     */
+    readonly sectionHeader: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Выходные данные при изменении выбора позиций.
+     */
+    readonly selectedItemsIds: import("@angular/core").ModelSignal<string[]>;
+    /**
+     * Позиции в наличии на выбранном складе (не под заказ).
+     */
+    protected readonly itemsInWarehouseStock: import("@angular/core").Signal<ScOrderItem[]>;
+    /**
+     * Позиции под заказ.
+     */
+    protected readonly itemsOnOrder: import("@angular/core").Signal<ScOrderItem[]>;
+    /**
+     * Позиции, которых нет на выбранном складе (не под заказ).
+     */
+    protected readonly itemsNotInWarehouseStock: import("@angular/core").Signal<ScOrderItem[]>;
+    /**
+     * Обработчик изменения выбора позиций.
+     *
+     * @param itemsIds Идентификаторы выбранных позиций.
+     * @param items Позиции.
+     */
+    protected selectedItemsHandler(itemsIds: string[], items: ScOrderItem[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderItemsListByStockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemsListByStockComponent, "sc-order-items-list-by-stock", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "warehouseId": { "alias": "warehouseId"; "required": true; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "sectionHeader": { "alias": "sectionHeader"; "required": false; "isSignal": true; }; "selectedItemsIds": { "alias": "selectedItemsIds"; "required": false; "isSignal": true; }; }, { "selectedItemsIds": "selectedItemsIdsChange"; }, never, never, true, never>;
+}

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

@@ -1,19 +1,18 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./order-item-mobile/sc-order-item-mobile.component";
-import * as i2 from "./sc-payment-status/sc-payment-status.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@taiga-ui/core";
-import * as i5 from "@taiga-ui/layout";
-import * as i6 from "@taiga-ui/kit";
-import * as i7 from "../catalog/sc-catalog.module";
-import * as i8 from "@taiga-ui/polymorpheus";
-import * as i9 from "../catalog/price-warehouse-stock/sc-price-warehouse-stock.component";
-import * as i10 from "../catalog/cost-with-discount/cost-with-discount.component";
+import * as i1 from "./sc-payment-status/sc-payment-status.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@taiga-ui/core";
+import * as i4 from "@taiga-ui/layout";
+import * as i5 from "@taiga-ui/kit";
+import * as i6 from "../catalog/sc-catalog.module";
+import * as i7 from "@taiga-ui/polymorpheus";
+import * as i8 from "../catalog/price-warehouse-stock/sc-price-warehouse-stock.component";
+import * as i9 from "../catalog/cost-with-discount/cost-with-discount.component";
 /**
  * Модуль заказов.
  */
 export declare class ScOrderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ScOrderModule, [typeof i1.ScOrderItemMobileComponent, typeof i2.ScPaymentStatusComponent], [typeof i3.CommonModule, typeof i4.TuiLink, typeof i4.TuiButton, typeof i4.TuiIcon, typeof i5.TuiBlockStatusComponent, typeof i5.TuiBlockStatusDirective, typeof i6.TuiPreviewComponent, typeof i6.TuiPreviewTitle, typeof i6.TuiPreviewPagination, typeof i6.TuiPreviewAction, typeof i6.TuiPreviewZoom, typeof i7.ScCatalogModule, typeof i8.PolymorpheusTemplate, typeof i8.PolymorpheusOutlet, typeof i9.ScPriceWarehouseStockComponent, typeof i10.CostWithDiscountComponent], [typeof i1.ScOrderItemMobileComponent, typeof i2.ScPaymentStatusComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScOrderModule, [typeof i1.ScPaymentStatusComponent], [typeof i2.CommonModule, typeof i3.TuiLink, typeof i3.TuiButton, typeof i3.TuiIcon, typeof i4.TuiBlockStatusComponent, typeof i4.TuiBlockStatusDirective, typeof i5.TuiPreviewComponent, typeof i5.TuiPreviewTitle, typeof i5.TuiPreviewPagination, typeof i5.TuiPreviewAction, typeof i5.TuiPreviewZoom, typeof i6.ScCatalogModule, typeof i7.PolymorpheusTemplate, typeof i7.PolymorpheusOutlet, typeof i8.ScPriceWarehouseStockComponent, typeof i9.CostWithDiscountComponent], [typeof i1.ScPaymentStatusComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ScOrderModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "3.49.4",
+  "version": "3.50.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
@@ -29,6 +29,7 @@
     "@taiga-ui/polymorpheus": "^4.7.4",
     "@taiga-ui/experimental": "^4.66.0",
     "@taiga-ui/styles": "^4.66.0",
+    "@tailwindcss/container-queries": "^0.1.1",
     "ng-recaptcha-2": "^14.0.0",
     "angular8-yandex-maps": "^18.2.0",
     "libphonenumber-js": "^1.12.7",

package/providers/index.d.ts

@@ -1,4 +1,5 @@
 export * from './sc-verification-code-timeout';
+export * from './sc-dialog-service.providers';
 export * from './sc-allow-select-terminated';
 export * from './sc-help-notification-limit';
 export * from './sc-help-notification-close';

package/providers/sc-dialog-service.providers.d.ts

@@ -0,0 +1,41 @@
+import { InjectionToken } from '@angular/core';
+import { ScOrderItem, ScProduct } from '@snabcentr/client-core';
+import { TuiDialogContext } from '@taiga-ui/core';
+/**
+ * Интерфейс сервиса для работы с диалоговыми окнами товаров.
+ */
+export interface IScDialogService {
+    /**
+     * Открывает модальное окно описания товара.
+     *
+     * @param product Товар/услуга, описание которой необходимо отобразить.
+     * @param dialogContext Ссылка на контекст диалогового окна, которое необходимо закрыть перед выполнением функции.
+     */
+    openProductInfoDialog?(product: ScProduct, dialogContext?: TuiDialogContext): void;
+    /**
+     * Открывает модальное окно изменения товара конфигуратора в корзине/заказе.
+     *
+     * @param product Данные о товаре.
+     * @param cartItem Единичная позиция товара/услуги в корзине, для которой необходимо открыть конфигуратор.
+     * @param dialogContext Ссылка на контекст диалогового окна, которое необходимо закрыть перед выполнением функции.
+     */
+    openConfiguratorDialog(product: ScProduct, cartItem?: ScOrderItem, dialogContext?: TuiDialogContext): void;
+    /**
+     * Открывает модальное окно добавления/редактирования товара в корзине.
+     *
+     * @param product Данные о товаре.
+     * @param cartItem Единичная позиция товара/услуги в корзине, для которой необходимо открыть диалог редактирования.
+     * @param fromRecommendation Признак, что диалог открыт из рекомендаций.
+     */
+    openAddOrEditingCartItemDialog(product: ScProduct, cartItem?: ScOrderItem, fromRecommendation?: boolean): void;
+    /**
+     * Открывает диалоговое окно "График изменения стоимости" для товара.
+     *
+     * @param product Товар/услуга, для которого необходимо отобразить график изменения стоимости.
+     */
+    openPriceHistoryChartDialog(product: ScProduct): void;
+}
+/**
+ * Токен для внедрения сервиса диалоговых окон.
+ */
+export declare const SC_DIALOG_SERVICE_TOKEN: InjectionToken<IScDialogService>;

package/styles/taiga/snabcentr-tailwind-preset.js

@@ -1,5 +1,4 @@
-/* eslint-disable linebreak-style */
-/* eslint-disable no-undef */
+/* eslint-disable global-require,linebreak-style,no-undef */
 module.exports = {
     theme: {
         extend: {
@@ -27,5 +26,5 @@ module.exports = {
             },
         },
     },
-    plugins: [],
+    plugins: [require('@tailwindcss/container-queries')],
 };