@cloud-ru/uikit-product-price-summary 2.0.5 → 2.1.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 2.1.0 (2026-02-17)
+
+
+### Features
+
+* **PDS-3467:** add coveredByGrant to PriceSummary ([db3491f](https://github.com/cloud-ru-tech/uikit-product/commit/db3491f9e44be375ec8c8191e0ebed9f45d546db))
+* **PDS-3467:** add coveredByGrant to PriceSummary ([11bd338](https://github.com/cloud-ru-tech/uikit-product/commit/11bd338b9b77e0fec883770c6f10d957203bd4d0))
+
+
+
+
+
 ## 2.0.5 (2026-02-16)
 
 

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

@@ -0,0 +1,5 @@
+export type CoveredByGrantLabelProps = {
+    covered: boolean;
+    className?: string;
+};
+export declare function CoveredByGrantLabel({ covered, className }: CoveredByGrantLabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/CoveredByGrantLabel/CoveredByGrantLabel.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.CoveredByGrantLabel = CoveredByGrantLabel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
+const promo_tag_1 = require("@snack-uikit/promo-tag");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function CoveredByGrantLabel({ covered, className }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.coveredByGrant, className), children: [(0, jsx_runtime_1.jsx)(promo_tag_1.PromoTag, { appearance: covered ? 'green' : 'neutral', color: 'decor', text: covered ? t('coveredByGrant') : t('notCoveredByGrant') }), (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { tip: covered ? t('coveredByGrantTooltip') : t('notCoveredByGrantTooltip'), size: 'xs', placement: 'top', trigger: 'hover', tabIndex: -1 })] }));
+}

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

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

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

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

@@ -0,0 +1,6 @@
+.coveredByGrant{
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+  height:32px;
+}

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

@@ -8,10 +8,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const typography_1 = require("@snack-uikit/typography");
 const helpers_1 = require("../../../../helpers");
+const CoveredByGrantLabel_1 = require("../CoveredByGrantLabel");
 const Divider_1 = require("../Divider");
 const InvoiceItemBlock_1 = require("../InvoiceItemBlock");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function InvoiceDetailsBlock({ invoice, layoutType }) {
+    var _a;
     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)] }) })] }))] }));
+    const primaryItems = invoice.items.filter(item => item.primary);
+    const firstValue = (_a = primaryItems[0]) === null || _a === void 0 ? void 0 : _a.coveredByGrant;
+    const allSameValue = primaryItems.length > 0 && primaryItems.every(item => item.coveredByGrant === firstValue);
+    const showBlockLabel = allSameValue && firstValue !== undefined;
+    const showItemLabels = !showBlockLabel;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.main, children: [showBlockLabel && (0, jsx_runtime_1.jsx)(CoveredByGrantLabel_1.CoveredByGrantLabel, { covered: firstValue }), 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, showCoveredByGrantLabel: showItemLabels }, 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/InvoiceItemBlock/InvoiceItemBlock.d.ts

@@ -3,5 +3,6 @@ import { InvoiceItem } from '../../../../types';
 export type InvoiceItemBlockProps = WithLayoutType<{
     item: InvoiceItem;
     index: number;
+    showCoveredByGrantLabel?: boolean;
 }>;
