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

package/mobile/src/components/AccordionItem/AccordionItem.tsx

@@ -0,0 +1,73 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { getParentBlockContent } from '../../model/getParentBlockContent';
+import type { JSXBlock } from '../../model/JSXBlock';
+import type { Picture } from '../../model/Picture';
+import { Foldable } from '../../ui-kit/Foldable/Foldable';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
+import { Img } from '../../ui-kit/Img/Img';
+import type { AccordionContent } from '../Accordion/AccordionContent';
+import type { AccordionItemProps } from './AccordionItemProps';
+
+const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
+
+export const AccordionItem: JSXBlock<AccordionItemProps> = JSX<AccordionItemProps>(
+  ({ className = '', ancestors, label = '', labelIcon, isExpanded, children }) => {
+    const { bordered } = getParentBlockContent(ancestors, {} as AccordionContent);
+
+    return (
+      <li
+        className={`${
+          bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'
+        } border-solid border-main-divider ${className}`}
+      >
+        <Foldable
+          isFoldButtonOnTop={true}
+          unfoldedByDefault={isExpanded}
+          renderFoldableSection={({ isUnfolded }) => (
+            <FoldableSection
+              className="flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0"
+              isUnfolded={isUnfolded}
+            >
+              {children}
+            </FoldableSection>
+          )}
+          renderFoldButton={({ isUnfolded, onToggle }) => (
+            <FoldButton
+              className={bordered ? '' : 'py-[14px] px-0'}
+              label={label}
+              icon={icons[Number(isUnfolded)]}
+              primaryIcon={labelIcon}
+              onClick={onToggle}
+            />
+          )}
+        />
+      </li>
+    );
+  },
+);
+
+AccordionItem.childrenTypes = [];
+
+interface FoldButtonProps {
+  className?: string;
+  label: string;
+  icon: IconName;
+  primaryIcon?: Picture;
+  onClick?: () => void;
+}
+
+const FoldButton = JSX<FoldButtonProps>(({ className, icon, label, primaryIcon, onClick }) => (
+  <button
+    className={`border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`}
+    onClick={onClick}
+  >
+    <span className="text-m-title-xs font-medium pr-2.5 flex group-hover:text-primary-main">
+      {primaryIcon ? (
+        <Img image={primaryIcon} className="mr-3 flex-shrink-0" width="24" height="24" asSVG />
+      ) : null}
+      {label}
+    </span>
+    <Img className="flex-shrink-0" image={icon} width="24" height="24" asSVG />
+  </button>
+));

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

@@ -0,0 +1,7 @@
+{
+  "content": {
+    "labelIcon": {
+      "ui:field": "icon"
+    }
+  }
+}

package/mobile/src/components/AccordionItem/AccordionItemContent.ts

@@ -0,0 +1,15 @@
+import type { Picture } from '../../model/Picture';
+
+/**
+ * @title Элемент аккордиона
+ */
+export interface AccordionItemContent {
+  /**
+   * @title Название
+   * @default Список
+   */
+  label?: string;
+  /** @title Отображать в раскрытом виде */
+  isExpanded?: boolean;
+  labelIcon?: Picture; // TODO: только для мобильной версии
+}

package/mobile/src/components/AccordionItem/AccordionItemProps.ts

@@ -0,0 +1,4 @@
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { AccordionItemContent } from './AccordionItemContent';
+
+export interface AccordionItemProps extends AccordionItemContent, UniBlockProps {}

package/mobile/src/components/BaseTile/BaseTile.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { BaseTileCommonProps } from './BaseTileProps';
 
 export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';

package/mobile/src/components/Blocks.ts

@@ -1,4 +1,5 @@
 import { Accordion } from './Accordion/Accordion';
+import { AccordionItem } from './AccordionItem/AccordionItem';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
 import { Footer } from './Footer/Footer';
 import { Gallery } from './Gallery/Gallery';
