@cloud-ru/uikit-product-price-summary 0.5.3 → 0.5.5

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.5.5 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-button-predefined@0.7.6](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/button-predefined/CHANGELOG.md)
+* [@cloud-ru/uikit-product-icons@15.1.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-tooltip@0.4.67](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-tooltip/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.5.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.5.3 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export type ContentBlockProps = {
+    loading?: boolean;
+    dataError?: boolean;
+    onRetry?(): void;
+};
+export declare function ContentBlock({ loading, dataError, onRetry, children }: PropsWithChildren<ContentBlockProps>): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/cjs/components/ContentBlock/ContentBlock.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBlock = ContentBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const loaders_1 = require("@snack-uikit/loaders");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ContentBlock({ loading, dataError, onRetry, children }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.loadingBlock, children: (0, jsx_runtime_1.jsx)(loaders_1.Sun, {}) }));
+    }
+    if (dataError) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.dataErrorBlock, children: [onRetry && (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.RepeatSVG, {}), onClick: onRetry }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { children: t('dataError') })] }));
+    }
+    return children;
+}

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

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

package/dist/cjs/components/ContentBlock/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("./ContentBlock"), exports);

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

@@ -0,0 +1,12 @@
+.loadingBlock{
+  display:flex;
+  justify-content:center;
+  padding:var(--dimension-050m, 4px);
+}
+
+.dataErrorBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}

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

@@ -0,0 +1,17 @@
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { LinkProps } from '@snack-uikit/link';
+import { DiscountDetails, InvoiceDetails } from '../../types';
+import { ContentBlockProps } from '../ContentBlock';
+import { HeaderBlockProps } from './components/HeaderBlock';
+import { TotalValueBlockProps } from './components/TotalValueBlock';
+export type PriceSummaryProps = WithLayoutType<WithSupportProps<TotalValueBlockProps & HeaderBlockProps & ContentBlockProps & {
+    discount?: DiscountDetails;
+    invoice?: InvoiceDetails[];
+    invoiceExpandedDefault?: boolean;
+    docsLink?: {
+        href?: LinkProps['href'];
+        text?: LinkProps['text'];
+    };
+    className?: string;
+}>>;
+export declare function PriceSummary({ value, totalSumType, hint, period, onPeriodChanged, periodOptions, promoBadge, loading, dataError, onRetry, discount, invoice, invoiceExpandedDefault, docsLink, className, layoutType, hintAppearance, showHintTooltip, hintTooltipText, hintLink, showHintLink, ...rest }: PriceSummaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/PriceSummary.js

@@ -0,0 +1,33 @@
+"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.PriceSummary = PriceSummary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const link_1 = require("@snack-uikit/link");
+const ContentBlock_1 = require("../ContentBlock");
+const DiscountBlock_1 = require("./components/DiscountBlock");
+const HeaderBlock_1 = require("./components/HeaderBlock");
+const InvoiceBlock_1 = require("./components/InvoiceBlock");
+const TotalValueBlock_1 = require("./components/TotalValueBlock");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PriceSummary(_a) {
+    var { value, totalSumType, hint, period, onPeriodChanged, periodOptions, promoBadge, loading, dataError, onRetry, discount, invoice, invoiceExpandedDefault = true, docsLink, className, layoutType, hintAppearance, showHintTooltip = false, hintTooltipText, hintLink, showHintLink } = _a, rest = __rest(_a, ["value", "totalSumType", "hint", "period", "onPeriodChanged", "periodOptions", "promoBadge", "loading", "dataError", "onRetry", "discount", "invoice", "invoiceExpandedDefault", "docsLink", "className", "layoutType", "hintAppearance", "showHintTooltip", "hintTooltipText", "hintLink", "showHintLink"]);
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.priceSummary, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsx)(HeaderBlock_1.HeaderBlock, { period: period, onPeriodChanged: onPeriodChanged, periodOptions: periodOptions, promoBadge: promoBadge, layoutType: layoutType }), (0, jsx_runtime_1.jsxs)(ContentBlock_1.ContentBlock, { loading: loading, dataError: dataError, onRetry: onRetry, children: [discount && (0, jsx_runtime_1.jsx)(DiscountBlock_1.DiscountBlock, { value: discount, layoutType: layoutType }), (0, jsx_runtime_1.jsx)(TotalValueBlock_1.TotalValueBlock, { value: value, totalSumType: totalSumType, hint: hint, hintAppearance: hintAppearance, showHintTooltip: showHintTooltip, hintTooltipText: hintTooltipText, hintLink: hintLink, showHintLink: showHintLink }), (invoice === null || invoice === void 0 ? void 0 : invoice.length) && ((0, jsx_runtime_1.jsx)(InvoiceBlock_1.InvoiceBlock, { invoice: invoice, invoiceExpandedDefault: invoiceExpandedDefault, layoutType: layoutType })), (docsLink === null || docsLink === void 0 ? void 0 : docsLink.href) && ((0, jsx_runtime_1.jsx)(link_1.Link, { size: 'm', textMode: 'default', text: docsLink.text || t('docsLink'), href: docsLink.href, target: '_blank' }))] })] })));
+}

