@redneckz/wildless-cms-uni-blocks 0.14.57 → 0.14.59

package/mobile/lib/ui-kit/BaseFiltration/BaseFiltrationInner.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
+import { AdTile } from '../../components/AdTile/AdTile.js';
+import { isOdd } from '../../utils/isOdd.js';
 import { style } from '../../utils/style.js';
 import { DefaultFoldButton } from '../Foldable/DefaultFoldButton.js';
 import { Foldable } from '../Foldable/Foldable.js';
@@ -12,8 +14,8 @@ export const BaseFiltrationInner = JSX(({ label = '', blocksToRender = [], topIt
     const [visibleBlocks, hiddenBlocks] = topItemsCount > 0
         ? [blocksToRender.slice(0, topItemsCount), blocksToRender.slice(topItemsCount)]
         : [blocksToRender, []];
-    return (_jsxs("div", { children: [_jsx("div", { className: style(blocksToRender.length ? 'hidden' : 'block'), children: notFound ? _jsx(NotFound, { ...notFound }) : null }), _jsxs("div", { className: style('space-y-2xs', blocksToRender.length ? '' : 'hidden'), children: [_jsx("div", { className: style(resultsGridStyle), children: renderBlocksList(visibleBlocks, { ...rest.options, parent: block }) }), _jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => {
-                            return (_jsx(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }) }));
+    return (_jsxs("div", { children: [_jsx("div", { className: style(blocksToRender.length ? 'hidden' : 'block'), children: notFound ? _jsx(NotFound, { ...notFound }) : null }), _jsxs("div", { className: style('space-y-2xs', blocksToRender.length ? '' : 'hidden'), children: [_jsxs("div", { className: style(resultsGridStyle), children: [renderBlocksList(visibleBlocks, { ...rest.options, parent: block }), isOdd(visibleBlocks.length) ? _jsx(AdTile, { className: "col-span-6" }) : null] }), _jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => {
+                            return (_jsxs(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: [renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }), isOdd(hiddenBlocks.length) ? _jsx(AdTile, { className: "col-span-6" }) : null] }));
                         }, renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { className: style(topItemsCount < 1 ? 'hidden' : ''), disabled: !hiddenBlocks?.length, label: label, icon: ICONS[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] })] }));
 });
 //# sourceMappingURL=BaseFiltrationInner.js.map

package/mobile/lib/ui-kit/BaseFiltration/BaseFiltrationInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseFiltrationInner.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAIvE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAE3D,MAAM,gBAAgB,GAAG,oEAAoE,CAAC;AAM9F,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,aAAa,EAAE,YAAY,CAAC,GACjC,aAAa,GAAG,CAAC;QACf,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IAE3B,OAAO,CACL,0BACE,cAAK,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAC9D,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,OAAK,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,GACzC,EACN,eAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aACzE,cAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,YACpC,gBAAgB,CAAC,aAAa,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAChE,EACN,KAAC,QAAQ,IACP,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;4BACxC,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,UAAU,EAAE,UAAU,YACxE,gBAAgB,CAAC,YAAY,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GACnD,CACnB,CAAC;wBACJ,CAAC,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,iBAAiB,IAChB,SAAS,EAAE,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EACnD,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAC/B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAC3C,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,IACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseFiltrationInner.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/utils/isOdd.d.ts

@@ -0,0 +1 @@
+export declare const isOdd: (n: number) => boolean;

package/mobile/lib/utils/isOdd.js

@@ -0,0 +1,2 @@
+export const isOdd = (n) => n % 2 !== 0;
+//# sourceMappingURL=isOdd.js.map

package/mobile/lib/utils/isOdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isOdd.js","sourceRoot":"","sources":["../../src/utils/isOdd.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC"}

package/mobile/src/components/AdTile/AdTile.example.json

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

package/mobile/src/components/AdTile/AdTile.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type UniBlockProps } from '../../model/JSXBlock';
+import { ClientOnly } from '../../ui-kit/ClientOnly';
+import { ProductBlock } from '../ProductBlock/ProductBlock';
+import { type AdTileContent } from './AdTileContent';
+import { useAdTile } from './useAdTile';
+
+interface AdTileProps extends AdTileContent, UniBlockProps {}
+
+export const AdTile = JSX<AdTileProps>((props) => {
+  const content = useAdTile(props.options?.page?.adSourceBook);
+
+  return content ? (
+    <ClientOnly>
+      <ProductBlock {...content} {...props} />
+    </ClientOnly>
+  ) : null;
+});

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

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

package/mobile/src/components/AdTile/AdTileContent.ts

@@ -0,0 +1,6 @@
+import { type UniBlockContent } from '../../model/JSXBlock';
+
+/**
+ * @title Рекламная плитка
+ */
+export type AdTileContent = UniBlockContent;

package/mobile/src/components/AdTile/useAdTile.ts

@@ -0,0 +1,17 @@
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useSWRResource } from '../../hooks/useSWRResource';
+import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
+
+interface AdvertisingTileSourceBook {
+  items?: ProductBlockContent[];
+}
+
+export const useAdTile = (sourceBook = 'reklamnaya-plitka'): ProductBlockContent | undefined => {
+  const data = useSWRResource<AdvertisingTileSourceBook>(sourceBook);
+
+  const tileIndex = useMemo(() => randomNumInRange(0, data?.items?.length), [data]);
+
+  return data?.items?.[tileIndex];
+};
+
+const randomNumInRange = (min = 0, max = 0) => Math.floor(Math.random() * (max - min) + min);

package/mobile/src/components/Blocks.ts

@@ -1,4 +1,6 @@
 import { type BlocksRegistry } from '../model/BlocksRegistry';
+
+import { AdTile } from './AdTile/AdTile';
 import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
 import { Bonus } from './Bonus/Bonus';
@@ -41,6 +43,7 @@ import { TextBlock } from './TextBlock/TextBlock';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 
 export const Blocks: BlocksRegistry = {
+  AdTile,
   ApplicationForm,
   BenefitsBlock,
   Bonus,

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

@@ -4,7 +4,7 @@ import { type CellData } from './ComparisonTableContent';
 import { dividerStyle } from './constants';
 
 export interface TableCellProps {
-  cell: CellData[];
+  cell?: CellData[];
   rowHeader?: string;
   isLastRow?: boolean;
   isFirstRow?: boolean;
@@ -16,7 +16,7 @@ const cellWrapperStyle = `box-border flex flex-col`;
 export const TableCell = JSX<TableCellProps>(({ cell, rowHeader, isFillGradient = false }) => (
   <div className={cellWrapperStyle} role="cell">
     <div className={style('h-full', dividerStyle)}>
-      {cell.map(renderCellInner(isFillGradient, rowHeader))}
+      {cell ? cell.map(renderCellInner(isFillGradient, rowHeader)) : null}
     </div>
   </div>
 ));

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

@@ -10,7 +10,7 @@ import { TableCell } from './TableCell';
 
 export interface TableColumnData {
   rowHeader?: string;
-  cell: CellData[];
+  cell?: CellData[];
 }
 
 export interface TableColumnProps extends UniBlockProps {

package/mobile/src/model/ContentPageDef.ts

@@ -41,4 +41,5 @@ export interface ContentPageDef extends ContentPageMeta, Slot {
   fallback?: Record<string, unknown>;
   likeControl?: boolean;
   colorPalette?: ColorPalette;
+  adSourceBook?: string;
 }

package/mobile/src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx

@@ -1,8 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
+import { AdTile } from '../../components/AdTile/AdTile';
 import { type IconName } from '../../icons/IconName';
 import { type BlockDef } from '../../model/ContentPageDef';
 import { type UniBlockProps } from '../../model/JSXBlock';
+import { isOdd } from '../../utils/isOdd';
 import { style } from '../../utils/style';
 import { DefaultFoldButton } from '../Foldable/DefaultFoldButton';
 import { Foldable } from '../Foldable/Foldable';
@@ -33,12 +35,14 @@ export const BaseFiltrationInner = JSX<BaseFiltrationInnerProps>(
         <div className={style('space-y-2xs', blocksToRender.length ? '' : 'hidden')}>
           <div className={style(resultsGridStyle)}>
             {renderBlocksList(visibleBlocks, { ...rest.options, parent: block })}
+            {isOdd(visibleBlocks.length) ? <AdTile className="col-span-6" /> : null}
           </div>
           <Foldable
             renderFoldableSection={({ isUnfolded }) => {
               return (
                 <FoldableSection className={style(resultsGridStyle)} isUnfolded={isUnfolded}>
                   {renderBlocksList(hiddenBlocks, { ...rest.options, parent: block })}
+                  {isOdd(hiddenBlocks.length) ? <AdTile className="col-span-6" /> : null}
                 </FoldableSection>
               );
             }}

package/mobile/src/utils/isOdd.ts

@@ -0,0 +1 @@
+export const isOdd = (n: number) => n % 2 !== 0;

package/package.json

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

package/src/components/AdTile/AdTile.example.json

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

package/src/components/AdTile/AdTile.fixture.tsx

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

package/src/components/AdTile/AdTile.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type UniBlockProps } from '../../model/JSXBlock';
+import { ClientOnly } from '../../ui-kit/ClientOnly';
+import { ProductBlock } from '../ProductBlock/ProductBlock';
+import { type AdTileContent } from './AdTileContent';
+import { useAdTile } from './useAdTile';
+
+interface AdTileProps extends AdTileContent, UniBlockProps {}
+
+export const AdTile = JSX<AdTileProps>((props) => {
+  const content = useAdTile(props.options?.page?.adSourceBook);
+
+  return content ? (
+    <ClientOnly>
+      <ProductBlock {...content} {...props} />
+    </ClientOnly>
+  ) : null;
+});

package/src/components/AdTile/AdTile.ui.json

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

package/src/components/AdTile/AdTileContent.ts

@@ -0,0 +1,6 @@
+import { type UniBlockContent } from '../../model/JSXBlock';
+
+/**
+ * @title Рекламная плитка
+ */
+export type AdTileContent = UniBlockContent;

package/src/components/AdTile/useAdTile.ts

@@ -0,0 +1,17 @@
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useSWRResource } from '../../hooks/useSWRResource';
+import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
+
+interface AdvertisingTileSourceBook {
+  items?: ProductBlockContent[];
+}
+
+export const useAdTile = (sourceBook = 'reklamnaya-plitka'): ProductBlockContent | undefined => {
+  const data = useSWRResource<AdvertisingTileSourceBook>(sourceBook);
+
+  const tileIndex = useMemo(() => randomNumInRange(0, data?.items?.length), [data]);
+
+  return data?.items?.[tileIndex];
+};
+
+const randomNumInRange = (min = 0, max = 0) => Math.floor(Math.random() * (max - min) + min);

package/src/components/Blocks.mobile.ts

@@ -1,4 +1,6 @@
 import { type BlocksRegistry } from '../model/BlocksRegistry';
+
+import { AdTile } from './AdTile/AdTile';
 import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
 import { Bonus } from './Bonus/Bonus';
@@ -41,6 +43,7 @@ import { TextBlock } from './TextBlock/TextBlock';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 
 export const Blocks: BlocksRegistry = {
+  AdTile,
   ApplicationForm,
   BenefitsBlock,
   Bonus,

package/src/components/Blocks.ts

@@ -1,4 +1,6 @@
 import { type BlocksRegistry } from '../model/BlocksRegistry';
+
+import { AdTile } from './AdTile/AdTile';
 import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
 import { Bonus } from './Bonus/Bonus';
@@ -50,6 +52,7 @@ import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 import { Video } from './Video/Video';
 
 export const Blocks: BlocksRegistry = {
+  AdTile,
   ApplicationForm,
   BenefitsBlock,
   Bonus,
@@ -67,8 +70,8 @@ export const Blocks: BlocksRegistry = {
   CarouselTariffsCard,
   ComparisonTable,
   ContactsBlock,
-  Depository,
   DepositFiltration,
+  Depository,
   ErrorBlock,
   ExchangeRateTile,
   Footer,
@@ -92,8 +95,8 @@ export const Blocks: BlocksRegistry = {
   RollupItem,
   SafeDepositRental,
   StepsBlock,
-  SwipeListControlBlock,
   StickyBottomMenu,
+  SwipeListControlBlock,
   Tabs,
   TariffsTable,
   TextBlock,

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

@@ -4,7 +4,7 @@ import { type CellData } from './ComparisonTableContent';
 import { dividerStyle } from './constants';
 
 export interface TableCellProps {
-  cell: CellData[];
+  cell?: CellData[];
   rowHeader?: string;
   isLastRow?: boolean;
   isFirstRow?: boolean;
@@ -16,7 +16,7 @@ const cellWrapperStyle = `box-border flex flex-col`;
 export const TableCell = JSX<TableCellProps>(({ cell, rowHeader, isFillGradient = false }) => (
   <div className={cellWrapperStyle} role="cell">
     <div className={style('h-full', dividerStyle)}>
-      {cell.map(renderCellInner(isFillGradient, rowHeader))}
+      {cell ? cell.map(renderCellInner(isFillGradient, rowHeader)) : null}
     </div>
   </div>
 ));

package/src/components/ComparisonTable/TableCell.tsx

@@ -4,7 +4,7 @@ import { type CellData } from './ComparisonTableContent';
 import { borderStyle, dividerStyle, gradientStyle } from './constants';
 
 export interface TableCellProps {
-  cell: CellData[];
+  cell?: CellData[];
   isLastRow?: boolean;
   isFirstRow?: boolean;
   rowHeader?: string;
@@ -29,7 +29,7 @@ export const TableCell = JSX<TableCellProps>(({ cell, isFirstRow, isLastRow, isF
   return (
     <div className={cellWrapperStyle} role="cell">
       <div className={cellStyle}>
-        {cell.map((item, i) => renderCellInner(item, i, isFillGradient))}
+        {cell ? cell.map((item, i) => renderCellInner(item, i, isFillGradient)) : null}
       </div>
     </div>
   );

package/src/components/ComparisonTable/TableColumn.tsx

@@ -10,7 +10,7 @@ import { TableCell } from './TableCell';
 
 export interface TableColumnData {
   rowHeader?: string;
-  cell: CellData[];
+  cell?: CellData[];
 }
 
 export interface TableColumnProps extends UniBlockProps {

package/src/model/ContentPageDef.ts

@@ -41,4 +41,5 @@ export interface ContentPageDef extends ContentPageMeta, Slot {
   fallback?: Record<string, unknown>;
   likeControl?: boolean;
   colorPalette?: ColorPalette;
+  adSourceBook?: string;
 }

package/src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx

@@ -1,8 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
+import { AdTile } from '../../components/AdTile/AdTile';
 import { type IconName } from '../../icons/IconName';
 import { type BlockDef } from '../../model/ContentPageDef';
 import { type UniBlockProps } from '../../model/JSXBlock';
+import { isOdd } from '../../utils/isOdd';
 import { style } from '../../utils/style';
 import { DefaultFoldButton } from '../Foldable/DefaultFoldButton';
 import { Foldable } from '../Foldable/Foldable';
@@ -33,12 +35,14 @@ export const BaseFiltrationInner = JSX<BaseFiltrationInnerProps>(
         <div className={style('space-y-2xs', blocksToRender.length ? '' : 'hidden')}>
           <div className={style(resultsGridStyle)}>
             {renderBlocksList(visibleBlocks, { ...rest.options, parent: block })}
+            {isOdd(visibleBlocks.length) ? <AdTile className="col-span-6" /> : null}
           </div>
           <Foldable
             renderFoldableSection={({ isUnfolded }) => {
               return (
                 <FoldableSection className={style(resultsGridStyle)} isUnfolded={isUnfolded}>
                   {renderBlocksList(hiddenBlocks, { ...rest.options, parent: block })}
+                  {isOdd(hiddenBlocks.length) ? <AdTile className="col-span-6" /> : null}
                 </FoldableSection>
               );
             }}

package/src/utils/isOdd.ts

@@ -0,0 +1 @@
+export const isOdd = (n: number) => n % 2 !== 0;