@redneckz/wildless-cms-uni-blocks 0.14.832 → 0.14.833

package/bundle/bundle.umd.js

@@ -146,7 +146,7 @@
 
     const DEFAULT_ANCESTORS = [];
     const defaultStyle$2 = 'col-span-12';
-    function renderBlock$1(block, options, { className, ...extraProps } = {}) {
+    function renderBlock(block, options, { className, ...extraProps } = {}) {
         const { key, blockDecorator = defaultBlockDecorator, blocksRegistry = {}, ancestors = DEFAULT_ANCESTORS, } = options;
         const { type } = block;
         if (!(type && type in blocksRegistry)) {
@@ -166,9 +166,9 @@
     }
 
     const EMPTY_ANCESTORS = [];
-    const renderBlocksList = (blocks, { key, ancestors = EMPTY_ANCESTORS, slotName = DEFAULT_SLOT_NAME, extraProps, renderProps = renderBlock$1, ...options }) => {
+    const renderBlocksList = (blocks, { key, ancestors = EMPTY_ANCESTORS, slotName = DEFAULT_SLOT_NAME, extraProps, renderProps = renderBlock, ...options }) => {
         const renderChildBlock = extraProps
-            ? (childBlock, childOptions) => renderBlock$1(childBlock, childOptions, extraProps)
+            ? (childBlock, childOptions) => renderBlock(childBlock, childOptions, extraProps)
             : renderProps;
         return (blocks || []).map((_, i) => renderChildBlock(_, {
             ...options,
@@ -973,7 +973,7 @@
         return OutputComponent;
     }
 
-    const ProductBlock = UniBlock(({ className, padding, defaultPadding, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, className: "grow h-full", ...rest }) })), { childrenTypes: ['UnitBlock'] });
+    const ProductBlock = UniBlock(({ className, padding, defaultPadding, ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: jsx(BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, className: "grow h-full", ...rest }) })));
 
     const AdTile = JSX((props) => {
         const { items } = (props.options?.page?.adSourceBook ?? {});
@@ -2680,6 +2680,13 @@
         ];
     };
 
+    var EsiaStatuses;
+    (function (EsiaStatuses) {
+        EsiaStatuses["Success"] = "SUCCESS";
+        EsiaStatuses["Error"] = "ERROR";
+        EsiaStatuses["Pending"] = "PENDING";
+    })(EsiaStatuses || (EsiaStatuses = {}));
+
     const getTraceId = () => {
         const result = new Uint8Array(8);
         globalThis.crypto.getRandomValues(result);
@@ -6159,12 +6166,6 @@
         return initialFormState;
     };
 
-    var EsiaStatuses;
-    (function (EsiaStatuses) {
-        EsiaStatuses["Success"] = "SUCCESS";
-        EsiaStatuses["Error"] = "ERROR";
-        EsiaStatuses["Pending"] = "PENDING";
-    })(EsiaStatuses || (EsiaStatuses = {}));
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, productType = 'credit', data, ...rest }) => {
         const [esiaStatus, setEsiaStatus] = useState();
         const leadForm = useRef(null);
@@ -6484,7 +6485,7 @@
     const renderCarouselBlocks = ({ blocksToRender, ...rest }) => (jsx(SwipeListControl, { visibleItemCount: 0, gap: 0, arrowsPadded: true, children: renderBlocksList(blocksToRender, {
             ...rest.options,
             parent: rest.block,
-            renderProps: (block, options, i) => (jsx("div", { className: style('relative min-w-80', getBorderStyle(true)), children: renderBlock$1(block, options) }, String(i))),
+            renderProps: (block, options, i) => (jsx("div", { className: style('relative min-w-80', getBorderStyle(true)), children: renderBlock(block, options) }, String(i))),
         }) }));
 
     const FilteredBlocks = JSX(({ blocksSection, blocksToRender = [], notFound, ...rest }) => {
@@ -7410,7 +7411,7 @@
         const defaultPadding = isNavButtons ? { defaultPadding: 'p-6xl pb-m' } : {};
         return renderChildren({
             ...rest,
-            renderProps: (block, options, blockIndex) => (jsxs("div", { className: cardWrapperStyle(block, { someCardsHighlighted }), children: [renderBlock$1(block, options, {
+            renderProps: (block, options, blockIndex) => (jsxs("div", { className: cardWrapperStyle(block, { someCardsHighlighted }), children: [renderBlock(block, options, {
                         className: cardStyle(block, {
                             someCardsHighlighted,
                             showBorder: !noCardBorder,
@@ -10063,7 +10064,7 @@
         childSchema: () => LINK_SCHEMA,
         allowRemoveChild: (slot) => (slot?.blocks ?? []).length > MIN_LENGTH_CHILD,
     });
-    const getRenderProps = ({ isInnerPadding, isCardBorder, }) => (childBlock, childOptions, i) => renderBlock$1(childBlock, {
+    const getRenderProps = ({ isInnerPadding, isCardBorder, }) => (childBlock, childOptions, i) => renderBlock(childBlock, {
         ...childOptions,
         blockDecorator: blockDecoratorWrapper(childOptions.blockDecorator, i),
     }, {
@@ -10536,45 +10537,6 @@
         return (jsx("button", { type: "button", onClick: onClick, "aria-label": `Кнопка ${title}`, className: `box-border px-m py-s text-m font-light ${btnClassName}`, children: title }, String(i)));
     }
 
-    const investmentCellColorMap = {
-        yellow: 'bg-yellow',
-        green: 'bg-green',
-        'green-light': 'bg-green-light',
-        'green-dark': 'bg-green-dark',
-    };
-    const investmentCellSizeMap = {
-        XS: 'h-10',
-        S: 'h-16',
-        M: 'h-24',
-        L: 'h-32',
-        XL: 'h-52',
-    };
-    const InvestmentInfo = JSX((props) => {
-        const { className = '', __html, isDotted, investmentZeroColumn, investmentColumns, ...rest } = props;
-        const columns = investmentColumns ? [...investmentColumns] : [];
-        if (investmentZeroColumn) {
-            columns.unshift(investmentZeroColumn);
-        }
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-4xl", ...rest, children: jsxs("div", { className: "container text-m font-light space-y-4xl", children: [columns?.length ? (jsxs("div", { children: [jsxs("div", { className: "flex items-end relative pl-3xl pr-lg text-white", children: [joinList(jsx("div", { className: "w-px h-4 bg-gray" }))(columns.map(renderInvestmentColumn)), jsx("div", { className: "absolute right-3xl w-px h-4 bg-gray" })] }), jsx("div", { className: "border-t border-gray -mt-xs mx-3xl" }), jsx("div", { className: "flex justify-between text-primary-text mt-s -mx-5xl", children: columns.map(renderInvestmentColumnTitle) })] })) : null, __html ? (jsx("div", { className: "max-w-2xl font-light text-base", children: jsx(RichText, { __html: __html, isDotted: isDotted, itemSize: "list-s" }) })) : null] }) }));
-    });
-    const renderInvestmentColumn = (column, i, arr) => {
-        const isSecondColumn = i === 1;
-        const isLastColumn = i === arr.length - 1;
-        const reversedCells = column.cells?.reverse() || [];
-        return (jsx("div", { className: `${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`, children: reversedCells.length ? (jsx("div", { className: `w-full ${isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-72' : ''}`, children: reversedCells.map(renderInvestmentCell) })) : null }, `column_${i}`));
-    };
-    const getColumnClasses = (isSecondColumn, isLastColumn, cells = []) => [
-        cells.length ? 'flex-1' : 'flex-0',
-        cells.length && !isSecondColumn && !isLastColumn ? 'pl-s' : '',
-        cells.length && !isLastColumn ? 'pr-s pb-3xl' : 'pb-xl',
-    ].join(' ');
-    const renderInvestmentCell = (cell, i) => {
-        const cellSize = cell.cellSize || 'XS';
-        const cellColor = cell.cellColor || 'green';
-        return cell.text ? (jsx("div", { className: `flex-1 flex items-center justify-center relative py-xs ${investmentCellSizeMap[cellSize]} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`, children: jsx(Text, { align: "text-center", children: cell.text }) }, `cell_${i}`)) : null;
-    };
-    const renderInvestmentColumnTitle = (column, i) => column?.title ? (jsx("div", { className: "flex-1 max-w-44 text-center px-xs last:pr-4xl last:max-w-52", children: column.title }, `title_${i}`)) : null;
-
     const KILO = 1024;
     const KILO_SIZES = ['байт', 'Кб', 'Мб', 'Гб', 'Тб', 'Пб'];
     const formatBytes = (bytes, decimals = 2) => {
@@ -10683,7 +10645,7 @@
         return (jsxs("div", { className: "flex gap-lg flex-col sm:flex-row pb-lg", children: [jsx(Button, { "data-id": "all", onClick: (e) => handleClick(e, 'all', data), version: allButtonVersion, children: "\u0414\u043B\u044F \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" }), jsx(Button, { "data-id": "business", onClick: (e) => handleClick(e, 'business', data), version: businessButtonVersion, children: "\u0414\u043B\u044F \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u043B\u0438\u0446" })] }));
     };
 
-    const renderDescriptionBlock$1 = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html, richVersion: richVersion }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
+    const renderDescriptionBlock = ({ __html, list, richVersion }) => __html || list?.length ? (jsxs("div", { className: "mb-2xl border-b sm:border border-main-divider sm:rounded-md", children: [__html ? (jsx("div", { className: "mb-2xl", children: jsx(RichText, { __html: __html, richVersion: richVersion }) })) : null, list?.length ? (jsx("div", { className: "flex flex-col sm:flex-row gap-2xl sm:flex-wrap pb-2xl sm:pb-xl", children: list.map((item, i) => (jsxs("div", { className: "flex gap-xs items-center", children: [item?.image ? jsx(Img, { image: item.image }) : null, item?.text ? (jsx(Text, { size: "text-m", font: "font-light", children: item.text })) : null] }, String(i)))) })) : null] })) : null;
 
     const renderHeading = (title, lengthItems) => (jsx("div", { className: "flex flex-col sm:flex-row gap-xs mb-2xl", children: jsxs(Heading, { headingType: "h3", children: [jsx("span", { suppressHydrationWarning: true, children: title }), lengthItems ? (jsx(Text, { size: "text-h2", color: "text-secondary-text", children: jsx("span", { suppressHydrationWarning: true, children: ` (${lengthItems})` }) })) : null] }) }));
 
@@ -10700,7 +10662,7 @@
             getBalloonRemoteWorkplaces,
         });
         const [activeButton, setActiveButton] = useState('all');
-        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-3xl pb-0", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock$1(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: jsx(FiltrationForm, { filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]), field: { field, reset }, onlyOffice: onlyOffice, labels: FILTRATION_LABELS }) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
+        return (jsxs("div", { className: style('space-y-1', className), children: [jsxs("div", { className: "bg-white", children: [jsxs("div", { className: "p-3xl pb-0", children: [renderHeading(title, lengthItems), descriptionData ? renderDescriptionBlock(descriptionData) : null, onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton), jsx("div", { className: style('pb-3xl', filtersVisibleStyles(activeButton)), children: jsx(FiltrationForm, { filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]), field: { field, reset }, onlyOffice: onlyOffice, labels: FILTRATION_LABELS }) })] }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: isLoad, className: "h-full" }) }) })] }), jsxs(ClientOnly, { children: [filteredItems.map(renderCard), filteredRemoteWorkplaces.map(renderRemoteWorkplaceCard)] })] }));
     });
     const getFiltersWithNonEmptyData = (data) => Object.keys(INITIAL_FILTRATION_STATE$1).filter((_) => data.filter((item) => FILTRATION_PREDICATES$1[_](item)).length);
 
@@ -10817,19 +10779,6 @@
         return (jsx(BlockWrapper, { version: "transparent", className: style(className), defaultPadding: "p-0", ...rest, children: dataType === 'offices' ? jsx(OfficesMap, {}) : jsx(AtmsMap, { descriptionData: data }) }));
     });
 
-    const RepresentativeOfficeInfo = JSX(({ address, email, telephone, button, className = '', __html, richVersion, icon, title, version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border text-left space-y-s', className), version: version, ...rest, children: [jsxs("div", { className: "w-full flex justify-between flex-row-reverse", children: [isIcon(icon) ? (jsx("div", { className: 'w-10 h-7 sm:w-24 sm:h-16', children: jsx(Img, { image: icon }) })) : null, title ? jsx(Heading, { headingType: "h3", as: "h3", title: title }) : null] }), jsxs("div", { className: "w-full space-y-m", children: [__html ? renderDescriptionBlock({ __html, richVersion }) : null, renderBlock({
-                        label: 'Адрес',
-                        data: address,
-                        iconName: 'GeolocationIcon',
-                    }), renderBlock({ label: 'Телефон(факс)', data: telephone, iconName: 'PhoneIcon' }), renderBlock({
-                        label: 'E-mail',
-                        data: email,
-                        iconName: 'MailIcon',
-                        dataColor: 'text-primary-main',
-                    }), button?.text ? renderButtonsSection([button]) : null] })] })));
-    const renderDescriptionBlock = (props) => (jsx("div", { className: "border-b border-main-divider pb-lg", children: jsx(RichText, { ...props, itemSize: "list-s" }) }));
-    const renderBlock = ({ label, data, iconName, dataColor = '' }) => data ? (jsxs("div", { className: "flex gap-s", children: [jsx(Icon, { iconVersion: "black", name: iconName, width: "24", height: "24" }), jsxs("div", { className: "flex flex-col gap-2xs", children: [jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: label }), jsx(Text, { size: "text-xl", color: dataColor, children: data })] })] })) : null;
-
     const RichTextBlock = JSX((props) => {
         const { __html, richVersion = '', ...rest } = props;
         return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(RichText, { __html: __html, richVersion: richVersion }) }));
