@cloud-ru/ds-uikit-product-price-summary 1.0.0

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

@@ -0,0 +1,12 @@
+.loadingBlock{
+  display:flex;
+  justify-content:center;
+  padding:var(--sn-primitive-dimension-4, 4px);
+}
+
+.dataErrorBlock{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
+}

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

@@ -0,0 +1,22 @@
+import { LinkProps } from '@cloud-ru/ds-link';
+import { WithSupportProps } from '@cloud-ru/ds-utils';
+import { DiscountDetails, InvoiceDetails } from '../../types';
+import { ContentBlockProps } from '../ContentBlock';
+import { HeaderBlockProps } from './components/HeaderBlock';
+import { TotalValueBlockProps } from './components/TotalValueBlock';
+export type PriceSummaryProps = WithSupportProps<TotalValueBlockProps & HeaderBlockProps & ContentBlockProps & {
+    /** Блок базовой цены и скидок. */
+    discount?: DiscountDetails;
+    /** Секции детализации заказа в аккордеоне. */
+    invoice?: InvoiceDetails[];
+    /** Начальное состояние раскрытия аккордеона invoice. */
+    invoiceExpandedDefault?: boolean;
+    /** Ссылка «Подробнее о расчёте». */
+    docsLink?: {
+        href?: LinkProps['href'];
+        label?: LinkProps['label'];
+    };
+    /** Дополнительный класс корневого контейнера. */
+    className?: string;
+}>;
+export declare function PriceSummary({ value, totalSumType, hint, period, onPeriodChanged, periodOptions, promoBadge, loading, dataError, onRetry, discount, invoice, invoiceExpandedDefault, docsLink, className, hintAppearance, showHintTooltip, hintTooltipText, hintLink, showHintLink, valueDelta, vatType, ...rest }: PriceSummaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/PriceSummary.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.PriceSummary = PriceSummary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = require("@cloud-ru/ds-link");
+const materials_1 = require("@cloud-ru/ds-materials");
+const utils_1 = require("@cloud-ru/ds-utils");
+const classnames_1 = __importDefault(require("classnames"));
+const locale_1 = require("../../locale");
+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({ value, totalSumType, hint, period, onPeriodChanged, periodOptions, promoBadge, loading, dataError, onRetry, discount, invoice, invoiceExpandedDefault = true, docsLink, className, hintAppearance, showHintTooltip = false, hintTooltipText, hintLink, showHintLink, valueDelta, vatType, ...rest }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    const { appearance, level } = (0, materials_1.backgroundPredefinedFillToAcrylic)(materials_1.BACKGROUND_PREDEFINED_FILL.NeutralBackground1Level);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.priceSummary, className), "data-acrylic-appearance": appearance, "data-acrylic-level": level, ...(0, utils_1.extractSupportProps)(rest), children: [(0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.acrylic, "aria-hidden": true, "data-acrylic-background": true }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)(HeaderBlock_1.HeaderBlock, { period: period, onPeriodChanged: onPeriodChanged, periodOptions: periodOptions, promoBadge: promoBadge, vatType: vatType }), (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 }), (0, jsx_runtime_1.jsx)(TotalValueBlock_1.TotalValueBlock, { value: value, totalSumType: totalSumType, hint: hint, hintAppearance: hintAppearance, showHintTooltip: showHintTooltip, hintTooltipText: hintTooltipText, hintLink: hintLink, showHintLink: showHintLink, valueDelta: valueDelta }), invoice && invoice.length > 0 && ((0, jsx_runtime_1.jsx)(InvoiceBlock_1.InvoiceBlock, { invoice: invoice, invoiceExpandedDefault: invoiceExpandedDefault })), docsLink?.href && (0, jsx_runtime_1.jsx)(link_1.Link, { label: docsLink.label || t('docsLink'), href: docsLink.href, target: '_blank' })] })] })] }));
+}

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 promo_tag_1 = require("@cloud-ru/ds-promo-tag");
+const tooltip_1 = require("@cloud-ru/ds-tooltip");
+const classnames_1 = __importDefault(require("classnames"));
+const locale_1 = require("../../../../locale");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function CoveredByGrantLabel({ covered, className }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    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', roleAppearance: promo_tag_1.ROLE_APPEARANCE.Decor, label: 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;
+  gap:var(--sn-primitive-dimension-4, 4px);
+  align-items:center;
+  height:var(--sn-primitive-dimension-32, 32px);
+}

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

