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

package/dist/cjs/components/PriceSummary/components/InvoiceItemLabelCell/InvoiceItemLabelCell.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.InvoiceItemLabelCell = InvoiceItemLabelCell;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_mobile_tooltip_1 = require("@sbercloud/uikit-product-mobile-tooltip");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const typography_1 = require("@snack-uikit/typography");
+const helpers_1 = require("../../../../helpers");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function InvoiceItemLabelCell({ item, layoutType }) {
+    return ('label' in item &&
+        item.label !== undefined && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.labelCell, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.label, children: item.labelMaxLines ? (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { text: item.label, maxLines: item.labelMaxLines }) : item.label }), item.labelTooltip && ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.AdaptiveQuestionTooltip, { layoutType: layoutType, tip: item.labelTooltip, trigger: layoutType === 'mobile' ? 'click' : 'hover' }))] }), item.quantity && ((0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.quantity, children: (0, helpers_1.formatQuantity)(item.quantity) }))] })));
+}

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

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

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

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

@@ -0,0 +1,14 @@
+.labelCell{
+  display:flex;
+  gap:2px;
+}
+
+.label{
+  flex:0 1 auto;
+  min-width:0;
+}
+
+.quantity{
+  flex:0 0 auto;
+  white-space:nowrap;
+}

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

@@ -0,0 +1,8 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { PricePeriod } from '../../../../types';
+export type PeriodDropdownProps = WithLayoutType<{
+    period: PricePeriod;
+    periodOptions: PricePeriod[];
+    onPeriodChanged?: (period: PricePeriod) => void;
+}>;
+export declare function PeriodDropdown({ period, onPeriodChanged, periodOptions, layoutType }: PeriodDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummary/components/PeriodDropdown/PeriodDropdown.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.PeriodDropdown = PeriodDropdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_button_predefined_1 = require("@sbercloud/uikit-product-button-predefined");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const typography_1 = require("@snack-uikit/typography");
+const hooks_1 = require("../../../../hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PeriodDropdown({ period, onPeriodChanged = () => { }, periodOptions, layoutType }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    const formatPeriod = (0, hooks_1.usePeriodFormat)();
+    const actions = periodOptions
+        .filter(item => item !== period)
+        .map(item => ({
+        content: { option: formatPeriod(item) },
+        onClick: () => onPeriodChanged(item),
+    }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.period, "data-single": actions.length === 0 ? true : undefined, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { children: t('total') }), actions.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.single, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { children: formatPeriod(period) }) })), actions.length > 0 && ((0, jsx_runtime_1.jsx)(uikit_product_button_predefined_1.ButtonDropdown, { size: 's', label: formatPeriod(period), items: actions, closeDroplistOnItemClick: true, layoutType: layoutType }))] }));
+}

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

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

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

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

@@ -0,0 +1,15 @@
+.period{
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+}
+.period[data-single]{
+  gap:var(--dimension-050m, 4px);
+}
+
+.single{
+  min-height:var(--size-button-s, 32px);
+  display:flex;
+  align-items:center;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ValueOf } from '@snack-uikit/utils';
+import { TotalSumType } from '../../../../types';
+export declare const APPEARANCE_STATE: {
+    readonly Default: "default";
+    readonly UserError: "userError";
+    readonly SystemError: "systemError";
+    readonly Warning: "warning";
+};
+export type AppearanceState = ValueOf<typeof APPEARANCE_STATE>;
+export type TotalValueBlockProps = {
+    value?: number;
+    totalSumType?: TotalSumType;
+    hint?: string;
+    hintAppearance?: AppearanceState;
+    showHintTooltip?: boolean;
+    hintTooltipText?: ReactNode;
+    hintLink?: {
+        href?: string;
+        text: string;
+    };
+    showHintLink?: boolean;
+};
+export declare function TotalValueBlock({ value, totalSumType, hint, hintAppearance, showHintTooltip, hintTooltipText, hintLink, showHintLink, }: TotalValueBlockProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.APPEARANCE_STATE = void 0;
+exports.TotalValueBlock = TotalValueBlock;
+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 icons_1 = require("@snack-uikit/icons");
+const link_1 = require("@snack-uikit/link");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const typography_1 = require("@snack-uikit/typography");
+const helpers_1 = require("../../../../helpers");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.APPEARANCE_STATE = {
+    Default: 'default',
+    UserError: 'userError',
+    SystemError: 'systemError',
+    Warning: 'warning',
+};
+function getAppearanceIcon(appearance) {
+    let Component;
+    switch (appearance) {
+        case exports.APPEARANCE_STATE.Warning:
+            Component = icons_1.AlarmFilledSVG;
+            break;
+        case exports.APPEARANCE_STATE.UserError:
+            Component = icons_1.CrossFilledSVG;
+            break;
+        case exports.APPEARANCE_STATE.SystemError:
+            Component = icons_1.QuestionSVG;
+            break;
+        case exports.APPEARANCE_STATE.Default:
+        default:
+            Component = uikit_product_icons_1.InfoFilledSVG;
+            break;
+    }
+    return (0, jsx_runtime_1.jsx)(Component, { size: 16, "data-appearance": appearance, className: styles_module_scss_1.default.hintIcon });
+}
+function TotalValueBlock({ value, totalSumType = 'equal', hint, hintAppearance = exports.APPEARANCE_STATE.Default, showHintTooltip, hintTooltipText, hintLink, showHintLink, }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    const totalSumPrefix = totalSumType === 'from' ? `${t('totalSumFromPrefix')} ` : '';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, "data-appearance": hintAppearance, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.LightHeadlineS, { children: value !== undefined ? `${totalSumPrefix}${(0, helpers_1.formatCurrency)(Number(value))}` : 'N/A' }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { open: showHintTooltip && hintTooltipText ? undefined : false, tip: hintTooltipText, placement: 'left-start', children: hint && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.hint, "data-appearance": hintAppearance, children: [getAppearanceIcon(hintAppearance), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { children: hint })] })) }), showHintLink && ((0, jsx_runtime_1.jsx)(link_1.Link, { textMode: 'accent', appearance: 'neutral', size: 's', href: hintLink === null || hintLink === void 0 ? void 0 : hintLink.href, text: hintLink === null || hintLink === void 0 ? void 0 : hintLink.text, className: styles_module_scss_1.default.link }))] }));
+}

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

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

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

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