-export declare function InvoiceItemBlock({ item, index, layoutType }: InvoiceItemBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function InvoiceItemBlock({ item, index, layoutType, showCoveredByGrantLabel }: InvoiceItemBlockProps): import("react/jsx-runtime").JSX.Element;

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

@@ -7,11 +7,12 @@ exports.InvoiceItemBlock = InvoiceItemBlock;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const typography_1 = require("@snack-uikit/typography");
 const helpers_1 = require("../../../../helpers");
+const CoveredByGrantLabel_1 = require("../CoveredByGrantLabel");
 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 }) {
+function InvoiceItemBlock({ item, index, layoutType, showCoveredByGrantLabel }) {
     const isEven = (index + 1) % 2 === 0;
     const isSecondary = item.primary === undefined ? isEven : !item.primary;
     const getPriceItem = () => {
@@ -20,5 +21,5 @@ function InvoiceItemBlock({ item, index, layoutType }) {
         }
         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, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.topDivider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), item.coveredByGrant !== undefined && showCoveredByGrantLabel && ((0, jsx_runtime_1.jsx)(CoveredByGrantLabel_1.CoveredByGrantLabel, { covered: item.coveredByGrant })), (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/types/index.d.ts

@@ -23,16 +23,24 @@ export type PriceInvoiceItem = {
 export type DiscountInvoiceItem = {
     discount: DiscountItem;
 };
-export type InvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
+export type BaseInvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
     labelTooltip?: QuestionTooltipProps['tip'];
     price?: number;
     hidePrice?: boolean;
     labelMaxLines?: number;
     quantity?: string | number;
-    primary?: boolean;
     topDivider?: boolean;
     bottomDivider?: boolean;
 };
+export type PrimaryInvoiceItem = BaseInvoiceItem & {
+    primary: true;
+    coveredByGrant?: boolean;
+};
+export type SecondaryInvoiceItem = BaseInvoiceItem & {
+    primary?: false;
+    coveredByGrant?: never;
+};
+export type InvoiceItem = PrimaryInvoiceItem | SecondaryInvoiceItem;
 export type InvoiceDetails = {
     title?: string;
     quantity?: string | number;

package/dist/esm/components/PriceSummary/components/CoveredByGrantLabel/CoveredByGrantLabel.d.ts

@@ -0,0 +1,5 @@
+export type CoveredByGrantLabelProps = {
+    covered: boolean;
+    className?: string;
+};
+export declare function CoveredByGrantLabel({ covered, className }: CoveredByGrantLabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/PriceSummary/components/CoveredByGrantLabel/CoveredByGrantLabel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { useLocale } from '@cloud-ru/uikit-product-locale';
+import { PromoTag } from '@snack-uikit/promo-tag';
+import { QuestionTooltip } from '@snack-uikit/tooltip';
+import styles from './styles.module.css';
+export function CoveredByGrantLabel({ covered, className }) {
+    const { t } = useLocale('PriceSummary');
+    return (_jsxs("div", { className: cn(styles.coveredByGrant, className), children: [_jsx(PromoTag, { appearance: covered ? 'green' : 'neutral', color: 'decor', text: covered ? t('coveredByGrant') : t('notCoveredByGrant') }), _jsx(QuestionTooltip, { tip: covered ? t('coveredByGrantTooltip') : t('notCoveredByGrantTooltip'), size: 'xs', placement: 'top', trigger: 'hover', tabIndex: -1 })] }));
+}

package/dist/esm/components/PriceSummary/components/CoveredByGrantLabel/index.d.ts

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

package/dist/esm/components/PriceSummary/components/CoveredByGrantLabel/index.js

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

package/dist/esm/components/PriceSummary/components/CoveredByGrantLabel/styles.module.css

@@ -0,0 +1,6 @@
+.coveredByGrant{
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+  height:32px;
+}

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

@@ -2,10 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { Typography } from '@snack-uikit/typography';
 import { formatCurrency, formatQuantity } from '../../../../helpers';
+import { CoveredByGrantLabel } from '../CoveredByGrantLabel';
 import { Divider } from '../Divider';
 import { InvoiceItemBlock } from '../InvoiceItemBlock';
 import styles from './styles.module.css';
 export function InvoiceDetailsBlock({ invoice, layoutType }) {
+    var _a;
     const { t } = useLocale('PriceSummary');
-    return (_jsxs("div", { className: styles.main, children: [invoice.title && (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.header, children: [_jsx(Typography.SansLabelM, { children: invoice.title }), invoice.quantity && _jsx(Typography.SansLabelM, { children: formatQuantity(invoice.quantity) })] }), _jsx(Divider, {})] })), invoice.items.map((item, index) => (_jsx(InvoiceItemBlock, { item: item, index: index, layoutType: layoutType }, index))), invoice.price !== undefined && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx("div", { className: styles.footer, children: _jsxs(Typography.SansLabelM, { children: [t('price'), ": ", formatCurrency(invoice.price)] }) })] }))] }));
+    const primaryItems = invoice.items.filter(item => item.primary);
+    const firstValue = (_a = primaryItems[0]) === null || _a === void 0 ? void 0 : _a.coveredByGrant;
+    const allSameValue = primaryItems.length > 0 && primaryItems.every(item => item.coveredByGrant === firstValue);
+    const showBlockLabel = allSameValue && firstValue !== undefined;
+    const showItemLabels = !showBlockLabel;
+    return (_jsxs("div", { className: styles.main, children: [showBlockLabel && _jsx(CoveredByGrantLabel, { covered: firstValue }), invoice.title && (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.header, children: [_jsx(Typography.SansLabelM, { children: invoice.title }), invoice.quantity && _jsx(Typography.SansLabelM, { children: formatQuantity(invoice.quantity) })] }), _jsx(Divider, {})] })), invoice.items.map((item, index) => (_jsx(InvoiceItemBlock, { item: item, index: index, layoutType: layoutType, showCoveredByGrantLabel: showItemLabels }, index))), invoice.price !== undefined && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx("div", { className: styles.footer, children: _jsxs(Typography.SansLabelM, { children: [t('price'), ": ", formatCurrency(invoice.price)] }) })] }))] }));
 }

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

