@cloud-ru/uikit-product-calculator 0.33.3 → 0.33.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.33.4 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.33.3 (2025-11-12)
 
 

package/dist/cjs/components/Calculator/Calculator.d.ts

@@ -0,0 +1,42 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { CalculatorType, CatalogConfig, FetcherFn, FormValues, PlatformType, ProductState, State } from '../../types';
+export type CalculatorProps = {
+    /** Тип устройства @default desktop*/
+    layoutType?: LayoutType;
+    /** Тип калькулятора @default main*/
+    calculatorType?: CalculatorType;
+    /** Конфигурация платформ/продуктов/каталога */
+    config: CatalogConfig;
+    /** Функция для запроса цен по продукту */
+    fetcherFn: FetcherFn;
+    /** Колбеки на действия внутри калькулятора */
+    actions: {
+        /** Колбек на выбор платформы в каталоге */
+        onPlatformSelect?(platform: PlatformType): void;
+        /** Колбек на выбор продукта в каталоге */
+        onProductSelect?(productId: string): void;
+        /** Колбек на удаление продукта в корзине */
+        onProductDelete?(productId: string): void;
+        /** Колбек на кнопку 'Начать расчет' */
+        onStartClick?(): void;
+        /** Колбек на открытие каталога */
+        onCatalogOpen?(): void;
+        /** Колбек на подключение продукта в консоли */
+        onConnectClick?(id: string, value: FormValues): void;
+        /** Колбек клика на кнопку "Поделиться ссылкой" */
+        onShareClick?(state: State): Promise<void>;
+        /** Колбек клика на кнопку "Скачать расчет" */
+        onDownloadFileClick?(state: State): Promise<void>;
+        /** Колбек клика на кнопку "Запросить консультацию" */
+        onRequestConsultationClick?(state: State): void;
+    };
+    /** Колбэк вызова при изменении любого контрола для аналитики */
+    onAnalyticsClick?(clickContent: string, uniqueId: string): void;
+    /** Изображение на заднем фоне в состоянии "пустой" корзины */
+    bgImage?: string;
+    /** Id продукта который будет "по умолчанию" в корзине*/
+    initialActiveProduct?: string;
+    /** Начальное состояние корзины */
+    iniState?: Record<string, ProductState[]>;
+};
+export declare function Calculator({ config, layoutType, calculatorType, fetcherFn, initialActiveProduct, iniState, bgImage, actions, onAnalyticsClick, }: CalculatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Calculator/Calculator.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calculator = Calculator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contexts_1 = require("../../contexts");
+const CalculatorContent_1 = require("../CalculatorContent");
+const Catalog_1 = require("../Catalog");
+function Calculator({ config, layoutType, calculatorType, fetcherFn, initialActiveProduct, iniState, bgImage, actions, onAnalyticsClick, }) {
+    return ((0, jsx_runtime_1.jsxs)(contexts_1.CalculatorContextProvider, { config: config, fetcherFn: fetcherFn, calculatorType: calculatorType, layoutType: layoutType, iniState: iniState, initialActiveProduct: initialActiveProduct, actions: actions, onAnalyticsClick: onAnalyticsClick, children: [(0, jsx_runtime_1.jsx)(CalculatorContent_1.CalculatorContent, { bgImage: bgImage }), (0, jsx_runtime_1.jsx)(Catalog_1.Catalog, {})] }));
+}

package/dist/cjs/components/Calculator/index.d.ts

@@ -0,0 +1 @@
+export * from './Calculator';

package/dist/cjs/components/Calculator/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Calculator"), exports);

package/dist/cjs/components/CalculatorContent/CalculatorContent.d.ts

@@ -0,0 +1,5 @@
+type CalculatorContentProps = {
+    bgImage?: string;
+};
+export declare function CalculatorContent({ bgImage }: CalculatorContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/CalculatorContent/CalculatorContent.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalculatorContent = CalculatorContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contexts_1 = require("../../contexts");
+const Disclaimer_1 = require("../Disclaimer");
+const PriceSummary_1 = require("../PriceSummary");
+const ProductPage_1 = require("../ProductPage/ProductPage");
+const Welcome_1 = require("../Welcome");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function CalculatorContent({ bgImage }) {
+    const { selectedProduct, layoutType } = (0, contexts_1.useCalculatorContext)();
+    const isDesktop = layoutType === 'desktop';
+    if (!selectedProduct) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Welcome_1.Welcome, { image: bgImage }), (0, jsx_runtime_1.jsx)(Disclaimer_1.Disclaimer, { className: styles_module_scss_1.default.disclaimer })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.calculator, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.pageWrapper, children: [(0, jsx_runtime_1.jsx)(ProductPage_1.ProductPage, { selectedProduct: selectedProduct, className: styles_module_scss_1.default.page }), isDesktop && (0, jsx_runtime_1.jsx)(Disclaimer_1.Disclaimer, { className: styles_module_scss_1.default.disclaimer })] }), (0, jsx_runtime_1.jsx)(PriceSummary_1.PriceSummary, { className: styles_module_scss_1.default.priceSummary }), !isDesktop && (0, jsx_runtime_1.jsx)(Disclaimer_1.Disclaimer, {})] }));
+}