@@ -0,0 +1,51 @@
+.content{
+  display:flex;
+  flex-direction:column;
+  text-align:start;
+}
+.content[data-appearance=userError]{
+  color:var(--sys-red-text-main, #7a2d2d);
+}
+.content[data-appearance=warning]{
+  color:var(--sys-yellow-text-main, #815f19);
+}
+.content[data-appearance=systemError]{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+
+.hint{
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-025m, 2px);
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.hint[data-appearance=userError]{
+  color:var(--sys-red-text-main, #7a2d2d);
+}
+.hint[data-appearance=warning]{
+  color:var(--sys-yellow-text-main, #815f19);
+}
+.hint[data-appearance=systemError]{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+
+.hintIcon{
+  flex-shrink:0;
+  box-sizing:content-box;
+}
+.hintIcon[data-appearance=default]{
+  color:var(--sys-neutral-accent-default, #787b8a);
+}
+.hintIcon[data-appearance=userError]{
+  color:var(--sys-red-accent-default, #cb3f3e);
+}
+.hintIcon[data-appearance=warning]{
+  color:var(--sys-yellow-accent-default, #e2b134);
+}
+.hintIcon[data-appearance=systemError]{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+
+.link{
+  margin-left:18px;
+}

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

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

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

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

@@ -0,0 +1,12 @@
+.priceSummary{
+  box-sizing:border-box;
+  width:100%;
+  min-width:280px;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-050m, 4px);
+  padding:var(--dimension-2m, 16px);
+  border-radius:var(--dimension-1m, 8px);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  color:var(--sys-neutral-text-main, #41424e);
+}

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

@@ -0,0 +1,12 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { LinkProps } from '@snack-uikit/link';
+import { ContentBlockProps } from '../ContentBlock';
+export type PriceSummarySmallProps = WithSupportProps<ContentBlockProps & {
+    value: number | undefined;
+    docsLink?: {
+        href?: LinkProps['href'];
+        text?: LinkProps['text'];
+    };
+    className?: string;
+}>;
+export declare function PriceSummarySmall({ value, docsLink, loading, dataError, onRetry, className, ...rest }: PriceSummarySmallProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PriceSummarySmall/PriceSummarySmall.js

@@ -0,0 +1,32 @@
+"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.PriceSummarySmall = PriceSummarySmall;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const button_1 = require("@snack-uikit/button");
+const typography_1 = require("@snack-uikit/typography");
+const helpers_1 = require("../../helpers");
+const ContentBlock_1 = require("../ContentBlock");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PriceSummarySmall(_a) {
+    var { value = 0, docsLink, loading, dataError, onRetry, className } = _a, rest = __rest(_a, ["value", "docsLink", "loading", "dataError", "onRetry", "className"]);
+    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.priceSummarySmall, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { children: t('total') }), (0, jsx_runtime_1.jsxs)(ContentBlock_1.ContentBlock, { loading: loading, dataError: dataError, onRetry: onRetry, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.value, children: [(0, jsx_runtime_1.jsx)(uikit_product_icons_1.InfoFilledSVG, { size: 16, className: styles_module_scss_1.default.icon }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, { children: (0, helpers_1.formatCurrency)(value) })] }), (docsLink === null || docsLink === void 0 ? void 0 : docsLink.href) && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'xs', label: docsLink.text || t('costLink'), href: docsLink.href, target: '_blank' }))] })] })));
+}

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

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

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

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

@@ -0,0 +1,23 @@
+.priceSummarySmall{
+  box-sizing:border-box;
+  width:100%;
+  min-width:170px;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-050m, 4px);
+  padding:var(--dimension-2m, 16px);
+  border-radius:var(--dimension-1m, 8px);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.value{
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+}
+
+.icon{
+  flex-shrink:0;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}

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

