@redneckz/wildless-cms-uni-blocks 0.14.0 → 0.14.1

package/mobile/bundle/bundle.umd.js

@@ -364,7 +364,7 @@
     };
     const headingTag = (tag) => mobileHeadingTagMap[tag] || 'h3';
 
-    const styles$4 = {
+    const styles$3 = {
         h0: 'text-h0',
         h1: 'text-h1',
         h2: 'text-h2',
@@ -375,7 +375,7 @@
     };
     const Heading = JSX(({ className = '', headingType = 'h3', as = 'h3', title, children }) => {
         const Tag = headingTag(as);
-        return (jsx(Tag, { className: style('font-sans m-0', styles$4[headingType], className), children: title || children }));
+        return (jsx(Tag, { className: style('font-sans m-0', styles$3[headingType], className), children: title || children }));
     });
 
     const identity = (_) => _;
@@ -517,7 +517,7 @@
                 'Content-Type': 'application/json',
             },
         });
-        return await response.json();
+        return response.json();
     }
 
     const REGIONS_URL$1 = '/api/v1/regions';
@@ -1006,7 +1006,7 @@
                     fullName,
                     inn,
                     name,
-                    phone,
+                    phone: phone.replace(/[^+\d]/g, ''),
                 });
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState$4, handleSubmit);
@@ -1040,9 +1040,9 @@
                     typeForm: 'bcrd',
                     region: region?.text || '',
                     name,
-                    phone,
                     inn,
                     mail,
+                    phone: phone.replace(/[^+\d]/g, ''),
                 });
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState$3, handleSubmit);
@@ -1167,7 +1167,7 @@
                     fullName,
                     inn,
                     name,
-                    phone,
+                    phone: phone.replace(/[^+\d]/g, ''),
                     mail,
                     region: region?.text || '',
                     department: department?.text || '',
@@ -1196,7 +1196,7 @@
                 onSubmit({
                     typeForm: 'dpst',
                     name,
-                    phone,
+                    phone: phone.replace(/[^+\d]/g, ''),
                 });
         }, [onSubmit]);
         const [, { field, ...formProps }] = useForm(initialFormState$1, handleSubmit);
@@ -1310,7 +1310,7 @@
                 typeForm: 'KVED',
                 fullName,
                 name,
-                phone,
+                phone: phone.replace(/[^+\d]/g, ''),
                 text,
                 vedTypes: getVedTypes(vedTypes),
                 PartnerComments: text,
@@ -1388,7 +1388,7 @@
         return description?.items && description.items.length > 0 ? (jsx("ul", { className: listStyleType, children: description.items.map((_, i) => (jsx(Paragraph, { font: "font-light", size: "text-l", color: "text-secondary-text group-data-secondary:text-white", children: _ }, `benefitListItem-${i}`))) })) : null;
     };
 
