@redneckz/wildless-cms-uni-blocks 0.3.59 → 0.3.61

package/mobile/lib/components/GroupBlock/GroupBlockTabs.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const GroupBlockTabs = JSX((props) => {
     const { tabs, currentTag, onTabClick, className = '', isShowCounter = true } = props;
-    return (_jsx("div", { className: `mb-2 box-border flex gap-x-1 h-12 ${className}`, role: "tablist", children: tabs?.map(renderTab(onTabClick, isShowCounter, currentTag)) }));
+    return (_jsx("div", { className: `mb-2 box-border flex gap-x-1 ${className}`, role: "tablist", children: tabs?.map(renderTab(onTabClick, isShowCounter, currentTag)) }));
 });
-const badgeStyle = 'w-[22px] h-[22px] rounded-full text-m-sm';
+const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-m-sm';
 const renderTab = (onTabClick, isShowCounter, currentTag) => (tab, i) => {
     const isActive = currentTag === tab.tag;
     const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
     const tabText = isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main';
     const counterBlockStyle = `${badgeStyle} 
-      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-text/10 text-secondary-text'}`;
-    return (_jsx("div", { className: `flex h-full w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": String(isActive), tag: tab?.tag, children: _jsxs("div", { className: "flex flex-1 items-center justify-center", children: [tab?.title ? _jsx("h3", { className: `mr-8 ${tabText}`, children: tab?.title }) : null, isShowCounter ? (_jsx("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: _jsx("span", { children: tab.count }) })) : null] }) }, String(i)));
+      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-light text-secondary-text'}`;
+    return (_jsx("div", { className: `flex h-full w-full h-12 flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": String(isActive), tag: tab?.tag, children: _jsxs("div", { className: "flex flex-1 items-center justify-center", children: [tab?.title ? _jsx("h3", { className: `mr-8 ${tabText}`, children: tab?.title }) : null, isShowCounter ? (_jsx("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: _jsx("span", { children: tab.count }) })) : null] }) }, String(i)));
 };
 //# sourceMappingURL=GroupBlockTabs.js.map

package/mobile/lib/components/GroupBlock/GroupBlockTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBlockTabs.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlockTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErF,OAAO,CACL,cAAK,SAAS,EAAE,qCAAqC,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,YAC7E,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,0CAA0C,CAAC;AAE9D,MAAM,SAAS,GACb,CAAC,UAA2B,EAAE,aAAsB,EAAE,UAAmB,EAAE,EAAE,CAC7E,CAAC,GAAkB,EAAE,CAAS,EAAE,EAAE;IAChC,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC9D,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mDAAmD,CAAC;IAC9F,MAAM,iBAAiB,GAAG,GAAG,UAAU;QACnC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,0CAA0C,EAAE,CAAC;IAEvF,OAAO,CACL,cAEE,SAAS,EAAE,uEAAuE,KAAK,EAAE,EACzF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mBACnB,MAAM,CAAC,QAAQ,CAAC,EAC/B,GAAG,EAAE,GAAG,EAAE,GAAG,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACrD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,QAAQ,OAAO,EAAE,YAAG,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACvE,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,oCAAoC,iBAAiB,EAAE,YACrE,yBAAO,GAAG,CAAC,KAAK,GAAQ,GACpB,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IAdD,MAAM,CAAC,CAAC,CAAC,CAeV,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"GroupBlockTabs.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlockTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErF,OAAO,CACL,cAAK,SAAS,EAAE,gCAAgC,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,YACxE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,uDAAuD,CAAC;AAE3E,MAAM,SAAS,GACb,CAAC,UAA2B,EAAE,aAAsB,EAAE,UAAmB,EAAE,EAAE,CAC7E,CAAC,GAAkB,EAAE,CAAS,EAAE,EAAE;IAChC,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC9D,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mDAAmD,CAAC;IAC9F,MAAM,iBAAiB,GAAG,GAAG,UAAU;QACnC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wCAAwC,EAAE,CAAC;IAErF,OAAO,CACL,cAEE,SAAS,EAAE,4EAA4E,KAAK,EAAE,EAC9F,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mBACnB,MAAM,CAAC,QAAQ,CAAC,EAC/B,GAAG,EAAE,GAAG,EAAE,GAAG,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACrD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,QAAQ,OAAO,EAAE,YAAG,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACvE,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,oCAAoC,iBAAiB,EAAE,YACrE,yBAAO,GAAG,CAAC,KAAK,GAAQ,GACpB,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IAdD,MAAM,CAAC,CAAC,CAAC,CAeV,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/Header/HeaderContent.d.ts

@@ -21,6 +21,15 @@ export interface DispositionItem extends LinkProps {
  * @required ["defaultLocation", "topItems"]
  */
 export interface HeaderContent extends SitemapProps {
+    /** @title Логотип */
+    logo?: {
+        /** @title Иконка логотипа */
+        image?: Picture;
+        /**
+         * @title Текст логотипа
+         */
+        title?: string;
+    };
     /**
      * @title Город по-умолчанию
      * @default Москва

package/mobile/lib/components/Insurance/Insurance.d.ts

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../types';
+import type { InsuranceContent } from './InsuranceContent';
+export interface InsuranceProps extends InsuranceContent, UniBlockProps {
+}
+export declare const Insurance: (props: import("@redneckz/uni-jsx").PropsWithChildren<InsuranceProps, any>, context?: any) => any;

package/mobile/lib/components/Insurance/Insurance.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { Img } from '../../ui-kit/Img/Img.js';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
+export const Insurance = JSX(({ className = '', title, description, image, benefits, insuranceSum, monthLimit }) => {
+    return (_jsxs("section", { className: `px-[100px] py-[50px] bg-white text-primary-text ${className}`, children: [title ? _jsx(Heading, { headingType: "h3", title: title, className: "text-center" }) : null, description ? _jsx("div", { className: "text-center text-md mt-3", children: description }) : null, _jsx("div", { children: _jsxs("div", { className: "mt-5 mx-auto flex justify-center gap-[120px] mt-[30px]", children: [image?.src ? _jsx(Img, { image: image }) : null, _jsxs("div", { className: "w-[558px] m-auto", children: [benefits ? (_jsx("div", { className: "flex flex-col gap-4", children: benefits.map(renderBenefit) })) : null, _jsxs("div", { className: "bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4", children: [insuranceSum
+                                            ? renderValueBlock('Страховая сумма:', insuranceSum, Boolean(monthLimit))
+                                            : null, monthLimit
+                                            ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(insuranceSum))
+                                            : null] })] })] }) })] }));
+});
+function renderBenefit(benefit, i) {
+    return (_jsxs("div", { className: "flex items-center gap-5", children: [benefit?.icon ? (_jsx(Img, { className: "w-[50px] h-[50px] min-w-[50px] p-3 rounded-full bg-secondary-light", image: benefit.icon, width: "24", height: "24", asSVG: true })) : null, _jsx("div", { className: "flex", children: _jsx("div", { className: "text-title-2xs", children: benefit.label }) })] }, String(i)));
+}
+function renderValueBlock(title, sum, isAnotherBlock) {
+    const widthStyle = isAnotherBlock ? 'w-fit' : 'w-full';
+    return (_jsxs("div", { className: `flex justify-between items-center gap-2 w-full ${widthStyle}`, children: [_jsx("span", { className: "text-secondary-text text-base", children: title }), _jsxs("span", { className: "text-primary-main text-title-2xs", children: [addSpacesBetweenNumbers(sum), " \u20BD"] })] }));
+}
+//# sourceMappingURL=Insurance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Insurance.js","sourceRoot":"","sources":["../../../src/components/Insurance/Insurance.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,EAAE;IACpF,OAAO,CACL,mBAAS,SAAS,EAAE,mDAAmD,SAAS,EAAE,aAC/E,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,GAAG,CAAC,CAAC,CAAC,IAAI,EACjF,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACnF,wBACE,eAAK,SAAS,EAAC,wDAAwD,aACpE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1C,eAAK,SAAS,EAAC,kBAAkB,aAC9B,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CACzE,CAAC,CAAC,CAAC,IAAI,EAER,eAAK,SAAS,EAAC,mDAAmD,aAC/D,YAAY;4CACX,CAAC,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;4CACzE,CAAC,CAAC,IAAI,EACP,UAAU;4CACT,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;4CAC3E,CAAC,CAAC,IAAI,IACJ,IACF,IACF,GACF,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,GAAG,IACF,SAAS,EAAC,oEAAoE,EAC9E,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,MAAM,YACnB,cAAK,SAAS,EAAC,gBAAgB,YAAE,OAAO,CAAC,KAAK,GAAO,GACjD,KAZE,MAAM,CAAC,CAAC,CAAC,CAab,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc;IAClD,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvD,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,UAAU,EAAE,aAC5E,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,gBAAM,SAAS,EAAC,kCAAkC,aAAE,uBAAuB,CAAC,GAAG,CAAC,eAAU,IACtF,CACP,CAAC;AACJ,CAAC"}

package/mobile/lib/components/Insurance/InsuranceContent.d.ts

@@ -0,0 +1,13 @@
+import type { Picture } from '../../model/Picture';
+import type { BenefitsBlockContent } from '../BenefitsBlock/BenefitsBlockContent';
+export declare type InsuranceContent = BenefitsBlockContent & {
+    /** @title Заголовок */
+    title?: string;
+    /** @title Описание */
+    description?: string;
+    /** @title Ежемесячный лимит */
+    monthLimit?: number;
+    /** @title Страховая сумма */
+    insuranceSum?: number;
+    image?: Picture;
+};

package/mobile/lib/components/Insurance/InsuranceContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InsuranceContent.js.map

package/mobile/lib/components/Insurance/InsuranceContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsuranceContent.js","sourceRoot":"","sources":["../../../src/components/Insurance/InsuranceContent.ts"],"names":[],"mappings":""}

package/mobile/lib/ui-kit/Icon/Icon.js

@@ -4,7 +4,7 @@ import { IconTitleMap } from '../../icons/IconName.js';
 import { projectSettings } from '../../ProjectSettings.js';
 export const Icon = JSX(({ className = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, iconVersion, asSVG, ...imgProps }) => {
     const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
-    const svgUseStyle = iconVersion === 'white' ? 'text-black invert' : '';
+    const svgUseStyle = iconVersion === 'white' ? 'text-black invert' : 'text-primary-main';
     if (asSVG) {
         return (_jsxs("svg", { className: className, ...imgProps, "aria-hidden": "true", children: [title ? _jsx("title", { children: title }) : null, alt ? _jsx("desc", { children: alt }) : null, _jsx("use", { className: svgUseStyle, href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));
     }

package/mobile/lib/ui-kit/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAC5C,KAAK,GAAG,GAAG,EACX,WAAW,EACX,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAC7D,MAAM,WAAW,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,QAAQ,iBAAc,MAAM,aACxD,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IAC5E,CACP,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAC5C,KAAK,GAAG,GAAG,EACX,WAAW,EACX,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAC7D,MAAM,WAAW,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAExF,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,QAAQ,iBAAc,MAAM,aACxD,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IAC5E,CACP,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/src/components/ContentPage/ContentPage.page.json

@@ -2149,6 +2149,45 @@
         ]
       }
     },
+    {
+      "type": "Insurance",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Страховые риски и продукты",
+        "description": "Описание",
+        "insuranceSum": 500000,
+        "image": {
+          "src": "insurance.png",
+          "title": "страхование",
+          "format": "webp",
+          "alt": "Страховые риски и продукты",
+          "size": {
+            "width": 400,
+            "height": 300
+          },
+          "sources": [
+            {
+              "src": "insurance.png 1x, insurance-2x.png 2x",
+              "format": "png"
+            }
+          ]
+        },
+        "benefits": [
+          {
+            "label": "Ликвидация организации",
+            "icon": {
+              "icon": "ShieldTickIcon"
+            }
+          },
+          {
+            "label": "Сокращение численности работников организации",
+            "icon": {
+              "icon": "ShieldTickIcon"
+            }
+          }
+        ]
+      }
+    },
     {
       "type": "Footer",
       "style": ["col-span-12"],

package/mobile/src/components/GroupBlock/GroupBlock.tsx

@@ -33,9 +33,7 @@ export const GroupBlock = JSX<GroupBlockProps>(
           <GroupBlockTabs currentTag={currentTag} onTabClick={setCurrentTag} tabs={tabsNewMap} />
         ) : null}
         {groupBlocks.length ? (
-          <div className="list-none">
-            <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />
-          </div>
+          <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />
         ) : null}
       </section>
     );

package/mobile/src/components/GroupBlock/GroupBlockTabs.tsx

@@ -15,13 +15,13 @@ export const GroupBlockTabs = JSX<GroupBlockTabsProps>((props) => {
   const { tabs, currentTag, onTabClick, className = '', isShowCounter = true } = props;
 
   return (
-    <div className={`mb-2 box-border flex gap-x-1 h-12 ${className}`} role="tablist">
+    <div className={`mb-2 box-border flex gap-x-1 ${className}`} role="tablist">
       {tabs?.map(renderTab(onTabClick, isShowCounter, currentTag))}
     </div>
   );
 });
 
-const badgeStyle = 'w-[22px] h-[22px] rounded-full text-m-sm';
+const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-m-sm';
 
 const renderTab =
   (onTabClick: TabClickHandler, isShowCounter: boolean, currentTag?: string) =>
@@ -30,12 +30,12 @@ const renderTab =
     const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
     const tabText = isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main';
     const counterBlockStyle = `${badgeStyle} 
-      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-text/10 text-secondary-text'}`;
+      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-light text-secondary-text'}`;
 
     return (
       <div
         key={String(i)}
-        className={`flex h-full w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`}
+        className={`flex h-full w-full h-12 flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`}
         role="tab"
         onClick={() => onTabClick(tab.tag)}
         aria-selected={String(isActive)}

package/mobile/src/components/Header/Header.example.json

@@ -1,3 +1,7 @@
 {
-  "defaultLocation": "Москва"
+  "defaultLocation": "Москва",
+  "logo": {
+    "image": {},
+    "title": "Россельхозбанк"
+  }
 }

package/mobile/src/components/Header/HeaderContent.ts

@@ -24,6 +24,15 @@ export interface DispositionItem extends LinkProps {
  * @required ["defaultLocation", "topItems"]
  */
 export interface HeaderContent extends SitemapProps {
+  /** @title Логотип */
+  logo?: {
+    /** @title Иконка логотипа */
+    image?: Picture;
+    /**
+     * @title Текст логотипа
+     */
+    title?: string;
+  };
   /**
    * @title Город по-умолчанию
    * @default Москва

package/mobile/src/components/Insurance/Insurance.tsx

@@ -0,0 +1,68 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import type { InsuranceContent } from './InsuranceContent';
+import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+
+export interface InsuranceProps extends InsuranceContent, UniBlockProps {}
+
+export const Insurance = JSX<InsuranceProps>(
+  ({ className = '', title, description, image, benefits, insuranceSum, monthLimit }) => {
+    return (
+      <section className={`px-[100px] py-[50px] bg-white text-primary-text ${className}`}>
+        {title ? <Heading headingType="h3" title={title} className="text-center" /> : null}
+        {description ? <div className="text-center text-md mt-3">{description}</div> : null}
+        <div>
+          <div className="mt-5 mx-auto flex justify-center gap-[120px] mt-[30px]">
+            {image?.src ? <Img image={image} /> : null}
+            <div className="w-[558px] m-auto">
+              {benefits ? (
+                <div className="flex flex-col gap-4">{benefits.map(renderBenefit)}</div>
+              ) : null}
+
+              <div className="bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4">
+                {insuranceSum
+                  ? renderValueBlock('Страховая сумма:', insuranceSum, Boolean(monthLimit))
+                  : null}
+                {monthLimit
+                  ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(insuranceSum))
+                  : null}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    );
+  },
+);
+
+function renderBenefit(benefit: Benefit, i: number) {
+  return (
+    <div key={String(i)} className="flex items-center gap-5">
+      {benefit?.icon ? (
+        <Img
+          className="w-[50px] h-[50px] min-w-[50px] p-3 rounded-full bg-secondary-light"
+          image={benefit.icon}
+          width="24"
+          height="24"
+          asSVG
+        />
+      ) : null}
+      <div className="flex">
+        <div className="text-title-2xs">{benefit.label}</div>
+      </div>
+    </div>
+  );
+}
+
+function renderValueBlock(title, sum, isAnotherBlock) {
+  const widthStyle = isAnotherBlock ? 'w-fit' : 'w-full';
+  return (
+    <div className={`flex justify-between items-center gap-2 w-full ${widthStyle}`}>
+      <span className="text-secondary-text text-base">{title}</span>
+      <span className="text-primary-main text-title-2xs">{addSpacesBetweenNumbers(sum)} ₽</span>
+    </div>
+  );
+}

package/mobile/src/components/Insurance/InsuranceContent.ts

@@ -0,0 +1,14 @@
+import type { Picture } from '../../model/Picture';
+import type { BenefitsBlockContent } from '../BenefitsBlock/BenefitsBlockContent';
+
+export type InsuranceContent = BenefitsBlockContent & {
+  /** @title Заголовок */
+  title?: string;
+  /** @title Описание */
+  description?: string;
+  /** @title Ежемесячный лимит */
+  monthLimit?: number;
+  /** @title Страховая сумма */
+  insuranceSum?: number;
+  image?: Picture;
+};

package/mobile/src/components/Insurance/Insuranse.example.json

@@ -0,0 +1,36 @@
+{
+  "title": "Страховые риски и продукты",
+  "description": "Описание",
+  "insurance": 500000,
+  "limit": null,
+  "image": {
+    "src": "insurance.png",
+    "title": "страхование",
+    "format": "webp",
+    "alt": "страхование",
+    "size": {
+      "width": 400,
+      "height": 300
+    },
+    "sources": [
+      {
+        "src": "insurance.png 1x, insurance-2x.png 2x",
+        "format": "png"
+      }
+    ]
+  },
+  "benefits": [
+    {
+      "label": "Пункт 1",
+      "icon": {
+        "icon": "ShieldTickIcon"
+      }
+    },
+    {
+      "label": "Пункт 2",
+      "icon": {
+        "icon": "ShieldTickIcon"
+      }
+    }
+  ]
+}

package/mobile/src/ui-kit/Icon/Icon.tsx

@@ -14,7 +14,7 @@ export const Icon = JSX<IconProps>(
     ...imgProps
   }) => {
     const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
-    const svgUseStyle = iconVersion === 'white' ? 'text-black invert' : '';
+    const svgUseStyle = iconVersion === 'white' ? 'text-black invert' : 'text-primary-main';
 
     if (asSVG) {
       return (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.59",
+  "version": "0.3.61",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Blocks.ts

@@ -10,6 +10,7 @@ import { Gallery } from './Gallery/Gallery';
 import { GracePeriod } from './GracePeriod/GracePeriod';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
+import { Insurance } from './Insurance/Insurance';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MiniGallery } from './MiniGallery/MiniGallery';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
@@ -42,6 +43,7 @@ export const Blocks = {
   GracePeriod,
   Header,
   Headline,
+  Insurance,
   LinkDocs,
   MiniGallery,
   MobileAppTile,

package/src/components/ContentPage/ContentPage.page.json

@@ -2149,6 +2149,45 @@
         ]
       }
     },
+    {
+      "type": "Insurance",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Страховые риски и продукты",
+        "description": "Описание",
+        "insuranceSum": 500000,
+        "image": {
+          "src": "insurance.png",
+          "title": "страхование",
+          "format": "webp",
+          "alt": "Страховые риски и продукты",
+          "size": {
+            "width": 400,
+            "height": 300
+          },
+          "sources": [
+            {
+              "src": "insurance.png 1x, insurance-2x.png 2x",
+              "format": "png"
+            }
+          ]
+        },
+        "benefits": [
+          {
+            "label": "Ликвидация организации",
+            "icon": {
+              "icon": "ShieldTickIcon"
+            }
+          },
+          {
+            "label": "Сокращение численности работников организации",
+            "icon": {
+              "icon": "ShieldTickIcon"
+            }
+          }
+        ]
+      }
+    },
     {
       "type": "Footer",
       "style": ["col-span-12"],

package/src/components/GroupBlock/GroupBlock.tsx

@@ -33,9 +33,7 @@ export const GroupBlock = JSX<GroupBlockProps>(
           <GroupBlockTabs currentTag={currentTag} onTabClick={setCurrentTag} tabs={tabsNewMap} />
         ) : null}
         {groupBlocks.length ? (
-          <div className="list-none">
-            <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />
-          </div>
+          <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />
         ) : null}
       </section>
     );

package/src/components/GroupBlock/GroupBlockTabs.tsx

@@ -15,13 +15,13 @@ export const GroupBlockTabs = JSX<GroupBlockTabsProps>((props) => {
   const { tabs, currentTag, onTabClick, className = '', isShowCounter = true } = props;
 
   return (
-    <div className={`mb-2 box-border flex gap-x-1 h-12 ${className}`} role="tablist">
+    <div className={`mb-2 box-border flex gap-x-1 ${className}`} role="tablist">
       {tabs?.map(renderTab(onTabClick, isShowCounter, currentTag))}
     </div>
   );
 });
 
-const badgeStyle = 'w-[22px] h-[22px] rounded-full text-m-sm';
+const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-m-sm';
 
 const renderTab =
   (onTabClick: TabClickHandler, isShowCounter: boolean, currentTag?: string) =>
@@ -30,12 +30,12 @@ const renderTab =
     const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
     const tabText = isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main';
     const counterBlockStyle = `${badgeStyle} 
-      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-text/10 text-secondary-text'}`;
+      ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-light text-secondary-text'}`;
 
     return (
       <div
         key={String(i)}
-        className={`flex h-full w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`}
+        className={`flex h-full w-full h-12 flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`}
         role="tab"
         onClick={() => onTabClick(tab.tag)}
         aria-selected={String(isActive)}

package/src/components/Header/Header.example.json

@@ -1,3 +1,7 @@
 {
-  "defaultLocation": "Москва"
+  "defaultLocation": "Москва",
+  "logo": {
+    "image": {},
+    "title": "Россельхозбанк"
+  }
 }

package/src/components/Header/Header.tsx

@@ -27,6 +27,7 @@ export const Header = JSX<HeaderProps>(
     context,
     topItems,
     anchor = null,
+    logo,
   }) => {
     const router = context.useRouter();
     const sitemap = useSitemap(context.useAsyncData);
@@ -49,7 +50,7 @@ export const Header = JSX<HeaderProps>(
       <header className={`pt-6 pb-8 px-20 ${bgColor} ${className}`} id={anchor}>
         <div className="container">
           <div className="flex items-center">
-            <Logo className="mr-8" bgColor={bgColor} />
+            <Logo className="mr-8" bgColor={bgColor} logo={logo} />
             {topMenu}
             <HeaderSecondaryMenu
               context={context}

package/src/components/Header/HeaderContent.ts

@@ -24,6 +24,15 @@ export interface DispositionItem extends LinkProps {
  * @required ["defaultLocation", "topItems"]
  */
 export interface HeaderContent extends SitemapProps {
+  /** @title Логотип */
+  logo?: {
+    /** @title Иконка логотипа */
+    image?: Picture;
+    /**
+     * @title Текст логотипа
+     */
+    title?: string;
+  };
   /**
    * @title Город по-умолчанию
    * @default Москва

package/src/components/Insurance/Insurance.fixture.tsx

@@ -0,0 +1,65 @@
+import { Insurance } from './Insurance';
+import { context } from '../../setup-fixture';
+import { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import { Picture } from '../../model/Picture';
+
+const benefits: Benefit[] = [
+  {
+    label: 'Телесное повреждение',
+    icon: { icon: 'ShieldTickIcon' },
+  },
+  {
+    label: 'Госпитализация застрахованного',
+    icon: { icon: 'ShieldTickIcon' },
+  },
+  {
+    label: 'Сокращение численности работников организации',
+    icon: { icon: 'ShieldTickIcon' },
+  },
+  {
+    label: 'Смерть застрахованного',
+    icon: { icon: 'ShieldTickIcon' },
+  },
+];
+
+const image: Picture = {
+  src: 'insurance.png',
+  format: 'webp',
+  alt: 'Страховые риски и продукты',
+  size: {
+    width: 400,
+    height: 300,
+  },
+  sources: [
+    {
+      src: 'insurance.png 1x, insurance-2x.png 2x',
+      format: 'png',
+    },
+  ],
+};
+
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <Insurance
+        context={context}
+        className="col-span-12"
+        title="Страховые риски и продукты"
+        description="Покрываемые риски программы «Защита вас и ваших близких»"
+        benefits={benefits}
+        image={image}
+        insuranceSum={500000}
+      />
+      <Insurance
+        context={context}
+        className="col-span-12"
+        title="Страховые риски и продукты"
+        description="Покрываемые риски программы «Защита вас и ваших близких»"
+        benefits={benefits}
+        image={image}
+        insuranceSum={500000}
+        monthLimit={25000}
+      />
+    </div>
+  ),
+};