package/dist/cjs/components/PriceSummary/components/DiscountBlock/DiscountBlock.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { DiscountDetails } from '../../../../types';
+export type DiscountBlockProps = WithLayoutType<{
+    value: DiscountDetails;
+}>;
+export declare function DiscountBlock({ value, layoutType }: DiscountBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/DiscountBlock/DiscountBlock.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscountBlock = DiscountBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const typography_1 = require("@snack-uikit/typography");
+const helpers_1 = require("../../../../helpers");
+const DiscountPercentCell_1 = require("../DiscountPercentCell");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DiscountBlock({ value, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.discountGrid, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { tag: 'div', children: t('basePrice') }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansLabelM, { tag: 'div', className: styles_module_scss_1.default.priceCell, children: (0, helpers_1.formatCurrency)(value.price) })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.discountGrid, children: value.discounts.map((discount, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DiscountPercentCell_1.DiscountPercentCell, { discount: discount, layoutType: layoutType }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansLabelM, { tag: 'div', className: styles_module_scss_1.default.discountCell, children: (0, helpers_1.formatCurrency)(-Math.abs(discount.value)) })] }, index))) })] }));
+}

package/dist/cjs/components/PriceSummary/components/DiscountBlock/index.d.ts

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

package/dist/cjs/components/PriceSummary/components/DiscountBlock/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("./DiscountBlock"), exports);

package/dist/cjs/components/PriceSummary/components/DiscountBlock/styles.module.css

@@ -0,0 +1,16 @@
+.discountGrid{
+  display:grid;
+  grid-template-columns:1fr 1fr;
+  -moz-column-gap:var(--dimension-1m, 8px);
+       column-gap:var(--dimension-1m, 8px);
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.priceCell{
+  justify-self:end;
+}
+
+.discountCell{
+  justify-self:end;
+  color:var(--sys-red-text-support, #ae514c);
+}

package/dist/cjs/components/PriceSummary/components/DiscountPercentCell/DiscountPercentCell.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { DiscountItem } from '../../../../types';
+export type DiscountPercentCellProps = WithLayoutType<{
+    discount: DiscountItem;
+}>;
+export declare function DiscountPercentCell({ discount, layoutType }: DiscountPercentCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/DiscountPercentCell/DiscountPercentCell.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscountPercentCell = DiscountPercentCell;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ft_formatters_1 = require("@cloud-ru/ft-formatters");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_tooltip_1 = require("@sbercloud/uikit-product-mobile-tooltip");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DiscountPercentCell({ discount, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.percentCell, children: discount.percent && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(typography_1.Typography.SansBodyS, { children: [t('discount'), " ", (0, ft_formatters_1.formatNumber)(-Math.abs(discount.percent)), "%"] }), discount.tooltip && ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.AdaptiveQuestionTooltip, { layoutType: layoutType, tip: discount.tooltip, trigger: layoutType === 'mobile' ? 'click' : 'hover' }))] })) }));
+}

