@redneckz/wildless-cms-uni-blocks 0.5.11 → 0.5.13

package/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -0,0 +1,149 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../model/ContentPageDef';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { List } from '../../ui-kit/List/List';
+import { joinList } from '../../utils/joinList';
+import type {
+  InvestmentCell,
+  InvestmentCellColor,
+  InvestmentCellSize,
+  InvestmentColumn,
+  InvestmentInfoContent,
+  InvestmentZeroColumn,
+} from './InvestmentInfoContent';
+
+const investmentCellColorMap: Record<InvestmentCellColor, string> = {
+  yellow: 'bg-yellow',
+  green: 'bg-green',
+  'green-light': 'bg-green-light',
+  'green-dark': 'bg-green-dark',
+};
+
+const investmentCellSizeMap: Record<InvestmentCellSize, string> = {
+  XS: 'h-[40px]',
+  S: 'h-[68px]',
+  M: 'h-[102px]',
+  L: 'h-[136px]',
+  XL: 'h-[204px]',
+};
+
+export interface InvestmentInfoProps extends InvestmentInfoContent, UniBlockProps {}
+
+export const InvestmentInfo = JSX<InvestmentInfoProps>((props) => {
+  const {
+    context,
+    className = '',
+    items,
+    isDotted,
+    investmentZeroColumn,
+    investmentColumns,
+    ...rest
+  } = props;
+  const colums = investmentColumns ? [...investmentColumns] : [];
+  if (investmentZeroColumn) {
+    colums.unshift(investmentZeroColumn);
+  }
+
+  return (
+    <BlockWrapper
+      className={`font-sans bg-white p-9 pb-9 ${className}`}
+      context={context}
+      {...rest}
+    >
+      <div className="container text-m-light">
+        {colums?.length ? (
+          <div>
+            <div className="flex items-end px-9 text-white">
+              {joinList(<div className="w-px h-4 bg-main-stroke" />)(
+                colums.map(renderInvestmentColumn),
+              )}
+              <div className="w-px h-4 bg-main-stroke" />
+            </div>
+            <div className="border-t border-main-stroke -mt-2 mx-9" />
+            <div className="flex justify-between mt-3 -mx-10">
+              {colums.map(renderInvestmentColumnTitle)}
+            </div>
+          </div>
+        ) : null}
+
+        {items?.length ? (
+          <List
+            className="mt-9 text-h6"
+            items={items}
+            itemClassName="mb-[7px]"
+            isDotted={isDotted}
+          />
+        ) : null}
+      </div>
+    </BlockWrapper>
+  );
+});
+
+const renderInvestmentColumn = (
+  column: InvestmentColumn | InvestmentZeroColumn,
+  i: number,
+  arr: Array<InvestmentColumn>,
+) => {
+  const isSecondColumn = i === 1;
+  const isLastColumn = i === arr.length - 1;
+
+  return (
+    <div
+      key={`column_${i}`}
+      className={`${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`}
+    >
+      {column.cells?.length ? (
+        <div className={`w-full ${isLastColumn ? 'border-4 border-green-more-dark p-1' : ''}`}>
+          {column.cells.map(renderInvestmentCell)}
+        </div>
+      ) : null}
+    </div>
+  );
+};
+
+const getColumnClasses = (
+  isSecondColumn: boolean,
+  isLastColumn: boolean,
+  cells: InvestmentCell[] = [],
+): string =>
+  [
+    cells.length ? 'flex-1' : 'flex-0',
+    cells.length && !isSecondColumn && !isLastColumn ? 'pl-2.5' : '',
+    cells.length && !isLastColumn ? 'pr-2.5 pb-8' : 'pb-6',
+  ].join(' ');
+
+const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
+  const cellSize = cell.cellSize || 'XS';
+  const cellColor = cell.cellColor || 'green';
+
+  return cell.text ? (
+    <div
+      key={`cell_${i}`}
+      className={`flex-1 flex items-center justify-center relative py-2 ${
+        investmentCellSizeMap[cellSize]
+      } ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-3' : 'px-11'}`}
+    >
+      <div className="text-center">{cell.text}</div>
+    </div>
+  ) : null;
+};
+
+const renderInvestmentColumnTitle = (
+  column: InvestmentColumn | InvestmentZeroColumn,
+  i: number,
+  arr: Array<InvestmentColumn>,
+) => {
+  const isFirstColumn = i === 0;
+  const isLastColumn = i === arr.length - 1;
+
+  return (
+    <div
+      key={`title_${i}`}
+      className={`flex-1 max-w-[180px] text-center px-2 ${isFirstColumn ? 'pl-9' : ''} ${
+        isLastColumn ? 'pr-9' : ' '
+      }`}
+    >
+      {column.title}
+    </div>
+  );
+};