-    const renderButtonsSection = (buttons, { className, buttonClassName, isVertical } = {}) => buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (jsx("div", { className: style('flex', isVertical ? 'flex-col gap-xs justify-items-stretch' : 'flex-wrap gap-m', className), children: buttons.map(renderButton$1(buttonClassName)) })) : null;
+    const renderButtonsSection = (buttons, { className, buttonClassName, isVertical } = {}) => buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (jsx("div", { className: style('flex', isVertical ? 'flex-col gap-xs justify-items-stretch' : 'flex-wrap gap-lg sm:gap-m', className), children: buttons.map(renderButton$1(buttonClassName)) })) : null;
     const renderButton$1 = (buttonClassName = '') => (button, index) => {
         const { text, icon, iconRight, version, ...rest } = button || {};
         const iconVersion = getIconVersion(icon, version);
@@ -2648,19 +2648,19 @@
     const titleSize = 'XS';
 
     const layerBaseStyle = 'z-10 border border-solid w-full h-full';
-    const layerStyle = style(layerBaseStyle, 'absolute hidden sm:block border-transparent');
-    const CarouselCard = JSX(({ className, title, description, button, ...rest }) => (jsx(BlockWrapper, { className: style('sm:pl-6xl sm:pb-4xl', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { className: "relative", children: [jsx("div", { className: style(layerStyle, 'top-9 right-12 bg-green-dark') }), jsx("div", { className: style(layerStyle, 'top-6 right-8 bg-green') }), jsx("div", { className: style(layerStyle, 'top-3 right-4 bg-green-light') }), jsxs("div", { className: style(layerBaseStyle, 'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-light'), children: [jsx(Headline, { title: title, description: description, headlineVersion: titleSize, align: "text-left", isEmbedded: true }), renderButtonsSection([button], {
+    const layerStyle = style(layerBaseStyle, 'absolute hidden @xl:block border-transparent');
+    const CarouselCard = JSX(({ className, title, description, button, ...rest }) => (jsx(BlockWrapper, { className: style('sm:pl-6xl sm:pb-4xl @container-normal', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { className: "relative", children: [jsx("div", { className: style(layerStyle, 'top-9 right-12 bg-green-dark') }), jsx("div", { className: style(layerStyle, 'top-6 right-8 bg-green') }), jsx("div", { className: style(layerStyle, 'top-3 right-4 bg-green-light') }), jsxs("div", { className: style(layerBaseStyle, 'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-light'), children: [jsx(Headline, { title: title, description: description, headlineVersion: titleSize, align: "text-left", isEmbedded: true }), renderButtonsSection([button], {
                             className: 'mt-m sm:mt-6xl sm:justify-center',
                             isVertical: true,
                         })] })] }) })));
 
     const imageAlignmentMap = {
-        start: '@lg:self-start',
-        center: '@lg:self-center',
-        end: '@lg:self-end',
+        start: '@xl:self-start',
+        center: '@xl:self-center',
+        end: '@xl:self-end',
     };
-    const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, backImage, isImageAlwaysOnRight = false, children, }) => (jsxs("div", { className: style('relative flex flex-col gap-3xl font-sans overflow-hidden', padding || defaultPadding, className), children: [title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex justify-around @lg:justify-between items-stretch gap-3xl', isImageAlwaysOnRight ? 'flex-row' : 'flex-col @lg:flex-row'), children: [renderImageContainer(leftImage, { imageAlign }), jsxs("div", { className: style('flex flex-col gap-3xl max-w-[600px] @xl:max-w-[728px]', leftImage ? '' : 'grow'), children: [insetTitle, jsx("div", { className: "grow", children: children }), backImage ? (jsx("div", { className: "justify-center mx-auto sm:absolute sm:-z-10 sm:-bottom-4 sm:-right-4", children: backImage })) : null, buttons] }), renderImageContainer(rightImage, {
-                        className: isImageAlwaysOnRight ? '' : '-order-1 @xl:order-1',
+    const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, backImage, isImageAlwaysOnRight = false, children, }) => (jsxs("div", { className: style('relative flex flex-col gap-3xl font-sans overflow-hidden', padding || defaultPadding, className), children: [title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex justify-around @lg:justify-between items-stretch gap-3xl', isImageAlwaysOnRight ? 'flex-row' : 'flex-col-reverse @lg:flex-row'), children: [renderImageContainer(leftImage, { imageAlign }), jsxs("div", { className: style('flex flex-col gap-3xl max-w-[600px] @xl:max-w-[728px]', leftImage ? '' : 'grow'), children: [insetTitle, jsx("div", { className: "grow", children: children }), backImage ? (jsx("div", { className: "justify-center mx-auto sm:absolute sm:-z-10 sm:-bottom-4 sm:-right-4", children: backImage })) : null, buttons] }), renderImageContainer(rightImage, {
+                        className: isImageAlwaysOnRight ? '' : '@xl:order-1',
                         imageAlign,
                     })] })] })));
     const renderImageContainer = (image, { className, imageAlign }) => image ? (jsx("div", { className: style('md:flex-shrink-0 self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
@@ -2738,7 +2738,7 @@
 
     const deviation = (items) => items?.length ? Math.sqrt(Math.abs(avg(items.map((_) => _ ** 2)) - avg(items) ** 2)) : 0;
 
-    const renderBenefitIcon = (icon, benefitsVersion = 'normal') => icon ? (jsx("div", { className: style('w-12 h-12 min-w-12 box-border flex items-center justify-center rounded-icon', benefitsVersion === 'normal'
+    const renderBenefitIcon = (icon, benefitsVersion = 'normal') => icon ? (jsx("div", { className: style('sm:w-12 sm:h-12 sm:min-w-12 w-11 h-11 min-w-11 box-border flex items-center justify-center rounded-icon', benefitsVersion === 'normal'
             ? 'bg-secondary-light text-primary-main'
             : 'bg-primary-main text-black group-data-secondary:bg-white/30 group-data-secondary:text-black'), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: icon.iconVersion || benefitsVersion } }) })) : null;
 
@@ -2755,7 +2755,7 @@
 
     const renderBenefitText = (_, i) => _.type === 'rte' && '__html' in _ && _.__html ? (jsx(RichText, { ..._ }, `rte-${i}`)) : ([
         'label' in _ ? renderBenefitLabel(_.label, i) : null,
-        'description' in _ ? renderBenefitDescription(_.description, i) : null,
+        'description' in _ ? (jsx("span", { className: _.descriptionClassName, children: renderBenefitDescription(_.description, i) }, String(i))) : null,
     ]);
 
     const BenefitItem = JSX(({ className, benefitsVersion, ..._ }) => (jsxs("div", { className: style('flex gap-m', 'description' in _ && _.description ? 'items-start' : 'items-center', className), children: ['icon' in _ ? renderBenefitIcon(_.icon, benefitsVersion) : null, jsx("div", { children: renderBenefitText(_) })] })));
@@ -2778,14 +2778,15 @@
 
     const BaseProductTile = JSX(({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle = true, items, isDotted = true, listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'end', directionRight = true, isBackground, isImageAlwaysOnRight, } = {}, children, }) => {
         const img = image?.src ? jsx(Img, { image: image }) : null;
-        const headline = (jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true }));
+        const headline = renderHeadline({ title, description, headlineVersion, align });
         const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
-        return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { insetTitle: headline } : { title: headline }), ...(isBackground ? { backImage: img } : leftOrRightImage(img, directionRight)), imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), children: jsxs("div", { className: "flex flex-col gap-xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, renderTags(tags)] }) }));
+        return (jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { insetTitle: headline } : { title: headline }), ...(isBackground ? { backImage: img } : leftOrRightImage(img, directionRight)), imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), children: jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? jsx(RichText, { __html: __html }) : null, items?.length ? (jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, renderTags(tags)] }) }));
     });
     const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
     const renderTags = (tags) => (tags?.length ? jsx(Tags, { tags: tags }) : null);
+    const renderHeadline = ({ title, description, headlineVersion, align }) => title || description ? (jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true })) : null;
 
-    const CarouselProgramsCard = JSX(({ className, title, icon, list, href, target, ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-3xl", ...rest, children: jsx(LinkWrapper, { className: "flex items-center h-full", href: href, target: target, children: jsx(BaseProductTile, { title: title, headlineVersion: "XS", image: icon, imageOptions: { directionRight: false, imageAlign: 'center' }, benefits: list?.map((_) => ({
+    const CarouselProgramsCard = JSX(({ className, title, icon, list, href, target, ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-3xl", ...rest, children: jsx(LinkWrapper, { className: "flex items-center h-full", href: href, target: target, children: jsx(BaseProductTile, { title: title, headlineVersion: "XS", image: icon, imageOptions: { directionRight: true, imageAlign: 'center' }, benefits: list?.map((_) => ({
                     type: 'default',
                     label: _.title,
                     description: _.description,
@@ -3336,8 +3337,8 @@
         return (jsx(BlockWrapper, { className: style('min-h-80', className), padding: "p-0", version: version, ...rest, children: jsxs(BaseTile, { className: "h-full", padding: padding, defaultPadding: "p-6xl", title: title ? (jsx(Heading, { headingType: headingType, title: title, className: style('whitespace-pre-wrap', align) })) : null, rightImage: image?.src ? jsx(Img, { className: "hidden lg:block", image: image }) : null, buttons: buttonsConditionStyle(buttons), children: [renderDescription$1(description), jsxs("div", { className: "flex flex-1 flex-wrap gap-m items-center", children: [qr?.src ? (jsx("div", { className: style('flex justify-center bg-white rounded-md', containerStyle), children: jsx(Img, { className: "w-fit", image: qr }) })) : null, renderList$1(items, listItemSize), image?.src ? jsx(Img, { className: "lg:hidden", image: image }) : null] })] }) }));
     });
 
-    const renderInsuranceSumMonth = (sum, monthLimit) => sum || monthLimit ? (jsxs("div", { className: "flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl", children: [Number(sum) > 0 ? renderValueBlock('Страховая сумма:', sum) : null, Number(monthLimit) > 0 ? renderValueBlock('Ежемесячный лимит:', monthLimit) : null] })) : null;
-    const renderValueBlock = (title, value = 0) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between items-baseline whitespace-pre", children: [jsx(Text, { font: "font-light", size: "text-l", children: title }), jsxs(Text, { size: "text-h6", color: "text-primary-text", children: [toLocalNumberFormat(2)(value), " \u20BD"] })] }));
+    const renderInsuranceSumMonth = (sum, monthLimit) => sum || monthLimit ? (jsxs("div", { className: "flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl", children: [Number(sum) > 0 ? renderValueBlock('Страховая сумма', sum) : null, Number(monthLimit) > 0 ? renderValueBlock('Ежемесячный лимит', monthLimit) : null] })) : null;
+    const renderValueBlock = (title, value = 0) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg sm:rounded-md items-baseline whitespace-pre", children: [jsx(Text, { font: "font-light", size: "text-l", color: "text-secondary-text", children: title }), jsxs("span", { className: "font-sans text-h6 sm:text-primary-main text-primary-text", children: [toLocalNumberFormat(2)(value), " \u20BD"] })] }));
 
     const PictureText = JSX(({ className, padding, headlineVersion = 'M', align = 'text-center', sum, monthLimit, imageOptions, ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-6xl", padding: padding, headlineVersion: headlineVersion, align: align, isFullWidthTitle: false, imageOptions: { directionRight: false, imageAlign: 'center', ...imageOptions }, ...rest, children: renderInsuranceSumMonth(Number(sum), Number(monthLimit)) }) })));
 
@@ -3374,7 +3375,7 @@
                 .map((s) => s.productBlock)
                 .map((_, i) => (jsx("div", { className: "box-border h-full", role: "listitem", children: jsx(BaseProductTile, { className: "px-5 h-full", headlineVersion: "L", ..._, ...rest }) }, String(i)))) }) })));
 
-    const ProductTile = JSX(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: { isBackground: true, ...imageOptions }, ...rest, children: additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
+    const ProductTile = JSX(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, ...rest }) => (jsx(BlockWrapper, { className: className, padding: "p-0", ...rest, children: jsx(BaseProductTile, { className: "h-full", defaultPadding: "p-4xl sm:p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: { isBackground: true, ...imageOptions }, ...rest, children: additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
 
     const RepresentativeOfficeInfo = JSX(({ address, email, telephone, button, className = '', __html, 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: [renderIconBlock(icon), title ? jsx(Heading, { headingType: "h3", as: "h3", title: title }) : null] }), jsxs("div", { className: "w-full space-y-m", children: [__html ? renderDescriptionBlock(__html) : null, renderBlock({
                         label: 'Адрес',
@@ -3395,31 +3396,24 @@
         return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(RichText, { __html: __html, richVersion: richVersion }) }));
     });
 
-    const mockPoints = [
-        { coords: [55.77, 37.46], text: 'Трактир' },
-        { coords: [55.66, 37.48], text: 'Трактор' },
-        { coords: [55.65, 37.42], text: 'Ресторан' },
-        { coords: [55.64, 37.54], text: 'Музей' },
-        { coords: [55.54, 37.52], text: 'Библиотека' },
-        { coords: [55.53, 37.56], text: 'Школа' },
-        { coords: [55.61, 37.61], text: 'Аптека' },
-        { coords: [55.8, 37.58], text: 'Бар' },
-        { coords: [55.71, 37.35], text: 'Институт' },
-        { coords: [55.74, 37.57], text: 'Университет' },
-        { coords: [55.58, 37.69], text: 'Больница' },
-        { coords: [55.57, 37.7], text: 'Цирк' },
-        { coords: [55.55, 37.64], text: 'Магазин' },
-        { coords: [55.5, 37.75], text: 'Булочная' },
-        { coords: [55.81, 37.73], text: 'Полиция' },
-        { coords: [55.73, 37.68], text: 'Салон красоты' },
-        { coords: [55.86, 37.76], text: 'Баня' },
-        { coords: [55.38, 37.69], text: 'Гараж' },
-        { coords: [55.91, 37.5], text: 'Дом' },
-        { coords: [55.62, 37.32], text: 'Прачечная' },
-        { coords: [55.85, 37.41], text: 'Стадион' },
-        { coords: [55.67, 37.24], text: 'Вокзал' },
-        { coords: [55.79, 37.41], text: 'Кафе' },
-    ];
+    const styles$2 = {
+        focus: 'focus:border-primary-text focus:border',
+        hover: 'hover:bg-primary-hover',
+        active: 'active:bg-primary-active',
+        border: 'border-b border-b-2 border-gray last:border-0',
+        position: 'relative flex items-center justify-center',
+        font: 'text-center font-sans text-l',
+    };
+    // TODO: Добавить метод определения центральной точки
+    const ZoomButton = JSX(({ yandexMaps, direction = 'in' }) => {
+        const iconName = direction === 'in' ? 'PlusIcon' : 'MinusIcon';
+        const changeZoom = () => {
+            const currentZoom = yandexMaps.current.getZoom();
+            const newZoom = direction === 'in' ? currentZoom + 1 : currentZoom - 1;
+            yandexMaps.current.setZoom(newZoom, { checkZoomRange: true });
+        };
+        return (jsx("div", { onClick: changeZoom, className: `${Object.values(styles$2).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
+    });
 
     function renderClusterer(yandexMaps, map, points) {
         map.geoObjects.removeAll();
@@ -3427,7 +3421,7 @@
         const clusterer = new yandexMaps.Clusterer({
             clusterIcons: [
                 {
-                    href: 'icons/MapMarkerClusterIcon.svg',
+                    href: '/icons/MapMarkerClusterIcon.svg',
                     size: [78, 84],
                     offset: [-35, -50],
                 },
@@ -3438,7 +3432,7 @@
         });
         const geoObjects = points.map((point) => new yandexMaps.Placemark(point, {}, {
             iconLayout: 'default#image',
-            iconImageHref: 'icons/MapMarkerSingleIcon.svg',
+            iconImageHref: '/icons/MapMarkerSingleIcon.svg',
             iconImageSize: [78, 84],
             iconImageOffset: [-35, -50],
         }));
@@ -3453,7 +3447,7 @@
         });
     }
 
-    const styles$3 = {
+    const styles$1 = {
         focus: 'focus:border-primary-text focus:border',
         hover: 'hover:bg-primary-hover',
         active: 'active:bg-primary-active',
@@ -3465,36 +3459,10 @@
         const getYandexMapUrl = () => {
             return `https://yandex.ru/maps/?ll=${[pointsCenter[1], pointsCenter[0]]}&z=10&l=map`;
         };
-        return (jsx("a", { className: `select-none cursor-pointer px-4xl h-12 bg-primary-main text-white ${Object.values(styles$3).join(' ')}`, href: getYandexMapUrl(), target: "_blank", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043D\u0430 \u043A\u0430\u0440\u0442\u0435" }));
+        return (jsx("a", { className: `select-none cursor-pointer px-4xl h-12 bg-primary-main text-white ${Object.values(styles$1).join(' ')}`, href: getYandexMapUrl(), target: "_blank", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043D\u0430 \u043A\u0430\u0440\u0442\u0435" }));
     };
 
-    const styles$2 = {
-        border: 'border border-transparent rounded-md',
-        position: 'relative flex items-center',
-        font: 'text-center font-sans',
-        shadow: 'shadow-[0_4px_25px_rgba(0,0,0,0.07)]',
-    };
-    const renderSearchField = (points, yandexMaps, updatePointsToRender) => {
-        const onChange = (e) => {
-            const value = e.target?.value ? e.target?.value.toLowerCase() : '';
-            if (value) {
-                const searchResult = points.filter((_) => {
-                    const textLowerCase = _.text.toLowerCase();
-                    if (textLowerCase.indexOf(value) > -1) {
-                        return _;
-                    }
-                    return null;
-                });
-                updatePointsToRender(searchResult);
-            }
-            else {
-                updatePointsToRender(null);
-            }
-        };
-        return (jsxs("div", { className: `${Object.values(styles$2).join(' ')} bg-white py-s pl-5xl pr-m w-full`, children: [jsx(Icon, { name: "LoupeIcon", iconVersion: "black", width: "20", height: "20", className: "absolute left-4" }), jsx("input", { type: "text", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u0438\u043B\u0438 \u043C\u0435\u0442\u0440\u043E", onChange: onChange, className: "border-0 focus:border-0 outline-0 w-full" })] }));
-    };
-
-    const styles$1 = {
+    const styles = {
         focus: 'focus:border-primary-text focus:border',
         hover: 'hover:bg-primary-hover',
         active: 'active:bg-primary-active',
@@ -3516,7 +3484,7 @@
                 map.geoObjects.add(result.geoObjects);
             });
         };
-        return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles$1).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
+        return (jsx("div", { className: `select-none cursor-pointer py-m w-12 bg-white ${Object.values(styles).join(' ')} ${className}`, onClick: setUserGeoLocation, children: jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
     };
 
     const getNS = (_) => globalThis[_];
@@ -3559,25 +3527,6 @@
         return useExternalNS(YMAPS_NAMESPACE, url);
     };
 
-    const styles = {
-        focus: 'focus:border-primary-text focus:border',
-        hover: 'hover:bg-primary-hover',
-        active: 'active:bg-primary-active',
-        border: 'border-b border-b-2 border-gray last:border-0',
-        position: 'relative flex items-center justify-center',
-        font: 'text-center font-sans text-l',
-    };
-    // TODO: Добавить метод определения центральной точки
-    const ZoomButton = JSX(({ yandexMaps, direction = 'in' }) => {
-        const iconName = direction === 'in' ? 'PlusIcon' : 'MinusIcon';
-        const changeZoom = () => {
-            const currentZoom = yandexMaps.current.getZoom();
-            const newZoom = direction === 'in' ? currentZoom + 1 : currentZoom - 1;
-            yandexMaps.current.setZoom(newZoom, { checkZoomRange: true });
-        };
-        return (jsx("div", { onClick: changeZoom, className: `${Object.values(styles).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
-    });
-
     const FULLSCREEN_STYLES = {
         border: 'border border-transparent rounded-md ',
         position: 'absolute flex items-center justify-center',
@@ -3588,15 +3537,16 @@
         hover: 'hover:bg-primary-hover',
         other: 'select-none cursor-pointer',
     };
+    const DEFAULT_CENTER_COORDS = [55.753995, 37.614069];
     // TODO: Поле для поиска: невыяснено среди каких данных делать поиск (искать в имени офиса, в адресе, метро и т.д.).
     //       Сейчас реализован поиск среди тестовых данных
     // TODO: Также выяснить что делать когда ничего не найдено
     // TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
-    const YandexMap = JSX(({ points, className = '', zoom = 5, showSearchField = false }) => {
+    const YandexMap = JSX(({ points, className = '', zoom = 5 }) => {
         const map = useRef(null);
         const yandexMaps = useYandexMaps();
         const [isFullScreen, setIsFullScreen] = useState();
-        const pointsCenter = points ? getCenterPoint(points) : [55.753995, 37.614069];
+        const pointsCenter = points ? getCenterPoint(points) : DEFAULT_CENTER_COORDS;
         useEffect(() => {
             if (!map?.current) {
                 yandexMaps?.ready(() => {
@@ -3609,13 +3559,13 @@
                     renderClusterer(yandexMaps, map.current, points);
                 });
             }
-        }, [yandexMaps, map, points]);
-        useEffect(() => {
-            if (map.current && points?.length && yandexMaps) {
-                const newPoints = points.length < 1 ? normalizePoints(mockPoints) : points;
-                renderClusterer(yandexMaps, map.current, newPoints);
+            if (map.current && yandexMaps) {
+                renderClusterer(yandexMaps, map.current, points);
+                if (!points?.length) {
+                    map.current.setCenter(DEFAULT_CENTER_COORDS);
+                }
             }
-        }, [map, points, yandexMaps]);
+        }, [yandexMaps, map, points]);
         if (!yandexMaps) {
             return null;
         }
@@ -3630,23 +3580,14 @@
             setIsFullScreen(container.isFullscreen());
         };
         const zIndex = isFullScreen ? 'z-[100000]' : 'z-10';
-        const updatePointsToRender = (newPoints) => {
-            if (newPoints) {
-                const normalizedPoints = normalizePoints(newPoints);
-                setPointsToRender(normalizedPoints);
-            }
-        };
-        return (jsxs("div", { id: "map", className: `${isFullScreen ? '' : 'relative'} w-full ${className}`, children: [jsx("div", { className: `absolute flex left-2 top-4 w-1/2 ${zIndex}`, children: showSearchField
-                        ? renderSearchField(mockPoints, yandexMaps, updatePointsToRender)
-                        : renderOpenMap(pointsCenter) }), jsx("div", { className: `${Object.values(FULLSCREEN_STYLES).join(' ')} ${zIndex} right-2 top-4 bg-white`, onClick: toggleFullscreen, children: jsx(Icon, { name: "FullScreenIcon", width: "16", height: "16" }) }), jsxs("div", { className: `absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md ${zIndex}`, children: [jsx(ZoomButton, { yandexMaps: map }), jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map.current, yandexMaps, `right-2 top-80 ${zIndex}`)] }));
+        return (jsxs("div", { id: "map", className: style(!isFullScreen && 'relative', 'w-full', className), children: [jsx("div", { className: style('absolute flex left-2 top-4 w-1/2', zIndex), children: renderOpenMap(pointsCenter) }), jsx("div", { className: style(Object.values(FULLSCREEN_STYLES), zIndex, 'right-2 top-4 bg-white'), onClick: toggleFullscreen, children: jsx(Icon, { name: "FullScreenIcon", width: "16", height: "16" }) }), jsxs("div", { className: style('absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md', zIndex), children: [jsx(ZoomButton, { yandexMaps: map }), jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map.current, yandexMaps, style('right-2 top-80', zIndex))] }));
     });
     const getCenterPoint = (points) => [
         getArraySumAndAverage(mapByIndex(points, 0)),
         getArraySumAndAverage(mapByIndex(points, 1)),
     ];
     const mapByIndex = (arr, index) => arr.map((a) => a[index]);
-    const getArraySumAndAverage = (arr) => arr.reduce((a, b) => a + b) / arr.length;
-    const normalizePoints = (points) => (points ? points.map((_) => _.coords) : null);
+    const getArraySumAndAverage = (arr) => arr.length && arr.reduce((a, b) => a + b) / arr.length;
 
     const WrapperSelect = JSX(({ data, fieldLabel, fieldValue, selected, placeholder = '', setSelected, label }) => {
         const dataFormat = data
@@ -4979,7 +4920,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.0";
+    const packageVersion = "0.14.1";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;