@@ -3,5 +3,6 @@ import { InvoiceItem } from '../../../../types';
 export type InvoiceItemBlockProps = WithLayoutType<{
     item: InvoiceItem;
     index: number;
+    showCoveredByGrantLabel?: boolean;
 }>;
-export declare function InvoiceItemBlock({ item, index, layoutType }: InvoiceItemBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function InvoiceItemBlock({ item, index, layoutType, showCoveredByGrantLabel }: InvoiceItemBlockProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from '@snack-uikit/typography';
 import { formatCurrency } from '../../../../helpers';
+import { CoveredByGrantLabel } from '../CoveredByGrantLabel';
 import { DiscountPercentCell } from '../DiscountPercentCell';
 import { Divider } from '../Divider';
 import { InvoiceItemLabelCell } from '../InvoiceItemLabelCell';
 import styles from './styles.module.css';
-export function InvoiceItemBlock({ item, index, layoutType }) {
+export function InvoiceItemBlock({ item, index, layoutType, showCoveredByGrantLabel }) {
     const isEven = (index + 1) % 2 === 0;
     const isSecondary = item.primary === undefined ? isEven : !item.primary;
     const getPriceItem = () => {
@@ -14,5 +15,5 @@ export function InvoiceItemBlock({ item, index, layoutType }) {
         }
         return item.price !== undefined ? formatCurrency(item.price) : undefined;
     };
-    return (_jsxs(_Fragment, { children: [item.topDivider && _jsx(Divider, {}), _jsxs("div", { className: styles.itemGrid, "data-discount": Boolean(item.discount), children: ['label' in item && item.label !== undefined && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.labelCell, "data-secondary": isSecondary, children: _jsx(InvoiceItemLabelCell, { item: item, layoutType: layoutType }) }), _jsx(Typography.SansBodyS, { tag: 'div', className: styles.priceCell, "data-secondary": isSecondary, children: getPriceItem() })] })), item.discount && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.percentCell, "data-secondary": isSecondary, children: _jsx(DiscountPercentCell, { discount: item.discount, layoutType: layoutType }) }), _jsx(Typography.SansBodyS, { tag: 'div', className: styles.discountCell, "data-secondary": isSecondary, children: formatCurrency(-Math.abs(item.discount.value)) })] }))] }), item.bottomDivider && _jsx(Divider, {})] }));
+    return (_jsxs(_Fragment, { children: [item.topDivider && _jsx(Divider, {}), item.coveredByGrant !== undefined && showCoveredByGrantLabel && (_jsx(CoveredByGrantLabel, { covered: item.coveredByGrant })), _jsxs("div", { className: styles.itemGrid, "data-discount": Boolean(item.discount), children: ['label' in item && item.label !== undefined && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.labelCell, "data-secondary": isSecondary, children: _jsx(InvoiceItemLabelCell, { item: item, layoutType: layoutType }) }), _jsx(Typography.SansBodyS, { tag: 'div', className: styles.priceCell, "data-secondary": isSecondary, children: getPriceItem() })] })), item.discount && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.percentCell, "data-secondary": isSecondary, children: _jsx(DiscountPercentCell, { discount: item.discount, layoutType: layoutType }) }), _jsx(Typography.SansBodyS, { tag: 'div', className: styles.discountCell, "data-secondary": isSecondary, children: formatCurrency(-Math.abs(item.discount.value)) })] }))] }), item.bottomDivider && _jsx(Divider, {})] }));
 }