package/dist/cjs/components/CalculatorContent/index.d.ts

@@ -0,0 +1 @@
+export * from './CalculatorContent';

package/dist/cjs/components/CalculatorContent/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CalculatorContent"), exports);

package/dist/cjs/components/CalculatorContent/styles.module.css

@@ -0,0 +1,64 @@
+.page{
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  display:flex;
+  flex-direction:column;
+  flex-shrink:0;
+  min-height:500px;
+}
+
+.page,
+.pageWrapper{
+  width:800px;
+  min-height:569px;
+}
+
+.content{
+  padding:var(--dimension-3m, 24px);
+  display:flex;
+  gap:var(--dimension-3m, 24px);
+  flex-direction:column;
+}
+
+.priceSummary{
+  width:384px;
+  flex-shrink:0;
+  position:sticky;
+  top:24px;
+}
+
+.calculator{
+  box-sizing:border-box;
+  position:relative;
+  color:var(--sys-neutral-text-main, #41424e);
+  z-index:0;
+  display:flex;
+  gap:var(--dimension-3m, 24px);
+  align-items:flex-start;
+}
+.calculator:not(.calculator[data-layout-type=desktop]){
+  flex-direction:column;
+}
+.calculator:not(.calculator[data-layout-type=desktop]) .page,
+.calculator:not(.calculator[data-layout-type=desktop]) .pageWrapper{
+  width:100%;
+}
+.calculator:not(.calculator[data-layout-type=desktop]) .priceSummary{
+  width:100%;
+  position:inherit;
+  top:inherit;
+}
+
+.footer{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  margin-top:var(--dimension-3m, 24px);
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-3m, 24px);
+}
+.footer[data-mobile]{
+  margin-top:var(--dimension-2m, 16px);
+}
+
+.disclaimer{
+  margin-top:var(--dimension-3m, 24px);
+}

package/dist/cjs/components/Catalog/Catalog.d.ts