@@ -16,6 +17,7 @@ import { TextBlock } from './TextBlock/TextBlock';
 
 export const Blocks = {
   Accordion,
+  AccordionItem,
   ComparisonTable,
   Footer,
   Gallery,

package/mobile/src/components/Bonus/Bonus.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { Img } from '../../ui-kit/Img/Img';

package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx

@@ -1,15 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import { Headline } from '../Headline/Headline';
-import type { BonusBenefit, BonusBenefitsBlockContent } from './BonusBenefitsBlockContent';
-import { getElementsColsValue } from './getElementsColsValue';
+import type {
+  BonusBenefit,
+  BonusBenefitsBlockContent,
+  ColumnsCount,
+} from './BonusBenefitsBlockContent';
 
 export interface BenefitsBlockProps extends BonusBenefitsBlockContent, UniBlockProps {}
 
 export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
-  ({ context, className = '', title, subtitle, bonusBenefits, ...rest }) => (
+  ({ context, className = '', title, subtitle, bonusBenefits, columnsCount = '4', ...rest }) => (
     <BlockWrapper
       className={`font-sans text-primary-text bg-white p-[50px] flex flex-col text-center ${className}`}
       context={context}
@@ -24,7 +27,7 @@ export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
         align="center"
       />
       {bonusBenefits?.length ? (
-        <div className={`grid gap-1 mt-8 ${getElementsColsValue(className)}`}>
+        <div className={`grid gap-1 mt-8 ${getElementsColsValue(columnsCount)}`}>
           {bonusBenefits.map(renderBonusBenefit)}
         </div>
       ) : null}
@@ -49,3 +52,6 @@ const renderBonusBenefit = (bonusBenefit: BonusBenefit, i: number) => {
     </div>
   );
 };
+
+const getElementsColsValue = (colValue: ColumnsCount) =>
+  colValue === '4' ? 'grid-cols-4' : 'grid-cols-5';

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

@@ -7,5 +7,10 @@
         }
       }
     }
+  },
+  "style": {
+    "ui:options": {
+      "minCols": 12
+    }
   }
 }

package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlockContent.ts

@@ -1,5 +1,13 @@
-import type { IconProps } from '../../model/Picture';
 import type { LabelProps, TitleProps } from '../../model/HeadlineType';
+import type { IconProps } from '../../model/Picture';
+/**
+ * @title Количество элементов в строке
+ * @enumNames [
+ *   "Четыре колонки",
+ *   "Пять колонок",
+ *  ]
+ */
+export type ColumnsCount = '4' | '5';
 
 /**
  * @title Бонус и преимущество
@@ -14,4 +22,5 @@ export type BonusBenefitsBlockContent = TitleProps & {
   subtitle?: string;
   /** @title Список бонусов */
   bonusBenefits?: BonusBenefit[];
+  columnsCount?: ColumnsCount;
 };

package/mobile/src/components/Calculator/BonusCalculatorForm.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { CommonCalculatorProps } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { DEFAULT_REST_MIN_SUM, DEFAULT_TRAVEL_MIN_SUM } from './constants';

package/mobile/src/components/Calculator/Calculator.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Img } from '../../ui-kit/Img/Img';

