@redneckz/wildless-cms-uni-blocks 0.14.81 → 0.14.82

package/mobile/bundle/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts

@@ -0,0 +1,6 @@
+interface StickyBottomMenuBurgerProps {
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export declare const StickyBottomMenuBurger: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuBurgerProps, any, any>;
+export {};

package/mobile/bundle/components/StickyBottomMenu/StickyBottomMenuItem.d.ts

@@ -0,0 +1,8 @@
+import type { MenuItem } from './StickyBottomMenuContent';
+interface StickyBottomMenuItemProps {
+    isActive?: boolean;
+    item?: MenuItem;
+    onClick?: () => void;
+}
+export declare const StickyBottomMenuItem: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuItemProps, any, any>;
+export {};

package/mobile/bundle/components/StickyBottomMenu/StickyBottomMenuProps.d.ts

@@ -1,8 +1,5 @@
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type MenuItem, type StickyBottomMenuContent } from './StickyBottomMenuContent';
-export interface MenuItemProps extends MenuItem {
-    isActive?: boolean;
-}
 export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
-    menuItems?: MenuItemProps[];
+    menuItems?: MenuItem[];
 }

package/mobile/bundle/hooks/useActiveRoute.d.ts

@@ -1,2 +1,3 @@
-import { type TopMenuItemProps } from '../services/sitemap/SitemapData';
-export declare function useActiveRoute(items?: TopMenuItemProps[] | undefined): [number, TopMenuItemProps];
+export declare function useActiveRoute<T extends {
+    href?: string;
+}>(items?: T[] | undefined): [number, T];

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenu.js

@@ -2,30 +2,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StickyBottomMenu = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useActiveRoute_1 = require("../../hooks/useActiveRoute");
 const useSWRResource_1 = require("../../hooks/useSWRResource");
 const ProjectSettings_1 = require("../../ProjectSettings");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const RenderMenuItems_1 = require("./RenderMenuItems");
+const StickyBottomMenuBurger_1 = require("./StickyBottomMenuBurger");
+const StickyBottomMenuItem_1 = require("./StickyBottomMenuItem");
 const useBurgerMenuDialog_1 = require("./useBurgerMenuDialog");