@@ -0,0 +1,10 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { CatalogConfig } from '../../types';
+export type CatalogProps = {
+    layoutType?: LayoutType;
+    config: CatalogConfig;
+    open: boolean;
+    setOpen(open: boolean): void;
+    onCardClick?(productId: string): void;
+};
+export declare function Catalog(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Catalog/Catalog.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Catalog = Catalog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const uikit_product_mobile_fields_1 = require("@sbercloud/uikit-product-mobile-fields");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const button_1 = require("@snack-uikit/button");
+const card_1 = require("@snack-uikit/card");
+const divider_1 = require("@snack-uikit/divider");
+const list_1 = require("@snack-uikit/list");
+const modal_1 = require("@snack-uikit/modal");
+const tag_1 = require("@snack-uikit/tag");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const contexts_1 = require("../../contexts");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const components_1 = require("./components");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const bannerText = {
+    public: 'Доступна всем',
+    request: 'Для всех, по заявке',
+    legal: 'Только для юрлиц',
+};
+function Catalog() {
+    var _a, _b, _c, _d;
+    const { selectedPlatform, setSelectedPlatform, setSelectedCategory, selectedCategory, products, layoutType = uikit_product_utils_1.LAYOUT_TYPE.Desktop, config, catalogOpen, setCatalogOpen, actions: { onPlatformSelect }, } = (0, contexts_1.useCalculatorContext)();
+    const handleCatalogCardClick = (0, hooks_1.useCatalogCardClick)();
+    const handlePlatformChange = (platformId) => {
+        onPlatformSelect === null || onPlatformSelect === void 0 ? void 0 : onPlatformSelect(platformId);
+        setSelectedPlatform(platformId);
+        setSelectedCategory(config.catalog[platformId][0].id);
+    };
+    const categoryOptions = config.catalog[selectedPlatform].map(({ id, dataTestId, label }) => ({
+        id,
+        content: {
+            option: label,
+        },
+        'data-test-id': dataTestId,
+    }));
+    const [openMobileCategory, setOpenMobileCategory] = (0, react_1.useState)(false);
+    const isMobile = layoutType !== uikit_product_utils_1.LAYOUT_TYPE.Desktop && layoutType !== uikit_product_utils_1.LAYOUT_TYPE.DesktopSmall;
+    const AdaptiveModal = isMobile ? uikit_product_mobile_modal_1.MobileModalCustom : modal_1.ModalCustom;
+    return ((0, jsx_runtime_1.jsxs)(AdaptiveModal, { open: catalogOpen, 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        size: 'l', onClose: () => {
+            setCatalogOpen === null || setCatalogOpen === void 0 ? void 0 : setCatalogOpen(false);
+        }, className: (0, classnames_1.default)({ [styles_module_scss_1.default.modal]: !isMobile }), "data-test-id": (0, utils_1.parseKeyToDataTest)('catalog'), children: [(0, jsx_runtime_1.jsx)(AdaptiveModal.Header, { title: '\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u043E\u0432' }), (0, jsx_runtime_1.jsx)(AdaptiveModal.Body, { content: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, "data-mobile": isMobile || undefined, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.sidebar, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldSelect, { layoutType: layoutType, value: selectedPlatform, onChange: handlePlatformChange, size: 'm', label: '\u041E\u0431\u043B\u0430\u0447\u043D\u0430\u044F \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430', widthStrategy: 'eq', searchable: false, showClearButton: false, options: config.platforms.map(({ icon, description, id, label, dataTestId, access }) => ({
+                                        value: id,
+                                        beforeContent: icon,
+                                        truncate: {
+                                            option: 2,
+                                            description: 3,
+                                            variant: 'end',
+                                        },
+                                        'data-test-id': dataTestId,
+                                        option: label,
+                                        description: ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.description, children: [(0, jsx_runtime_1.jsxs)("span", { children: [description, " "] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(tag_1.Tag, { label: bannerText[access], appearance: 'green' }) })] })),
+                                    })) }), !isMobile && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.categoriesWrapper, children: [(0, jsx_runtime_1.jsx)(divider_1.Divider, { orientation: 'vertical' }), (0, jsx_runtime_1.jsx)(list_1.List, { size: 'm', items: categoryOptions, selection: {
+                                                value: selectedCategory,
+                                                onChange: value => value && setSelectedCategory(value),
+                                                mode: 'single',
+                                            } })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.contentHeadline, "data-test-id": (0, utils_1.parseKeyToDataTest)('catalog', 'category-title'), children: (_a = config.catalog[selectedPlatform].find(item => item.id === selectedCategory)) === null || _a === void 0 ? void 0 : _a.label }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.contentCards, children: [((_b = config.catalog[selectedPlatform].find(item => item.id === selectedCategory)) === null || _b === void 0 ? void 0 : _b.banner) || null, (_c = config.catalog[selectedPlatform]
+                                            .find(item => item.id === selectedCategory)) === null || _c === void 0 ? void 0 : _c.visibleProducts.map(productId => config.products[productId]).filter(Boolean).map(product => {
+                                            const disabled = product.freeTier && Object.keys(products).includes(product.id);
+                                            return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: styles_module_scss_1.default.card, size: isMobile ? 's' : 'm', outline: true, disabled: disabled, onClick: disabled ? undefined : () => handleCatalogCardClick === null || handleCatalogCardClick === void 0 ? void 0 : handleCatalogCardClick(product.id), promoBadge: disabled ? { text: 'Добавлен', appearance: 'green' } : undefined, header: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { open: disabled ? undefined : false, tip: 'Free tier продукты можно добавить только один раз. Чтобы посмотреть конфигурацию продукта, кликните на его карточку в расчете', children: (0, jsx_runtime_1.jsx)(components_1.PrivateCardHeader, { icon: product === null || product === void 0 ? void 0 : product.icon, title: product === null || product === void 0 ? void 0 : product.label, metadata: product === null || product === void 0 ? void 0 : product.caption, description: (product === null || product === void 0 ? void 0 : product.freeTier) ? ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tag, "data-test-id": (0, utils_1.parseKeyToDataTest)('catalog', 'card-tag'), children: (0, jsx_runtime_1.jsx)(tag_1.Tag, { label: '\u0411\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u0430\u044F \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044F', appearance: 'green' }) })) : null }) }), "data-test-id": (0, utils_1.parseKeyToDataTest)('catalog', 'card') }, product.id));
+                                        })] })] })] }) }), isMobile && ((0, jsx_runtime_1.jsx)(AdaptiveModal.Footer, { actions: (0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDroplist, { open: openMobileCategory, onOpenChange: setOpenMobileCategory, items: categoryOptions, selection: {
+                        value: selectedCategory,
+                        onChange: value => {
+                            setSelectedCategory(value);
+                            setOpenMobileCategory(false);
+                        },
+                        mode: 'single',
+                    }, label: '\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438', 
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    // @ts-ignore
+                    size: 'l', children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.categoriesWrapper, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { size: 'm', appearance: 'neutral', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.FilterSVG, {}), label: `Категории: ${(_d = config.catalog[selectedPlatform].find(item => item.id === selectedCategory)) === null || _d === void 0 ? void 0 : _d.label}` }) }) }) }))] }));
+}

