@redneckz/wildless-cms-uni-blocks 0.6.26 → 0.6.28

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

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { MobileAppTile } from './MobileAppTile';
 
@@ -49,7 +49,6 @@ export default {
   default: (
     <div className="container grid grid-cols-12">
       <MobileAppTile
-        context={context}
         className="col-span-12"
         version="secondary"
         title="Обновлённое мобильное приложение «Урожай»"
@@ -72,7 +71,6 @@ export default {
   secondary: (
     <div className="container grid grid-cols-12">
       <MobileAppTile
-        context={context}
         className="col-span-12"
         title="Обновлённое мобильное приложение «Урожай»"
         qr={qr}
@@ -85,7 +83,6 @@ export default {
   'without-image': (
     <div className="container grid grid-cols-12">
       <MobileAppTile
-        context={context}
         className="col-span-12"
         title="Обновлённое мобильное приложение «Урожай»"
         qr={qr}
@@ -97,12 +94,7 @@ export default {
   ),
   'without-image-and-list': (
     <div className="container grid grid-cols-12">
-      <MobileAppTile
-        context={context}
-        className="col-span-4"
-        qr={qr}
-        buttons={[button1, button2]}
-      />
+      <MobileAppTile className="col-span-4" qr={qr} buttons={[button1, button2]} />
     </div>
   ),
 };

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -17,7 +17,6 @@ export interface MobileAppTileProps extends MobileAppTileContent, UniBlockProps
 export const MobileAppTile = JSX<MobileAppTileProps>(
   ({
     className = '',
-    context,
     title = 'Мобильное приложение',
     qr,
     buttons,
@@ -35,7 +34,6 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
 
     return (
       <BlockWrapper
-        context={context}
         className={`flex justify-between font-sans p-9 box-border relative min-h-[320px]
         ${getTileMinHeight(className)}
         ${VersionStyleMap[version]}
@@ -43,7 +41,6 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
         {...rest}
       >
         <BaseTile
-          context={context}
           className="z-10"
           title={
             title ? (
@@ -58,7 +55,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
           }
           buttons={
             buttons?.length ? (
-              <ButtonSection context={context} buttons={buttonsWithClass} className="flex gap-4" />
+              <ButtonSection buttons={buttonsWithClass} className="flex gap-4" {...rest} />
             ) : null
           }
         >

package/src/components/OfficeMap/OfficeMap.fixture.tsx

@@ -1,10 +1,10 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import { OfficeMap } from './OfficeMap';
 
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <OfficeMap className="col-span-12" context={context} />
+      <OfficeMap className="col-span-12" />
     </div>
   ),
 };

package/src/components/OfficeMap/OfficeMap.tsx

@@ -2,14 +2,16 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
-import { OFFICE_MAP } from './mockOfficeMap';
 import { nearbyOffices } from './nearbyOffices';
 import type { OfficeMapProps, WorkScheduleWeek } from './OfficeMapContent';
 import { renderCurrentDaySchedule, renderDay, renderNearbyOffice } from './renderFunctions';
 import { useOfficeMap } from './useOfficeMap';
 
 export const OfficeMap = JSX<UniBlockProps>(({ className = '' }) => {
-  const resultOfficeMap = useOfficeMap('063') || OFFICE_MAP;
+  // TODO: useOfficeMap endpoint had use /api/v1/branches. This endpoint now is`t correct/
+  // TODO: useOfficeMap has return MOCK OBJECT!
+  // TODO: Fix this when endpoint /api/v1/branches (or new endpoint) had returning right data
+  const resultOfficeMap = useOfficeMap('000');
   const { name, address, gpsLatitude, gpsLongitude, workSchedule } =
     resultOfficeMap as OfficeMapProps;
   const {

package/src/components/OfficeMap/useOfficeMap.ts

@@ -1,5 +1,6 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import { fetchJSON } from '../../utils/fetchJSON';
+import { OFFICE_MAP } from './mockOfficeMap';
 
 const OFFICE_MAP_URL = '/api/v1/branches';
 
@@ -10,8 +11,10 @@ export function useOfficeMap(regionCode?: string) {
     regionCode ? `${OFFICE_MAP_URL}?regionCode=${regionCode}` : undefined,
     fetchOfficeMap,
   );
+  console.warn('WARNING!!!  Hook useOfficeMap RETURN MOCK object for testing!');
+  console.log('Hook useOfficeMap get this data:', data);
 
-  return data;
+  return OFFICE_MAP;
 }
 
 const fetchOfficeMap = (url?: string) => {

package/src/components/OfficeServicesBlock/OfficeServicesBlock.fixture.tsx

@@ -1,4 +1,4 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import { OfficeServicesBlock } from './OfficeServicesBlock';
 
 export default {
@@ -6,7 +6,6 @@ export default {
     <div className="container grid grid-cols-12">
       <OfficeServicesBlock
         className="col-span-4"
-        context={context}
         title="Услуги"
         servicesList={[
           {

package/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -3,30 +3,23 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
+import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import type {
   OfficeServicesBlockContent,
   OfficeServicesBlockList,
 } from './OfficeServicesBlockContent';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
 
 export interface OfficeServicesBlockProps extends OfficeServicesBlockContent, UniBlockProps {}
 
 export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
-  ({ className = '', context, title, servicesList, anchor = '', ...rest }) => {
-    return (
-      <BlockWrapper
-        context={context}
-        id={anchor}
-        className={`font-sans bg-white p-8 flex flex-col ${className}`}
-        {...rest}
-      >
-        {title ? <Heading headingType="h5" className="mb-5" title={title} /> : null}
-        {servicesList?.length ? (
-          <ul className="list-none m-0 p-0">{servicesList.map(renderListItems)}</ul>
-        ) : null}
-      </BlockWrapper>
-    );
-  },
+  ({ className = '', title, servicesList, ...rest }) => (
+    <BlockWrapper className={`font-sans bg-white p-8 flex flex-col ${className}`} {...rest}>
+      {title ? <Heading headingType="h5" className="mb-5" title={title} /> : null}
+      {servicesList?.length ? (
+        <ul className="list-none m-0 p-0">{servicesList.map(renderListItems)}</ul>
+      ) : null}
+    </BlockWrapper>
+  ),
 );
 
 const renderListItems = (itemList: OfficeServicesBlockList, i: number) => (

package/src/components/OtherProducts/OtherProducts.fixture.tsx

@@ -1,4 +1,4 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import { Gallery } from '../Gallery/Gallery';
 import { defaultProps as GALLERY } from '../Gallery/Gallery.fixture';
 import { Headline } from '../Headline/Headline';
@@ -20,44 +20,32 @@ import { Tile } from '../Tile/Tile';
 import { TILE, TILE_PREMIUM } from '../Tile/Tile.fixture';
 import { OtherProducts } from './OtherProducts';
 
-const TEXT_BLOCK_OTHER_BLOCK = (
-  <TextBlock context={context} className="col-span-12" {...TEXT_BLOCK} />
-);
+const TEXT_BLOCK_OTHER_BLOCK = <TextBlock className="col-span-12" {...TEXT_BLOCK} />;
 
-const PRODUCT_BLOCK_OTHER_BLOCK = (
-  <ProductBlock context={context} className="col-span-6" {...PRODUCT_BLOCK} />
-);
+const PRODUCT_BLOCK_OTHER_BLOCK = <ProductBlock className="col-span-6" {...PRODUCT_BLOCK} />;
 
-const TILES_OTHER_BLOCK = <Tile context={context} className="col-span-12" {...TILE} />;
+const TILES_OTHER_BLOCK = <Tile className="col-span-12" {...TILE} />;
 
-const TILES_PREMIUM_OTHER_BLOCK = (
-  <Tile context={context} className="col-span-6" {...TILE_PREMIUM} />
-);
+const TILES_PREMIUM_OTHER_BLOCK = <Tile className="col-span-6" {...TILE_PREMIUM} />;
 
-const PRODUCT_TILES_OTHER_BLOCK = (
-  <ProductTile context={context} className="col-span-6" {...PRODUCT_TILE} />
-);
+const PRODUCT_TILES_OTHER_BLOCK = <ProductTile className="col-span-6" {...PRODUCT_TILE} />;
 
 const PRODUCT_PENSION_TILES_OTHER_BLOCK = (
-  <ProductTile context={context} className="col-span-6" {...PRODUCT_PENSION_TILE} />
+  <ProductTile className="col-span-6" {...PRODUCT_PENSION_TILE} />
 );
 
-const HEADLINE_OTHER_BLOCK = <Headline context={context} className="col-span-12" {...HEADLINE} />;
+const HEADLINE_OTHER_BLOCK = <Headline className="col-span-12" {...HEADLINE} />;
 
-const PICTURE_TEXT_OTHER_BLOCK = (
-  <PictureText context={context} className="col-span-12" {...PICTURE_TEXT} />
-);
+const PICTURE_TEXT_OTHER_BLOCK = <PictureText className="col-span-12" {...PICTURE_TEXT} />;
 
-const LINK_DOCS_OTHER_BLOCK = (
-  <LinkDocs context={context} className="col-span-12" {...linkDocsContentExample} />
-);
+const LINK_DOCS_OTHER_BLOCK = <LinkDocs className="col-span-12" {...linkDocsContentExample} />;
 
 const GALLERY_OTHER_BLOCK = <Gallery className="col-span-12" {...GALLERY} />;
 
 const MINI_GALLERY_OTHER_BLOCK = <MiniGallery className="col-span-12" {...MINI_GALLERY} />;
 
 export const OTHER_PRODUCTS_ITEM = (
-  <OtherProductsItem context={context} label="OtherProducts №1 Tiles">
+  <OtherProductsItem label="OtherProducts №1 Tiles">
     {[TILES_PREMIUM_OTHER_BLOCK, TILES_PREMIUM_OTHER_BLOCK, TILES_OTHER_BLOCK, TILES_OTHER_BLOCK]}
   </OtherProductsItem>
 );
@@ -65,9 +53,9 @@ export const OTHER_PRODUCTS_ITEM = (
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <OtherProducts context={context} className="col-span-12">
+      <OtherProducts className="col-span-12">
         {OTHER_PRODUCTS_ITEM}
-        <OtherProductsItem context={context} label="OtherProducts №2 Product_Tiles">
+        <OtherProductsItem label="OtherProducts №2 Product_Tiles">
           {[
             PRODUCT_TILES_OTHER_BLOCK,
             PRODUCT_TILES_OTHER_BLOCK,
@@ -75,10 +63,10 @@ export default {
             PRODUCT_PENSION_TILES_OTHER_BLOCK,
           ]}
         </OtherProductsItem>
-        <OtherProductsItem context={context} label="OtherProducts №3 Product_Block">
+        <OtherProductsItem label="OtherProducts №3 Product_Block">
           {[PRODUCT_BLOCK_OTHER_BLOCK, PRODUCT_BLOCK_OTHER_BLOCK]}
         </OtherProductsItem>
-        <OtherProductsItem context={context} label="OtherProducts №4 Text_Block">
+        <OtherProductsItem label="OtherProducts №4 Text_Block">
           {[
             TEXT_BLOCK_OTHER_BLOCK,
             TEXT_BLOCK_OTHER_BLOCK,
@@ -86,19 +74,19 @@ export default {
             TEXT_BLOCK_OTHER_BLOCK,
           ]}
         </OtherProductsItem>
-        <OtherProductsItem context={context} label="OtherProducts №5 Picture_Text">
+        <OtherProductsItem label="OtherProducts №5 Picture_Text">
           {[PICTURE_TEXT_OTHER_BLOCK]}
         </OtherProductsItem>
-        <OtherProductsItem context={context} label="OtherProducts №6 Headline">
+        <OtherProductsItem label="OtherProducts №6 Headline">
           {[HEADLINE_OTHER_BLOCK]}
         </OtherProductsItem>
-        <OtherProductsItem context={context} label="OtherProducts №7 Link_Docs">
+        <OtherProductsItem label="OtherProducts №7 Link_Docs">
           {[LINK_DOCS_OTHER_BLOCK]}
         </OtherProductsItem>
-        <OtherProductsItem context={context} label="OtherProducts №8 Gallery">
+        <OtherProductsItem label="OtherProducts №8 Gallery">
           {[GALLERY_OTHER_BLOCK, GALLERY_OTHER_BLOCK]}
         </OtherProductsItem>
-        <OtherProductsItem context={context} label="OtherProducts №9 Mini_Gallery">
+        <OtherProductsItem label="OtherProducts №9 Mini_Gallery">
           {[MINI_GALLERY_OTHER_BLOCK, MINI_GALLERY_OTHER_BLOCK]}
         </OtherProductsItem>
       </OtherProducts>

package/src/components/OtherProducts/OtherProducts.tsx

@@ -6,12 +6,8 @@ import type { OtherProductsContent } from './OtherProductsContent';
 export interface OtherProductsProps extends OtherProductsContent, UniBlockProps {}
 
 export const OtherProducts: JSXBlock<OtherProductsProps> = JSX<OtherProductsProps>(
-  ({ context, className = '', children, ...rest }) => (
-    <BlockWrapper
-      context={context}
-      className={`font-sans text-primary-text ${className}`}
-      {...rest}
-    >
+  ({ className = '', children, ...rest }) => (
+    <BlockWrapper className={`font-sans text-primary-text ${className}`} {...rest}>
       {children}
     </BlockWrapper>
   ),

package/src/components/PictureText/PictureText.fixture.tsx

@@ -1,7 +1,7 @@
-import { context } from '../../react/setup-fixture';
 import type { Picture } from '../../model/Picture';
-import type { PictureTextContent } from './PictureTextContent';
+import '../../react/setup-fixture';
 import { PictureText } from './PictureText';
+import type { PictureTextContent } from './PictureTextContent';
 
 const image: Picture = {
   src: 'legal-support-business.png',
@@ -78,32 +78,22 @@ export const INSURANCE_TEXT: PictureTextContent = {
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <PictureText className="col-span-12" context={context} {...PICTURE_TEXT} />
+      <PictureText className="col-span-12" {...PICTURE_TEXT} />
     </div>
   ),
   secondary: (
     <div className="container grid grid-cols-12">
-      <PictureText
-        className="col-span-12"
-        context={context}
-        {...PICTURE_TEXT}
-        version="secondary"
-      />
+      <PictureText className="col-span-12" {...PICTURE_TEXT} version="secondary" />
     </div>
   ),
   'insurance sum': (
     <div className="container grid grid-cols-12">
-      <PictureText context={context} className="col-span-12" {...INSURANCE_TEXT} />
+      <PictureText className="col-span-12" {...INSURANCE_TEXT} />
     </div>
   ),
   'insurance monthPay': (
     <div className="container grid grid-cols-12">
-      <PictureText
-        context={context}
-        className="col-span-12"
-        {...INSURANCE_TEXT}
-        monthLimit={25000}
-      />
+      <PictureText className="col-span-12" {...INSURANCE_TEXT} monthLimit={25000} />
     </div>
   ),
 };

package/src/components/PictureText/PictureText.tsx

@@ -15,7 +15,6 @@ export interface PictureTextProps extends PictureTextContent, UniBlockProps {}
 export const PictureText = JSX<PictureTextProps>(
   ({
     className = '',
-    context,
     title,
     description,
     image,
@@ -25,34 +24,31 @@ export const PictureText = JSX<PictureTextProps>(
     monthLimit,
     directionRight = false,
     ...rest
-  }) => {
-    return (
-      <BlockWrapper
-        className={`relative font-sans py-12 px-24 ${VersionStyleMap[version]} ${className}`}
-        context={context}
+  }) => (
+    <BlockWrapper
+      className={`relative font-sans py-12 px-24 ${VersionStyleMap[version]} ${className}`}
+      {...rest}
+    >
+      <Headline
+        className="!p-0"
+        title={title}
+        description={description}
+        headlineVersion="M"
+        bgColorHeadline={version}
+        align="center"
         {...rest}
-      >
-        <Headline
-          context={context}
-          className="!p-0"
-          title={title}
-          description={description}
-          headlineVersion="M"
-          bgColorHeadline={version}
-          align="center"
-        />
-        <div className={'flex justify-center gap-[122px] mt-[30px]'}>
-          {image?.src ? <Img className={directionRight ? 'order-2' : ''} image={image} /> : null}
-          <div className="w-[558px] m-auto">
-            {benefits?.length ? (
-              <div className="flex flex-col gap-4">{benefits.map(renderBenefit(version))}</div>
-            ) : null}
-            {renderInsuranceSumMonth(Number(sum), Number(monthLimit))}
-          </div>
+      />
+      <div className={'flex justify-center gap-[122px] mt-[30px]'}>
+        {image?.src ? <Img className={directionRight ? 'order-2' : ''} image={image} /> : null}
+        <div className="w-[558px] m-auto">
+          {benefits?.length ? (
+            <div className="flex flex-col gap-4">{benefits.map(renderBenefit(version))}</div>
+          ) : null}
+          {renderInsuranceSumMonth(Number(sum), Number(monthLimit))}
         </div>
-      </BlockWrapper>
-    );
-  },
+      </div>
+    </BlockWrapper>
+  ),
 );
 
 const renderBenefit = (version: BlockVersion) => (benefit: BenefitItemProps, i: number) =>

package/src/components/Placeholder/Placeholder.fixture.mobile.tsx

@@ -1,9 +1,9 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 
 import { Placeholder } from './Placeholder';
 
 export default (
   <div className="container grid grid-cols-12">
-    <Placeholder className="col-span-12" context={context} title="Неизвестный блок" />
+    <Placeholder className="col-span-12" title="Неизвестный блок" />
   </div>
 );

package/src/components/Placeholder/Placeholder.fixture.tsx

@@ -1,11 +1,11 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 
 import { Placeholder } from './Placeholder';
 
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <Placeholder className="col-span-12" context={context} title="Неизвестный блок" />
+      <Placeholder className="col-span-12" title="Неизвестный блок" />
     </div>
   ),
 };

package/src/components/Placeholder/Placeholder.tsx

@@ -7,28 +7,25 @@ import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import { Headline } from '../Headline/Headline';
 import type { PlaceholderContent } from './PlaceholderContent';
 
-export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {
-  className?: string;
-}
+export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {}
 
 const GOLDEN_RATIO = 1.618;
 
 export const Placeholder = JSX<PlaceholderProps>(
-  ({ className, context, title, description = 'Блок в разработке...', ...rest }) => {
+  ({ className, title, description = 'Блок в разработке...', ...rest }) => {
     return (
       <BlockWrapper
-        context={context}
         className={`bg-white text-primary-text font-sans p-9 box-border ${className} ${getTileRightPadding(
           className,
         )} ${getTileMinHeight(className)} `}
         {...rest}
       >
         <Headline
-          context={context}
           className="!p-0 max-w-[600px]"
           title={title}
           description={description}
           headlineVersion={getTileHeadingType(className)}
+          {...rest}
         />
         <figure className="m-0 min-w-[80%]">{renderShimmer()}</figure>
       </BlockWrapper>

package/src/components/ProductBlock/ProductBlock.fixture.mobile.tsx

@@ -1,8 +1,8 @@
-import { context } from '../../react/setup-fixture';
-import { ProductBlock } from './ProductBlock';
 import type { Picture } from '../../model/Picture';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import '../../react/setup-fixture';
 import type { BenefitItemProps } from '../../ui-kit/BenefitItem/BenefitItemProps';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import { ProductBlock } from './ProductBlock';
 
 const title = 'Кредит до 5 000 000 Р\nбез залога и поручителей';
 const description =
@@ -69,52 +69,33 @@ const props = { title, description, image, buttons };
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <ProductBlock className="col-span-12" context={context} {...props} benefits={benefits} />
+      <ProductBlock className="col-span-12" {...props} benefits={benefits} />
     </div>
   ),
   items: (
     <div className="container grid grid-cols-12">
-      <ProductBlock className="col-span-12" context={context} {...props} items={items} />
+      <ProductBlock className="col-span-12" {...props} items={items} />
     </div>
   ),
   'primary with label': (
     <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-12"
-        context={context}
-        {...props}
-        benefits={benefits}
-        label={label}
-      />
+      <ProductBlock className="col-span-12" {...props} benefits={benefits} label={label} />
     </div>
   ),
   secondary: (
     <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-12"
-        context={context}
-        {...props}
-        benefits={benefits}
-        version="secondary"
-      />
+      <ProductBlock className="col-span-12" {...props} benefits={benefits} version="secondary" />
     </div>
   ),
   'secondary with items': (
     <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-12"
-        context={context}
-        {...props}
-        items={items}
-        version="secondary"
-      />
+      <ProductBlock className="col-span-12" {...props} items={items} version="secondary" />
     </div>
   ),
   'secondary with label': (
     <div className="container grid grid-cols-12">
       <ProductBlock
         className="col-span-12"
-        context={context}
         {...props}
         benefits={benefits}
         label={label}

package/src/components/ProductBlock/ProductBlock.fixture.tsx

@@ -1,9 +1,9 @@
-import { context } from '../../react/setup-fixture';
-import { ProductBlock } from './ProductBlock';
 import type { Picture } from '../../model/Picture';
+import '../../react/setup-fixture';
+import type { BenefitItemProps } from '../../ui-kit/BenefitItem/BenefitItemProps';
 import type { BackwardButtonProps, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import { ProductBlock } from './ProductBlock';
 import type { ProductBlockContent } from './ProductBlockContent';
-import type { BenefitItemProps } from '../../ui-kit/BenefitItem/BenefitItemProps';
 
 const image: Picture = {
   src: 'money-1.png',
@@ -81,7 +81,6 @@ export default {
     <div className="container grid grid-cols-12">
       <ProductBlock
         className="col-span-12"
-        context={context}
         backwardButton={backwardButton}
         headlineVersion="L"
         title="Потребительский кредит наличными"
@@ -97,7 +96,6 @@ export default {
     <div className="container grid grid-cols-12">
       <ProductBlock
         className="col-span-12"
-        context={context}
         title="Потребительский кредит наличными"
         headlineVersion="L"
         description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
@@ -110,19 +108,18 @@ export default {
   ),
   'primary with list': (
     <div className="container grid grid-cols-12">
-      <ProductBlock className="col-span-12" context={context} {...PRODUCT_BLOCK} image={image} />
+      <ProductBlock className="col-span-12" {...PRODUCT_BLOCK} image={image} />
     </div>
   ),
   'primary without image': (
     <div className="container grid grid-cols-12">
-      <ProductBlock className="col-span-12" context={context} {...PRODUCT_BLOCK} />
+      <ProductBlock className="col-span-12" {...PRODUCT_BLOCK} />
     </div>
   ),
   'primary with default benefits': (
     <div className="container grid grid-cols-12">
       <ProductBlock
         className="col-span-12"
-        context={context}
         title="Потребительский кредит наличными"
         description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
         benefits={benefits}
@@ -135,7 +132,6 @@ export default {
     <div className="container grid grid-cols-12">
       <ProductBlock
         className="col-span-12"
-        context={context}
         backwardButton={backwardButton}
         headlineVersion="XL"
         title="Потребительский кредит наличными"
@@ -152,7 +148,6 @@ export default {
     <div className="container grid grid-cols-12">
       <ProductBlock
         className="col-span-12"
-        context={context}
         title="Потребительский кредит наличными"
         headlineVersion="L"
         description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
@@ -166,30 +161,18 @@ export default {
   ),
   'secondary with list': (
     <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-12"
-        context={context}
-        {...PRODUCT_BLOCK}
-        image={image}
-        version="secondary"
-      />
+      <ProductBlock className="col-span-12" {...PRODUCT_BLOCK} image={image} version="secondary" />
     </div>
   ),
   'secondary without image': (
     <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-12"
-        context={context}
-        {...PRODUCT_BLOCK}
-        version="secondary"
-      />
+      <ProductBlock className="col-span-12" {...PRODUCT_BLOCK} version="secondary" />
     </div>
   ),
   'secondary without back button': (
     <div className="container grid grid-cols-12">
       <ProductBlock
         className="col-span-12"
-        context={context}
         title="Потребительский кредит наличными"
         description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
         benefits={benefits}