@redneckz/wildless-cms-uni-blocks 0.4.1 → 0.4.3

package/src/components/Tabs/TabsContent.ts

@@ -1,9 +1,16 @@
+export type TabType = 'group' | 'link';
+
 /**
  *  @title Таб
  */
 export interface Tab {
-  /** @title Tег */
-  id?: string;
+  /** @title Тег или ссылка */
+  ref?: string;
+  /**
+   * @title Тип
+   * @enumNames ['Группирующий', 'Ссылочный']
+   */
+  type?: TabType;
   /** @title Название */
   title?: string;
 }

package/src/components/Tabs/renderGroupTab.tsx

@@ -0,0 +1,51 @@
+import { RenderTabProps } from './renderTab';
+import {
+  ACTIVE_LINK_CLASSES,
+  ACTIVE_TEXT_CLASSES,
+  INACTIVE_LINK_CLASSES,
+  INACTIVE_TEXT_CLASSES,
+  LINK_CLASSES,
+  TEXT_CLASSES,
+} from './tabItemClasses';
+import { Tab } from './TabsContent';
+
+const BADGE_CLASSES = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2';
+const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
+const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover:text-primary-main';
+
+export const renderGroupTab =
+  ({ onClick, currentTab, showCounter, page }: RenderTabProps) =>
+  (tab: Tab, i: number) => {
+    const active = currentTab === tab;
+
+    const count = tab.ref
+      ? page?.blocks?.filter((block) => block?.labels?.includes(tab.ref as string)).length
+      : page?.blocks?.length;
+
+    return (
+      <div
+        key={String(i)}
+        className={`${LINK_CLASSES} ${active ? ACTIVE_LINK_CLASSES : INACTIVE_LINK_CLASSES}`}
+        role="tab"
+        aria-selected={active}
+        onClick={() => onClick(tab)}
+      >
+        <div className="flex flex-1 items-center justify-center">
+          {tab?.title ? renderTitle(tab.title, active) : null}
+          {showCounter && count ? renderCount(count, active) : null}
+        </div>
+      </div>
+    );
+  };
+
+const renderTitle = (title: string, active: boolean) => (
+  <h3 className={`${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`}>
+    {title}
+  </h3>
+);
+
+const renderCount = (count: number, active: boolean) => (
+  <div className={`${BADGE_CLASSES} ${active ? ACTIVE_BADGE_CLASSES : INACTIVE_BADGE_CLASSES}`}>
+    {count}
+  </div>
+);

package/src/components/Tabs/renderLinkTab.tsx

@@ -0,0 +1,25 @@
+import type { LinkProps } from '../../model/LinkProps';
+import {
+  INACTIVE_LINK_CLASSES,
+  INACTIVE_TEXT_CLASSES,
+  LINK_CLASSES,
+  TEXT_CLASSES,
+} from './tabItemClasses';
+
+export interface RenderLinkTabProps extends LinkProps {
+  active?: boolean;
+  onClick?: () => void;
+  i: number;
+}
+
+export const renderLinkTab = ({ text, onClick, href, target = '_self', i }: RenderLinkTabProps) => (
+  <a
+    key={String(i)}
+    className={`${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`}
+    target={target}
+    href={href}
+    onClick={onClick}
+  >
+    <span className={`${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`}>{text}</span>
+  </a>
+);

package/src/components/Tabs/renderTab.tsx

@@ -1,51 +1,31 @@
+import { useLink } from '../../hooks/useLink';
 import type { ContentPageDef } from '../../types';
+import { isURL } from '../../utils/url';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
+import { renderGroupTab } from './renderGroupTab';
+import { renderLinkTab } from './renderLinkTab';
 import type { Tab } from './TabsContent';
 