package/dist/cjs/components/Catalog/components/PrivateCardHeader.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { IconPredefinedProps } from '@snack-uikit/icon-predefined';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type ProductCardHeaderProps = WithSupportProps<{
+    /** Заголовок */
+    title: string;
+    /** Подзаголовок */
+    description?: ReactNode;
+    /** Метаинформация */
+    metadata?: string;
+    icon?: IconPredefinedProps['icon'];
+    /** CSS-класс для элемента с контентом */
+    className?: string;
+}>;
+export declare function PrivateCardHeader({ title, description, metadata, icon, className, ...rest }: ProductCardHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Catalog/components/PrivateCardHeader.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrivateCardHeader = PrivateCardHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const icon_predefined_1 = require("@snack-uikit/icon-predefined");
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("@snack-uikit/utils");
+const utils_2 = require("../../../utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PrivateCardHeader(_a) {
+    var { title, description, metadata, icon, className } = _a, rest = __rest(_a, ["title", "description", "metadata", "icon", "className"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.titleLayout, className) }, (0, utils_1.excludeSupportProps)(rest), { children: [icon && (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, { icon: icon, size: 's', decor: false, appearance: 'neutral', shape: 'square' }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.contentLayout, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', size: 's', purpose: 'title', className: styles_module_scss_1.default.title, "data-test-id": (0, utils_2.parseKeyToDataTest)('catalog-card', 'title'), children: title }), metadata && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.metadata, children: metadata }), description && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', size: 'm', purpose: 'body', className: styles_module_scss_1.default.description, "data-test-id": (0, utils_2.parseKeyToDataTest)('catalog-card', 'desc'), children: description }))] })] })));
+}