@@ -0,0 +1,5 @@
+import { DiscountDetails } from '../../../../types';
+export type DiscountBlockProps = {
+    value: DiscountDetails;
+};
+export declare function DiscountBlock({ value }: 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 typography_1 = require("@cloud-ru/ds-typography");
+const react_1 = require("react");
+const helpers_1 = require("../../../../helpers");
+const locale_1 = require("../../../../locale");
+const DiscountPercentCell_1 = require("../DiscountPercentCell");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DiscountBlock({ value }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    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, { variant: typography_1.VARIANT.body, size: typography_1.SIZE.s, as: 'div', children: t('basePrice') }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: typography_1.VARIANT.label, size: typography_1.SIZE.m, as: '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 }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: typography_1.VARIANT.label, size: typography_1.SIZE.m, as: '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(--sn-primitive-dimension-8, 8px);
+       column-gap:var(--sn-primitive-dimension-8, 8px);
+  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(65, 66, 78, 0.8)));
+}
+
+.priceCell{
+  justify-self:end;
+}
+
+.discountCell{
+  justify-self:end;
+  color:var(--sn-theme-color-red-text, var(--sn-primitive-color-red-45, #a93533));
+}

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

@@ -0,0 +1,5 @@
+import { DiscountItem } from '../../../../types';
+export type DiscountPercentCellProps = {
+    discount: DiscountItem;
+};
+export declare function DiscountPercentCell({ discount }: 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 tooltip_1 = require("@cloud-ru/ds-tooltip");
+const typography_1 = require("@cloud-ru/ds-typography");
+const ft_formatters_1 = require("@cloud-ru/ft-formatters");
+const locale_1 = require("../../../../locale");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DiscountPercentCell({ discount }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    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, { variant: typography_1.VARIANT.body, size: typography_1.SIZE.s, children: [t('discount'), " ", (0, ft_formatters_1.formatNumber)(-Math.abs(discount.percent)), "%"] }), discount.tooltip && (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { tip: discount.tooltip })] })) }));
+}

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;
+  gap:var(--sn-primitive-dimension-2, 2px);
+  align-items:center;
+}

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;
+  margin:var(--sn-primitive-dimension-4, 4px) 0;
+  border-top:var(--sn-primitive-strokeWeight-strokeRegular, 1px) dashed var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-primitive-color-gray-80, #e3e5ed)));
+}

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

@@ -0,0 +1,8 @@
+import { PromoTagProps } from '@cloud-ru/ds-promo-tag';
+import { PeriodDropdownProps } from '../PeriodDropdown';
+import { VatType } from './types';
+export type HeaderBlockProps = PeriodDropdownProps & {
+    vatType?: VatType;
+    promoBadge?: Pick<PromoTagProps, 'label' | 'appearance'> | string;
+};
+export declare function HeaderBlock({ period, onPeriodChanged, periodOptions, promoBadge, vatType, }: HeaderBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/HeaderBlock/HeaderBlock.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.HeaderBlock = HeaderBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const promo_tag_1 = require("@cloud-ru/ds-promo-tag");
+const typography_1 = require("@cloud-ru/ds-typography");
+const locale_1 = require("../../../../locale");
+const PeriodDropdown_1 = require("../PeriodDropdown");
+const constants_1 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function HeaderBlock({ period, onPeriodChanged, periodOptions, promoBadge, vatType = constants_1.VAT_TYPE.Including, }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    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, { ...(typeof promoBadge === 'string' ? { label: 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 }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: typography_1.VARIANT.body, size: typography_1.SIZE.m, className: styles_module_scss_1.default.vat, children: t(vatType === constants_1.VAT_TYPE.Including ? 'vat' : 'vatExcluded') })] })] }));
+}

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

@@ -0,0 +1,4 @@
+export declare const VAT_TYPE: {
+    readonly Including: "including";
+    readonly Excluding: "excluding";
+};

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VAT_TYPE = void 0;
+exports.VAT_TYPE = {
+    Including: 'including',
+    Excluding: 'excluding',
+};

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;
+  gap:var(--sn-primitive-dimension-4, 4px);
+  align-items:center;
+  justify-content:space-between;
+}
+
+.vat{
+  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
+}
+
+.promoBadge{
+  display:flex;
+}

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