package/src/components/InvestmentInfo/InvestmentInfo.ui.json

@@ -0,0 +1,16 @@
+{
+  "content": {
+    "bonusItems": {
+      "items": {
+        "bonusItemContent": {
+          "bonusType": {
+            "ui:widget": "hidden"
+          },
+          "image": {
+            "ui:field": "icon"
+          }
+        }
+      }
+    }
+  }
+}

package/src/components/InvestmentInfo/InvestmentInfoContent.ts

@@ -0,0 +1,55 @@
+import type { ListContent } from '../../ui-kit/List/ListContent';
+
+/**
+ * @title Цвет
+ * @enumNames ["Желтый", "Светло-зеленый", "Зеленый", "Тёмно-зеленый"]
+ */
+export type InvestmentCellColor = 'yellow' | 'green-light' | 'green' | 'green-dark';
+
+/**
+ * @title Высота
+ * @enumNames ["Очень большой", "Большой", "Средний", "Маленький", "Очень маленький"]
+ */
+export type InvestmentCellSize = 'XL' | 'L' | 'M' | 'S' | 'XS';
+
+/**
+ * @title Ячейка
+ */
+export type InvestmentCell = {
+  /** @title Текст */
+  text?: string;
+  cellColor?: InvestmentCellColor;
+  cellSize?: InvestmentCellSize;
+};
+
+/**
+ * @title Элемент данных 1
+ */
+export type InvestmentZeroColumn = {
+  /** @title Название */
+  title?: string;
+  /** @hidden */
+  cells?: InvestmentCell[];
+};
+
+/**
+ * @title Элемент данных
+ */
+export type InvestmentColumn = {
+  /** @title Название */
+  title?: string;
+  /** @title Ячейки */
+  cells?: InvestmentCell[];
+};
+
+/**
+ * @title Блок инвестиций
+ */
+export type InvestmentInfoContent = ListContent & {
+  /** @title Буллиты */
+  isDotted?: boolean;
+  /** @title Элемент данных 1 */
+  investmentZeroColumn?: InvestmentZeroColumn;
+  /** @title Остальные элементы данных */
+  investmentColumns?: InvestmentColumn[];
+};

package/src/components/MiniGallery/MiniGallery.fixture.tsx

@@ -71,6 +71,46 @@ const onlyTitleProps: MiniGalleryProps = {
   ],
 };
 