package/dist/cjs/components/Catalog/components/index.d.ts

@@ -0,0 +1 @@
+export * from './PrivateCardHeader';

package/dist/cjs/components/Catalog/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PrivateCardHeader"), exports);

package/dist/cjs/components/Catalog/components/styles.module.css

@@ -0,0 +1,29 @@
+.titleLayout{
+  gap:var(--space-card-gap-s, 4px);
+  display:flex;
+  align-items:flex-start;
+  box-sizing:border-box;
+  width:100%;
+}
+
+.contentLayout{
+  overflow:hidden;
+  display:block;
+  max-width:100%;
+}
+
+.title{
+  display:block;
+  max-width:100%;
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.metadata{
+  max-width:100%;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.description{
+  max-width:100%;
+  color:var(--sys-neutral-text-support, #6d707f);
+}

package/dist/cjs/components/Catalog/index.d.ts

@@ -0,0 +1 @@
+export * from './Catalog';

package/dist/cjs/components/Catalog/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Catalog"), exports);

package/dist/cjs/components/Catalog/styles.module.css

@@ -0,0 +1,95 @@
+.calculator{
+  box-sizing:border-box;
+}
+
+.content{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+  min-height:400px;
+  padding-bottom:var(--dimension-3m, 24px);
+}
+
+.contentHeadline{
+  font-family:var(--sans-title-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-title-l-font-weight, Semibold);
+  line-height:var(--sans-title-l-line-height, 28px);
+  font-size:var(--sans-title-l-font-size, 20px);
+  letter-spacing:var(--sans-title-l-letter-spacing, 0.15px);
+  paragraph-spacing:var(--sans-title-l-paragraph-spacing, 11px);
+}
+
+.contentCards{
+  display:flex;
+  flex-wrap:wrap;
+  gap:var(--dimension-2m, 16px);
+}
+
+.categoriesWrapper{
+  display:grid;
+  grid-template-columns:auto 1fr;
+  margin-top:var(--dimension-2m, 16px);
+}
+
+.selectCard{
+  display:flex;
+  padding:var(--dimension-3m, 24px);
+  border:solid 1px var(--sys-neutral-decor-default, #dde0ea);
+}
+
+.card{
+  width:280px;
+}
+
+.modal{
+  width:1298px !important;
+  max-width:calc(100dvw - 2 * var(--dimension-3m, 24px));
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.sidebar{
+  padding-bottom:var(--dimension-3m, 24px);
+}
+
+.wrapper{
+  position:relative;
+  min-height:100%;
+  z-index:0;
+  display:grid;
+  grid-template-columns:256px 1fr;
+  gap:var(--dimension-4m, 32px);
+}
+.wrapper[data-mobile]{
+  grid-template-columns:1fr;
+  gap:var(--dimension-1m, 8px);
+  min-height:inherit;
+}
+.wrapper[data-mobile] .card{
+  width:100%;
+  height:inherit;
+}
+.wrapper[data-mobile] .content{
+  min-height:inherit;
+}
+.wrapper[data-mobile] .sidebar{
+  position:sticky;
+  top:0;
+  left:0;
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  padding:var(--dimension-3m, 24px) 0 var(--dimension-1m, 8px);
+  transform:translateY(calc(0px - var(--dimension-3m, 24px)));
+  z-index:1;
+}
+.wrapper[data-mobile] .contentCards{
+  margin:0 var(--dimension-050m, 4px);
+}
+
+.description{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-050m, 4px);
+}
+
+.tag{
+  margin-top:var(--dimension-050m, 4px);
+}

package/dist/cjs/components/Controls/AlertControl/AlertControl.d.ts

@@ -0,0 +1,15 @@
+import { AlertProps } from '@snack-uikit/alert';
+import { FormValues } from '../../../types';
+import { CONTROL } from '../constants';
+import { BaseControl, WithVisible } from '../types';
+export type AlertControl = Pick<BaseControl<AlertProps>, 'uiProps' | 'accessorKey' | 'watchedControls' | 'onChangePeriod' | 'canChangeWholePricePeriod'> & {
+    type: typeof CONTROL.Alert;
+    relateFn?(watchedValues: FormValues): {
+        uiProps?: Partial<WithVisible<AlertProps>>;
+    } | undefined;
+    onChangeFn?: never;
+};
+export type AlertControlUiProps = AlertControl & {
+    watchedValues?: FormValues;
+};
+export declare function AlertControlUi({ uiProps, relateFn, watchedValues, accessorKey }: AlertControlUiProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/components/Controls/AlertControl/AlertControl.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertControlUi = AlertControlUi;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const alert_1 = require("@snack-uikit/alert");
+const utils_1 = require("../../../utils");
+function AlertControlUi({ uiProps, relateFn, watchedValues, accessorKey }) {
+    var _a, _b;
+    const { uiProps: relatedUiProps } = (0, react_1.useMemo)(() => { var _a; return (_a = relateFn === null || relateFn === void 0 ? void 0 : relateFn(watchedValues !== null && watchedValues !== void 0 ? watchedValues : {})) !== null && _a !== void 0 ? _a : {}; }, [relateFn, watchedValues]);
+    const dataTestAttribute = (0, utils_1.parseKeyToDataTest)('alert', accessorKey);
+    const visible = (_b = (_a = relatedUiProps === null || relatedUiProps === void 0 ? void 0 : relatedUiProps.visible) !== null && _a !== void 0 ? _a : uiProps === null || uiProps === void 0 ? void 0 : uiProps.visible) !== null && _b !== void 0 ? _b : true;
+    if (!visible) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(alert_1.Alert, Object.assign({ description: '', appearance: 'info', outline: true }, uiProps, relatedUiProps, { "data-test-id": dataTestAttribute })));
+}

package/dist/cjs/components/Controls/AlertControl/index.d.ts

@@ -0,0 +1 @@
+export * from './AlertControl';

package/dist/cjs/components/Controls/AlertControl/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AlertControl"), exports);

package/dist/cjs/components/Controls/ArrayControl/ArrayControl.d.ts

@@ -0,0 +1,26 @@
+import { AnyType } from '../../../types';
+import { CONTROL } from '../constants';
+import { ObjectControl } from '../ObjectControl';
+export type ArrayControl = {
+    type: typeof CONTROL.Array;
+    /** Минимальное кол-во элементов массива */
+    min?: number;
+    /** Максимальное кол-во элементов массива */
+    max: number;
+    /**
+     * Поле (полный путь),  куда будет сохраняться значение
+     *
+     * @example 'esc.cpu'
+     */
+    accessorKey: string;
+    /** Текст кнопки добавления нового элемента */
+    addText: string;
+    /** Дефолтное значение */
+    defaultValue: AnyType[];
+    invertTrashOffset?: boolean;
+    onChangeFn?: never;
+    relateFn?: never;
+} & Omit<ObjectControl, 'type'>;
+type ArrayControlUiProps = ArrayControl;
+export declare function ArrayControlUi({ accessorKey, ui, controls, max, addText, min, invertTrashOffset, }: ArrayControlUiProps): import("react/jsx-runtime").JSX.Element;
+export {};