-interface RenderTabProps {
-  onClick: OnTabClick;
+export interface RenderTabProps {
+  onClick: (tab: Tab) => void;
   currentTab?: Tab;
   page?: ContentPageDef;
   showCounter?: boolean;
+  context: ContentPageContext;
 }
 
-type OnTabClick = (tab: Tab) => void;
-
-const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs-light ml-2';
-
 export const renderTab =
-  ({ onClick, currentTab, showCounter, page }: RenderTabProps) =>
+  ({ onClick, currentTab, showCounter, page, context }: RenderTabProps) =>
   (tab: Tab, i: number) => {
-    const isActive = currentTab === tab;
-
-    const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
-    const tabText = `text-m-light ${
-      isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main'
-    }`;
-    const counterBlockStyle = `${badgeStyle}
-      ${
-        isActive
-          ? 'bg-white/30 text-white'
-          : 'bg-main-divider text-secondary-text group-hover:text-primary-main'
-      }`;
+    const { useRouter, handlerDecorator } = context;
+    const router = useRouter();
 
-    const count = tab.id
-      ? page?.blocks?.filter((block) => block?.labels?.includes(tab.id as string)).length
-      : page?.blocks?.length;
+    if (isURL(tab?.ref)) {
+      return renderLinkTab({
+        ...useLink({ router, handlerDecorator }, { href: tab.ref, text: tab.title }),
+        i,
+      });
+    }
 
-    return (
-      <div
-        key={String(i)}
-        className={`flex h-12 w-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`}
-        role="tab"
-        aria-selected={isActive}
-        onClick={() => onClick(tab)}
-      >
-        <div className="flex flex-1 items-center justify-center">
-          {tab?.title ? <h3 className={tabText}>{tab?.title}</h3> : null}
-          {showCounter ? (
-            <div className={`flex items-center justify-center ${counterBlockStyle}`}>{count}</div>
-          ) : null}
-        </div>
-      </div>
-    );
+    return renderGroupTab({ onClick, currentTab, showCounter, page, context })(tab, i);
   };

package/src/components/Tabs/tabItemClasses.ts

@@ -0,0 +1,7 @@
+export const LINK_CLASSES = 'h-12 flex-1 flex items-center justify-center cursor-pointer';
+export const ACTIVE_LINK_CLASSES = 'bg-primary-main';
+export const INACTIVE_LINK_CLASSES = 'group bg-white';
+
+export const TEXT_CLASSES = 'font-sans text-m';
+export const ACTIVE_TEXT_CLASSES = 'text-white';
+export const INACTIVE_TEXT_CLASSES = 'text-secondary-text group-hover:text-primary-main';

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -109,7 +109,7 @@ exports[`Blocks ExchangeRateTile should render block "ExchangeRateTile" without
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col justify-between w-full"
+        class="flex flex-col w-full"
       >
         <div>
           <div
@@ -522,25 +522,6 @@ exports[`Blocks Headline should render block "Headline" without content 1`] = `
 />
 `;
 
-exports[`Blocks Insurance should render block "Insurance" without content 1`] = `
-<section
-  class="px-[100px] py-[50px] bg-white text-primary-text font-sans "
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
-  />
-  <div>
-    <div
-      class="mx-auto flex justify-center gap-[122px] mt-[30px]"
-    >
-      <div
-        class="w-[558px] m-auto"
-      />
-    </div>
-  </div>
-</section>
-`;
-
 exports[`Blocks InsuranceAmountBlock should render block "InsuranceAmountBlock" without content 1`] = `
 <section
   class="box-border py-[50px] overflow-hidden relative font-sans w-100 bg-white "
@@ -610,7 +591,7 @@ exports[`Blocks MobileAppTile should render block "MobileAppTile" without conten
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col justify-between w-full"
+        class="flex flex-col w-full"
       >
         <div>
           <div
@@ -655,12 +636,16 @@ exports[`Blocks PictureText should render block "PictureText" without content 1`
 <section
   class="relative font-sans p-14 bg-white text-primary-text "
 >
-  <h3
-    class="font-sans m-0 text-h2 text-center"
+  <section
+    class="font-sans flex flex-col p-[50px] gap-3 bg-white !p-0"
   />
   <div
-    class="flex justify-center mt-9"
-  />
+    class="flex justify-center gap-[122px] mt-[30px]"
+  >
+    <div
+      class="w-[558px] m-auto"
+    />
+  </div>
 </section>
 `;
 
@@ -721,7 +706,7 @@ exports[`Blocks ProductBlock should render block "ProductBlock" without content
           class="flex grow w-full justify-between"
         >
           <div
-            class="flex flex-col justify-between w-full"
+            class="flex flex-col w-full"
           >
             <div />
           </div>
@@ -743,7 +728,7 @@ exports[`Blocks ProductGallery should render block "ProductGallery" without cont
     style="transform: translateX(-000%);"
   />
   <div
-    class="flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border"
+    class="flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border h-28"
   />
 </section>
 `;
@@ -759,7 +744,7 @@ exports[`Blocks ProductTile should render block "ProductTile" without content 1`
       class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0"
     />
     <div
-      class="flex mt-4"
+      class="flex mt-3.5"
     />
   </div>
 </section>
@@ -787,7 +772,7 @@ exports[`Blocks PromoTile should render block "PromoTile" without content 1`] =
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col justify-between w-full"
+        class="flex flex-col w-full"
       >
         <div>
           <div
@@ -1203,7 +1188,7 @@ exports[`Blocks Tile should render block "Tile" without content 1`] = `
       class="flex grow w-full justify-between"
     >
       <div
-        class="flex flex-col justify-between w-full"
+        class="flex flex-col w-full"
       >
         <div />
       </div>

package/src/ui-kit/BenefitItem/BenefitItem.tsx

@@ -0,0 +1,58 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { BenefitItemProps, BenefitItemCommonProps } from './BenefitItemProps';
+import { Img } from '../Img/Img';
+import type { BlockVersion } from '../../model/BlockVersion';
+
+export interface BenefitGeneralProps extends BenefitItemProps, BenefitItemCommonProps {}
+
+const titleStyleMap: Record<BlockVersion, string> = {
+  primary: 'text-primary-text',
+  secondary: 'text-white',
+};
+const descStyleMap: Record<BlockVersion, string> = {
+  primary: 'text-secondary-text',
+  secondary: 'text-white',
+};
+
+export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
+  const {
+    className = '',
+    icon,
+    label,
+    description,
+    version = 'primary',
+    benefitsVersion = 'normal',
+  } = props;
+
+  const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
+
+  return (
+    <div className={`flex items-center gap-5 ${className}`}>
+      {icon ? (
+        <Img
+          className={renderBenefitIconBgStyle(version, benefitsVersion)}
+          image={{ ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }}
+          asSVG
+        />
+      ) : null}
+      <div className="gap-0.5">
+        {label ? <div className={`text-h6 ${titleStyleMap[version]}`}>{label}</div> : null}
+        {description ? (
+          <div className={`text-m-light ${descStyleMap[version]}`}>{description}</div>
+        ) : null}
+      </div>
+    </div>
+  );
+});
+
+function renderBenefitIconBgStyle(version, benefitsVersion) {
+  let bgColorStyle = 'bg-primary-main text-black';
+
+  if (version === 'secondary') {
+    bgColorStyle = 'bg-white/30 text-black';
+  } else if (benefitsVersion === 'normal') {
+    bgColorStyle = 'bg-secondary-light text-primary-main';
+  }
+
+  return `w-[50px] h-[50px] rounded-full p-[10px] box-border ${bgColorStyle}`;
+}

package/src/ui-kit/BenefitItem/BenefitItemProps.ts

@@ -0,0 +1,27 @@
+import type { Picture } from '../../model/Picture';
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { IconVersion } from '../../model/IconVersion';
+
+export interface BenefitItemCommonProps {
+  benefitsVersion?: IconVersion;
+  /** @hidden */
+  version?: BlockVersion;
+  /** @hidden */
+  className?: string;
+}
+
+export type BenefitItemProps = {
+  icon?: Picture;
+  /** @title Название */
+  label?: string;
+  /** @title Описание */
+  description?: string;
+};
+
+/**
+ * @title Преимущество
+ */
+export type BenefitsProps = BenefitItemCommonProps & {
+  /** @title Список преимуществ */
+  benefits?: BenefitItemProps[];
+};

package/src/ui-kit/BlockWrapper.tsx

@@ -22,7 +22,12 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
     useEffect(
       () =>
         EventBus.inst.subscribe('tab', (event) => {
-          setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
+          if (event.type === 'group') {
+            setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));
+          } else {
+            setShouldRenderBlock(true);
+            scrollToBlock(event.label);
+          }
         }),
       [labels],
     );