+const EMPTY_MENU = [];
 exports.StickyBottomMenu = (0, uni_jsx_1.JSX)(({ ...rest }) => {
-    const { menuItems = [] } = (0, useSWRResource_1.useSWRResource)(ProjectSettings_1.projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu', { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true });
-    const [isBurgerMenuDialogOpen, { toggle }] = (0, useBurgerMenuDialog_1.useBurgerMenuDialog)();
-    const burgerMenu = {
-        title: 'Меню',
-        icon: {
-            icon: 'BurgerIcon',
-            iconVersion: isBurgerMenuDialogOpen ? 'color' : 'black',
-        },
-        isActive: isBurgerMenuDialogOpen,
-    };
+    const [isBurgerMenuDialogOpen, { toggle, close }] = (0, useBurgerMenuDialog_1.useBurgerMenuDialog)();
+    const { menuItems = EMPTY_MENU } = (0, useSWRResource_1.useSWRResource)(ProjectSettings_1.projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu', { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true });
+    const [, activeItem] = (0, useActiveRoute_1.useActiveRoute)(menuItems);
     const middleIdx = Math.floor(menuItems.length / 2);
-    const menuItemsWithButton = (0, hooks_1.useMemo)(() => [
-        ...menuItems.slice(0, middleIdx),
-        burgerMenu,
-        ...menuItems.slice(middleIdx),
-    ], [menuItems, middleIdx, burgerMenu]);
+    const leftItems = menuItems.slice(0, middleIdx);
+    const rightItems = menuItems.slice(middleIdx);
     /* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
-    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: (0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: (0, jsx_runtime_1.jsx)(RenderMenuItems_1.RenderMenuItems, { menuItems: menuItemsWithButton, onClick: toggle }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: (0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(activeItem, close)), (0, jsx_runtime_1.jsx)(StickyBottomMenuBurger_1.StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: toggle }), rightItems.map(renderMenuItem(activeItem, close))] }) }) }));
 });
+const renderMenuItem = (activeItem, close) => (_, i) => ((0, jsx_runtime_1.jsx)(StickyBottomMenuItem_1.StickyBottomMenuItem, { isActive: _ === activeItem, item: _, onClick: close }, _.href || String(i)));
 //# sourceMappingURL=StickyBottomMenu.js.map

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyBottomMenu.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAsD;AACtD,+DAA4D;AAC5D,2DAAwD;AACxD,4DAAyD;AACzD,uDAAoD;AAEpD,+DAA4D;AAE/C,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAwB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAA,+BAAc,EACvC,iCAAe,CAAC,kBAAkB,IAAI,oBAAoB,EAC1D,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,CAC9F,CAAC;IAEF,MAAM,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,IAAA,yCAAmB,GAAE,CAAC;IAEnE,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;SACxD;QACD,QAAQ,EAAE,sBAAsB;KACjC,CAAC;IACF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,IAAA,eAAO,EACjC,GAAG,EAAE,CACH;QACE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC;QAChC,UAAU;QACV,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC;KACX,EACtB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CACnC,CAAC;IAEF,uFAAuF;IACvF,OAAO,CACL,gCAAK,SAAS,EAAC,aAAa,oBAAgB,8BAA8B,YACxE,uBAAC,2BAAY,IACX,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAC,KAAK,YAEb,uBAAC,iCAAe,IAAC,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,GAAI,GACvD,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"StickyBottomMenu.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+DAA4D;AAC5D,+DAA4D;AAC5D,2DAAwD;AACxD,4DAAyD;AACzD,qEAAkE;AAElE,iEAA8D;AAE9D,+DAA4D;AAE5D,MAAM,UAAU,GAAG,EAAE,CAAC;AAET,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAwB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,yCAAmB,GAAE,CAAC;IAE1E,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,IAAA,+BAAc,EAC/C,iCAAe,CAAC,kBAAkB,IAAI,oBAAoB,EAC1D,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,CAC9F,CAAC;IAEF,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,IAAA,+BAAc,EAAC,SAAS,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9C,uFAAuF;IACvF,OAAO,CACL,gCAAK,SAAS,EAAC,aAAa,oBAAgB,8BAA8B,YACxE,uBAAC,2BAAY,IACX,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAC,KAAK,YAEb,iCAAK,SAAS,EAAC,iEAAiE,aAC7E,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EACjD,uBAAC,+CAAsB,IAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,GAAI,EAC5E,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAC9C,GACO,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,UAAoB,EAAE,KAAiB,EAAE,EAAE,CAAC,CAAC,CAAW,EAAE,CAAS,EAAE,EAAE,CAC7F,CACE,uBAAC,2CAAoB,IAEnB,QAAQ,EAAE,CAAC,KAAK,UAAU,EAC1B,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,KAAK,IAHT,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAIxB,CACH,CAAC"}

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts

@@ -0,0 +1,6 @@
+interface StickyBottomMenuBurgerProps {
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export declare const StickyBottomMenuBurger: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuBurgerProps, any, any>;
+export {};

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuBurger.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyBottomMenuBurger = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const Icon_1 = require("../../ui-kit/Icon/Icon");
+const style_1 = require("../../utils/style");
+exports.StickyBottomMenuBurger = (0, uni_jsx_1.JSX)(({ isActive, onClick }) => ((0, jsx_runtime_1.jsxs)("button", { className: (0, style_1.style)(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-6 h-6", name: "BurgerIcon", iconVersion: isActive ? 'color' : 'black' }), "\u041C\u0435\u043D\u044E"] })));
+//# sourceMappingURL=StickyBottomMenuBurger.js.map

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuBurger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuBurger.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,6CAA0C;AAO7B,QAAA,sBAAsB,GAAG,IAAA,aAAG,EAA8B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChG,oCACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,OAAO,EAAE,OAAO,aAEhB,uBAAC,WAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAI,gCAElF,CACV,CAAC,CAAC"}

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuItem.d.ts

@@ -0,0 +1,8 @@
+import type { MenuItem } from './StickyBottomMenuContent';
+interface StickyBottomMenuItemProps {
+    isActive?: boolean;
+    item?: MenuItem;
+    onClick?: () => void;
+}
+export declare const StickyBottomMenuItem: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuItemProps, any, any>;
+export {};

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuItem.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyBottomMenuItem = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const useLink_1 = require("../../hooks/useLink");
+const ProjectSettings_1 = require("../../ProjectSettings");
+const Icon_1 = require("../../ui-kit/Icon/Icon");
+const style_1 = require("../../utils/style");
+exports.StickyBottomMenuItem = (0, uni_jsx_1.JSX)(({ isActive, item, onClick }) => {
+    const isAnotherPortal = !ProjectSettings_1.projectSettings?.BASE_PATH || !item?.href?.startsWith(ProjectSettings_1.projectSettings.BASE_PATH);
+    const link = (0, useLink_1.useLink)({ isRemote: isAnotherPortal });
+    const { href, onClick: handleClick } = link({ href: item?.href, onClick });
+    return ((0, jsx_runtime_1.jsxs)("a", { className: (0, style_1.style)(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), href: href, target: "_self", title: item?.title || '', onClick: handleClick, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-6 h-6", name: item?.icon?.icon, iconVersion: isActive ? 'color' : 'black' }), item?.title || ''] }));
+});
+//# sourceMappingURL=StickyBottomMenuItem.js.map

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuItem.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,2DAAwD;AACxD,iDAA8C;AAC9C,6CAA0C;AAS7B,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9B,MAAM,eAAe,GACnB,CAAC,iCAAe,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,iCAAe,CAAC,SAAS,CAAC,CAAC;IAEpF,MAAM,IAAI,GAAG,IAAA,iBAAO,EAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IACpD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAE3E,OAAO,CACL,+BACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,EACxB,OAAO,EAAE,WAAW,aAEpB,uBAAC,WAAI,IACH,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EACtB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GACzC,EACD,IAAI,EAAE,KAAK,IAAI,EAAE,IAChB,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuProps.d.ts

@@ -1,8 +1,5 @@
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type MenuItem, type StickyBottomMenuContent } from './StickyBottomMenuContent';
-export interface MenuItemProps extends MenuItem {
-    isActive?: boolean;
-}
 export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
-    menuItems?: MenuItemProps[];
+    menuItems?: MenuItem[];
 }

package/mobile/dist/hooks/useActiveRoute.d.ts

@@ -1,2 +1,3 @@
-import { type TopMenuItemProps } from '../services/sitemap/SitemapData';
-export declare function useActiveRoute(items?: TopMenuItemProps[] | undefined): [number, TopMenuItemProps];
+export declare function useActiveRoute<T extends {
+    href?: string;
+}>(items?: T[] | undefined): [number, T];

package/mobile/dist/hooks/useActiveRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":";;AAAA,0EAAuE;AAEvE,2CAAwC;AAExC,SAAgB,cAAc,CAC5B,QAAwC,EAAE;IAE1C,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC;AAPD,wCAOC"}
+{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":";;AAAA,0EAAuE;AACvE,2CAAwC;AAExC,SAAgB,cAAc,CAC5B,QAAyB,EAAE;IAE3B,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC;AAPD,wCAOC"}

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenu.js

@@ -1,29 +1,22 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useActiveRoute } from '../../hooks/useActiveRoute.js';
 import { useSWRResource } from '../../hooks/useSWRResource.js';
 import { projectSettings } from '../../ProjectSettings.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { RenderMenuItems } from './RenderMenuItems.js';
+import { StickyBottomMenuBurger } from './StickyBottomMenuBurger.js';
+import { StickyBottomMenuItem } from './StickyBottomMenuItem.js';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog.js';
+const EMPTY_MENU = [];
 export const StickyBottomMenu = JSX(({ ...rest }) => {
-    const { menuItems = [] } = useSWRResource(projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu', { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true });
-    const [isBurgerMenuDialogOpen, { toggle }] = useBurgerMenuDialog();
-    const burgerMenu = {
-        title: 'Меню',
-        icon: {
-            icon: 'BurgerIcon',
-            iconVersion: isBurgerMenuDialogOpen ? 'color' : 'black',
-        },
-        isActive: isBurgerMenuDialogOpen,
-    };
+    const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog();
+    const { menuItems = EMPTY_MENU } = useSWRResource(projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu', { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true });
+    const [, activeItem] = useActiveRoute(menuItems);
     const middleIdx = Math.floor(menuItems.length / 2);
-    const menuItemsWithButton = useMemo(() => [
-        ...menuItems.slice(0, middleIdx),
-        burgerMenu,
-        ...menuItems.slice(middleIdx),
-    ], [menuItems, middleIdx, burgerMenu]);
+    const leftItems = menuItems.slice(0, middleIdx);
+    const rightItems = menuItems.slice(middleIdx);
     /* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
-    return (_jsx("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: _jsx(BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: _jsx(RenderMenuItems, { menuItems: menuItemsWithButton, onClick: toggle }) }) }));
+    return (_jsx("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: _jsx(BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: _jsxs("div", { className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(activeItem, close)), _jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: toggle }), rightItems.map(renderMenuItem(activeItem, close))] }) }) }));
 });
+const renderMenuItem = (activeItem, close) => (_, i) => (_jsx(StickyBottomMenuItem, { isActive: _ === activeItem, item: _, onClick: close }, _.href || String(i)));
 //# sourceMappingURL=StickyBottomMenu.js.map

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyBottomMenu.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAwB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,cAAc,CACvC,eAAe,CAAC,kBAAkB,IAAI,oBAAoB,EAC1D,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,CAC9F,CAAC;IAEF,MAAM,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,mBAAmB,EAAE,CAAC;IAEnE,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;SACxD;QACD,QAAQ,EAAE,sBAAsB;KACjC,CAAC;IACF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CACH;QACE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC;QAChC,UAAU;QACV,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC;KACX,EACtB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CACnC,CAAC;IAEF,uFAAuF;IACvF,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,oBAAgB,8BAA8B,YACxE,KAAC,YAAY,IACX,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAC,KAAK,YAEb,KAAC,eAAe,IAAC,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,GAAI,GACvD,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"StickyBottomMenu.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAwB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,mBAAmB,EAAE,CAAC;IAE1E,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,cAAc,CAC/C,eAAe,CAAC,kBAAkB,IAAI,oBAAoB,EAC1D,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,CAC9F,CAAC;IAEF,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9C,uFAAuF;IACvF,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,oBAAgB,8BAA8B,YACxE,KAAC,YAAY,IACX,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAC,KAAK,YAEb,eAAK,SAAS,EAAC,iEAAiE,aAC7E,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EACjD,KAAC,sBAAsB,IAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,GAAI,EAC5E,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAC9C,GACO,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,UAAoB,EAAE,KAAiB,EAAE,EAAE,CAAC,CAAC,CAAW,EAAE,CAAS,EAAE,EAAE,CAC7F,CACE,KAAC,oBAAoB,IAEnB,QAAQ,EAAE,CAAC,KAAK,UAAU,EAC1B,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,KAAK,IAHT,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAIxB,CACH,CAAC"}

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts

@@ -0,0 +1,6 @@
+interface StickyBottomMenuBurgerProps {
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export declare const StickyBottomMenuBurger: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuBurgerProps, any, any>;
+export {};

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { style } from '../../utils/style.js';
+export const StickyBottomMenuBurger = JSX(({ isActive, onClick }) => (_jsxs("button", { className: style(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), onClick: onClick, children: [_jsx(Icon, { className: "w-6 h-6", name: "BurgerIcon", iconVersion: isActive ? 'color' : 'black' }), "\u041C\u0435\u043D\u044E"] })));
+//# sourceMappingURL=StickyBottomMenuBurger.js.map

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuBurger.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAA8B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChG,kBACE,SAAS,EAAE,KAAK,CACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,OAAO,EAAE,OAAO,aAEhB,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAI,gCAElF,CACV,CAAC,CAAC"}

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuItem.d.ts

@@ -0,0 +1,8 @@
+import type { MenuItem } from './StickyBottomMenuContent';
+interface StickyBottomMenuItemProps {
+    isActive?: boolean;
+    item?: MenuItem;
+    onClick?: () => void;
+}
+export declare const StickyBottomMenuItem: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuItemProps, any, any>;
+export {};

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuItem.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink.js';
+import { projectSettings } from '../../ProjectSettings.js';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { style } from '../../utils/style.js';
+export const StickyBottomMenuItem = JSX(({ isActive, item, onClick }) => {
+    const isAnotherPortal = !projectSettings?.BASE_PATH || !item?.href?.startsWith(projectSettings.BASE_PATH);
+    const link = useLink({ isRemote: isAnotherPortal });
+    const { href, onClick: handleClick } = link({ href: item?.href, onClick });
+    return (_jsxs("a", { className: style(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), href: href, target: "_self", title: item?.title || '', onClick: handleClick, children: [_jsx(Icon, { className: "w-6 h-6", name: item?.icon?.icon, iconVersion: isActive ? 'color' : 'black' }), item?.title || ''] }));
+});
+//# sourceMappingURL=StickyBottomMenuItem.js.map

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuItem.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9B,MAAM,eAAe,GACnB,CAAC,eAAe,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAEpF,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IACpD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAE3E,OAAO,CACL,aACE,SAAS,EAAE,KAAK,CACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,EACxB,OAAO,EAAE,WAAW,aAEpB,KAAC,IAAI,IACH,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EACtB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GACzC,EACD,IAAI,EAAE,KAAK,IAAI,EAAE,IAChB,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuProps.d.ts

@@ -1,8 +1,5 @@
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type MenuItem, type StickyBottomMenuContent } from './StickyBottomMenuContent';
-export interface MenuItemProps extends MenuItem {
-    isActive?: boolean;
-}
 export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
-    menuItems?: MenuItemProps[];
+    menuItems?: MenuItem[];
 }

package/mobile/lib/hooks/useActiveRoute.d.ts

@@ -1,2 +1,3 @@
-import { type TopMenuItemProps } from '../services/sitemap/SitemapData';
-export declare function useActiveRoute(items?: TopMenuItemProps[] | undefined): [number, TopMenuItemProps];
+export declare function useActiveRoute<T extends {
+    href?: string;
+}>(items?: T[] | undefined): [number, T];

package/mobile/lib/hooks/useActiveRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,UAAU,cAAc,CAC5B,QAAwC,EAAE;IAE1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,UAAU,cAAc,CAC5B,QAAyB,EAAE;IAE3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC"}

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

@@ -1,38 +1,29 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useActiveRoute } from '../../hooks/useActiveRoute';
 import { useSWRResource } from '../../hooks/useSWRResource';
 import { projectSettings } from '../../ProjectSettings';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { RenderMenuItems } from './RenderMenuItems';
-import { type MenuItemProps, type StickyBottomMenuProps } from './StickyBottomMenuProps';
+import { StickyBottomMenuBurger } from './StickyBottomMenuBurger';
+import type { MenuItem } from './StickyBottomMenuContent';
+import { StickyBottomMenuItem } from './StickyBottomMenuItem';
+import { type StickyBottomMenuProps } from './StickyBottomMenuProps';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog';
 
+const EMPTY_MENU = [];
+
 export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
-  const { menuItems = [] } = useSWRResource<StickyBottomMenuProps>(
+  const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog();
+
+  const { menuItems = EMPTY_MENU } = useSWRResource<StickyBottomMenuProps>(
     projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu',
     { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true },
   );
 
-  const [isBurgerMenuDialogOpen, { toggle }] = useBurgerMenuDialog();
+  const [, activeItem] = useActiveRoute(menuItems);
 
-  const burgerMenu = {
-    title: 'Меню',
-    icon: {
-      icon: 'BurgerIcon',
-      iconVersion: isBurgerMenuDialogOpen ? 'color' : 'black',
-    },
-    isActive: isBurgerMenuDialogOpen,
-  };
   const middleIdx = Math.floor(menuItems.length / 2);
-  const menuItemsWithButton = useMemo(
-    () =>
-      [
-        ...menuItems.slice(0, middleIdx),
-        burgerMenu,
-        ...menuItems.slice(middleIdx),
-      ] as MenuItemProps[],
-    [menuItems, middleIdx, burgerMenu],
-  );
+  const leftItems = menuItems.slice(0, middleIdx);
+  const rightItems = menuItems.slice(middleIdx);
 
   /* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
   return (
@@ -41,8 +32,22 @@ export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
         className="@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]"
         padding="p-0"
       >
-        <RenderMenuItems menuItems={menuItemsWithButton} onClick={toggle} />
+        <div className="ml-auto container bg-white flex justify-center shadow-blue-gray">
+          {leftItems.map(renderMenuItem(activeItem, close))}
+          <StickyBottomMenuBurger isActive={isBurgerMenuDialogOpen} onClick={toggle} />
+          {rightItems.map(renderMenuItem(activeItem, close))}
+        </div>
       </BlockWrapper>
     </div>
   );
 });
+
+const renderMenuItem = (activeItem: MenuItem, close: () => void) => (_: MenuItem, i: number) =>
+  (
+    <StickyBottomMenuItem
+      key={_.href || String(i)}
+      isActive={_ === activeItem}
+      item={_}
+      onClick={close}
+    />
+  );

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

@@ -0,0 +1,21 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { style } from '../../utils/style';
+
+interface StickyBottomMenuBurgerProps {
+  isActive?: boolean;
+  onClick?: () => void;
+}
+
+export const StickyBottomMenuBurger = JSX<StickyBottomMenuBurgerProps>(({ isActive, onClick }) => (
+  <button
+    className={style(
+      isActive ? 'text-primary-main' : 'text-primary-text',
+      `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`,
+    )}
+    onClick={onClick}
+  >
+    <Icon className="w-6 h-6" name="BurgerIcon" iconVersion={isActive ? 'color' : 'black'} />
+    Меню
+  </button>
+));

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

@@ -0,0 +1,42 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import { projectSettings } from '../../ProjectSettings';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { style } from '../../utils/style';
+import type { MenuItem } from './StickyBottomMenuContent';
+
+interface StickyBottomMenuItemProps {
+  isActive?: boolean;
+  item?: MenuItem;
+  onClick?: () => void;
+}
+
+export const StickyBottomMenuItem = JSX<StickyBottomMenuItemProps>(
+  ({ isActive, item, onClick }) => {
+    const isAnotherPortal =
+      !projectSettings?.BASE_PATH || !item?.href?.startsWith(projectSettings.BASE_PATH);
+
+    const link = useLink({ isRemote: isAnotherPortal });
+    const { href, onClick: handleClick } = link({ href: item?.href, onClick });
+
+    return (
+      <a
+        className={style(
+          isActive ? 'text-primary-main' : 'text-primary-text',
+          `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`,
+        )}
+        href={href}
+        target="_self"
+        title={item?.title || ''}
+        onClick={handleClick}
+      >
+        <Icon
+          className="w-6 h-6"
+          name={item?.icon?.icon}
+          iconVersion={isActive ? 'color' : 'black'}
+        />
+        {item?.title || ''}
+      </a>
+    );
+  },
+);

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

@@ -1,10 +1,6 @@
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type MenuItem, type StickyBottomMenuContent } from './StickyBottomMenuContent';
 
-export interface MenuItemProps extends MenuItem {
-  isActive?: boolean;
-}
-
 export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
-  menuItems?: MenuItemProps[];
+  menuItems?: MenuItem[];
 }

package/mobile/src/hooks/useActiveRoute.ts

@@ -1,10 +1,9 @@
 import { isTopItemActive } from '../components/Header/isTopItemActive';
-import { type TopMenuItemProps } from '../services/sitemap/SitemapData';
 import { useRouter } from './useRouter';
 
-export function useActiveRoute(
-  items: TopMenuItemProps[] | undefined = [],
-): [number, TopMenuItemProps] {
+export function useActiveRoute<T extends { href?: string }>(
+  items: T[] | undefined = [],
+): [number, T] {
   const router = useRouter();
   const activeIndex = items.findIndex(isTopItemActive(router));
 

package/package.json

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

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

@@ -1,38 +1,29 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useActiveRoute } from '../../hooks/useActiveRoute';
 import { useSWRResource } from '../../hooks/useSWRResource';
 import { projectSettings } from '../../ProjectSettings';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { RenderMenuItems } from './RenderMenuItems';
-import { type MenuItemProps, type StickyBottomMenuProps } from './StickyBottomMenuProps';
+import { StickyBottomMenuBurger } from './StickyBottomMenuBurger';
+import type { MenuItem } from './StickyBottomMenuContent';
+import { StickyBottomMenuItem } from './StickyBottomMenuItem';
+import { type StickyBottomMenuProps } from './StickyBottomMenuProps';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog';
 
+const EMPTY_MENU = [];
+
 export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
-  const { menuItems = [] } = useSWRResource<StickyBottomMenuProps>(
+  const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog();
+
+  const { menuItems = EMPTY_MENU } = useSWRResource<StickyBottomMenuProps>(
     projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu',
     { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true },
   );
 
-  const [isBurgerMenuDialogOpen, { toggle }] = useBurgerMenuDialog();
+  const [, activeItem] = useActiveRoute(menuItems);
 
-  const burgerMenu = {
-    title: 'Меню',
-    icon: {
-      icon: 'BurgerIcon',
-      iconVersion: isBurgerMenuDialogOpen ? 'color' : 'black',
-    },
-    isActive: isBurgerMenuDialogOpen,
-  };
   const middleIdx = Math.floor(menuItems.length / 2);
-  const menuItemsWithButton = useMemo(
-    () =>
-      [
-        ...menuItems.slice(0, middleIdx),
-        burgerMenu,
-        ...menuItems.slice(middleIdx),
-      ] as MenuItemProps[],
-    [menuItems, middleIdx, burgerMenu],
-  );
+  const leftItems = menuItems.slice(0, middleIdx);
+  const rightItems = menuItems.slice(middleIdx);
 
   /* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
   return (
@@ -41,8 +32,22 @@ export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
         className="@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]"
         padding="p-0"
       >
-        <RenderMenuItems menuItems={menuItemsWithButton} onClick={toggle} />
+        <div className="ml-auto container bg-white flex justify-center shadow-blue-gray">
+          {leftItems.map(renderMenuItem(activeItem, close))}
+          <StickyBottomMenuBurger isActive={isBurgerMenuDialogOpen} onClick={toggle} />
+          {rightItems.map(renderMenuItem(activeItem, close))}
+        </div>
       </BlockWrapper>
     </div>
   );
 });
+
+const renderMenuItem = (activeItem: MenuItem, close: () => void) => (_: MenuItem, i: number) =>
+  (
+    <StickyBottomMenuItem
+      key={_.href || String(i)}
+      isActive={_ === activeItem}
+      item={_}
+      onClick={close}
+    />
+  );

package/src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx

@@ -0,0 +1,21 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { style } from '../../utils/style';
+
+interface StickyBottomMenuBurgerProps {
+  isActive?: boolean;
+  onClick?: () => void;
+}
+
+export const StickyBottomMenuBurger = JSX<StickyBottomMenuBurgerProps>(({ isActive, onClick }) => (
+  <button
+    className={style(
+      isActive ? 'text-primary-main' : 'text-primary-text',
+      `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`,
+    )}
+    onClick={onClick}
+  >
+    <Icon className="w-6 h-6" name="BurgerIcon" iconVersion={isActive ? 'color' : 'black'} />
+    Меню
+  </button>
+));