@redneckz/wildless-cms-uni-blocks 0.6.36 → 0.6.37

package/mobile/src/components/ParagraphBlock/ParagraphBlock.ui.json

@@ -0,0 +1 @@
+{}

package/mobile/src/components/ParagraphBlock/ParagraphBlockContent.ts

@@ -0,0 +1,9 @@
+import type { ParagraphProps } from '../../ui-kit/Paragraph/ParagraphProps';
+
+/**
+ * @title Параграф
+ */
+export interface ParagraphBlockContent extends ParagraphProps {
+  /** @title Текст */
+  text?: string;
+}

package/mobile/src/components/ProductGallery/ProductGallery.tsx

@@ -1,20 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { BlockVersion } from '../../model/BlockVersion';
 import { VersionStyleMap } from '../../model/BlockVersion';
 import { BorderVersionStyleMap } from '../../model/BorderVersion';
+import { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
 import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
-import type { ProductGalleryContent, ProductGalleryNav } from './ProductGalleryContent';
+import type { ProductGalleryContent } from './ProductGalleryContent';
 
 export interface ProductGalleryProps extends ProductGalleryContent, UniBlockProps {}
 
-interface RenderNavButtonProps {
-  slide?: ProductGalleryNav;
+interface NavButtonProps {
+  slide?: HeadlineCommonProps;
   i: number;
-  activeSlideIndex?: number;
+  isActive: boolean;
   onClick: () => void;
   version: BlockVersion;
 }
@@ -34,6 +35,7 @@ export const ProductGallery = JSX<ProductGalleryProps>(
     const galleryNav = slides.map((s) => s.nav);
     const galleryBlocks = slides.map((s) => s.productBlock);
     const [activeSlideIndex, setActiveSlideIndex] = useState(0);
+    const handleActiveSlideIndex = useCallback((_: number) => setActiveSlideIndex(_), []);
 
     return (
       <BlockWrapper
@@ -54,8 +56,8 @@ export const ProductGallery = JSX<ProductGalleryProps>(
             renderNavButton({
               slide,
               i,
-              activeSlideIndex,
-              onClick: () => setActiveSlideIndex(i),
+              isActive: Boolean(i === activeSlideIndex),
+              onClick: () => handleActiveSlideIndex(i),
               version,
             }),
           )}
@@ -87,17 +89,15 @@ function renderProductBlock(block: ProductBlockInnerContent & UniBlockProps, i:
   );
 }
 
-function renderNavButton({ slide, i, activeSlideIndex, onClick, version }: RenderNavButtonProps) {
-  const isActiveBtn = i === activeSlideIndex;
-
-  const btnClassName = isActiveBtn
+function renderNavButton({ slide, i, isActive, onClick, version }: NavButtonProps) {
+  const btnClassName = isActive
     ? 'bg-white shadow-dark-blue/42 min-w-[350px] border-none p-6'
     : `min-w-[290px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10 px-6 py-5 backdrop-blur
       ${VersionStyleMap[version]}`;
-  const btnTitleClassName = isActiveBtn
+  const btnTitleClassName = isActive
     ? 'text-primary-text !text-h6 p-2'
     : `text-l pb-1 ${productBlockStyleMap[version].title}`;
-  const btnDescClassName = isActiveBtn
+  const btnDescClassName = isActive
     ? 'text-secondary-text text-l-light'
     : `text-m-light ${productBlockStyleMap[version].text}`;
 

package/mobile/src/components/SafeDepositRental/RegionsAndBranches.tsx

@@ -20,31 +20,29 @@ export const RegionsAndBranches = JSX<RegionsAndBranchesProps>(
     branches = [],
     selectedBranch,
     onSelectedBranch,
-  }) => {
-    return (
-      <div className="flex justify-between gap-4 mb-6">
-        <div className="max-w-[396px] w-1/2">
-          <WrapperSelect
-            data={regions}
-            fieldValue="code"
-            fieldLabel="name"
-            selected={selectedRegion}
-            setSelected={onSelectedRegion}
-            label="Регион"
-          />
-        </div>
-        <div className="max-w-[396px] w-1/2">
-          <WrapperSelect
-            data={branches}
-            fieldValue="branchCode"
-            fieldLabel="address"
-            selected={selectedBranch}
-            setSelected={onSelectedBranch}
-            label="Отделение"
-            placeholder="Выберите отделение"
-          />
-        </div>
+  }) => (
+    <div className="flex justify-between gap-4 mb-6">
+      <div className="max-w-[396px] w-1/2">
+        <WrapperSelect
+          data={regions}
+          fieldValue="code"
+          fieldLabel="name"
+          selected={selectedRegion}
+          setSelected={onSelectedRegion}
+          label="Регион"
+        />
       </div>
-    );
-  },
+      <div className="max-w-[396px] w-1/2">
+        <WrapperSelect
+          data={branches}
+          fieldValue="branchCode"
+          fieldLabel="address"
+          selected={selectedBranch}
+          setSelected={onSelectedBranch}
+          label="Отделение"
+          placeholder="Выберите отделение"
+        />
+      </div>
+    </div>
+  ),
 );