package/dist/cjs/components/PriceSummary/components/DiscountPercentCell/index.d.ts

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

package/dist/cjs/components/PriceSummary/components/DiscountPercentCell/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("./DiscountPercentCell"), exports);

package/dist/cjs/components/PriceSummary/components/DiscountPercentCell/styles.module.css

@@ -0,0 +1,5 @@
+.percentCell{
+  display:flex;
+  align-items:center;
+  gap:2px;
+}

package/dist/cjs/components/PriceSummary/components/Divider/Divider.d.ts

@@ -0,0 +1 @@
+export declare function Divider(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/Divider/Divider.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = Divider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Divider() {
+    return (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.divider });
+}

package/dist/cjs/components/PriceSummary/components/Divider/index.d.ts

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

package/dist/cjs/components/PriceSummary/components/Divider/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("./Divider"), exports);

package/dist/cjs/components/PriceSummary/components/Divider/styles.module.css

@@ -0,0 +1,6 @@
+.divider{
+  width:100%;
+  height:0;
+  border-top:1px dashed var(--sys-neutral-decor-default, #dde0ea);
+  margin:var(--dimension-050m, 4px) 0;
+}

package/dist/cjs/components/PriceSummary/components/HeaderBlock/HeaderBlock.d.ts

@@ -0,0 +1,6 @@
+import { PromoTagProps } from '@snack-uikit/promo-tag';
+import { PeriodDropdownProps } from '../PeriodDropdown';
+export type HeaderBlockProps = PeriodDropdownProps & {
+    promoBadge?: Pick<PromoTagProps, 'text' | 'appearance'> | string;
+};
+export declare function HeaderBlock({ period, onPeriodChanged, periodOptions, promoBadge, layoutType }: HeaderBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/HeaderBlock/HeaderBlock.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderBlock = HeaderBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const promo_tag_1 = require("@snack-uikit/promo-tag");
+const typography_1 = require("@snack-uikit/typography");
+const PeriodDropdown_1 = require("../PeriodDropdown");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function HeaderBlock({ period, onPeriodChanged, periodOptions, promoBadge, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [promoBadge && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.promoBadge, children: (0, jsx_runtime_1.jsx)(promo_tag_1.PromoTag, Object.assign({}, (typeof promoBadge === 'string' ? { text: promoBadge } : promoBadge))) })), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.headline, children: [(0, jsx_runtime_1.jsx)(PeriodDropdown_1.PeriodDropdown, { period: period, onPeriodChanged: onPeriodChanged, periodOptions: periodOptions, layoutType: layoutType }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.vat, children: t('vat') })] })] }));
+}

package/dist/cjs/components/PriceSummary/components/HeaderBlock/index.d.ts

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

package/dist/cjs/components/PriceSummary/components/HeaderBlock/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("./HeaderBlock"), exports);

package/dist/cjs/components/PriceSummary/components/HeaderBlock/styles.module.css

@@ -0,0 +1,14 @@
+.headline{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+}
+
+.vat{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.promoBadge{
+  display:flex;
+}

package/dist/cjs/components/PriceSummary/components/InvoiceBlock/InvoiceBlock.d.ts

@@ -0,0 +1,7 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { InvoiceDetails } from '../../../../types';
+export type InvoiceBlockProps = WithLayoutType<{
+    invoice: InvoiceDetails[];
+    invoiceExpandedDefault?: boolean;
+}>;
+export declare function InvoiceBlock({ invoice, invoiceExpandedDefault, layoutType }: InvoiceBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/InvoiceBlock/InvoiceBlock.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvoiceBlock = InvoiceBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const accordion_1 = require("@snack-uikit/accordion");
+const typography_1 = require("@snack-uikit/typography");
+const InvoiceDetailsBlock_1 = require("../InvoiceDetailsBlock");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function InvoiceBlock({ invoice, invoiceExpandedDefault, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    const invoiceBlockId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsx)(accordion_1.AccordionSecondary, { expandedDefault: invoiceExpandedDefault ? invoiceBlockId : undefined, className: styles_module_scss_1.default.accordion, children: (0, jsx_runtime_1.jsx)(accordion_1.AccordionSecondary.CollapseBlock, { id: invoiceBlockId, header: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.accordionHeaderTitle, children: t('orderDetails') }), children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.accordionContent, children: invoice.map((invoice, index) => ((0, jsx_runtime_1.jsx)(InvoiceDetailsBlock_1.InvoiceDetailsBlock, { invoice: invoice, layoutType: layoutType }, index))) }) }) }));
+}