package/dist/esm/types/index.d.ts

@@ -23,16 +23,24 @@ export type PriceInvoiceItem = {
 export type DiscountInvoiceItem = {
     discount: DiscountItem;
 };
-export type InvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
+export type BaseInvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
     labelTooltip?: QuestionTooltipProps['tip'];
     price?: number;
     hidePrice?: boolean;
     labelMaxLines?: number;
     quantity?: string | number;
-    primary?: boolean;
     topDivider?: boolean;
     bottomDivider?: boolean;
 };
+export type PrimaryInvoiceItem = BaseInvoiceItem & {
+    primary: true;
+    coveredByGrant?: boolean;
+};
+export type SecondaryInvoiceItem = BaseInvoiceItem & {
+    primary?: false;
+    coveredByGrant?: never;
+};
+export type InvoiceItem = PrimaryInvoiceItem | SecondaryInvoiceItem;
 export type InvoiceDetails = {
     title?: string;
     quantity?: string | number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-price-summary",
   "title": "Price Summary",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -56,5 +56,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "2c5f4aadeb5beac7a522f3183a7250dc20d6f9a9"
+  "gitHead": "bf43b88679e139965b4fde448011ed5bf1ca213d"
 }

package/src/components/PriceSummary/components/CoveredByGrantLabel/CoveredByGrantLabel.tsx

@@ -0,0 +1,32 @@
+import cn from 'classnames';
+
+import { useLocale } from '@cloud-ru/uikit-product-locale';
+import { PromoTag } from '@snack-uikit/promo-tag';
+import { QuestionTooltip } from '@snack-uikit/tooltip';
+
+import styles from './styles.module.scss';
+
+export type CoveredByGrantLabelProps = {
+  covered: boolean;
+  className?: string;
+};
+
+export function CoveredByGrantLabel({ covered, className }: CoveredByGrantLabelProps) {
+  const { t } = useLocale('PriceSummary');
+  return (
+    <div className={cn(styles.coveredByGrant, className)}>
+      <PromoTag
+        appearance={covered ? 'green' : 'neutral'}
+        color='decor'
+        text={covered ? t('coveredByGrant') : t('notCoveredByGrant')}
+      />
+      <QuestionTooltip
+        tip={covered ? t('coveredByGrantTooltip') : t('notCoveredByGrantTooltip')}
+        size='xs'
+        placement='top'
+        trigger='hover'
+        tabIndex={-1}
+      />
+    </div>
+  );
+}

package/src/components/PriceSummary/components/CoveredByGrantLabel/index.ts

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

package/src/components/PriceSummary/components/CoveredByGrantLabel/styles.module.scss

@@ -0,0 +1,8 @@
+@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables';
+
+.coveredByGrant {
+  display: flex;
+  align-items: center;
+  gap: styles-theme-variables.$dimension-050m;
+  height: 32px;
+}

package/src/components/PriceSummary/components/InvoiceDetailsBlock/InvoiceDetailsBlock.tsx

@@ -4,6 +4,7 @@ import { Typography } from '@snack-uikit/typography';
 
 import { formatCurrency, formatQuantity } from '../../../../helpers';
 import { InvoiceDetails } from '../../../../types';
+import { CoveredByGrantLabel } from '../CoveredByGrantLabel';
 import { Divider } from '../Divider';
 import { InvoiceItemBlock } from '../InvoiceItemBlock';
 import styles from './styles.module.scss';
