@redneckz/wildless-cms-uni-blocks 0.14.4 → 0.14.5

package/lib/components/Footer/Footer.mobile.js

@@ -17,7 +17,7 @@ export const Footer = JSX(({ className, ...rest }) => {
     const fallback = rest.options?.page?.fallback;
     const { topItems } = useSitemap(fallback);
     const { relatedEnterprises, contacts, socialMedia, mobileApps, horizontalNavigationTitle, documents, } = useSWRResource(projectSettings.FOOTER || 'footer', { fallback });
-    return (_jsxs(BlockWrapper, { tag: "footer", className: className, defaultPadding: "p-4xl", ...rest, children: [_jsx("div", { className: "mb-lg pb-xs border-b border-main-divider", children: topItems?.map((item, i) => (_jsx(RollupItem, { label: item?.text, labelIcon: item?.icon, children: _jsx(LinkList, { items: item.items }) }, String(i)))) }), _jsx(Contacts, { className: "overflow-hidden", items: contacts }), _jsxs("div", { className: "mt-xl", children: [_jsx(SocialMedia, { className: "mb-xl", media: socialMedia, buttonSize: "stretched", children: "\u0421\u043E\u0446\u0441\u0435\u0442\u0438" }), _jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }), _jsx("div", { className: "mt-xs", children: mobileApps?.map(renderButton) })] }), _jsx(HorizontalNavigation, { className: "py-lg border-y border-main-divider", title: horizontalNavigationTitle, links: relatedEnterprises }), _jsx(TextInformation, { links: documents })] }));
+    return (_jsxs(BlockWrapper, { tag: "footer", className: className, defaultPadding: "p-4xl", ...rest, children: [_jsx("div", { className: "mb-lg pb-xs border-b border-main-divider", children: topItems?.map((item, i) => (_jsx(RollupItem, { label: item?.text, labelIcon: item?.icon, children: _jsx(LinkList, { items: item.items }) }, String(i)))) }), _jsx(Contacts, { className: "overflow-hidden", items: contacts }), _jsxs("div", { className: "mt-xl", children: [_jsx(SocialMedia, { className: "mb-xl", media: socialMedia, stretched: true, children: "\u0421\u043E\u0446\u0441\u0435\u0442\u0438" }), _jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }), _jsx("div", { className: "mt-xs", children: mobileApps?.map(renderButton) })] }), _jsx(HorizontalNavigation, { className: "py-lg border-y border-main-divider", title: horizontalNavigationTitle, links: relatedEnterprises }), _jsx(TextInformation, { links: documents })] }));
 });
 const renderButton = ({ href = '/', text }, i) => {
     const { label } = findIconByHref(href);

package/lib/components/Footer/Footer.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.mobile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Footer.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.mobile.tsx"],"names":[],"mappings":"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"}

package/lib/components/Footer/FooterContent.d.ts

@@ -1,10 +1,7 @@
 import type { DescriptionProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
-import type { IconProps, Picture } from '../../model/Picture';
-export interface SocialMediaLink extends LinkProps {
-    icon?: Picture;
-}
+import type { IconProps } from '../../model/Picture';
 /**
  * @title Тип контакта
  * @enumNames [

package/lib/components/Footer/FooterDataProps.d.ts

@@ -1,11 +1,12 @@
 import type { LinkProps } from '../../model/LinkProps';
 import type { SitemapData } from '../../services/sitemap/SitemapData';
-import type { ContactGroup, SocialMediaLink } from './FooterContent';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import type { ContactGroup } from './FooterContent';
 export interface FooterDataProps extends SitemapData {
     documents?: LinkProps[];
     relatedEnterprises?: LinkProps[];
     contacts?: ContactGroup[];
-    socialMedia?: SocialMediaLink[];
-    mobileApps?: SocialMediaLink[];
+    socialMedia?: ButtonContent[];
+    mobileApps?: ButtonContent[];
     horizontalNavigationTitle?: string;
 }

package/lib/components/Footer/SocialMedia.d.ts

@@ -1,8 +1,8 @@
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import type { ButtonSize } from './MediaButton';
 export interface SocialMediaProps {
     className?: string;
     media?: ButtonContent[];
-    buttonSize?: ButtonSize;
+    showButtonText?: boolean;
+    stretched?: boolean;
 }
 export declare const SocialMedia: import("@redneckz/uni-jsx").UNIComponent<SocialMediaProps, any, any>;

package/lib/components/Footer/SocialMedia.js

@@ -1,7 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
 import { Text } from '../../ui-kit/Text/Text.js';
 import { style } from '../../utils/style.js';
-import { MediaButton } from './MediaButton.js';
-export const SocialMedia = JSX(({ className = '', media, children, buttonSize }) => (_jsxs("div", { className: "flex flex-col sm:flex-col-reverse gap-xs", children: [children ? (_jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: children })) : null, _jsx("div", { className: style('flex gap-xs', className), children: media?.map((_, index) => (_jsx(MediaButton, { buttonSize: buttonSize, ..._ }, String(index)))) })] })));
+import { findIconByHref } from './findIconByHref.js';
+export const SocialMedia = JSX(({ className = '', media, showButtonText, stretched, children }) => {
+    const [hasText, setHasText] = useState();
+    const buttons = media?.map((_) => {
+        const { href, icon, text } = _;
+        const { iconMapped } = findIconByHref(href);
+        const iconCustom = getFilteredIcon(icon) ?? iconMapped;
+        const buttonText = showButtonText ? { text } : {};
+        if (!hasText && text) {
+            setHasText(true);
+        }
+        return {
+            ...buttonText,
+            icon: { ...iconCustom, iconVersion: 'color' },
+            version: 'white',
+        };
+    });
+    const buttonClassName = style('border border-solid hover:border-transparent group-data-primary:border-main-divider border-main-divider group-data-gray:border-green group/media', showButtonText && hasText ? '' : ' basis-auto', stretched ? 'flex-1 justify-center' : '');
+    return (_jsxs("div", { className: "flex flex-col sm:flex-col-reverse gap-xs", children: [children ? (_jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: children })) : null, _jsx("div", { className: style('flex gap-xs', className), children: renderButtonsSection(buttons, {
+                    className: stretched ? 'w-full' : '',
+                    buttonClassName,
+                }) })] }));
+});
+const getFilteredIcon = (icon) => (icon?.src || icon?.icon ? icon : undefined);
 //# sourceMappingURL=SocialMedia.js.map

package/lib/components/Footer/SocialMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocialMedia.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACnD,eAAK,SAAS,EAAC,0CAA0C,aACtD,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,SAAS,CAAC,YAC5C,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,IAAqB,UAAU,EAAE,UAAU,KAAM,CAAC,IAA5C,MAAM,CAAC,KAAK,CAAC,CAAmC,CACnE,CAAC,GACE,IACF,CACP,CACF,CAAC"}
+{"version":3,"file":"SocialMedia.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASlD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAuB,CAAC;IAC9D,MAAM,OAAO,GAAgC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;QACvD,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAElD,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;QAED,OAAO;YACL,GAAG,UAAU;YACb,IAAI,EAAE,EAAE,GAAG,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE;YAC7C,OAAO,EAAE,OAAO;SACjB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,KAAK,CAC3B,kJAAkJ,EAClJ,cAAc,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAC9C,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CACzC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACtD,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,SAAS,CAAC,YAC5C,oBAAoB,CAAC,OAAO,EAAE;oBAC7B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;oBACpC,eAAe;iBAChB,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC"}

package/lib/components/Footer/iconsMap.js

@@ -2,37 +2,30 @@ export const ICONS_MAP = [
     {
         origins: ['t.me', 'telegram.org'],
         iconMapped: { icon: 'TelegramIcon' },
-        label: 'Телеграм',
     },
     {
         origins: ['vk.com'],
         iconMapped: { icon: 'VKIcon' },
-        label: 'ВКонтакте',
     },
     {
         origins: ['ok.ru'],
         iconMapped: { icon: 'OkIcon' },
-        label: 'Одноклассники',
     },
     {
         origins: ['apps.apple.com'],
         iconMapped: { icon: 'AppleIcon' },
-        label: 'App Store',
     },
     {
         origins: ['play.google.com'],
         iconMapped: { icon: 'PlayMarketIcon' },
-        label: 'Google Play',
     },
     {
         origins: ['youtube.com'],
         iconMapped: { icon: 'YoutubeIcon' },
-        label: 'Youtube',
     },
     {
         origins: ['rutube.ru'],
         iconMapped: { icon: 'RutubeIcon' },
-        label: 'Rutube',
     },
 ];
 //# sourceMappingURL=iconsMap.js.map

package/lib/components/Footer/iconsMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconsMap.js","sourceRoot":"","sources":["../../../src/components/Footer/iconsMap.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,SAAS,GAAwB;IAC5C;QACE,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;QACjC,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;QACpC,KAAK,EAAE,UAAU;KAClB;IACD;QACE,OAAO,EAAE,CAAC,QAAQ,CAAC;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC9B,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,OAAO,CAAC;QAClB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC9B,KAAK,EAAE,eAAe;KACvB;IACD;QACE,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,UAAU,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;QACjC,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,UAAU,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;QACtC,KAAK,EAAE,aAAa;KACrB;IACD;QACE,OAAO,EAAE,CAAC,aAAa,CAAC;QACxB,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,OAAO,EAAE,CAAC,WAAW,CAAC;QACtB,UAAU,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;QAClC,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC"}
+{"version":3,"file":"iconsMap.js","sourceRoot":"","sources":["../../../src/components/Footer/iconsMap.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,SAAS,GAAwB;IAC5C;QACE,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;QACjC,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;KACrC;IACD;QACE,OAAO,EAAE,CAAC,QAAQ,CAAC;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC/B;IACD;QACE,OAAO,EAAE,CAAC,OAAO,CAAC;QAClB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC/B;IACD;QACE,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,UAAU,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;KAClC;IACD;QACE,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,UAAU,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;KACvC;IACD;QACE,OAAO,EAAE,CAAC,aAAa,CAAC;QACxB,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;KACpC;IACD;QACE,OAAO,EAAE,CAAC,WAAW,CAAC;QACtB,UAAU,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACnC;CACF,CAAC"}

package/lib/ui-kit/Button/ButtonInner.js

@@ -12,7 +12,7 @@ const getButtonStyle = (props) => {
         return '';
     }
     const withTextStyle = `${aboveText ? 'py-2.5 px-9' : 'py-4 px-9'}`;
-    return style('group/btn items-center justify-center', isWithText(props) ? withTextStyle : 'h-12 w-12', rounded ? 'rounded-full' : '');
+    return style('group/btn items-center justify-center', isWithText(props) ? withTextStyle : 'h-12 w-12 m-auto', rounded ? 'rounded-full' : '');
 };
 const isWithText = ({ text, aboveText, appendLeft }) => Boolean(text || aboveText || !appendLeft);
 //# sourceMappingURL=ButtonInner.js.map

package/lib/ui-kit/Button/ButtonInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAc,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhF,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,aACxD,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,YAAG,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,EAC7E,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACG,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAO,CAAC,CAAC,CAAC,IAAI,EACnF,cAAK,SAAS,EAAE,aAAa,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAG,IAAI,GAAO,IAChF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5E,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEnE,OAAO,KAAK,CACV,uCAAuC,EACvC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAe,EAAE,EAAE,CAClE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAc,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhF,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,aACxD,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,YAAG,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,EAC7E,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACG,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAO,CAAC,CAAC,CAAC,IAAI,EACnF,cAAK,SAAS,EAAE,aAAa,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAG,IAAI,GAAO,IAChF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5E,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEnE,OAAO,KAAK,CACV,uCAAuC,EACvC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,EACtD,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAe,EAAE,EAAE,CAClE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -654,7 +654,7 @@
             return '';
         }
         const withTextStyle = `${aboveText ? 'py-2.5 px-9' : 'py-4 px-9'}`;
-        return style('group/btn items-center justify-center', isWithText(props) ? withTextStyle : 'h-12 w-12', rounded ? 'rounded-full' : '');
+        return style('group/btn items-center justify-center', isWithText(props) ? withTextStyle : 'h-12 w-12 m-auto', rounded ? 'rounded-full' : '');
     };
     const isWithText = ({ text, aboveText, appendLeft }) => Boolean(text || aboveText || !appendLeft);
 
@@ -1783,7 +1783,6 @@
         isMonthlyInterestPayment: true,
         isReplenished: false,
         isPartialWithdrawal: false,
-        isSmallBusiness: false,
         depositeName: "Депозит 'Стабильный'",
     };
     const CREDIT_CALC_DEFAULT_DIR = 'credit-calculator-data';
@@ -1948,7 +1947,7 @@
     const checkRangeByKeys = (value, [minKey, maxKey], sourceBookRow) => value >= sourceBookRow[minKey] && value <= sourceBookRow[maxKey];
 
     const useBusinessDepositCalculatorParams = (userInputParams, sourceBookDir) => {
-        const { daysValue, moneyValue, isPartialWithdrawal, isReplenished, isSmallBusiness, isMonthlyInterestPayment, } = userInputParams;
+        const { daysValue, moneyValue, isPartialWithdrawal, isReplenished, isMonthlyInterestPayment } = userInputParams;
         const data = useCalculatorParams(sourceBookDir || BUSINESS_DEPOSIT_CALC_DEFAULT_DIR);
         const isOperatingDeposit = isReplenished || isPartialWithdrawal;
         const isDisabledOperatingDeposit = daysValue < BUSINESS_OPERATING_MIN_DAYS || daysValue > BUSINESS_OPERATING_MAX_DAYS;
@@ -1962,7 +1961,6 @@
         }
         const businessDepositCalculatorSourceBookParams = data?.rateRows?.find((_) => {
             return (isMonthlyInterestPayment === _.isMonthlyInterestPayment &&
-                isSmallBusiness === _.isSmallBusiness &&
                 checkIsOperatingDeposit(isOperatingDeposit, _) &&
                 checkRangeByKeys(moneyValue, ['minSum', 'maxSum'], _) &&
                 checkRangeByKeys(daysValue, ['minDays', 'maxDays'], _));
@@ -2003,7 +2001,6 @@
             daysValue: BUSINESS_DEFAULT_DAYS,
             isReplenished: false,
             isPartialWithdrawal: false,
-            isSmallBusiness: false,
             isMonthlyInterestPayment: false,
         });
         const calculatorParams = useBusinessDepositCalculatorParams(userInputParams, rateParams?.sourceBookDir);
@@ -2020,19 +2017,19 @@
                             max: calculatorParams.maxDays,
                             ...field('daysValue'),
                             value: calculatorParams.daysValue,
-                        }), renderBusinessDepositParamsForm(calculatorParams, field), renderInterestPayment({
-                            title: 'Выплата процентов',
-                            orientation: 'vertical',
-                            ...field('isMonthlyInterestPayment'),
-                            radioGroupClassName: 'sm:flex-col',
-                        })] }), jsx("div", { className: "border-b border-main-divider md:hidden" }), renderRate({
+                        }), jsxs("div", { className: "flex flex-col sm:flex-row gap-y-4 gap-x-14", children: [renderBusinessDepositParamsForm(calculatorParams, field), renderInterestPayment({
+                                    title: 'Выплата процентов',
+                                    orientation: 'vertical',
+                                    ...field('isMonthlyInterestPayment'),
+                                    radioGroupClassName: 'sm:flex-col',
+                                })] })] }), jsx("div", { className: "border-b border-main-divider md:hidden" }), renderRate({
                     rate,
                     depositeName,
                     isShowDepositeName,
                     isUnavailableByTerm,
                 }), jsxs("div", { className: "flex flex-col gap-2xl sm:w-96", children: [renderDepositResults(finalSum, income), renderButtonsSection(buttons, { isVertical: true }), renderFootnote(footnote), renderFootnote(bottomFootnote)] })] }));
     });
-    const renderBusinessDepositParamsForm = (calculatorParams, field) => (jsxs("div", { className: "flex flex-col gap-y-xl sm:gap-y-s", children: [jsx(Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), jsx(Checkbox, { disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal }), jsx(Checkbox, { text: "\u0418\u041F / \u043C\u0430\u043B\u043E\u0435 \u043F\u0440\u0435\u0434\u043F\u0440\u0438\u044F\u0442\u0438\u0435", ...field('isSmallBusiness'), value: calculatorParams.isSmallBusiness })] }));
+    const renderBusinessDepositParamsForm = (calculatorParams, field) => (jsxs("div", { className: "space-y-s", children: [jsx(Text, { color: "text-secondary-text", font: "font-light", children: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B" }), jsxs("div", { className: "flex flex-col gap-y-xl sm:gap-y-s", children: [jsx(Checkbox, { text: "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435", disabled: calculatorParams.isDisabledOperatingDeposit, ...field('isReplenished'), value: calculatorParams.isReplenished }), jsx(Checkbox, { disabled: calculatorParams.isDisabledOperatingDeposit, text: "\u0427\u0430\u0441\u0442\u0438\u0447\u043D\u043E\u0435 \u0441\u043D\u044F\u0442\u0438\u0435", ...field('isPartialWithdrawal'), value: calculatorParams.isPartialWithdrawal })] })] }));
     const renderDepositResults = (finalSum, income) => (jsxs("div", { className: "flex flex-col gap-2xl sm:gap-0", children: [jsx(CalculatorValueBlock, { title: "\u0414\u043E\u0445\u043E\u0434 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: income, postfix: "\u20BD", prefix: "+" }), jsx(CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u0432 \u043A\u043E\u043D\u0446\u0435 \u0441\u0440\u043E\u043A\u0430", value: finalSum, postfix: "\u20BD" })] }));
 
     const STEP_MONTHS = 1;
@@ -2635,7 +2632,6 @@
         'CarouselTariffsCard',
         'CarouselRichTextCard',
         'CarouselInvestmentCard',
-        'CarouselEventCard',
         'ProductBlock',
     ];
     Carousel.childSchema = () => ({
@@ -2723,15 +2719,15 @@
     const List = JSX(({ className, hasIndent, isDotted, items, listItemSize = 'M' }) => items?.length ? (jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', TEXT_SIZE_MAP[listItemSize], hasIndent ? ITEM_INDENT_MAP[listItemSize] : '', className), role: "list", children: items.map((item, i) => (jsx(ListItem, { isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
 
     const CarouselProductCard = JSX(({ additionalDescription, align = AlignStyles, button = {}, className = '', description, headlineSmallVersion = 'H6', href, icon, isDotted = true, isButtonFullWidth = true, isImageFullWidth = false, isTopPosition = false, items = [], target, title, version = 'primary', ...rest }) => {
-        return (jsxs(BlockWrapper, { className: style('flex flex-col justify-between', align, className), defaultPadding: "p-0", version: version, ...rest, children: [jsxs(LinkWrapper, { className: "p-m flex flex-col gap-xs", href: href, target: target, children: [renderCardTitle(headlineSmallVersion, title), renderDescription$2(description), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription), renderImage$2(icon, isImageFullWidth, isTopPosition)] }), renderButtonsSection([button], {
+        return (jsxs(BlockWrapper, { className: style('flex flex-col justify-between', className), defaultPadding: "p-0", version: version, ...rest, children: [jsxs(LinkWrapper, { className: "p-m flex flex-col gap-xs", href: href, target: target, children: [renderCardTitle(headlineSmallVersion, title, align), renderDescription$2(description, align), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription, align), renderImage$2(icon, isImageFullWidth, isTopPosition)] }), renderButtonsSection([button], {
                     className: style('p-m pt-0', isButtonFullWidth ? '' : 'self-center'),
                     isVertical: isButtonFullWidth,
                 })] }));
     });
-    const renderImage$2 = (image, isImageFullWidth, isTopPosition) => (jsxs("div", { className: style('flex gap-lg', isTopPosition ? 'order-first' : 'order-last', !isImageFullWidth ? 'justify-center' : ''), children: [image?.src ? jsx(Img, { className: "shrink-0", image: image }) : null, image?.icon ? (jsx(Img, { className: style('shrink-0', !isImageFullWidth ? 'w-8 h-8 min-w-8' : ''), image: image })) : null] }));
-    const renderCardTitle = (headlineSmallVersion, title) => title ? jsx(Text, { size: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) : null;
-    const renderDescription$2 = (description) => description ? jsx(Paragraph, { size: "text-l", children: description }) : null;
-    const renderAdditionalDescription = (additionalDescription) => additionalDescription ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text group-data-secondary:text-white/80", children: additionalDescription })) : null;
+    const renderImage$2 = (image, isImageFullWidth, isTopPosition) => (jsxs("div", { className: style('flex gap-y-lg justify-center', isImageFullWidth ? 'min-w-full h-full' : '', isTopPosition ? 'order-first' : 'order-last'), children: [image?.src ? jsx(Img, { image: image }) : null, image?.icon ? (jsx(Img, { className: style(!isImageFullWidth ? 'w-8 h-8 min-w-8' : 'w-full h-full'), image: image })) : null] }));
+    const renderCardTitle = (headlineSmallVersion, title, align) => title ? (jsx(Text, { align: align, size: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title })) : null;
+    const renderDescription$2 = (description, align) => description ? (jsx(Paragraph, { align: align, size: "text-l", children: description })) : null;
+    const renderAdditionalDescription = (additionalDescription, align) => additionalDescription ? (jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text group-data-secondary:text-white/80", align: align, children: additionalDescription })) : null;
     const renderItems = (items, isDotted, version = 'primary') => items?.length ? (jsx(List, { className: style('text-s', version === 'primary' ? '!text-secondary-text' : ''), items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted, listItemSize: "S" })) : null;
 
     const sum = (list = []) => list.reduce((a, b) => a + b, 0);
@@ -2794,64 +2790,65 @@
                     description: _.description,
                 })) }) }) })));
 
-    const buttonSizeStyle = {
-        default: 'w-14 h-14',
-        stretched: 'flex-1 h-14',
-    };
-
     const ICONS_MAP = [
         {
             origins: ['t.me', 'telegram.org'],
             iconMapped: { icon: 'TelegramIcon' },
-            label: 'Телеграм',
         },
         {
             origins: ['vk.com'],
             iconMapped: { icon: 'VKIcon' },
-            label: 'ВКонтакте',
         },
         {
             origins: ['ok.ru'],
             iconMapped: { icon: 'OkIcon' },
-            label: 'Одноклассники',
         },
         {
             origins: ['apps.apple.com'],
             iconMapped: { icon: 'AppleIcon' },
-            label: 'App Store',
         },
         {
             origins: ['play.google.com'],
             iconMapped: { icon: 'PlayMarketIcon' },
-            label: 'Google Play',
         },
         {
             origins: ['youtube.com'],
             iconMapped: { icon: 'YoutubeIcon' },
-            label: 'Youtube',
         },
         {
             origins: ['rutube.ru'],
             iconMapped: { icon: 'RutubeIcon' },
-            label: 'Rutube',
         },
     ];
 
     const findIconByHref = (href) => ICONS_MAP.find(({ origins }) => origins?.some((_) => href?.includes(_))) || {};
 
-    //TODO: Refactor this.
-    const MediaButton = JSX(({ buttonSize = 'default', icon, ...rest }) => {
-        const { href } = rest;
-        const { iconMapped, label } = findIconByHref(href);
-        const iconCustom = getFilteredIcon(icon) ?? iconMapped;
-        return (jsx(Button, { className: style('border border-solid hover:border-transparent', 'group-data-primary:border-main-divider', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover', 'group-data-gray:border-green', 'p-m min-h-14 group/media flex items-center justify-center box-border', buttonSizeStyle[buttonSize]), "aria-label": label, rel: "noopener noreferrer", target: "_blank", ...rest, children: jsx(Img, { image: iconCustom, imageClassName: "group-hover/media:text-white", width: "24", height: "24" }) }));
+    const SocialMedia = JSX(({ className = '', media, showButtonText, stretched, children }) => {
+        const [hasText, setHasText] = useState();
+        const buttons = media?.map((_) => {
+            const { href, icon, text } = _;
+            const { iconMapped } = findIconByHref(href);
+            const iconCustom = getFilteredIcon(icon) ?? iconMapped;
+            const buttonText = showButtonText ? { text } : {};
+            if (!hasText && text) {
+                setHasText(true);
+            }
+            return {
+                ...buttonText,
+                icon: { ...iconCustom, iconVersion: 'color' },
+                version: 'white',
+            };
+        });
+        const buttonClassName = style('border border-solid hover:border-transparent group-data-primary:border-main-divider border-main-divider group-data-gray:border-green group/media', showButtonText && hasText ? '' : ' basis-auto', stretched ? 'flex-1 justify-center' : '');
+        return (jsxs("div", { className: "flex flex-col sm:flex-col-reverse gap-xs", children: [children ? (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: children })) : null, jsx("div", { className: style('flex gap-xs', className), children: renderButtonsSection(buttons, {
+                        className: stretched ? 'w-full' : '',
+                        buttonClassName,
+                    }) })] }));
     });
     const getFilteredIcon = (icon) => (icon?.src || icon?.icon ? icon : undefined);
 
-    const SocialMedia = JSX(({ className = '', media, children, buttonSize }) => (jsxs("div", { className: "flex flex-col sm:flex-col-reverse gap-xs", children: [children ? (jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: children })) : null, jsx("div", { className: style('flex gap-xs', className), children: media?.map((_, index) => (jsx(MediaButton, { buttonSize: buttonSize, ..._ }, String(index)))) })] })));
-
     const CarouselRecommendationCard = JSX(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, align = 'text-left', ...rest }) => {
-        return (jsx(BlockWrapper, { className: style('relative group-data-gray:bg-main-divider/50', className), defaultPadding: "p-3xl", ...rest, children: jsxs(LinkWrapper, { href: href, target: target, className: 'space-y-lg', children: [jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), items.length ? (jsx(List, { className: "flex flex-col gap-xs", items: items, listItemSize: "XS" })) : null, renderIcon$1(icon), socialMedia.length ? jsx(SocialMedia, { media: socialMedia }) : null] }) }));
+        return (jsx(BlockWrapper, { className: style('relative group-data-gray:bg-main-divider/50', className), defaultPadding: "p-3xl", ...rest, children: jsxs(LinkWrapper, { href: href, target: target, className: 'space-y-lg', children: [jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), items.length ? (jsx(List, { className: "flex flex-col gap-xs", items: items, listItemSize: "XS" })) : null, renderIcon$1(icon), socialMedia.length ? jsx(SocialMedia, { media: socialMedia, showButtonText: true }) : null] }) }));
     });
     const renderIcon$1 = (icon) => icon?.src || icon?.icon ? (jsx("div", { children: jsx(Img, { image: icon }) })) : null;
 
@@ -3189,7 +3186,7 @@
         const fallback = rest.options?.page?.fallback;
         const { topItems } = useSitemap(fallback);
         const { relatedEnterprises, contacts, socialMedia, mobileApps, horizontalNavigationTitle, documents, } = useSWRResource(projectSettings.FOOTER || 'footer', { fallback });
-        return (jsxs(BlockWrapper, { tag: "footer", className: className, defaultPadding: "p-4xl", ...rest, children: [jsx("div", { className: "mb-lg pb-xs border-b border-main-divider", children: topItems?.map((item, i) => (jsx(RollupItem, { label: item?.text, labelIcon: item?.icon, children: jsx(LinkList, { items: item.items }) }, String(i)))) }), jsx(Contacts, { className: "overflow-hidden", items: contacts }), jsxs("div", { className: "mt-xl", children: [jsx(SocialMedia, { className: "mb-xl", media: socialMedia, buttonSize: "stretched", children: "\u0421\u043E\u0446\u0441\u0435\u0442\u0438" }), jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }), jsx("div", { className: "mt-xs", children: mobileApps?.map(renderButton) })] }), jsx(HorizontalNavigation, { className: "py-lg border-y border-main-divider", title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents })] }));
+        return (jsxs(BlockWrapper, { tag: "footer", className: className, defaultPadding: "p-4xl", ...rest, children: [jsx("div", { className: "mb-lg pb-xs border-b border-main-divider", children: topItems?.map((item, i) => (jsx(RollupItem, { label: item?.text, labelIcon: item?.icon, children: jsx(LinkList, { items: item.items }) }, String(i)))) }), jsx(Contacts, { className: "overflow-hidden", items: contacts }), jsxs("div", { className: "mt-xl", children: [jsx(SocialMedia, { className: "mb-xl", media: socialMedia, stretched: true, children: "\u0421\u043E\u0446\u0441\u0435\u0442\u0438" }), jsx(Text, { size: "text-s", font: "font-light", color: "text-secondary-text", children: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }), jsx("div", { className: "mt-xs", children: mobileApps?.map(renderButton) })] }), jsx(HorizontalNavigation, { className: "py-lg border-y border-main-divider", title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents })] }));
     });
     const renderButton = ({ href = '/', text }, i) => {
         const { label } = findIconByHref(href);
@@ -4915,7 +4912,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.4";
+    const packageVersion = "0.14.5";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;