@@ -11258,15 +11207,6 @@
     const renderIcon = () => (jsx("div", { className: "rounded-full h-4 w-4 text-center text-xs font-light bg-primary-main text-white group-data-secondary:bg-white group-data-secondary:text-primary-main", children: "i" }));
     const renderDescription = (description) => (jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text group-data-secondary:text-white", children: description }));
 
-    const Unit = JSX(({ prefix, unit, suffix }) => (jsxs("div", { className: "w-full flex items-end", children: [prefix ? (jsx("div", { className: "gradient-color-text", children: jsx(Text, { size: "text-h2", children: prefix }) })) : null, unit ? (
-            // -mb-n добавлен для выравнивания unit относительно prefix и suffix, тк шрифт font-mohave неправильно высчитывает line-height
-            jsx("div", { className: "-mb-6 @xl:-mb-4", children: jsx("span", { className: "font-mohave text-title-large sm:text-title-extra gradient-color-text", children: unit }) })) : null, suffix ? (jsx("div", { className: "gradient-color-text", children: jsx(Text, { size: "text-h2", children: suffix }) })) : null] })));
-
-    const UnitBlock = JSX((props) => {
-        const { prefix, unit, suffix, ...rest } = props;
-        return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(Unit, { prefix: prefix, unit: unit, suffix: suffix }) }));
-    });
-
     const VerticalLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, image, ...rest }) => {
         const router = useRouter();
         return (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], image?.src ? 'bg-right-bottom bg-no-repeat' : '', className), ...(image?.src
@@ -11326,12 +11266,10 @@
         HorizontalLayout,
         ImgBlock,
         InsuranceAmountBlock,
-        InvestmentInfo,
         LinkDocs,
         MobileAppTile,
         OfficesAtmsMap,
         ProductBlock,
-        RepresentativeOfficeInfo,
         RichTextBlock,
         RollupItem,
         StepsBlock,
@@ -11339,7 +11277,6 @@
         TabsLayout,
         TariffsTable,
         TextBlock,
-        UnitBlock,
         VerticalLayout,
         Video,
         ApplicationLeadForm,
@@ -11487,7 +11424,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.831";
+    const packageVersion = "0.14.832";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;