@@ -46,3 +51,9 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
     );
   },
 );
+
+function scrollToBlock(label?: string) {
+  setTimeout(() =>
+    globalThis.document.getElementById(`#${label}`)?.scrollIntoView({ behavior: 'smooth' }),
+  );
+}

package/src/ui-kit/Foldable/Foldable.tsx

@@ -46,7 +46,7 @@ export const Foldable = JSX<FoldableProps>(
 
     const buttonClassName =
       foldButtonClasses ||
-      'border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-l flex justify-center cursor-pointer';
+      'border-none bg-primary-main hover:bg-primary-hover px-0 py-[26px] mb-[1px] w-full font-sans text-white text-h4 flex justify-center cursor-pointer';
     const getFoldButtonLabel = isActive ? 'Скрыть' : foldButtonLabel;
 
     return blocks ? (

package/dist/components/Insurance/Insurance.d.ts

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

package/dist/components/Insurance/Insurance.js

@@ -1,24 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Insurance = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const Img_1 = require("../../ui-kit/Img/Img");
-const addSpacesBetweenNumbers_1 = require("../../utils/addSpacesBetweenNumbers");
-const Headline_1 = require("../Headline/Headline");
-exports.Insurance = (0, uni_jsx_1.JSX)(({ context, className = '', title, description, image, benefits, sum, monthLimit, ...rest }) => {
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `px-[100px] py-[50px] bg-white text-primary-text font-sans ${className}`, context: context, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { context: context, className: "!p-0", title: title, description: description, headlineVersion: "M", align: "center" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex justify-center gap-[122px] mt-[30px]", children: [image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "w-[558px] m-auto", children: [benefits ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-4", children: benefits.map(renderBenefit) })) : null, renderInsuranceSumMonth(sum, monthLimit)] })] }) })] }));
-});
-function renderBenefit(benefit, i) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [benefit?.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "w-12 h-12 min-w-12 p-3 rounded-full bg-secondary-light", image: benefit.icon, asSVG: true })) : null, (0, jsx_runtime_1.jsxs)("div", { children: [benefit?.label ? (0, jsx_runtime_1.jsx)("div", { className: "text-h6", children: benefit.label }) : null, benefit?.description ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-0.5 text-secondary-text text-m", children: benefit.description })) : null] })] }, String(i)));
-}
-function renderInsuranceSumMonth(sum, monthLimit) {
-    return sum || monthLimit ? ((0, jsx_runtime_1.jsxs)("div", { className: "bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4", children: [Number.isFinite(sum) ? renderValueBlock('Страховая сумма:', sum, Boolean(monthLimit)) : null, Number.isFinite(monthLimit)
-                ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(sum))
-                : null] })) : null;
-}
-function renderValueBlock(title, sum = 0, isAnotherBlock = false) {
-    const widthStyle = isAnotherBlock ? 'w-fit' : 'w-full';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex justify-between items-center gap-2 w-full ${widthStyle}`, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-secondary-text text-l-light", children: title }), (0, jsx_runtime_1.jsxs)("span", { className: "text-primary-main text-h6", children: [(0, addSpacesBetweenNumbers_1.addSpacesBetweenNumbers)(sum), " \u20BD"] })] }));
-}
-//# sourceMappingURL=Insurance.js.map

package/dist/components/Insurance/Insurance.js.map

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

package/dist/components/Insurance/InsuranceContent.d.ts

@@ -1,27 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
-/**
- * @title Преимущество
- */
-export interface InsuranceBenefit {
-    /** @title Название */
-    label?: string;
-    /** @title Описание */
-    description?: string;
-    icon?: Picture;
-}
-/**
- * @title Страховка
- */
-export declare type InsuranceContent = HeadlineCommonProps & {
-    image?: Picture;
-    /** @title Ежемесячный лимит */
-    monthLimit?: number;
-    /** @title Страховая сумма */
-    sum?: number;
-    /**
-     * @title Список преимуществ
-     * @maxItems 6
-     */
-    benefits?: InsuranceBenefit[];
-};

package/dist/components/Insurance/InsuranceContent.js.map

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

package/dist/components/ProductBlock/renderBenefit.mobile.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { BenefitItemProps } from './ProductBlockContent';
-export declare function renderBenefit({ benefit, version }: BenefitItemProps, i: number): JSX.Element;

package/dist/components/ProductBlock/renderBenefit.mobile.js

@@ -1,25 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderBenefit = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Img_1 = require("../../ui-kit/Img/Img");
-const benefitTitleStyleMap = {
-    primary: 'text-primary-text',
-    secondary: 'text-white',
-};
-const benefitDescStyleMap = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white',
-};
-function renderBenefit({ benefit, version = 'primary' }, i) {
-    const isIconWhite = version === 'secondary';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center mb-2.5 last:mb-0", children: [benefit.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: renderBenefitIconBgStyle(version), image: { ...benefit?.icon, iconVersion: isIconWhite ? 'white' : 'normal' }, width: "24", height: "24", asSVG: true })) : null, (0, jsx_runtime_1.jsx)("div", { className: `text-l m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: `text-s ${benefitDescStyleMap[version]}`, children: benefit.description }))] }, String(i)));
-}
-exports.renderBenefit = renderBenefit;
-function renderBenefitIconBgStyle(version) {
-    let bgColorStyle = 'text-primary-main';
-    if (version === 'secondary') {
-        bgColorStyle = 'text-black';
-    }
-    return `w-6 h-6 rounded-full box-border ${bgColorStyle}`;
-}
-//# sourceMappingURL=renderBenefit.mobile.js.map

