@redneckz/wildless-cms-uni-blocks 0.14.1 → 0.14.3

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js

@@ -4,6 +4,7 @@ import { style } from '../../utils/style.js';
 import { SwipeListContainer } from './SwipeListContainer.js';
 import { SwipeListControlDots } from './SwipeListControlDots.js';
 import { useSwipeListScroll } from './useSwipeListScroll.js';
+import { isShowDots } from './isShowDots.js';
 const DEFAULT_GAP = 14;
 /*
   Horizontal padding used on a container above SwipeListControl.
@@ -11,7 +12,7 @@ const DEFAULT_GAP = 14;
   and get rid of a clipping effect caused by overflow: hidden.
  */
 const DEFAULT_PADDING = 16;
-export const SwipeListControl = JSX(({ className, version, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, minHeight, children, onVisibleIndicesChange, listType = 'horizontal-list', }) => {
+export const SwipeListControl = JSX(({ className, version, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = isShowDots, minHeight, children, onVisibleIndicesChange, listType = 'horizontal-list', }) => {
     const itemCount = Array.isArray(children) ? children.length : 0;
     const [containerRef, scroll] = useSwipeListScroll({
         itemCount,

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB;;;;GAIG;AACH,MAAM,eAAe,GAAG,EAAE,CAAC;AAU3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,OAAO,EACP,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,QAAQ,EACR,sBAAsB,EACtB,QAAQ,GAAG,iBAAiB,GAC7B,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS;QACT,sBAAsB;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,aACrF,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,EACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,EACzD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACU,EACpB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB;;;;GAIG;AACH,MAAM,eAAe,GAAG,EAAE,CAAC;AAU3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,OAAO,EACP,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,UAAU,EACrB,SAAS,EACT,QAAQ,EACR,sBAAsB,EACtB,QAAQ,GAAG,iBAAiB,GAC7B,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS;QACT,sBAAsB;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,aACrF,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,EACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,EACzD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACU,EACpB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.d.ts

@@ -1,6 +1,7 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { SwipeListControlType } from './SwipeListControlContent';
 export interface SwipeListControlDotsProps {
+    className?: string;
     containerRef?: {
         current: HTMLDivElement | null;
     };

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -11,7 +11,7 @@ const activeDotStyles = {
 };
 const dotStyle = 'cursor-pointer rounded-full transition-width duration-300 bg-primary-main group-data-secondary:bg-white group-data-transparent:bg-white';
 const inactiveDotStyle = 'w-2 h-2 opacity-30';
-export const SwipeListControlDots = JSX(({ containerRef, activeIndex, dotCount = 0, listType = 'horizontal-list', version }) => {
+export const SwipeListControlDots = JSX(({ className = '', containerRef, activeIndex, dotCount = 0, listType = 'horizontal-list', version, }) => {
     const handleClick = (idx) => {
         if (idx !== activeIndex && containerRef?.current) {
             containerRef.current.children[idx]?.scrollIntoView({
@@ -20,6 +20,6 @@ export const SwipeListControlDots = JSX(({ containerRef, activeIndex, dotCount =
             });
         }
     };
-    return dotCount ? (_jsx("div", { className: style('flex gap-xs @lg:hidden', containerStyles[listType], version ? 'group' : ''), ...(version ? { 'data-ver': version } : {}), children: new Array(dotCount).fill(null).map((_, idx) => (_jsx("div", { className: `${dotStyle} ${idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle}`, role: "button", "aria-hidden": true, onClick: () => handleClick(idx) }, String(idx)))) })) : null;
+    return dotCount ? (_jsx("div", { className: style('flex gap-xs', containerStyles[listType], version ? 'group' : '', className), ...(version ? { 'data-ver': version } : {}), children: new Array(dotCount).fill(null).map((_, idx) => (_jsx("div", { className: `${dotStyle} ${idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle}`, role: "button", "aria-hidden": true, onClick: () => handleClick(idx) }, String(idx)))) })) : null;
 });
 //# sourceMappingURL=SwipeListControlDots.js.map

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,qBAAqB;IACxC,eAAe,EAAE,sDAAsD;CACxE,CAAC;AAEF,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,KAAK;IACxB,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,MAAM,QAAQ,GACZ,yIAAyI,CAAC;AAE5I,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAU9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IACrF,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,GAAG,KAAK,WAAW,IAAI,YAAY,EAAE,OAAO,EAAE;YAChD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC;gBACjD,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,KAAK,CACd,wBAAwB,EACxB,eAAe,CAAC,QAAQ,CAAC,EACzB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CACvB,KACG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAE3C,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAE,GAAG,QAAQ,IACpB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBACpD,EAAE,EACF,IAAI,EAAC,QAAQ,uBAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,IAN1B,MAAM,CAAC,GAAG,CAAC,CAOhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,qBAAqB;IACxC,eAAe,EAAE,sDAAsD;CACxE,CAAC;AAEF,MAAM,eAAe,GAAyC;IAC5D,iBAAiB,EAAE,KAAK;IACxB,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,MAAM,QAAQ,GACZ,yIAAyI,CAAC;AAE5I,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAW9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,WAAW,EACX,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,iBAAiB,EAC5B,OAAO,GACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,GAAG,KAAK,WAAW,IAAI,YAAY,EAAE,OAAO,EAAE;YAChD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC;gBACjD,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,KAAK,CACd,aAAa,EACb,eAAe,CAAC,QAAQ,CAAC,EACzB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACtB,SAAS,CACV,KACG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAE3C,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAE,GAAG,QAAQ,IACpB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBACpD,EAAE,EACF,IAAI,EAAC,QAAQ,uBAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,IAN1B,MAAM,CAAC,GAAG,CAAC,CAOhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/isShowDots.d.ts

@@ -0,0 +1 @@
+export declare const isShowDots = true;

package/mobile/lib/ui-kit/SwipeListControl/isShowDots.js

@@ -0,0 +1,2 @@
+export const isShowDots = true;
+//# sourceMappingURL=isShowDots.js.map

package/mobile/lib/ui-kit/SwipeListControl/isShowDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isShowDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/isShowDots.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC"}

package/mobile/src/components/Carousel/Carousel.tsx

@@ -68,6 +68,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
           />
         </div>
         <SwipeListControlDots
+          className="@lg:hidden"
           containerRef={containerRef}
           activeIndex={dotsActiveIndex}
           dotCount={count}

package/mobile/src/components/CarouselLinks/CarouselLinkButton.tsx

@@ -2,8 +2,8 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../../ui-kit/Img/Img';
-import { style } from '../../utils/style';
 import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
 
 const LINK_CLASS_NAME = `absolute border
   bg-white flex justify-between group-hover/link:text-primary-main`;
@@ -30,7 +30,7 @@ export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
           <a
             className={style(
               LINK_CLASS_NAME,
-              'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap',
+              'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap z-10',
             )}
             role="link"
             {...adjustedProps}

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

@@ -35,8 +35,8 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
     useBlockRouterProvider();
 
     return (
-      <div data-theme={colorPalette}>
-        <section className={style('relative @container', pageStyle, className)}>
+      <div className="@container" data-theme={colorPalette}>
+        <section className={style('relative', pageStyle, className)}>
           {slots?.header ? (
             <div className="relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]">
               {renderBlocksList(slots?.header, { ...options, slotName: 'header' })}

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

@@ -14,7 +14,7 @@ export const Contacts = JSX<ContactsProps>(({ className = '', items }) => (
     <Button
       version="primary"
       className="w-full"
-      href="https://www.rshb.ru/feedback/question/"
+      href="https://old.rshb.ru/feedback/question/"
       target="_blank"
       ariaLabel="Обратная связь"
       text="Обратная связь"

package/mobile/src/components/Header/HeaderSubMenu.tsx

@@ -22,6 +22,8 @@ export interface HeaderSubMenuProps {
   internetBankUrl?: string;
 }
 
+const HEADER_AREA_KEY = 'header';
+
 export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
   ({ subItems = [], version, internetBankUrl }) => {
     const iconVersion: IconVersion = version === 'transparent' ? 'white' : 'black';
@@ -29,7 +31,10 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
     const router = useRouter();
 
     const visibleSubItems = useMemo(
-      () => subItems.filter((item) => !item.displayArea || item.displayArea === 'Header'),
+      () =>
+        subItems.filter(
+          (item) => !item.displayArea || item.displayArea.toLowerCase() === HEADER_AREA_KEY,
+        ),
       [subItems],
     );
     const activeSubItem = findActiveSubItem(router)(subItems);

package/mobile/src/components/MobileAppTile/MobileAppTile.tsx

@@ -2,13 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { style } from '../../utils/style';
 import type { MobileAppTileContent } from './MobileAppTileContent';
 import { renderDescription } from './renderDescription';
 import { renderList } from './renderList';
-import { buttonsConditionStyle } from './buttonsConditionStyle';
 
 export interface MobileAppTileProps extends MobileAppTileContent, UniBlockProps {}
 
@@ -30,6 +30,8 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
   }) => {
     const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
 
+    const img = image?.src ? <Img className="hidden lg:block" image={image} /> : null;
+
     return (
       <BlockWrapper
         className={style('min-h-80', className)}
@@ -50,17 +52,28 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
               />
             ) : null
           }
-          rightImage={image?.src ? <Img className="hidden lg:block" image={image} /> : null}
-          buttons={buttonsConditionStyle(buttons)}
+          rightImage={img}
+          buttons={renderButtonsSection(buttons)}
         >
           {renderDescription(description)}
-          <div className="flex flex-1 flex-wrap gap-m items-center">
+          <div
+            className={style(
+              'gap-m',
+              'flex flex-1 flex-col',
+              'flex-col items-start @4xl:flex-row @4xl:items-center',
+            )}
+          >
+            {renderList(items, listItemSize)}
             {qr?.src ? (
-              <div className={style('flex justify-center bg-white rounded-md', containerStyle)}>
+              <div
+                className={style(
+                  'flex justify-center bg-white rounded-md @4xl:-order-1',
+                  containerStyle,
+                )}
+              >
                 <Img className="w-fit" image={qr} />
               </div>
             ) : null}
-            {renderList(items, listItemSize)}
             {image?.src ? <Img className="lg:hidden" image={image} /> : null}
           </div>
         </BaseTile>

package/mobile/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,10 +1,10 @@
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
+import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 
 /**
  * @title Мобильное приложение

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMap.tsx

@@ -6,6 +6,7 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
@@ -39,12 +40,9 @@ const FILTRATION_LABELS = {
   billAcceptorEnable: 'Прием наличных',
 };
 
-const FILTRATION_BRANCHES_PREDICATES = {
+const FILTRATION_PREDICATES = {
   safeBoxCaseVolumes: (item: Branch) => Boolean(item.safeBoxCaseVolumes),
   workingSaturday: (item: Branch) => Boolean(item.workSchedule?.workingSaturday),
-};
-
-const FILTRATION_ATMS_PREDICATES = {
   terminalTypeAtms: (item: Atm) => item.terminalType?.toLowerCase() === 'банкомат',
   terminalTypeTerm: (item: Atm) => item.terminalType?.toLowerCase() === 'терминал',
   workAllTime: (item: Atm) => item.workTime?.toLowerCase() === 'круглосуточно',
@@ -95,7 +93,9 @@ export const OfficesAtmsMap = JSX<OfficesAtmsMapProps>(({ data, className = '',
           {renderFiltrationForm(Object.keys(initialState), { field, reset })}
         </div>
         <div className="h-[600px]">
-          <YandexMap points={points} className="h-full" />
+          <ClientOnly>
+            <YandexMap points={points} className="h-full" />
+          </ClientOnly>
         </div>
       </div>
       {filteredOfficesAtmsData.map(dataType === 'offices' ? renderOfficeCard : renderAtmCard)}
@@ -106,17 +106,11 @@ export const OfficesAtmsMap = JSX<OfficesAtmsMapProps>(({ data, className = '',
 const filterOfficesAtms = (data: Branch[] | Atm[], filtrationState: Record<string, boolean>) => {
   const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
 
-  return 'name' in data
-    ? (data as Branch[]).filter(filterOffices(truthyFilters))
-    : (data as Atm[]).filter(filterAtms(truthyFilters));
+  return (data as Array<Branch | Atm>).filter((item) =>
+    truthyFilters.every((filterName) => FILTRATION_PREDICATES[filterName](item)),
+  );
 };
 
-const filterOffices = (filters: string[]) => (item: Branch) =>
-  filters.every((filterName) => FILTRATION_BRANCHES_PREDICATES[filterName](item));
-
-const filterAtms = (filters: string[]) => (item: Atm) =>
-  filters.every((filterName) => FILTRATION_ATMS_PREDICATES[filterName](item));
-
 const getTitle = (name = '', dataType = 'offices') =>
   dataType === 'offices' ? `Офисы филиала ${name}` : `Банкоматы филиала ${name}`;
 

package/mobile/src/components/StickyBottomMenu/RenderMenuItems.tsx

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { MenuItemProps } from './StickyBottomMenuProps';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { RenderItem } from './RenderItem';
 import { useActiveRoute } from '../../hooks/useActiveRoute';
 
@@ -13,15 +12,10 @@ export const RenderMenuItems = JSX<RenderMenuItems>(({ menuItems, onClick }) =>
   const [activeIndex] = useActiveRoute(menuItems);
 
   return (
-    <BlockWrapper
-      className="fixed bottom-0 left-0 right-0 my-0 mx-auto w-full bg-transparent z-[100]"
-      padding="p-0"
-    >
-      <div className="ml-auto container bg-white flex justify-center shadow-blue-gray">
-        {menuItems.map((_, i) => (
-          <RenderItem key={String(i)} isActive={i === activeIndex} item={_} onClick={onClick} />
-        ))}
-      </div>
-    </BlockWrapper>
+    <div className="ml-auto container bg-white flex justify-center shadow-blue-gray">
+      {menuItems.map((_, i) => (
+        <RenderItem key={String(i)} isActive={i === activeIndex} item={_} onClick={onClick} />
+      ))}
+    </div>
   );
 });

package/mobile/src/components/StickyBottomMenu/StickyBottomMenu.tsx

@@ -2,10 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { projectSettings } from '../../ProjectSettings';
 import { useSWRResource } from '../../hooks/useSWRResource';
-import { BurgerMenuDialog } from './BurgerMenuDialog';
 import type { MenuItemProps, StickyBottomMenuProps } from './StickyBottomMenuProps';
 import { RenderMenuItems } from './RenderMenuItems';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 
 export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
   const { menuItems = [] } = useSWRResource<StickyBottomMenuProps>(
@@ -35,9 +35,11 @@ export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
   );
 
   return (
-    <div className="contents">
+    <BlockWrapper
+      className="fixed bottom-0 left-0 right-0 my-0 mx-auto w-full bg-transparent z-[100]"
+      padding="p-0"
+    >
       {<RenderMenuItems menuItems={menuItemsWithButton} onClick={toggle} />}
-      {isBurgerMenuDialogOpen ? <BurgerMenuDialog /> : null}
-    </div>
+    </BlockWrapper>
   );
 });

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

@@ -0,0 +1,6 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { isSSR } from '@redneckz/uni-jsx/lib/hooks/vue/isSSR';
+
+const isClient = !isSSR();
+
+export const ClientOnly = JSX(({ children }) => (isClient ? children : null));

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

@@ -1,6 +1,6 @@
-import type { RowsData } from './InnerTableProps';
 import { style } from '../../utils/style';
 import { getHorizontalShift } from './getHorizontalShift';
+import type { RowsData } from './InnerTableProps';
 
 export const renderInnerTableRow =
   (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: number) => {
@@ -18,7 +18,7 @@ export const renderInnerTableRow =
     return (
       <div key={String(rowIdx)} className="flex border-main-divider border-b border-solid h-full">
         {headerColumn?.data ? (
-          <div className="text-xl font-light min-w-56 py-lg">{headerColumn.data}</div>
+          <div className="text-xl font-light w-56 min-w-56 py-lg">{headerColumn.data}</div>
         ) : null}
         <div className="flex flex-grow overflow-hidden">
           <div

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

@@ -21,8 +21,14 @@ export const Sitemap = JSX<SitemapProps>(({ className, topItems }) => {
   );
 });
 
+const FOOTER_AREA_KEY = 'footer';
+
 const renderColumn = (menuItem: TopMenuItemProps & { onClick: () => void }, index: number) => {
-  const { text, items, href, target, onClick } = menuItem;
+  const { text, items = [], href, target, onClick } = menuItem;
+
+  const visibleSubItems = items.filter(
+    (_) => !_.displayArea || _.displayArea.toLowerCase() === FOOTER_AREA_KEY,
+  );
 
   return (
     <div key={String(index)} className="flex flex-col gap-s w-1/4">
@@ -34,11 +40,9 @@ const renderColumn = (menuItem: TopMenuItemProps & { onClick: () => void }, inde
       >
         {text || `Раздел ${index}`}
       </a>
-      {items
-        ?.filter((_) => !_.displayArea || _.displayArea === 'Footer')
-        .map((_, i) => (
-          <ColumnItem key={String(i)} {..._} basePath={appendSlash(href)} index={i} />
-        ))}
+      {visibleSubItems.map((_, i) => (
+        <ColumnItem key={String(i)} {..._} basePath={appendSlash(href)} index={i} />
+      ))}
     </div>
   );
 };

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

@@ -5,6 +5,7 @@ import { SwipeListContainer } from './SwipeListContainer';
 import type { SwipeListControlContent } from './SwipeListControlContent';
 import { SwipeListControlDots } from './SwipeListControlDots';
 import { useSwipeListScroll } from './useSwipeListScroll';
+import { isShowDots } from './isShowDots';
 
 const DEFAULT_GAP = 14;
 
@@ -29,7 +30,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
     version,
     gap = DEFAULT_GAP,
     padding = DEFAULT_PADDING,
-    showDots = true,
+    showDots = isShowDots,
     minHeight,
     children,
     onVisibleIndicesChange,

package/mobile/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -19,6 +19,7 @@ const dotStyle =
 const inactiveDotStyle = 'w-2 h-2 opacity-30';
 
 export interface SwipeListControlDotsProps {
+  className?: string;
   containerRef?: { current: HTMLDivElement | null };
   activeIndex?: number;
   dotCount?: number;
@@ -27,7 +28,14 @@ export interface SwipeListControlDotsProps {
 }
 
 export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
-  ({ containerRef, activeIndex, dotCount = 0, listType = 'horizontal-list', version }) => {
+  ({
+    className = '',
+    containerRef,
+    activeIndex,
+    dotCount = 0,
+    listType = 'horizontal-list',
+    version,
+  }) => {
     const handleClick = (idx: number) => {
       if (idx !== activeIndex && containerRef?.current) {
         containerRef.current.children[idx]?.scrollIntoView({
@@ -40,9 +48,10 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
     return dotCount ? (
       <div
         className={style(
-          'flex gap-xs @lg:hidden',
+          'flex gap-xs',
           containerStyles[listType],
           version ? 'group' : '',
+          className,
         )}
         {...(version ? { 'data-ver': version } : {})}
       >

package/mobile/src/ui-kit/SwipeListControl/isShowDots.tsx

@@ -0,0 +1 @@
+export const isShowDots = true;

package/package.json

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

package/src/components/Carousel/Carousel.tsx

@@ -68,6 +68,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
           />
         </div>
         <SwipeListControlDots
+          className="@lg:hidden"
           containerRef={containerRef}
           activeIndex={dotsActiveIndex}
           dotCount={count}

package/src/components/CarouselLinks/CarouselLinkButton.tsx

@@ -2,8 +2,8 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../../ui-kit/Img/Img';
-import { style } from '../../utils/style';
 import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
 
 const LINK_CLASS_NAME = `absolute border
   bg-white flex justify-between group-hover/link:text-primary-main`;
@@ -30,7 +30,7 @@ export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
           <a
             className={style(
               LINK_CLASS_NAME,
-              'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap',
+              'sm:rounded-md rounded-none w-full px-xl py-lg whitespace-nowrap z-10',
             )}
             role="link"
             {...adjustedProps}

package/src/components/ContentPage/ContentPage.tsx

@@ -35,8 +35,8 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
     useBlockRouterProvider();
 
     return (
-      <div data-theme={colorPalette}>
-        <section className={style('relative @container', pageStyle, className)}>
+      <div className="@container" data-theme={colorPalette}>
+        <section className={style('relative', pageStyle, className)}>
           {slots?.header ? (
             <div className="relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]">
               {renderBlocksList(slots?.header, { ...options, slotName: 'header' })}

package/src/components/Footer/Contacts.tsx

@@ -14,7 +14,7 @@ export const Contacts = JSX<ContactsProps>(({ className = '', items }) => (
     <Button
       version="primary"
       className="w-full"
-      href="https://www.rshb.ru/feedback/question/"
+      href="https://old.rshb.ru/feedback/question/"
       target="_blank"
       ariaLabel="Обратная связь"
       text="Обратная связь"

package/src/components/Header/HeaderSubMenu.tsx

@@ -22,6 +22,8 @@ export interface HeaderSubMenuProps {
   internetBankUrl?: string;
 }
 
+const HEADER_AREA_KEY = 'header';
+
 export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
   ({ subItems = [], version, internetBankUrl }) => {
     const iconVersion: IconVersion = version === 'transparent' ? 'white' : 'black';
@@ -29,7 +31,10 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
     const router = useRouter();
 
     const visibleSubItems = useMemo(
-      () => subItems.filter((item) => !item.displayArea || item.displayArea === 'Header'),
+      () =>
+        subItems.filter(
+          (item) => !item.displayArea || item.displayArea.toLowerCase() === HEADER_AREA_KEY,
+        ),
       [subItems],
     );
     const activeSubItem = findActiveSubItem(router)(subItems);

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -2,13 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { style } from '../../utils/style';
 import type { MobileAppTileContent } from './MobileAppTileContent';
 import { renderDescription } from './renderDescription';
 import { renderList } from './renderList';
-import { buttonsConditionStyle } from './buttonsConditionStyle';
 
 export interface MobileAppTileProps extends MobileAppTileContent, UniBlockProps {}
 
@@ -30,6 +30,8 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
   }) => {
     const containerStyle = version === 'secondary' ? 'p-m min-w-32' : 'min-w-24';
 
+    const img = image?.src ? <Img className="hidden lg:block" image={image} /> : null;
+
     return (
       <BlockWrapper
         className={style('min-h-80', className)}
@@ -50,17 +52,28 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
               />
             ) : null
           }
-          rightImage={image?.src ? <Img className="hidden lg:block" image={image} /> : null}
-          buttons={buttonsConditionStyle(buttons)}
+          rightImage={img}
+          buttons={renderButtonsSection(buttons)}
         >
           {renderDescription(description)}
-          <div className="flex flex-1 flex-wrap gap-m items-center">
+          <div
+            className={style(
+              'gap-m',
+              'flex flex-1 flex-col',
+              'flex-col items-start @4xl:flex-row @4xl:items-center',
+            )}
+          >
+            {renderList(items, listItemSize)}
             {qr?.src ? (
-              <div className={style('flex justify-center bg-white rounded-md', containerStyle)}>
+              <div
+                className={style(
+                  'flex justify-center bg-white rounded-md @4xl:-order-1',
+                  containerStyle,
+                )}
+              >
                 <Img className="w-fit" image={qr} />
               </div>
             ) : null}
-            {renderList(items, listItemSize)}
             {image?.src ? <Img className="lg:hidden" image={image} /> : null}
           </div>
         </BaseTile>

package/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,10 +1,10 @@
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
+import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 
 /**
  * @title Мобильное приложение