package/mobile/src/components/Calculator/CreditCalculatorForm.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { CommonCalculatorProps } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
@@ -88,7 +88,8 @@ export const CreditCalculatorForm = JSX<CreditCalculatorProp>(
             value={calculatorParams.monthlyPayment}
             postfix="₽"
           />
-          {renderPaymentTypeSelector(context, {
+          {renderPaymentTypeSelector({
+            context,
             items: paymentTypeItems,
             checkedItem: isAnnuity ? ANNUITY : DIFFERENTIAL,
             onChange: (text: string) => toggleIsAnnuity(text === ANNUITY),

package/mobile/src/components/Calculator/DepositCalculatorForm.tsx

@@ -2,7 +2,7 @@
 
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { CommonCalculatorProps, DepositCalculatorParams } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
 import {
@@ -78,7 +78,8 @@ export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
           {finallySum ? (
             <CalculatorValueBlock title="Сумма в конце срока" value={finallySum} postfix="₽" />
           ) : null}
-          {renderPaymentTypeSelector(context, {
+          {renderPaymentTypeSelector({
+            context,
             items: depositTypeItems,
             checkedItem: isEveryMonth ? EVERY_MONTH : AT_END_TERM,
             onChange: (text: string) => toggleIsEveryMonth(text === EVERY_MONTH),

package/mobile/src/components/Calculator/renderButtonSection.tsx

@@ -1,6 +1,8 @@
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 
-export function renderButtonSection(context, buttons) {
+export function renderButtonSection(context: ContentPageContext, buttons?: ButtonWithIconProps[]) {
   return buttons?.length ? (
     <ButtonSection context={context} buttons={buttons} className="flex flex-col mt-7 gap-2" />
   ) : null;

package/mobile/src/components/Calculator/renderCalculatorBlock.tsx

@@ -1,4 +1,4 @@
-import type { JSXBlock } from '../../model/BlocksRegistry';
+import type { JSXBlock } from '../../model/JSXBlock';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import type { CalculatorBlockDef } from './CalculatorContent';
 import { EmbeddableCalcBlocks, EmbeddableCalcProps } from './EmbeddableCalcBlocks';

package/mobile/src/components/Calculator/renderFootnote.tsx

@@ -1,2 +1,2 @@
-export const renderFootnote = (text) =>
+export const renderFootnote = (text?: string) =>
   text ? <p className="text-s-light text-secondary-text mt-7">{text}</p> : null;

package/mobile/src/components/Calculator/renderInitialFeeInput.tsx

@@ -9,7 +9,11 @@ interface RenderWantedSumInputParams {
   moneyValue: number;
 }
 
-export function renderInitialFeeInput(title, props: RenderWantedSumInputParams, callback) {
+export function renderInitialFeeInput(
+  props: RenderWantedSumInputParams,
+  title?: string,
+  callback?: (value: number) => void,
+) {
   const { moneyValue } = props;
 
   const minSum = DEFAULT_MIN_SUM;

package/mobile/src/components/Calculator/renderMonthsInput.tsx

@@ -9,9 +9,13 @@ interface RenderMonthsInputParams {
   monthsValue: number;
 }
 
-export function renderMonthsInput(title: string, params: RenderMonthsInputParams, callback) {
+export function renderMonthsInput(
+  title: string,
+  params: RenderMonthsInputParams,
+  callback?: (value: number) => void,
+) {
   const { minMonths, maxMonths, monthsValue } = params;
-  const monthText = (month) => {
+  const monthText = (month: number) => {
     const text = Number(month) % 10 === 1 ? 'месяца' : 'месяцев';
 
     return `${month} ${text}`;

package/mobile/src/components/Calculator/renderPaymentTypeSelector.tsx

@@ -1,12 +1,14 @@
+import type { RadioButtonItem } from '../../ui-kit/RadioButtonGroup/RadioButtonGroup';
 import { RadioButtonGroup } from '../../ui-kit/RadioButtonGroup/RadioButtonGroup';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 
-export function renderPaymentTypeSelector(context, { items, checkedItem, onChange }) {
-  return (
-    <RadioButtonGroup
-      context={context}
-      items={items}
-      checkedItem={checkedItem}
-      onChangeCheckedItem={onChange}
-    />
-  );
+interface RenderPaymentTypeSelectorProps {
+  context: ContentPageContext;
+  items: RadioButtonItem[];
+  checkedItem?: string;
+  onChange: (id: string) => void;
+}
+
+export function renderPaymentTypeSelector({ onChange, ...rest }: RenderPaymentTypeSelectorProps) {
+  return <RadioButtonGroup onChangeCheckedItem={onChange} {...rest} />;
 }

package/mobile/src/components/Calculator/renderRealEstateValue.tsx

@@ -9,7 +9,11 @@ interface RenderRealEstateValueInputProps {
   moneyValue: number;
 }
 
-export function renderRealEstateValue(title, props: RenderRealEstateValueInputProps, callback) {
+export function renderRealEstateValue(
+  props: RenderRealEstateValueInputProps,
+  title?: string,
+  callback?: (value: number) => void,
+) {
   const { moneyValue } = props;
 
   const minSum = DEFAULT_MIN_SUM;

package/mobile/src/components/Calculator/renderWantedSumInput.tsx

@@ -13,7 +13,11 @@ interface RenderWantedSumParams {
   isShowItems?: boolean;
 }
 
-export function renderWantedSumInput(title: string, params: RenderWantedSumParams, callback) {
+export function renderWantedSumInput(
+  title: string,
+  params: RenderWantedSumParams,
+  callback?: (value: number) => void,
+) {
   const { moneyValue, minSum, maxSum, step = DEFAULT_MONEY_STEP, isShowItems = true } = params;
 
   const items = [

package/mobile/src/components/CardTransfer/CardTransfer.tsx

@@ -1,14 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
-import type { CardTransferContent } from './CardTransferContent';
+import { useLink } from '../../hooks/useLink';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { CurrencyInput } from '../../ui-kit/CurrencyInput/CurrencyInput';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { getDisabledButtonClasses } from '../../ui-kit/Button/getDisabledButtonClasses';
 import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
-import { useLink } from '../../hooks/useLink';
+import { CurrencyInput } from '../../ui-kit/CurrencyInput/CurrencyInput';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { getSanitizedValue } from '../../utils/getSanitizedValue';
+import type { CardTransferContent } from './CardTransferContent';
 
 const AMOUNT_KEY = 'amount';
 const FORM_URL = 'https://www.rshb.ru/p2p/';

package/mobile/src/components/Catalog/Catalog.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import type { ContentPageContext } from '../ContentPage/ContentPageContext';
@@ -58,7 +58,7 @@ const renderCatalogCard = (context: ContentPageContext) => (card: CatalogCardTyp
 interface RenderNavButtonsProps {
   cardsCount: number;
   activeCardIndex: number;
-  setActiveCardIndex: (number) => void;
+  setActiveCardIndex: (index: number) => void;
 }
 
 const renderNavButtons = ({

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

@@ -1 +1,11 @@
-{}
+{
+  "content": {
+    "cards": {
+      "items": {
+        "price": {
+          "ui:field": "number"
+        }
+      }
+    }
+  }
+}

package/mobile/src/components/Catalog/CatalogCard.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { ProductColorVersion } from '../../model/ProductColorVersion';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';

package/mobile/src/components/ComparisonTable/ComparisonTable.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
 import type { CellData, ComparisonTableContent } from './ComparisonTableContent';

package/mobile/src/components/ComparisonTable/TableColumn.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../../ui-kit/Button/Button';
 import type { CellData, ColumnHeader } from './ComparisonTableContent';
 import { GRADIENT } from './constants';

package/mobile/src/components/ContentPage/ContentPage.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockAncestors, BlockDecorator } from '../../model/BlockDecorator';
 import type { BlocksRegistry } from '../../model/BlocksRegistry';
-import type { BlockDef, ContentPageDef, UniBlockProps } from '../../model/ContentPageDef';
+import type { BlockDef, ContentPageDef } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { style2className } from '../../utils/style2className';
 import { LikeControl } from '../LikeControl/LikeControl';
 import type { ContentPageContext } from './ContentPageContext';

package/mobile/src/components/ContentPage/renderBlock.tsx

@@ -1,6 +1,7 @@
 import { BlockAncestors, BlockDecorator, DEFAULT_ANCESTORS } from '../../model/BlockDecorator';
 import type { BlocksRegistry } from '../../model/BlocksRegistry';
 import type { BlockDef, ContentPageDef } from '../../model/ContentPageDef';
+import type { VNode } from '../../model/VNode';
 import { style2className } from '../../utils/style2className';
 import type { ContentPageContext } from './ContentPageContext';
 
@@ -12,13 +13,15 @@ interface RenderBlockOptions {
   context: ContentPageContext;
 }
 
+const defaultChildRenderer = (_: VNode) => _;
+
 export function renderBlock(
   block: BlockDef,
   options: RenderBlockOptions,
   ancestors: BlockAncestors = DEFAULT_ANCESTORS, // Recursion context
 ) {
   const { key, page, blockDecorator, blocksRegistry, context } = options;
-  const { type } = block;
+  const { type, blocks: childBlocks } = block;
 
   if (!(type && type in blocksRegistry)) {
     console.warn(`No block with "${type}" is registered`);
@@ -26,6 +29,14 @@ export function renderBlock(
 
   const BlockComponent = type && blocksRegistry[type];
 
+  const { renderChild = defaultChildRenderer } = BlockComponent || {};
+  const renderChildBlock = (_: BlockDef, j: number) =>
+    renderChild(
+      renderBlock(_, { ...options, key: `${options.key}-${j}` }, [...ancestors, block]),
+      j,
+    );
+  const children = childBlocks?.length ? childBlocks.map(renderChildBlock) : null;
+
   return blockDecorator(
     {
       blockClassName: `scroll-mt-12 ${style2className(block.style)}`, // TODO scroll-mt-12 ? here?
@@ -33,21 +44,16 @@ export function renderBlock(
       ancestors,
       // Adjusted by decorator block and blockClassName
       render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
-        const { version, content, anchor, labels, blocks: childBlocks } = adjustedBlock;
-
-        const children = childBlocks
-          ? childBlocks.map((_, j) =>
-              renderBlock(_, { ...options, key: `${options.key}-${j}` }, [...ancestors, block]),
-            )
-          : null;
+        const { version, anchor, labels, content } = adjustedBlock;
 
         return BlockComponent ? (
           <BlockComponent
             key={key}
             className={adjustedBlockClassName}
-            version={version}
             context={context}
             page={page}
+            ancestors={ancestors}
+            version={version}
             anchor={anchor}
             labels={labels}
             {...content}

package/mobile/src/components/ErrorBlock/ErrorBlock.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';

package/mobile/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLink } from '../../hooks/useLink';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../../ui-kit/Button/Button';
-import { renderInput } from './renderInput';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { calculateResult, formatValue } from './calculateResult';
 import { callbackCurrencySelect } from './callbackCurrencySelect';
 import { Currency } from './CurrencyProps';
-import type { UniBlockProps } from '../../model/ContentPageDef';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { renderInput } from './renderInput';
 
 export interface ExchangeCurrencyItem {
   code?: Currency;

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useExchangeRates } from '../../hooks/useExchangeRates';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { BaseTile } from '../BaseTile/BaseTile';
@@ -30,8 +30,7 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
     return (
       <BlockWrapper
         context={context}
-        className={`bg-white text-primary-text font-sans p-9 box-border min-h-[320px] 
-          ${className}`}
+        className={`bg-white text-primary-text font-sans p-9 box-border min-h-[320px] ${className}`}
         {...rest}
       >
         <BaseTile

package/mobile/src/components/Footer/Contacts.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../../ui-kit/Button/Button';
 import type { ContactInfo } from './FooterContent';
 

package/mobile/src/components/Footer/Footer.tsx

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { Fallback } from '../../model/Fallback';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
-import { AccordionItem } from '../Accordion/AccordionItem';
 import { AccordionItemsList } from '../Accordion/AccordionItemsList';
+import { AccordionItem } from '../AccordionItem/AccordionItem';
 import { LinkList } from '../LinkList/LinkList';
 import { MobileAppTile } from '../MobileAppTile/MobileAppTile';
 import { Contacts } from './Contacts';

package/mobile/src/components/Footer/FooterLink.ts

@@ -1,4 +1,4 @@
-import type { UniBlockProps } from '../../model/ContentPageDef';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
 
 export interface FooterLink extends UniBlockProps {

package/mobile/src/components/Footer/HorizontalNavigation.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { UniBlockProps } from '../../model/ContentPageDef';
 import type { TitleProps } from '../../model/HeadlineType';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { FooterLink } from './FooterLink';
 import { HorizontalNavigationLink } from './HorizontalNavigationLink';