package/dist/cjs/components/PriceSummary/components/InvoiceBlock/index.d.ts

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

package/dist/cjs/components/PriceSummary/components/InvoiceBlock/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("./InvoiceBlock"), exports);

package/dist/cjs/components/PriceSummary/components/InvoiceBlock/styles.module.css

@@ -0,0 +1,18 @@
+.accordion{
+  --space-accordion-collapse-block-secondary-horizontal-padding:0;
+  --space-accordion-collapse-block-secondary-vertical-padding:var(--dimension-1m, 8px);
+  --space-accordion-collapse-block-secondary-gap:var(--dimension-1m, 8px);
+  --border-width-accordion-collapse-block-secondary:0;
+  --accordion-header-padding-vertical:0;
+}
+
+.accordionHeaderTitle{
+  color:var(--sys-neutral-text-support, #6d707f);
+  padding:2px 0;
+}
+
+.accordionContent{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+}

package/dist/cjs/components/PriceSummary/components/InvoiceDetailsBlock/InvoiceDetailsBlock.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { InvoiceDetails } from '../../../../types';
+export type InvoiceDetailsBlockProps = WithLayoutType<{
+    invoice: InvoiceDetails;
+}>;
+export declare function InvoiceDetailsBlock({ invoice, layoutType }: InvoiceDetailsBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/InvoiceDetailsBlock/InvoiceDetailsBlock.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvoiceDetailsBlock = InvoiceDetailsBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const typography_1 = require("@snack-uikit/typography");
+const helpers_1 = require("../../../../helpers");
+const Divider_1 = require("../Divider");
+const InvoiceItemBlock_1 = require("../InvoiceItemBlock");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function InvoiceDetailsBlock({ invoice, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.main, children: [invoice.title && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansLabelM, { children: invoice.title }), invoice.quantity && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansLabelM, { children: (0, helpers_1.formatQuantity)(invoice.quantity) })] }), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {})] })), invoice.items.map((item, index) => ((0, jsx_runtime_1.jsx)(InvoiceItemBlock_1.InvoiceItemBlock, { item: item, index: index, layoutType: layoutType }, index))), invoice.price !== undefined && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footer, children: (0, jsx_runtime_1.jsxs)(typography_1.Typography.SansLabelM, { children: [t('price'), ": ", (0, helpers_1.formatCurrency)(invoice.price)] }) })] }))] }));
+}

package/dist/cjs/components/PriceSummary/components/InvoiceDetailsBlock/index.d.ts

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

package/dist/cjs/components/PriceSummary/components/InvoiceDetailsBlock/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("./InvoiceDetailsBlock"), exports);

package/dist/cjs/components/PriceSummary/components/InvoiceDetailsBlock/styles.module.css