+const additionalDescriptionProps: MiniGalleryProps = {
+  title: 'Вы можете оплатить бонусными баллами',
+  description: 'Удобный каталог с большим ассортиментом товаров и сервисов',
+  context,
+  cards: [
+    {
+      title: 'Более 5000 товаров',
+      description:
+        'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
+      additionalDescription: '01 января 2022',
+      image,
+    },
+    {
+      title: 'Более 1000 развлечений',
+      description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
+      additionalDescription: '02 февраля 2022',
+      image,
+    },
+    {
+      title: 'Фермерские продукты',
+      description: 'Высокий процент даже при небольшой сумме денежных средств',
+      additionalDescription: '03 марта 2022',
+      image,
+    },
+    {
+      title: '«Моя выгода»',
+      description:
+        'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
+      additionalDescription: '04 апреля 2022',
+      image,
+    },
+    {
+      title: 'Более 8888 развлечений',
+      description: 'Порядок и условия предоставления в соответствии с 106 ФЗ',
+      additionalDescription: '05 мая 2022',
+      image,
+    },
+  ],
+};
+
 export default {
   default: (
     <div className="container grid grid-cols-12">
@@ -82,4 +122,9 @@ export default {
       <MiniGallery className="col-span-12" {...onlyTitleProps} />
     </div>
   ),
+  'additional description': (
+    <div className="container grid grid-cols-12">
+      <MiniGallery className="col-span-12" {...additionalDescriptionProps} />
+    </div>
+  ),
 };

package/src/components/MiniGallery/MiniGalleryContent.ts

@@ -2,6 +2,7 @@ import type { GalleryCardProps, GalleryContent } from '../Gallery/GalleryContent
 
 /**
  * @title Мини-галерея
+ * @default {"headlineVersion": "L"}
  */
 export interface MiniGalleryContent extends GalleryContent {
   /**

package/src/components/MobileAppTile/MobileAppTile.fixture.tsx

@@ -1,7 +1,8 @@
+import type { IconVersion } from '../../model/IconVersion';
 import type { Picture } from '../../model/Picture';
 import { context } from '../../react/setup-fixture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-
+import { Img } from '../../ui-kit/Img/Img';
 import { MobileAppTile } from './MobileAppTile';
 
 const image: Picture = {
@@ -33,7 +34,14 @@ const listItems = [
 const button1: ButtonWithIconProps = {
   aboveText: 'Загрузите в',
   text: 'App Store',
-  icon: { icon: 'AppleIcon', iconVersion: 'white' },
+  appendLeft: (
+    <Img
+      image={{ icon: 'AppleIcon', iconVersion: 'white' as IconVersion }}
+      width="24"
+      height="24"
+      asSVG
+    />
+  ),
   href: 'apps.apple.com',
   version: 'primary',
 };
@@ -41,11 +49,13 @@ const button1: ButtonWithIconProps = {
 const button2: ButtonWithIconProps = {
   aboveText: 'Доступно в',
   text: 'Google Play',
-  icon: { icon: 'PlayMarketIcon' },
+  appendLeft: <Img image={{ icon: 'PlayMarketIcon' }} width="24" height="24" asSVG />,
   href: 'play.google.com',
   version: 'secondary',
 };
 
+const icon = <Img image={{ icon: 'AppleIcon' }} width="24" height="24" asSVG />;
+
 export default {
   default: (
     <div className="container grid grid-cols-12">
@@ -61,7 +71,7 @@ export default {
         buttons={[
           {
             ...button1,
-            icon: { icon: 'AppleIcon' },
+            appendLeft: icon,
             version: 'secondary',
           },
           button2,

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -6,6 +6,7 @@ import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
+import type { ListItemVersion } from '../../ui-kit/List/ListProps';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import type { MobileAppTileContent } from './MobileAppTileContent';
@@ -77,13 +78,9 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
   },
 );
 
-const renderList = (version: string, items?: string[]) => {
+const renderList = (version: ListItemVersion, items?: string[]) => {
   return items?.length ? (
-    <List
-      items={items}
-      itemClassName="text-l-light mb-2 last:mb-0"
-      version={version === 'primary' ? 'tile' : 'tile-white'}
-    />
+    <List items={items} itemClassName="text-l-light mb-2 last:mb-0" version={version} />
   ) : (
     <span className="text-m-light text-secondary-text">
       Наведите камеру телефона на QR-код и скачайте приложение

package/src/components/OtherProducts/OtherProductsItem.tsx

@@ -2,39 +2,51 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { ColorPalette, UniBlockProps } from '../../model/ContentPageDef';
 import type { VNode } from '../../model/VNode';
 import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList';
+import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { BlockItemCommonProps } from './OtherProductsContent';
 
 export interface BlockItemProps extends BlockItemCommonProps, UniBlockProps {
   dataTheme?: ColorPalette;
 }
 
+const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
+
 export const OtherProductsItem = JSX<BlockItemProps>(
-  ({ label, blocks, context, dataTheme, isUnfolded }) => {
+  ({ label = '', blocks, context, dataTheme, isUnfolded: unfoldedByDefault }) => {
     const foldableBlocks = renderBlocksList({
       context,
       blocks,
     }) as VNode[];
 
     return (
-      <div className="border-0 border-b border-solid border-main-divider">
+      <div className="˝border-0 border-b border-solid border-main-divider">
         {blocks?.length ? (
           <Foldable
-            foldButtonDataTheme={dataTheme}
-            hiddenBlocksNum={blocks?.length}
-            blocks={foldableBlocks}
-            isUnfolded={isUnfolded}
-            context={context}
-            foldButtonLabel={label}
-            containerClasses="grid grid-cols-12 gap-1 border-box"
-            render={(children) => <Wrapper>{children}</Wrapper>}
+            unfoldedByDefault={unfoldedByDefault}
+            renderFoldableSection={({ isUnfolded }) => (
+              <div className="box-border">
+                <FoldableSection
+                  className="grid grid-cols-12 gap-1 border-box"
+                  isUnfolded={isUnfolded}
+                >
+                  {foldableBlocks}
+                </FoldableSection>
+              </div>
+            )}
+            renderFoldButton={({ isUnfolded, onToggle }) => (
+              <DefaultFoldButton
+                label={label}
+                icon={icons[Number(isUnfolded)]}
+                dataTheme={dataTheme}
+                onClick={onToggle}
+              />
+            )}
           />
         ) : null}
       </div>
     );
   },
 );
-
-const Wrapper = JSX(({ children }) => {
-  return <div className="box-border">{children}</div>;
-});

package/src/components/ProductGallery/ProductGallery.tsx

@@ -84,14 +84,14 @@ function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
   const isActiveBtn = i === activeSlideIndex;
 
   const btnClassName = isActiveBtn
-    ? 'bg-white shadow-dark-blue/42 min-w-[354px] border-none p-6'
+    ? '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
     ? 'text-primary-text !text-h6 p-2'
     : `text-l pb-1 ${productBlockStyleMap[version].title}`;
   const btnDescClassName = isActiveBtn
-    ? 'text-secondary-text text-l-light mt-2.5'
+    ? 'text-secondary-text text-l-light'
     : `text-m-light ${productBlockStyleMap[version].text}`;
 
   const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';

package/src/components/ProductTile/ProductTile.tsx

@@ -1,14 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
+import { VersionStyleMap } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../model/ContentPageDef';
-import type { ProductTileContent, TextBenefit } from './ProductTileContent';
+import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { Img } from '../../ui-kit/Img/Img';
-import type { Picture } from '../../model/Picture';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import { Headline } from '../Headline/Headline';
-import { VersionStyleMap } from '../../model/BlockVersion';
+import type { ProductTileContent, TextBenefit } from './ProductTileContent';
 
 export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
 

package/src/components/Recommendation/RecommendationContent.ts

@@ -11,6 +11,11 @@ export interface RecommendationCardTypes extends HeadlineCommonProps, ListConten
   /**
    * @title Соц сети
    * @minItems 3
+   * @default [
+   * { "href": "https://t.me" },
+   * { "href": "https://vk.com" },
+   * { "href": "https://ok.ru" },
+   * ]
    */
   socialMedia?: LinkCommonProps[];
   /**

package/src/components/SafeDepositRental/RegionsAndBranches.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { Branch } from '../../hooks/useFetchSafeBoxes';
+import type { Branch } from '../../hooks/useSafeBoxes';
 import type { Region } from './useGetRegions';
 import { WrapperSelect } from './WrapperSelect';
 

package/src/components/SafeDepositRental/SafeBoxCases.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useFetchSafeBoxes';
+import type { SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useSafeBoxes';
 import { WrapperSelect } from './WrapperSelect';
 
 interface SafeBoxCasesProps {

package/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,26 +1,48 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useSafeBoxes } from '../../hooks/useSafeBoxes';
+import { UniBlockProps } from '../../model/ContentPageDef';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';
 import { SafeDepositRentalForm } from './SafeDepositRentalForm';
-import { useGetRegions } from './useGetRegions';
+import { HandleChangeState, SafeDepositRentalState } from './SafeDepositRentalTypes';
+import { Region, useGetRegions } from './useGetRegions';
+import { getBranch, getCoordinates } from './utils';
 import { YandexMap } from './YandexMap';
 
 export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlockProps {}
 
+const DEFAULT_DAYS = 26;
+
 export const SafeDepositRental = JSX<SafeDepositRentalProps>(
   ({ title, footnote, context, className = '', ...rest }) => {
-    const [points, setPoints] = useState<number[][]>([]);
     const [showMap, setShowMap] = useState<boolean>(false);
+    const [safeDepositState, setStateDepositState] = useState<SafeDepositRentalState>({
+      selectedRegion: '',
+      selectedBranch: '',
+      selectedCaseVolume: '',
+      selectedBoxSize: '',
+      days: DEFAULT_DAYS,
+    });
 
     const regions = useGetRegions();
 
-    const toggleShowMap = () => {
+    const selectedRegion = normalizeSelectedRegion(safeDepositState.selectedRegion, regions);
+
+    const branches = useSafeBoxes(selectedRegion);
+
+    const handleChangeSafeDepositState: HandleChangeState = useCallback(
+      (state) => setStateDepositState((oldState) => ({ ...oldState, ...state })),
+      [setStateDepositState],
+    );
+
+    const onShowMapToggle = () => {
       setShowMap(!showMap);
     };
 
+    const points = getCoordinates(getBranch(branches, safeDepositState.selectedBranch) || branches);
+
     return (
       <BlockWrapper context={context} className={className} {...rest}>
         <div className="font-sans bg-white px-8 py-12">
@@ -29,8 +51,10 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
           ) : null}
           <SafeDepositRentalForm
             regions={regions}
-            setPoints={setPoints}
-            toggleShowMap={toggleShowMap}
+            branches={branches}
+            data={{ ...safeDepositState, selectedRegion }}
+            onShowMapToggle={onShowMapToggle}
+            onChange={handleChangeSafeDepositState}
           />
           {footnote ? <p className="text-s-light text-secondary-text">{footnote}</p> : null}
         </div>
@@ -39,3 +63,6 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
     );
   },
 );
+
+const normalizeSelectedRegion = (selectedRegion: string, regions?: Region[]) =>
+  !selectedRegion && regions?.length && regions[0]?.code ? regions[0].code : selectedRegion;

package/src/components/SafeDepositRental/SafeDepositRental.ui.json

@@ -1 +1,8 @@
-{}
+{
+  "content": {},
+  "style": {
+    "ui:options": {
+      "minCols": 12
+    }
+  }
+}

package/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -1,20 +1,20 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { Branch, SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useFetchSafeBoxes';
+import type { Branch, SafeBoxCase, SafeBoxCaseVolume } from '../../hooks/useSafeBoxes';
 import { Button } from '../../ui-kit/Button/Button';
 import { RegionsAndBranches } from './RegionsAndBranches';
 import { RenderRadioButtons } from './RenderRadioButtons';
 import { RentalPeriod } from './RentalPeriod';
 import { SafeBoxCases } from './SafeBoxCases';
-import type { SafeDepositRentalFormProps } from './SafeDepositRentalForm';
 import type { HandleChangeState, SafeDepositRentalState } from './SafeDepositRentalTypes';
-import { getBranch, getCoordinates } from './utils';
+import { Region } from './useGetRegions';
 
-export interface SafeDepositRentalFieldsProps
-  extends SafeDepositRentalState,
-    SafeDepositRentalFormProps {
-  onChange: HandleChangeState;
+export interface SafeDepositRentalFieldsProps extends SafeDepositRentalState {
+  regions?: Region[];
   safeBoxCases?: SafeBoxCase[];
   caseVolumes?: SafeBoxCaseVolume[];
+  branches?: Branch[];
+  onShowMapToggle: () => void;
+  onChange: HandleChangeState;
 }
 
 export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
@@ -28,9 +28,8 @@ export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
     selectedBoxSize,
     safeBoxCases,
     caseVolumes,
-    setPoints,
     onChange,
-    toggleShowMap,
+    onShowMapToggle,
   }) => {
     return (
       <div className="flex-1 mr-9">
@@ -40,7 +39,7 @@ export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
           onSelectedRegion={(value) => onChange({ selectedRegion: value })}
           branches={branches}
           selectedBranch={selectedBranch}
-          onSelectedBranch={onSelectedBranch(onChange, setPoints, branches)}
+          onSelectedBranch={onSelectedBranch(onChange)}
         />
         <RentalPeriod days={days} setDays={(value) => onChange({ days: value })} />
         <SafeBoxCases
@@ -54,23 +53,16 @@ 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={toggleShowMap} />
+          <Button text="Офисы на карте" version="primary" onClick={onShowMapToggle} />
         </div>
       </div>
     );
   },
 );
 
-const onSelectedBranch =
-  (
-    onChange: HandleChangeState,
-    setPoints: SafeDepositRentalFieldsProps['setPoints'],
-    branches: Branch[],
-  ) =>
-  (value: string) => {
-    onChange({ selectedBranch: value, selectedCaseVolume: '', selectedBoxSize: '' });
-    setPoints(getCoordinates(value ? getBranch(branches, value) : branches));
-  };
+const onSelectedBranch = (onChange: HandleChangeState) => (value: string) => {
+  onChange({ selectedBranch: value, selectedCaseVolume: '', selectedBoxSize: '' });
+};
 
 const onSelectedCaseVolume = (onChange: HandleChangeState) => (value: string) => {
   onChange({ selectedCaseVolume: value, selectedBoxSize: '' });