@redneckz/wildless-cms-uni-blocks 0.14.1072 → 0.14.1074

package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.fixture.tsx

@@ -1,61 +0,0 @@
-import { type Picture } from '../../model/Picture';
-import '../../setup-fixture';
-import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
-
-import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
-import { Blocks } from '../Blocks';
-import { CashbackCalculatorLayout } from './CashbackCalculatorLayout';
-
-const image: Picture = {
-  src: 'money-1.png',
-  format: 'webp',
-  alt: 'Потребительский кредит наличными',
-  size: {
-    width: 540,
-    height: 366,
-  },
-};
-
-const deleteImage: Picture = {
-  src: 'IconDelete.svg',
-  format: 'webp',
-  alt: 'Иконка кнопки удаления блока кэшбека',
-};
-
-const infoImage: Picture = {
-  src: 'IconExchange.svg',
-  format: 'webp',
-  alt: 'Иконка информационного блока',
-};
-
-const options: BlockRendererOptions = {
-  blocksRegistry: Blocks,
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <CashbackCalculatorLayout
-        title="Калькулятор расчёта баллов"
-        description="<p>Можно выбрать до 5 категорий для уровня программы лояльности «Стандарт», </br> до 7 категорий для уровня программы лояльности «Престиж»</p>"
-        subtitle="Выберите уровень программы лояльности"
-        image={image}
-        deleteImage={deleteImage}
-        infoImage={infoImage}
-        className="col-span-12"
-        options={options}
-        premiumCalculatorParams={{
-          maxInputRange: 300000,
-          maxCategories: 7,
-          maxMonthCashback: 15000,
-        }}
-        standardCalculatorParams={{
-          maxInputRange: 300000,
-          maxCategories: 5,
-          maxMonthCashback: 5000,
-        }}
-      />
-      <PopupManager />
-    </div>
-  ),
-};

package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.tsx

@@ -1,116 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
-import { RichText } from '../../ui-kit/RichText/RichText';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { Headline } from '../Headline/Headline';
-import { TabsLayout } from '../TabsLayout/TabsLayout';
-import type { Tab } from '../TabsLayout/TabsLayoutContent';
-import {
-  type CalculatorParams,
-  type CashbackCalculatorLayoutContent,
-  type CashbackCalculatorType,
-} from './CashbackCalculatorLayoutContent';
-
-const CALCULATOR_TABS: Tab[] = [
-  {
-    type: 'group',
-    description: 'с остатками на счетах до 2 999 999,99 руб*',
-    text: 'Стандарт',
-    tabName: 'standard',
-    selected: true,
-  },
-  {
-    type: 'group',
-    description: 'с остатками на счетах от 3 000 000,00 руб*',
-    text: 'Престиж',
-    tabName: 'premium',
-    selected: false,
-  },
-];
-
-const defaultInfoImage: Picture = {
-  src: 'IconExchange.svg',
-  format: 'webp',
-  alt: 'Иконка информационного блока',
-};
-
-interface CashbackCalculatorProps extends CashbackCalculatorLayoutContent, UniBlockProps {}
-
-export const CashbackCalculatorLayout = JSX<CashbackCalculatorProps>(
-  ({
-    premiumCalculatorParams = {},
-    standardCalculatorParams = {},
-    image,
-    deleteImage,
-    infoImage = defaultInfoImage,
-    button,
-    className = '',
-    options,
-    title,
-    description,
-    subtitle,
-    ...rest
-  }) => {
-    const calculatorProps = {
-      button,
-      deleteImage,
-      infoImage,
-      image,
-    };
-
-    const CalculatorStandardBlock = createCalculatorBlock(
-      'standard',
-      calculatorProps,
-      standardCalculatorParams,
-    );
-
-    const CalculatorPremiumBlock = createCalculatorBlock(
-      'premium',
-      calculatorProps,
-      premiumCalculatorParams,
-    );
-
-    const slots = {
-      standard: [CalculatorStandardBlock],
-      premium: [CalculatorPremiumBlock],
-    };
-
-    return (
-      <BlockWrapper
-        className={style('flex flex-col justify-center items-center gap-lg', className)}
-        defaultPadding={style('p-6xl')}
-        {...rest}
-      >
-        <Headline title={title} headlineVersion="XL" isEmbedded={true} />
-        <RichText __html={description} className="text-center" />
-        <Paragraph>{subtitle}</Paragraph>
-        <div className="container grid grid-cols-12">
-          <TabsLayout
-            className="col-span-12"
-            tabsType="animated"
-            tabs={CALCULATOR_TABS}
-            block={{ slots }}
-            options={options}
-          />
-        </div>
-      </BlockWrapper>
-    );
-  },
-);
-
-const createCalculatorBlock = (
-  calculatorType: CashbackCalculatorType,
-  calculatorProps: CashbackCalculatorLayoutContent,
-  calculatorParams: CalculatorParams,
-) => ({
-  type: 'CashbackCalculator',
-  content: {
-    calculatorType: calculatorType,
-    ...calculatorProps,
-    ...calculatorParams,
-  },
-  style: ['col-span-12'],
-});

package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.ts

@@ -1,49 +0,0 @@
-import {
-  type DescriptionProps,
-  type SubtitleProps,
-  type TitleProps,
-} from '../../model/HeadlineType';
-import { type Picture } from '../../model/Picture';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { type Option } from '../../ui-kit/Select/Option';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-export type Cashback = {
-  id: number;
-  percent: Option;
-  sum: number;
-};
-
-export type CalculatorParams = {
-  /** @title Максимальное значение поля «Сумма покупок в категории» */
-  maxInputRange?: number;
-  /** @title Максимальное количество выбранных категорий */
-  maxCategories?: number;
-  /** @title Максимальное количество баллов в месяц */
-  maxMonthCashback?: number;
-};
-
-/**
- * @title Блок калькулятора кэшбека
- */
-export type CashbackCalculatorLayoutContent = UniBlockContent &
-  TitleProps &
-  DescriptionProps &
-  SubtitleProps & {
-    /** @title Параметры калькулятора стандарт */
-    standardCalculatorParams?: CalculatorParams;
-    /** @title Параметры калькулятора престиж */
-    premiumCalculatorParams?: CalculatorParams;
-    /** @title Кнопка */
-    button?: LinkButtonContent;
-    /** @title Изображение */
-    image?: Picture;
-    /** @title Иконка кнопки удаления категории */
-    deleteImage?: Picture;
-    /** @title Иконка информационного блока */
-    infoImage?: Picture;
-    /** @hidden */
-    calculatorType?: CashbackCalculatorType;
-  };
-
-export type CashbackCalculatorType = 'standard' | 'premium';