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

package/mobile/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/mobile/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';

package/src/components/CashbackCalculator/constants.ts

@@ -1,97 +0,0 @@
-import type { Option } from '../../ui-kit/Select/Option';
-import { type Cashback } from '../CashbackCalculatorLayout/CashbackCalculatorLayoutContent';
-
-export const ALL_PERCENT_STANDARD_CATEGORIES: Option[] = [
-  {
-    text: 'Категория 1% «На всё»',
-    key: '1-main',
-  },
-  {
-    text: 'Категория 1,5%',
-    key: '1.5',
-  },
-  {
-    text: 'Категория 3%',
-    key: '3',
-  },
-  {
-    text: 'Категория 5%',
-    key: '5',
-  },
-  {
-    text: 'Категория 10%',
-    key: '10',
-  },
-  {
-    text: 'Категория 15%',
-    key: '15',
-  },
-];
-
-export const ALL_PERCENT_PREMIUM_CATEGORIES: Option[] = [
-  {
-    text: 'Категория 1,5% «На всё»',
-    key: '1.5-main',
-  },
-  {
-    text: 'Категория 1,5%',
-    key: '1.5',
-  },
-  {
-    text: 'Категория 3%',
-    key: '3',
-  },
-  {
-    text: 'Категория 5%',
-    key: '5',
-  },
-  {
-    text: 'Категория 10%',
-    key: '10',
-  },
-  {
-    text: 'Категория 15%',
-    key: '15',
-  },
-];
-
-export const MAIN_CASHBACK_KEY = {
-  standard: '1-main',
-  premium: '1.5-main',
-};
-
-export const DEFAULT_STANDARD_CASHBACK: Cashback[] = [
-  {
-    id: 0,
-    percent: {
-      text: 'Категория 1% «На всё»',
-      key: '1-main',
-    },
-    sum: 5000,
-  },
-];
-
-export const DEFAULT_PREMIUM_CASHBACK: Cashback[] = [
-  {
-    id: 0,
-    percent: {
-      text: 'Категория 1,5% «На всё»',
-      key: '1.5-main',
-    },
-    sum: 5000,
-  },
-];
-
-// export const INCREASED_PERCENTS = ['5', '10', '15'];
-
-export const MAX_CATEGORIES = {
-  standard: 5,
-  premium: 7,
-};
-
-export const INFO_BLOCK_HTML = `<p>Полученные баллы можно конвертировать в рубли и компенсировать покупки у партнеров.</p>`;
-
-export const MAX_MONTH_CASHBACK: Record<string, number> = {
-  standard: 5000,
-  premium: 15000,
-};

package/src/components/CashbackCalculator/getPercentCategories.ts

@@ -1,24 +0,0 @@
-import {
-  ALL_PERCENT_PREMIUM_CATEGORIES,
-  ALL_PERCENT_STANDARD_CATEGORIES,
-  MAIN_CASHBACK_KEY,
-} from './constants';
-
-export const getPercentCategories = (isMainCashbackAdded: boolean, calculatorType: string) => {
-  const allPercentCategories =
-    calculatorType === 'premium' ? ALL_PERCENT_PREMIUM_CATEGORIES : ALL_PERCENT_STANDARD_CATEGORIES;
-
-  let updatedCategories = allPercentCategories;
-
-  if (!isMainCashbackAdded) {
-    return allPercentCategories;
-  }
-
-  if (isMainCashbackAdded) {
-    updatedCategories = updatedCategories.filter(
-      (_) => _.key !== MAIN_CASHBACK_KEY[calculatorType],
-    );
-  }
-
-  return updatedCategories;
-};

package/src/components/CashbackCalculator/renderButtons.tsx

@@ -1,38 +0,0 @@
-import { Button } from '../../ui-kit/Button/Button';
-import { MAX_CATEGORIES } from './constants';
-
-type RenderButtonsProps = {
-  cashbacksLength: number;
-  onAddNewCashback: () => void;
-  onResetCashback: () => void;
-  calculatorType?: string;
-  maxCategories?: number;
-};
-
-export const renderButtons = ({
-  cashbacksLength,
-  onAddNewCashback,
-  onResetCashback,
-  calculatorType = 'standard',
-  maxCategories = MAX_CATEGORIES[calculatorType],
-}: RenderButtonsProps) => {
-  return (
-    <div className="w-full flex flex-col gap-lg">
-      {cashbacksLength < maxCategories ? (
-        <Button
-          className="self-start text-primary-main"
-          embedded
-          version="secondary"
-          onClick={onAddNewCashback}
-        >
-          {cashbacksLength ? 'Добавить ещё категорию' : 'Добавить категорию'}
-        </Button>
-      ) : null}
-      {cashbacksLength > 2 ? (
-        <Button className="self-start" version="secondary" onClick={onResetCashback}>
-          Сбросить все категории
-        </Button>
-      ) : null}
-    </div>
-  );
-};

package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.example.json

@@ -1,47 +0,0 @@
-{
-  "content": {
-    "title": "Калькулятор расчёта баллов",
-    "description": "<p>Можно выбрать до 5 категорий для уровня программы лояльности «Стандарт», </br> до 7 категорий для уровня программы лояльности «Престиж»</p>",
-    "subtitle": "Выберите уровень программы лояльности",
-    "premiumCalculatorParams": {
-      "maxInputRange": 300000,
-      "maxCategories": 7,
-      "maxMonthCashback": 15000
-    },
-    "standardCalculatorParams": {
-      "maxInputRange": 300000,
-      "maxCategories": 5,
-      "maxMonthCashback": 5000
-    },
-    "deleteImage": {
-      "src": "IconDelete.svg",
-      "format": "webp",
-      "alt": "Иконка кнопки удаления блока кэшбека"
-    },
-    "infoImage": {
-      "src": "IconExchange.svg",
-      "format": "webp",
-      "alt": "Иконка информационного блока"
-    },
-    "image": {
-      "src": "money-1.png",
-      "format": "webp",
-      "alt": "Калькулятор кэшбека",
-      "size": {
-        "width": 540,
-        "height": 366
-      }
-    },
-    "button": {
-      "href": "/natural/debetcards/svoya-plus",
-      "text": "Оформить карту",
-      "target": "_self"
-    }
-  },
-  "blocks": [
-    {
-      "content": {},
-      "type": "CashbackCalculator"
-    }
-  ]
-}

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';