@@ -0,0 +1,3 @@
+import { ValueOf } from '@cloud-ru/ds-utils';
+import { VAT_TYPE } from './constants';
+export type VatType = ValueOf<typeof VAT_TYPE>;

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,6 @@
+import { InvoiceDetails } from '../../../../types';
+export type InvoiceBlockProps = {
+    invoice: InvoiceDetails[];
+    invoiceExpandedDefault?: boolean;
+};
+export declare function InvoiceBlock({ invoice, invoiceExpandedDefault }: 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 accordion_1 = require("@cloud-ru/ds-accordion");
+const react_1 = require("react");
+const constants_1 = require("../../../../constants");
+const locale_1 = require("../../../../locale");
+const InvoiceDetailsBlock_1 = require("../InvoiceDetailsBlock");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function InvoiceBlock({ invoice, invoiceExpandedDefault }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    const invoiceBlockId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.accordion, children: (0, jsx_runtime_1.jsx)(accordion_1.Accordion, { expandedDefault: invoiceExpandedDefault ? invoiceBlockId : undefined, children: (0, jsx_runtime_1.jsx)(accordion_1.Accordion.CollapseBlockTertiary, { id: invoiceBlockId, title: t('orderDetails'), "data-test-id": constants_1.TEST_IDS.orderDetails, children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.accordionContent, "data-test-id": constants_1.TEST_IDS.orderDetailsContent, children: invoice.map((invoice, index) => ((0, jsx_runtime_1.jsx)(InvoiceDetailsBlock_1.InvoiceDetailsBlock, { invoice: invoice }, 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,13 @@
+.accordion{
+  --space-accordion-collapse-block-secondary-horizontal-padding:0;
+  --space-accordion-collapse-block-secondary-vertical-padding:var(--sn-primitive-dimension-8, 8px);
+  --space-accordion-collapse-block-secondary-gap:var(--sn-primitive-dimension-8, 8px);
+  --border-width-accordion-collapse-block-secondary:0;
+  --accordion-header-padding-vertical:0;
+}
+
+.accordionContent{
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-8, 8px);
+}

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

@@ -0,0 +1,5 @@
+import { InvoiceDetails } from '../../../../types';
+export type InvoiceDetailsBlockProps = {
+    invoice: InvoiceDetails;
+};
+export declare function InvoiceDetailsBlock({ invoice }: InvoiceDetailsBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/InvoiceDetailsBlock/InvoiceDetailsBlock.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.InvoiceDetailsBlock = InvoiceDetailsBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@cloud-ru/ds-typography");
+const helpers_1 = require("../../../../helpers");
+const locale_1 = require("../../../../locale");
+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 }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    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 ((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, { variant: typography_1.VARIANT.label, size: typography_1.SIZE.m, children: invoice.title }), invoice.quantity && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: typography_1.VARIANT.label, size: typography_1.SIZE.m, 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, 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, { variant: typography_1.VARIANT.label, size: typography_1.SIZE.m, 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{
+  padding:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-8, 8px);
+  border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) dashed var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-primitive-color-gray-80, #e3e5ed)));
+  border-radius:var(--sn-brand-anatomy-radius-block-m, var(--sn-primitive-dimension-4, 4px));
+}
+
+.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 { InvoiceItem } from '../../../../types';
+export type InvoiceItemBlockProps = {
+    item: InvoiceItem;
+    index: number;
+    showCoveredByGrantLabel?: boolean;
+};
+export declare function InvoiceItemBlock({ item, index, showCoveredByGrantLabel }: InvoiceItemBlockProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+"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("@cloud-ru/ds-typography");
+const helpers_1 = require("../../../../helpers");
+const locale_1 = require("../../../../locale");
+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, showCoveredByGrantLabel }) {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    const isEven = (index + 1) % 2 === 0;
+    const isSecondary = item.primary === undefined ? isEven : !item.primary;
+    const getPriceItem = () => {
+        if (item.hidePrice) {
+            return undefined;
+        }
+        return item.price !== undefined ? (0, helpers_1.formatCurrency)(item.price) : t('notAvailable');
+    };
+    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 }) }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: typography_1.VARIANT.body, size: typography_1.SIZE.s, as: 'div', className: styles_module_scss_1.default.priceCell, "data-secondary": isSecondary, "data-price-color": item.priceColor ?? 'default', 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 }) }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: typography_1.VARIANT.body, size: typography_1.SIZE.s, as: '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,36 @@
+.itemGrid{
+  display:grid;
+  grid-template-columns:1fr auto;
+  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
+       column-gap:var(--sn-primitive-dimension-8, 8px);
+}
+.itemGrid[data-discount=true]{
+  margin-bottom:var(--sn-primitive-dimension-4, 4px);
+}
+
+.labelCell{
+  overflow:hidden;
+  display:flex;
+  gap:var(--sn-primitive-dimension-4, 4px);
+}
+
+.priceCell{
+  justify-self:end;
+}
+.priceCell[data-price-color=changed]{
+  color:var(--sn-theme-color-green-accent, var(--sn-primitive-color-green-55, #41b954));
+}
+
+.labelCell[data-secondary=true],
+.priceCell[data-secondary=true],
+.percentCell[data-secondary=true]{
+  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
+}
+
+.discountCell{
+  justify-self:end;
+  color:var(--sn-theme-color-red-accent, var(--sn-primitive-color-red-55, #d52e33));
+}
+.discountCell[data-secondary=true]{
+  color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
+}

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

@@ -0,0 +1,5 @@
+import { InvoiceItem } from '../../../../types';
+export type InvoiceItemLabelCellProps = {
+    item: InvoiceItem;
+};
+export declare function InvoiceItemLabelCell({ item }: InvoiceItemLabelCellProps): import("react/jsx-runtime").JSX.Element | undefined;