package/mobile/src/components/SafeDepositRental/RenderRadioButtons.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks/core';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks/core';
 import { Radio } from '../../ui-kit/Radio/Radio';
 
 export const RenderRadioButtons = JSX(() => {
   const [selectedOption, setSelectedOption] = useState('option2');
-
-  const onChange = (_: React.ChangeEvent<HTMLInputElement>) => setSelectedOption(_.target.value);
+  const onChange = useCallback((_: string) => setSelectedOption(_), []);
 
   return (
     <div>

package/mobile/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -18,6 +18,7 @@ const DEFAULT_DAYS = 26;
 export const SafeDepositRental = JSX<SafeDepositRentalProps>(
   ({ title, footnote, className = '', ...rest }) => {
     const [showMap, setShowMap] = useState<boolean>(false);
+    const handleShowMap = useCallback(() => setShowMap((_) => !_), []);
     const [safeDepositState, setStateDepositState] = useState<SafeDepositRentalState>({
       selectedRegion: '',
       selectedBranch: '',
@@ -37,10 +38,6 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
       [setStateDepositState],
     );
 
-    const onShowMapToggle = () => {
-      setShowMap(!showMap);
-    };
-
     const points = getCoordinates(getBranch(branches, safeDepositState.selectedBranch) || branches);
 
     return (
@@ -58,7 +55,7 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
             regions={regions}
             branches={branches}
             data={{ ...safeDepositState, selectedRegion }}
-            onShowMapToggle={onShowMapToggle}
+            onClick={handleShowMap}
             onChange={handleChangeSafeDepositState}
           />
           {footnote ? <p className="text-s-light text-secondary-text">{footnote}</p> : null}

package/mobile/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -13,7 +13,7 @@ export interface SafeDepositRentalFieldsProps extends SafeDepositRentalState {
   safeBoxCases?: SafeBoxCase[];
   caseVolumes?: SafeBoxCaseVolume[];
   branches?: Branch[];
-  onShowMapToggle: () => void;
+  onClick: () => void;
   onChange: HandleChangeState;
 }
 
@@ -29,7 +29,7 @@ export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
     safeBoxCases,
     caseVolumes,
     onChange,
-    onShowMapToggle,
+    onClick,
   }) => {
     return (
       <div className="flex-1 mr-9">
@@ -53,7 +53,7 @@ export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
         <span className="text-secondary-text text-l-light">Тип договора</span>
         <div className="flex justify-between items-center mt-5">
           <RenderRadioButtons />
-          <Button text="Офисы на карте" version="primary" onClick={onShowMapToggle} />
+          <Button text="Офисы на карте" version="primary" onClick={onClick} />
         </div>
       </div>
     );

package/mobile/src/components/SafeDepositRental/SafeDepositRentalForm.tsx

@@ -11,12 +11,12 @@ export interface SafeDepositRentalFormProps {
   regions: Region[];
   branches: Branch[];
   data: SafeDepositRentalState;
-  onShowMapToggle: () => void;
+  onClick: () => void;
   onChange: (data: Partial<SafeDepositRentalState>) => void;
 }
 
 export const SafeDepositRentalForm = JSX<SafeDepositRentalFormProps>((props) => {
-  const { regions, data, branches, onChange, onShowMapToggle } = props;
+  const { regions, data, branches, onChange, onClick } = props;
 
   useEffect(() => {
     onChange({
@@ -41,7 +41,7 @@ export const SafeDepositRentalForm = JSX<SafeDepositRentalFormProps>((props) =>
       <SafeDepositRentalFields
         {...data}
         regions={regions}
-        onShowMapToggle={onShowMapToggle}
+        onClick={onClick}
         branches={branches}
         caseVolumes={caseVolumes}
         safeBoxCases={safeBoxCases}

package/mobile/src/components/TariffsTable/TableTileHeader.tsx

@@ -3,13 +3,11 @@ import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import type { TariffsTableRowHeader } from './TariffsTableContent';
 
-export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => {
-  return (
-    <div className="flex gap-2.5 mb-2">
-      {title ? <Heading headingType="h3" className="font-medium" title={title} /> : null}
-      {icon ? (
-        <Img className="ml-auto max-w-6 max-h-6" image={icon} width="24px" height="24px" />
-      ) : null}
-    </div>
-  );
-});
+export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => (
+  <div className="flex gap-2.5 mb-2">
+    {title ? <Heading headingType="h3" className="font-medium" title={title} /> : null}
+    {icon ? (
+      <Img className="ml-auto max-w-6 max-h-6" image={icon} width="24px" height="24px" />
+    ) : null}
+  </div>
+));

package/mobile/src/components/TariffsTable/TariffsTableRow.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { Img } from '../../ui-kit/Img/Img';
 import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
@@ -19,8 +19,15 @@ export interface TariffsTableRowProps extends UniBlockProps {
 export const TariffsTableRow = JSX<TariffsTableRowProps>(
   ({ row: { header, data }, activeIndex, rowIdx, ...rest }) => {
     const [tableInner, setTableInner] = useState<TariffsTableInnerContent | undefined>(undefined);
+    const handleSetTableInner = useCallback(
+      (_: TariffsTableInnerContent | undefined) => setTableInner(_),
+      [],
+    );
     const [openTableInnerIdx, setOpenTableInnerIdx] = useState<number | undefined>(undefined);
-
+    const handleOpenTableInnerIdx = useCallback(
+      (_: number | undefined) => setOpenTableInnerIdx(_),
+      [],
+    );
     const onHideContentClick = () => setTableInner(undefined);
 
     return (
@@ -55,10 +62,10 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
                 cells={cells}
                 rowIdx={rowIdx}
                 cellIdx={i}
-                setTableInner={setTableInner}
+                setTableInner={handleSetTableInner}
                 tableInner={tableInner}
                 openTableInnerIdx={openTableInnerIdx}
-                setOpenTableInnerIdx={setOpenTableInnerIdx}
+                setOpenTableInnerIdx={handleOpenTableInnerIdx}
                 {...rest}
               />
             ))}

package/mobile/src/components/Video/VideoContent.ts

@@ -1,6 +1,7 @@
 import type { TitleProps } from '../../model/HeadlineType';
 import type { Picture } from '../../model/Picture';
 
+/** @title Блок Видео */
 export interface VideoContent extends TitleProps {
   /** @title URL */
   src?: string;

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

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useTariffsInnerTableData } from './useTariffsInnerTableData';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { InnerTableBody } from './InnerTableBody';
 import { TableInnerButton } from './InnerTableButton';
 import { InnerTableHeader } from './InnerTableHeader';
 import type { TableFetchData, TariffsTableInnerContent } from './InnerTableProps';
+import { useTariffsInnerTableData } from './useTariffsInnerTableData';
 
 export interface InnerTableProps extends TariffsTableInnerContent {
   onClick?: () => void;
@@ -14,10 +14,9 @@ const EMPTY_DATA = 'Данных нет';
 
 export const InnerTable = JSX<InnerTableProps>(({ dataUrl, pdfUrl, onClick }) => {
   const { tableData }: TableFetchData = useTariffsInnerTableData(dataUrl);
-
   const [activeTabIndex, setActiveTabIndex] = useState(0);
+  const handleActiveTabIndex = useCallback((_: number) => setActiveTabIndex(_), []);
   const items = tableData?.[activeTabIndex]?.items ?? [];
-
   const currencies = tableData?.map((item) => item.currency ?? '');
 
   return tableData ? (
@@ -25,7 +24,7 @@ export const InnerTable = JSX<InnerTableProps>(({ dataUrl, pdfUrl, onClick }) =>
       <InnerTableHeader
         currencies={currencies}
         activeTabIndex={activeTabIndex}
-        setActiveTabIndex={setActiveTabIndex}
+        setActiveTabIndex={handleActiveTabIndex}
         linkToPDF={pdfUrl} //TODO: need link to service
       />
       <InnerTableBody activeTabIndex={activeTabIndex} items={items} />

package/mobile/src/ui-kit/InnerTable/InnerTableBody.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Img } from '../Img/Img';
 import { InnerTableBodyItem } from './InnerTableBodyItem';
 import type { DataItem } from './InnerTableProps';
@@ -12,9 +12,10 @@ export interface InnerTableBodyProps {
 export const InnerTableBody = JSX<InnerTableBodyProps>(({ activeTabIndex, items }) => {
   const [hiddenTables, setHiddenTables] = useState<Record<string, boolean>>({});
 
-  const toggleTable = (key: string) => {
-    setHiddenTables((oldState) => ({ ...oldState, [key]: !oldState[key] }));
-  };
+  const toggleTables = useCallback(
+    (key) => setHiddenTables((oldState) => ({ ...oldState, [key]: !oldState[key] })),
+    [],
+  );
 
   return (
     <div>
@@ -25,7 +26,7 @@ export const InnerTableBody = JSX<InnerTableBodyProps>(({ activeTabIndex, items
           <div key={key} className="w-full">
             <div
               className="flex p-4 bg-main-stroke text-xl-light text-center justify-center cursor-pointer relative"
-              onClick={() => toggleTable(key)}
+              onClick={() => toggleTables(key)}
             >
               {_.title}
               <Img

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

@@ -1,12 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/Text';
-
-interface ParagraphProps {
-  size?: TextSize;
-  color?: TextColor;
-  align?: TextAlign;
-  font?: FontWeight;
-}
+import type { ParagraphProps } from './ParagraphProps';
 
 export const Paragraph = JSX<ParagraphProps>((props) => {
   const { size = '', color = '', align = '', font = '', children } = props;

package/mobile/src/ui-kit/Paragraph/ParagraphProps.ts

@@ -0,0 +1,8 @@
+import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/TextProps';
+
+export interface ParagraphProps {
+  size?: TextSize;
+  color?: TextColor;
+  align?: TextAlign;
+  font?: FontWeight;
+}

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

@@ -12,7 +12,7 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
         value={value}
         name={name}
         checked={checked}
-        onChange={onChange}
+        onChange={(_) => onChange(_.target.value)}
       />
       {text ? <span className="text-primary-text ml-3 cursor-pointer">{text}</span> : null}
     </label>

package/mobile/src/ui-kit/Radio/RadioProps.ts

@@ -3,6 +3,6 @@ export interface RadioProps {
   text?: string;
   value: string;
   checked: boolean;
-  onChange: (value: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange: (value: string) => void;
   className?: string;
 }

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

@@ -22,7 +22,6 @@ export const Select = JSX<SelectProps>(
   ({ className = '', isBorder = true, label, options = [], value, onChange, placeholder = '' }) => {
     const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
     const [isOpen, setIsOpen] = useState(false);
-
     const handleClickOutside = useCallback(() => setIsOpen(false), []);
     const wrapperRef = useOutsideClick<HTMLDivElement>(handleClickOutside);
 

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

@@ -1,67 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-
-/**
- * @title Размер текста
- */
-export type TextSize =
-  | ''
-  | 'text-xs-light'
-  | 'text-s-light'
-  | 'text-s'
-  | 'text-m-light'
-  | 'text-m'
-  | 'text-l-light'
-  | 'text-l'
-  | 'text-xl-light'
-  | 'text-xl';
-
-/**
- * @title Размер текста
- */
-export type TitleSize =
-  | ''
-  | 'text-h6'
-  | 'text-h5'
-  | 'text-h5-light'
-  | 'text-h4'
-  | 'text-h3'
-  | 'text-h2'
-  | 'text-h1'
-  | 'text-h0'
-  | 'text-m-title'
-  | 'text-m-title-xs'
-  | 'title-extra'
-  | 'title-huge';
-
-/**
- * @title Цвет текста
- */
-export type TextColor =
-  | ''
-  | 'text-main'
-  | 'text-primary-text'
-  | 'text-primary-main'
-  | 'text-secondary-text'
-  | 'text-secondary-light'
-  | 'text-error'
-  | 'text-white'
-  | 'text-green';
-
-/**
- * @title Выравнивание
- * @enumNames [
- *    "По умолчанию",
- *    "По левому краю",
- *    "По центру",
- *    "По правому краю"
- * ]
- */
-export type TextAlign = '' | 'text-left' | 'text-center' | 'text-right';
-
-/**
- * @title Насыщенность шрифта
- */
-export type FontWeight = '' | 'font-light' | 'font-normal' | 'font-medium';
+import type { FontWeight, TextAlign, TextColor, TextSize, TitleSize } from './TextProps';
 
 interface TextProps {
   size?: TextSize | TitleSize;

package/mobile/src/ui-kit/Text/TextProps.ts

@@ -0,0 +1,63 @@
+/**
+ * @title Размер текста
+ */
+export type TextSize =
+  | ''
+  | 'text-xs'
+  | 'text-xs-light'
+  | 'text-s-light'
+  | 'text-s'
+  | 'text-m-light'
+  | 'text-m'
+  | 'text-l-light'
+  | 'text-l'
+  | 'text-xl-light'
+  | 'text-xl';
+
+/**
+ * @title Размер текста
+ */
+export type TitleSize =
+  | ''
+  | 'text-h6'
+  | 'text-h5'
+  | 'text-h5-light'
+  | 'text-h4'
+  | 'text-h3'
+  | 'text-h2'
+  | 'text-h1'
+  | 'text-h0'
+  | 'text-m-title'
+  | 'text-m-title-xs'
+  | 'title-extra'
+  | 'title-huge';
+
+/**
+ * @title Цвет текста
+ */
+export type TextColor =
+  | ''
+  | 'text-main'
+  | 'text-primary-text'
+  | 'text-primary-main'
+  | 'text-secondary-text'
+  | 'text-secondary-light'
+  | 'text-error'
+  | 'text-white'
+  | 'text-green';
+
+/**
+ * @title Выравнивание
+ * @enumNames [
+ *    "По умолчанию",
+ *    "По левому краю",
+ *    "По центру",
+ *    "По правому краю"
+ * ]
+ */
+export type TextAlign = '' | 'text-left' | 'text-center' | 'text-right';
+
+/**
+ * @title Насыщенность шрифта
+ */
+export type FontWeight = '' | 'font-light' | 'font-normal' | 'font-medium';

package/package.json

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

package/src/components/Blocks.ts

@@ -8,9 +8,9 @@ import { BusinessBlock } from './BusinessBlock/BusinessBlock';
 import { Calculator } from './Calculator/Calculator';
 import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Carousel } from './Carousel/Carousel';
-import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCard';
 import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselLinks } from './CarouselLinks/CarouselLinks';
+import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCard';
 import { CarouselTariffsCard } from './CarouselTariffsCard/CarouselTariffsCard';
 import { Catalog } from './Catalog/Catalog';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
@@ -22,8 +22,8 @@ import { Gallery } from './Gallery/Gallery';
 import { GracePeriod } from './GracePeriod/GracePeriod';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
+import { ImgBlock } from './ImgBlock/ImgBlock';
 import { InsuranceAmountBlock } from './InsuranceAmountBlock/InsuranceAmountBlock';
-import { InvestmentGallery } from './InvestmentGallery/InvestmentGallery';
 import { InvestmentInfo } from './InvestmentInfo/InvestmentInfo';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MiniGallery } from './MiniGallery/MiniGallery';
@@ -32,6 +32,7 @@ import { OfficeMap } from './OfficeMap/OfficeMap';
 import { OfficeServicesBlock } from './OfficeServicesBlock/OfficeServicesBlock';
 import { OtherProducts } from './OtherProducts/OtherProducts';
 import { OtherProductsItem } from './OtherProductsItem/OtherProductsItem';
+import { ParagraphBlock } from './ParagraphBlock/ParagraphBlock';
 import { PictureText } from './PictureText/PictureText';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
@@ -48,6 +49,7 @@ import { TextBlock } from './TextBlock/TextBlock';
 import { Tile } from './Tile/Tile';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 import { Video } from './Video/Video';
+import { CarouselInvestmentCard } from './CarouselInvestmentCard/CarouselInvestmentCard';
 
 export const Blocks: BlocksRegistry = {
   Accordion,
@@ -73,12 +75,13 @@ export const Blocks: BlocksRegistry = {
   GracePeriod,
   Header,
   Headline,
+  ImgBlock,
   InsuranceAmountBlock,
   InvestmentInfo,
-  InvestmentGallery,
   LinkDocs,
   MiniGallery,
   MobileAppTile,
+  ParagraphBlock,
   PictureText,
   Placeholder,
   ProductBlock,
@@ -99,4 +102,5 @@ export const Blocks: BlocksRegistry = {
   Tile,
   VerticalLayout,
   Video,
+  CarouselInvestmentCard,
 };

package/src/components/Calculator/BonusCalculatorForm.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { CommonCalculatorProps } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { DEFAULT_REST_MIN_SUM, DEFAULT_TRAVEL_MIN_SUM } from './constants';
@@ -16,7 +16,9 @@ export interface BonusCalculatorProps extends CommonCalculatorProps {
 export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
   ({ className = '', sourceBookDir = '', buttons, footnote }) => {
     const [travelExpenseValue, setTravelExpenseValue] = useState(DEFAULT_TRAVEL_MIN_SUM);
+    const handleTravelExpenseValue = useCallback((_: number) => setTravelExpenseValue(_), []);
     const [restExpenseValue, setRestExpenseValue] = useState(DEFAULT_REST_MIN_SUM);
+    const handleRestExpenseValue = useCallback((_: number) => setRestExpenseValue(_), []);
     const userInputParams = {
       travelExpenseValue,
       restExpenseValue,
@@ -36,7 +38,7 @@ export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
               step: 500,
               isShowItems: false,
             },
-            setTravelExpenseValue,
+            handleTravelExpenseValue,
           )}
           {renderWantedSumInput(
             'Сумма покупок в остальных категориях, ₽',
@@ -48,7 +50,7 @@ export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
               step: 500,
               isShowItems: false,
             },
-            setRestExpenseValue,
+            handleRestExpenseValue,
           )}
         </div>
         <div>