@@ -0,0 +1,16 @@
+.main{
+  border-radius:var(--dimension-050m, 4px);
+  padding:var(--dimension-050m, 4px) var(--dimension-1m, 8px);
+  border:1px dashed var(--sys-neutral-decor-default, #dde0ea);
+}
+
+.header{
+  display:flex;
+  justify-content:space-between;
+}
+
+.footer{
+  display:flex;
+  align-items:center;
+  justify-content:flex-end;
+}

package/dist/cjs/components/PriceSummary/components/InvoiceItemBlock/InvoiceItemBlock.d.ts

@@ -0,0 +1,7 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { InvoiceItem } from '../../../../types';
+export type InvoiceItemBlockProps = WithLayoutType<{
+    item: InvoiceItem;
+    index: number;
+}>;
+export declare function InvoiceItemBlock({ item, index, layoutType }: InvoiceItemBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/InvoiceItemBlock/InvoiceItemBlock.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvoiceItemBlock = InvoiceItemBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@snack-uikit/typography");
+const helpers_1 = require("../../../../helpers");
+const DiscountPercentCell_1 = require("../DiscountPercentCell");
+const Divider_1 = require("../Divider");
+const InvoiceItemLabelCell_1 = require("../InvoiceItemLabelCell");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function InvoiceItemBlock({ item, index, layoutType }) {
+    const isEven = (index + 1) % 2 === 0;
+    const isSecondary = item.primary === undefined ? isEven : !item.primary;
+    const getPriceItem = () => {
+        if (item.hidePrice === false) {
+            return item.price !== undefined ? (0, helpers_1.formatCurrency)(item.price) : 'n/a';
+        }
+        return item.price !== undefined ? (0, helpers_1.formatCurrency)(item.price) : undefined;
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.topDivider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.itemGrid, "data-discount": Boolean(item.discount), children: ['label' in item && item.label !== undefined && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.labelCell, "data-secondary": isSecondary, children: (0, jsx_runtime_1.jsx)(InvoiceItemLabelCell_1.InvoiceItemLabelCell, { item: item, layoutType: layoutType }) }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { tag: 'div', className: styles_module_scss_1.default.priceCell, "data-secondary": isSecondary, children: getPriceItem() })] })), item.discount && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.percentCell, "data-secondary": isSecondary, children: (0, jsx_runtime_1.jsx)(DiscountPercentCell_1.DiscountPercentCell, { discount: item.discount, layoutType: layoutType }) }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { tag: 'div', className: styles_module_scss_1.default.discountCell, "data-secondary": isSecondary, children: (0, helpers_1.formatCurrency)(-Math.abs(item.discount.value)) })] }))] }), item.bottomDivider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, {})] }));
+}

package/dist/cjs/components/PriceSummary/components/InvoiceItemBlock/index.d.ts

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

package/dist/cjs/components/PriceSummary/components/InvoiceItemBlock/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("./InvoiceItemBlock"), exports);

package/dist/cjs/components/PriceSummary/components/InvoiceItemBlock/styles.module.css

@@ -0,0 +1,33 @@
+.itemGrid{
+  display:grid;
+  grid-template-columns:1fr auto;
+  -moz-column-gap:var(--dimension-1m, 8px);
+       column-gap:var(--dimension-1m, 8px);
+}
+.itemGrid[data-discount=true]{
+  margin-bottom:var(--dimension-050m, 4px);
+}
+
+.labelCell{
+  display:flex;
+  overflow:hidden;
+  gap:var(--dimension-050m, 4px);
+}
+
+.priceCell{
+  justify-self:end;
+}
+
+.labelCell[data-secondary=true],
+.priceCell[data-secondary=true],
+.percentCell[data-secondary=true]{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.discountCell{
+  justify-self:end;
+  color:var(--sys-red-accent-default, #cb3f3e);
+}
+.discountCell[data-secondary=true]{
+  color:var(--sys-red-text-disabled, #ee9285);
+}

package/dist/cjs/components/PriceSummary/components/InvoiceItemLabelCell/InvoiceItemLabelCell.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { InvoiceItem } from '../../../../types';
+export type InvoiceItemLabelCellProps = WithLayoutType<{
+    item: InvoiceItem;
+}>;
+export declare function InvoiceItemLabelCell({ item, layoutType }: InvoiceItemLabelCellProps): false | import("react/jsx-runtime").JSX.Element;