@@ -0,0 +1,2 @@
+export * from './PriceSummary';
+export * from './PriceSummarySmall';

package/dist/cjs/components/index.js

@@ -0,0 +1,18 @@
+"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("./PriceSummary"), exports);
+__exportStar(require("./PriceSummarySmall"), exports);

package/dist/cjs/helpers/formatters.d.ts

@@ -0,0 +1,2 @@
+export declare function formatCurrency(value: number): string;
+export declare function formatQuantity(value: string | number): string;

package/dist/cjs/helpers/formatters.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatCurrency = formatCurrency;
+exports.formatQuantity = formatQuantity;
+const ft_formatters_1 = require("@cloud-ru/ft-formatters");
+function formatCurrency(value) {
+    return (0, ft_formatters_1.formatNumber)(value.toFixed(2), {
+        precision: 2,
+        type: ft_formatters_1.formatNumber.types.Currency,
+    });
+}
+function formatQuantity(value) {
+    return typeof value === 'string' ? value : '×' + value;
+}

package/dist/cjs/helpers/index.d.ts

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

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

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './usePeriodFormat';
+export * from './usePriceTotalValueFormatter';

package/dist/cjs/hooks/index.js

@@ -0,0 +1,18 @@
+"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("./usePeriodFormat"), exports);
+__exportStar(require("./usePriceTotalValueFormatter"), exports);

package/dist/cjs/hooks/usePeriodFormat.d.ts

@@ -0,0 +1,2 @@
+import { PricePeriod } from '../types';
+export declare function usePeriodFormat(): (period: PricePeriod) => string;

package/dist/cjs/hooks/usePeriodFormat.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePeriodFormat = usePeriodFormat;
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const types_1 = require("../types");
+function usePeriodFormat() {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PriceSummary');
+    return function formatPeriod(period) {
+        switch (period) {
+            case types_1.PricePeriod.Year:
+                return t('pricePeriodYear');
+            case types_1.PricePeriod.Month:
+                return t('pricePeriodMonth');
+            case types_1.PricePeriod.Day:
+                return t('pricePeriodDay');
+            case types_1.PricePeriod.Hour:
+                return t('pricePeriodHour');
+            case types_1.PricePeriod.Minute:
+                return t('pricePeriodMinute');
+            default:
+                throw new Error('not reachable');
+        }
+    };
+}

package/dist/cjs/hooks/usePriceTotalValueFormatter.d.ts

@@ -0,0 +1,2 @@
+import { PricePeriod } from '../types';
+export declare function usePriceTotalValueFormatter(): (value: number | undefined, period: PricePeriod) => string;

package/dist/cjs/hooks/usePriceTotalValueFormatter.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePriceTotalValueFormatter = usePriceTotalValueFormatter;
+const react_1 = require("react");
+const helpers_1 = require("../helpers");
+const usePeriodFormat_1 = require("./usePeriodFormat");
+function usePriceTotalValueFormatter() {
+    const formatPeriod = (0, usePeriodFormat_1.usePeriodFormat)();
+    return (0, react_1.useCallback)((value, period) => `${(0, helpers_1.formatCurrency)(value || 0)} ${formatPeriod(period)}`, [formatPeriod]);
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks/usePriceTotalValueFormatter';
+export * from './types';

package/dist/cjs/index.js

@@ -0,0 +1,19 @@
+"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("./components"), exports);
+__exportStar(require("./hooks/usePriceTotalValueFormatter"), exports);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,41 @@
+import { QuestionTooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+export declare enum PricePeriod {
+    Year = "year",
+    Month = "month",
+    Day = "day",
+    Hour = "hour",
+    Minute = "minute"
+}
+export type TotalSumType = 'equal' | 'from';
+export type DiscountItem = {
+    value: number;
+    percent?: number;
+    tooltip?: QuestionTooltipProps['tip'];
+};
+export type DiscountDetails = {
+    price: number;
+    discounts: DiscountItem[];
+};
+export type PriceInvoiceItem = {
+    label: string;
+    discount?: DiscountItem;
+};
+export type DiscountInvoiceItem = {
+    discount: DiscountItem;
+};
+export type InvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
+    labelTooltip?: QuestionTooltipProps['tip'];
+    price?: number;
+    hidePrice?: boolean;
+    labelMaxLines?: number;
+    quantity?: string | number;
+    primary?: boolean;
+    topDivider?: boolean;
+    bottomDivider?: boolean;
+};
+export type InvoiceDetails = {
+    title?: string;
+    quantity?: string | number;
+    price?: number;
+    items: InvoiceItem[];
+};

package/dist/cjs/types/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PricePeriod = void 0;
+var PricePeriod;
+(function (PricePeriod) {
+    PricePeriod["Year"] = "year";
+    PricePeriod["Month"] = "month";
+    PricePeriod["Day"] = "day";
+    PricePeriod["Hour"] = "hour";
+    PricePeriod["Minute"] = "minute";
+})(PricePeriod || (exports.PricePeriod = PricePeriod = {}));

package/dist/esm/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;