@@ -15,8 +16,17 @@ export type InvoiceDetailsBlockProps = WithLayoutType<{
 export function InvoiceDetailsBlock({ invoice, layoutType }: InvoiceDetailsBlockProps) {
   const { t } = useLocale('PriceSummary');
 
+  const primaryItems = invoice.items.filter(item => item.primary);
+  const firstValue = primaryItems[0]?.coveredByGrant;
+  const allSameValue = primaryItems.length > 0 && primaryItems.every(item => item.coveredByGrant === firstValue);
+
+  const showBlockLabel = allSameValue && firstValue !== undefined;
+  const showItemLabels = !showBlockLabel;
+
   return (
     <div className={styles.main}>
+      {showBlockLabel && <CoveredByGrantLabel covered={firstValue} />}
+
       {invoice.title && (
         <>
           <div className={styles.header}>
@@ -29,7 +39,13 @@ export function InvoiceDetailsBlock({ invoice, layoutType }: InvoiceDetailsBlock
       )}
 
       {invoice.items.map((item, index) => (
-        <InvoiceItemBlock key={index} item={item} index={index} layoutType={layoutType} />
+        <InvoiceItemBlock
+          key={index}
+          item={item}
+          index={index}
+          layoutType={layoutType}
+          showCoveredByGrantLabel={showItemLabels}
+        />
       ))}
 
       {invoice.price !== undefined && (

package/src/components/PriceSummary/components/InvoiceDetailsBlock/styles.module.scss

@@ -15,4 +15,4 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
-}
+}

package/src/components/PriceSummary/components/InvoiceItemBlock/InvoiceItemBlock.tsx

@@ -3,6 +3,7 @@ import { Typography } from '@snack-uikit/typography';
 
 import { formatCurrency } from '../../../../helpers';
 import { InvoiceItem } from '../../../../types';
+import { CoveredByGrantLabel } from '../CoveredByGrantLabel';
 import { DiscountPercentCell } from '../DiscountPercentCell';
 import { Divider } from '../Divider';
 import { InvoiceItemLabelCell } from '../InvoiceItemLabelCell';
@@ -11,9 +12,10 @@ import styles from './styles.module.scss';
 export type InvoiceItemBlockProps = WithLayoutType<{
   item: InvoiceItem;
   index: number;
+  showCoveredByGrantLabel?: boolean;
 }>;
 
-export function InvoiceItemBlock({ item, index, layoutType }: InvoiceItemBlockProps) {
+export function InvoiceItemBlock({ item, index, layoutType, showCoveredByGrantLabel }: InvoiceItemBlockProps) {
   const isEven = (index + 1) % 2 === 0;
 
   const isSecondary = item.primary === undefined ? isEven : !item.primary;
@@ -30,6 +32,9 @@ export function InvoiceItemBlock({ item, index, layoutType }: InvoiceItemBlockPr
     <>
       {item.topDivider && <Divider />}
 
+      {item.coveredByGrant !== undefined && showCoveredByGrantLabel && (
+        <CoveredByGrantLabel covered={item.coveredByGrant} />
+      )}
       <div className={styles.itemGrid} data-discount={Boolean(item.discount)}>
         {'label' in item && item.label !== undefined && (
           <>

package/src/types/index.ts

@@ -30,17 +30,28 @@ export type DiscountInvoiceItem = {
   discount: DiscountItem;
 };
 
-export type InvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
+export type BaseInvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
   labelTooltip?: QuestionTooltipProps['tip'];
   price?: number;
   hidePrice?: boolean;
   labelMaxLines?: number;
   quantity?: string | number;
-  primary?: boolean;
   topDivider?: boolean;
   bottomDivider?: boolean;
 };
 
+export type PrimaryInvoiceItem = BaseInvoiceItem & {
+  primary: true;
+  coveredByGrant?: boolean;
+};
+
+export type SecondaryInvoiceItem = BaseInvoiceItem & {
+  primary?: false;
+  coveredByGrant?: never;
+};
+
+export type InvoiceItem = PrimaryInvoiceItem | SecondaryInvoiceItem;
+
 export type InvoiceDetails = {
   title?: string;
   quantity?: string | number;