package/dist/components/ProductBlock/renderBenefit.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBenefit.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.mobile.tsx"],"names":[],"mappings":";;;AACA,8CAA2C;AAG3C,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,SAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,EAAoB,EAAE,CAAS;IACzF,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;IAE5C,OAAO,CACL,iCAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,uBAAC,SAAG,IACF,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,EAC5C,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC1E,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAE,cAAc,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAAG,OAAO,CAAC,KAAK,GAAO,EACnF,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAE,UAAU,mBAAmB,CAAC,OAAO,CAAC,EAAE,YAAG,OAAO,CAAC,WAAW,GAAO,CACtF,KAbO,MAAM,CAAC,CAAC,CAAC,CAcb,CACP,CAAC;AACJ,CAAC;AApBD,sCAoBC;AAED,SAAS,wBAAwB,CAAC,OAAO;IACvC,IAAI,YAAY,GAAG,mBAAmB,CAAC;IAEvC,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,YAAY,GAAG,YAAY,CAAC;KAC7B;IAED,OAAO,mCAAmC,YAAY,EAAE,CAAC;AAC3D,CAAC"}

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

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

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    'without monthly payment': JSX.Element;
-    'with monthly payment': JSX.Element;
-};
-export default _default;

package/lib/components/Insurance/Insurance.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { Img } from '../../ui-kit/Img/Img.js';
-import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
-import { Headline } from '../Headline/Headline.js';
-export const Insurance = JSX(({ context, className = '', title, description, image, benefits, sum, monthLimit, ...rest }) => {
-    return (_jsxs(BlockWrapper, { className: `px-[100px] py-[50px] bg-white text-primary-text font-sans ${className}`, context: context, ...rest, children: [_jsx(Headline, { context: context, className: "!p-0", title: title, description: description, headlineVersion: "M", align: "center" }), _jsx("div", { children: _jsxs("div", { className: "mx-auto flex justify-center gap-[122px] 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, renderInsuranceSumMonth(sum, monthLimit)] })] }) })] }));
-});
-function renderBenefit(benefit, i) {
-    return (_jsxs("div", { className: "flex items-center gap-4", children: [benefit?.icon ? (_jsx(Img, { className: "w-12 h-12 min-w-12 p-3 rounded-full bg-secondary-light", image: benefit.icon, asSVG: true })) : null, _jsxs("div", { children: [benefit?.label ? _jsx("div", { className: "text-h6", children: benefit.label }) : null, benefit?.description ? (_jsx("div", { className: "mt-0.5 text-secondary-text text-m", children: benefit.description })) : null] })] }, String(i)));
-}
-function renderInsuranceSumMonth(sum, monthLimit) {
-    return sum || monthLimit ? (_jsxs("div", { className: "bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4", children: [Number.isFinite(sum) ? renderValueBlock('Страховая сумма:', sum, Boolean(monthLimit)) : null, Number.isFinite(monthLimit)
-                ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(sum))
-                : null] })) : null;
-}
-function renderValueBlock(title, sum = 0, isAnotherBlock = false) {
-    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-l-light", children: title }), _jsxs("span", { className: "text-primary-main text-h6", children: [addSpacesBetweenNumbers(sum), " \u20BD"] })] }));
-}
-//# sourceMappingURL=Insurance.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Insurance.js","sourceRoot":"","sources":["../../../src/components/Insurance/Insurance.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,6DAA6D,SAAS,EAAE,EACnF,OAAO,EAAE,OAAO,KACZ,IAAI,aAER,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,QAAQ,GACd,EACF,wBACE,eAAK,SAAS,EAAC,mDAAmD,aAC/D,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,EACP,uBAAuB,CAAC,GAAG,EAAE,UAAU,CAAC,IACrC,IACF,GACF,IACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAyB,EAAE,CAAS;IACzD,OAAO,CACL,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,GAAG,IACF,SAAS,EAAC,wDAAwD,EAClE,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,0BACG,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,YAAE,OAAO,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACtE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,mCAAmC,YAAE,OAAO,CAAC,WAAW,GAAO,CAC/E,CAAC,CAAC,CAAC,IAAI,IACJ,KAbE,MAAM,CAAC,CAAC,CAAC,CAcb,CACP,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,GAAY,EAAE,UAAmB;IAChE,OAAO,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,CACzB,eAAK,SAAS,EAAC,mDAAmD,aAC/D,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAC5F,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC;gBAC1B,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;gBAClE,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC,EAAE,cAAc,GAAG,KAAK;IACtE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,UAAU,EAAE,aAC5E,eAAM,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAQ,EACjE,gBAAM,SAAS,EAAC,2BAA2B,aAAE,uBAAuB,CAAC,GAAG,CAAC,eAAU,IAC/E,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,27 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
-/**
- * @title Преимущество
- */
-export interface InsuranceBenefit {
-    /** @title Название */
-    label?: string;
-    /** @title Описание */
-    description?: string;
-    icon?: Picture;
-}
-/**
- * @title Страховка
- */
-export declare type InsuranceContent = HeadlineCommonProps & {
-    image?: Picture;
-    /** @title Ежемесячный лимит */
-    monthLimit?: number;
-    /** @title Страховая сумма */
-    sum?: number;
-    /**
-     * @title Список преимуществ
-     * @maxItems 6
-     */
-    benefits?: InsuranceBenefit[];
-};

package/lib/components/Insurance/InsuranceContent.js

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

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

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

package/lib/components/ProductBlock/renderBenefit.mobile.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { BenefitItemProps } from './ProductBlockContent';
-export declare function renderBenefit({ benefit, version }: BenefitItemProps, i: number): JSX.Element;

package/lib/components/ProductBlock/renderBenefit.mobile.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { Img } from '../../ui-kit/Img/Img.js';
-const benefitTitleStyleMap = {
-    primary: 'text-primary-text',
-    secondary: 'text-white',
-};
-const benefitDescStyleMap = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white',
-};
-export function renderBenefit({ benefit, version = 'primary' }, i) {
-    const isIconWhite = version === 'secondary';
-    return (_jsxs("div", { className: "flex gap-3 items-center mb-2.5 last:mb-0", children: [benefit.icon ? (_jsx(Img, { className: renderBenefitIconBgStyle(version), image: { ...benefit?.icon, iconVersion: isIconWhite ? 'white' : 'normal' }, width: "24", height: "24", asSVG: true })) : null, _jsx("div", { className: `text-l m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && (_jsx("div", { className: `text-s ${benefitDescStyleMap[version]}`, children: benefit.description }))] }, String(i)));
-}
-function renderBenefitIconBgStyle(version) {
-    let bgColorStyle = 'text-primary-main';
-    if (version === 'secondary') {
-        bgColorStyle = 'text-black';
-    }
-    return `w-6 h-6 rounded-full box-border ${bgColorStyle}`;
-}
-//# sourceMappingURL=renderBenefit.mobile.js.map

package/lib/components/ProductBlock/renderBenefit.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBenefit.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.mobile.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,EAAoB,EAAE,CAAS;IACzF,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;IAE5C,OAAO,CACL,eAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,EAC5C,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC1E,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,cAAc,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAAG,OAAO,CAAC,KAAK,GAAO,EACnF,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,SAAS,EAAE,UAAU,mBAAmB,CAAC,OAAO,CAAC,EAAE,YAAG,OAAO,CAAC,WAAW,GAAO,CACtF,KAbO,MAAM,CAAC,CAAC,CAAC,CAcb,CACP,CAAC;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAO;IACvC,IAAI,YAAY,GAAG,mBAAmB,CAAC;IAEvC,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,YAAY,GAAG,YAAY,CAAC;KAC7B;IAED,OAAO,mCAAmC,YAAY,EAAE,CAAC;AAC3D,CAAC"}

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

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