@redneckz/wildless-cms-uni-blocks 0.14.256 → 0.14.258

package/lib/components/StickyBottomMenu/BurgerMenuDialog.js

@@ -2,16 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useActiveRoute } from '../../hooks/useActiveRoute.js';
+import { useLocation } from '../../hooks/useLocation.js';
 import { Dialog } from '../../ui-kit/DialogManager/Dialog.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
+import { useLocationDialog } from '../../ui-kit/LocationDialog/useLocationDialog.js';
 import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer.js';
 import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll.js';
 import { style } from '../../utils/style.js';
 import { ActiveSubMenuItem } from './ActiveSubMenuItem.js';
 import { TopItemMobile } from './TopItemMobile.js';
 export const BurgerMenuDialog = JSX((props) => {
-    const { topItems, officesLink } = props;
+    const { topItems, defaultLocation, officesLink } = props;
+    const [location] = useLocation(defaultLocation);
+    const locationDialog = useLocationDialog(props);
     const [containerRef, scroll] = useSwipeListScroll({
         itemCount: topItems?.length ?? 0,
     });
@@ -28,8 +32,9 @@ export const BurgerMenuDialog = JSX((props) => {
         }
     }, [activeTopItemIndex, scroll]);
     const handleTopItemClick = useCallback((idx) => setActiveTopItemIndex(idx), []);
-    return (_jsx(Dialog, { head: _jsx("div", { className: "flex items-center", children: _jsx(Heading, { as: "h4", title: "\u041C\u0435\u043D\u044E" }) }), children: _jsxs("div", { className: "flex flex-col flex-nowrap relative w-full h-auto m-auto bg-white pb-24 box-border rounded-md", children: [_jsx("div", { className: "w-full mb-3", children: _jsx(SwipeListContainer, { containerRef: containerRef, visibleItemCount: 0, gap: 10, className: "pb-3", children: topItems?.map((item, i) => (_jsx(TopItemMobile, { item: item, isActive: activeTopItemIndex === i, onClick: () => handleTopItemClick(i) }, String(i)))) }) }), _jsxs("div", { className: "relative grow", children: [renderActiveSubMenu(activeMenuSubItems, activeRoute?.href), renderOfficeLink(officesLink)] })] }) }));
+    return (_jsx(Dialog, { onClick: (e) => e.stopPropagation(), head: _jsx("div", { className: "flex items-center", children: _jsx(Heading, { as: "h4", title: "\u041C\u0435\u043D\u044E" }) }), children: _jsxs("div", { className: "flex flex-col flex-nowrap relative w-full h-auto m-auto bg-white pb-24 box-border rounded-md", children: [_jsx("div", { className: "w-full mb-3", children: _jsx(SwipeListContainer, { containerRef: containerRef, visibleItemCount: 0, gap: 10, className: "pb-3", children: topItems?.map((item, i) => (_jsx(TopItemMobile, { item: item, isActive: activeTopItemIndex === i, onClick: () => handleTopItemClick(i) }, String(i)))) }) }), _jsxs("div", { className: "relative grow", children: [renderActiveSubMenu(activeMenuSubItems, activeRoute?.href), renderOfficeLink(officesLink), renderLocation(location, () => locationDialog.open())] })] }) }));
 });
 const renderActiveSubMenu = (activeMenuSubItems, basePath) => activeMenuSubItems ? (_jsx("div", { children: activeMenuSubItems.map((_, i) => (_jsx(ActiveSubMenuItem, { item: _, basePath: basePath }, String(i)))) })) : null;
-const renderOfficeLink = (officesLink) => officesLink ? (_jsx("div", { className: "mt-3", children: _jsxs("a", { className: style('text-primary-text', `py-4 px-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl'), href: officesLink, rel: "noopener noreferrer", "aria-label": "\u041E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", children: [_jsx("span", { children: "\u041E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" }), _jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }) })) : null;
+const renderOfficeLink = (officesLink) => officesLink ? (_jsx("div", { className: "mt-3", children: _jsxs("a", { className: style('text-primary-text', `p-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl'), href: officesLink, rel: "noopener noreferrer", "aria-label": "\u041E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", children: [_jsx("span", { children: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" }), _jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }) })) : null;
+const renderLocation = (location, onClick) => (_jsxs("div", { className: style('text-primary-text', `p-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl', 'mt-3'), onClick: onClick, children: [_jsx("div", { className: "flex flex-col items-start", children: _jsxs("span", { children: ["\u0412\u0430\u0448\u0430 \u043B\u043E\u043A\u0430\u0446\u0438\u044F - ", location.name] }) }), _jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }));
 //# sourceMappingURL=BurgerMenuDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/BurgerMenuDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/BurgerMenuDialog.tsx"],"names":[],"mappings":"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"}

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

@@ -3,8 +3,8 @@ import { useCallback, useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { CloseButton } from '../../ui-kit/DialogManager/CloseButton.js';
-import { usePopupManager } from '../../ui-kit/PopupManager/usePopupManager.js';
+import { Dialog } from '../../ui-kit/DialogManager/Dialog.js';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { UniBlock } from '../../UniBlock/UniBlock.js';
 import { StickyBottomMenuBurger } from './StickyBottomMenuBurger.js';
 import { StickyBottomMenuItem } from './StickyBottomMenuItem.js';
@@ -13,48 +13,41 @@ const EMPTY_MENU = [];
 // eslint-disable-next-line max-lines-per-function
 export const StickyBottomMenu = UniBlock(({ sticky, ...rest }) => {
     const { menuItems = EMPTY_MENU } = sticky ?? {};
-    const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog(rest.options?.page?.sitemap ?? {});
-    const popup = usePopupManager();
+    const [isBurgerMenuDialogOpen, { toggle, close, openDialog }] = useBurgerMenuDialog(rest.options?.page?.sitemap ?? {});
     const middleIdx = Math.floor(menuItems.length / 2);
     const leftItems = menuItems.slice(0, middleIdx);
     const rightItems = menuItems.slice(middleIdx);
     const [activeIndex, setActiveIndex] = useState(-1);
     const [currentItemPosition, setCurrentItemPosition] = useState('');
-    const [popupState, { setFalse: setPopupClosed, setTrue: setPopupOpened }] = useBool();
-    const closePopup = useCallback(() => {
-        setPopupClosed();
+    const [popupDialogState, { setFalse: setPopupDialogClosed, setTrue: setPopupDialogOpened }] = useBool();
+    const closePopupDialog = useCallback(() => {
+        setPopupDialogClosed();
         setActiveIndex(-1);
         setCurrentItemPosition('');
-        popup.close();
-    }, [popup]);
+        close();
+    }, [close]);
     const menuRef = useRef(null);
-    const popupRef = useOutsideClick(closePopup);
-    const openPopup = useCallback((index, itemsPosition) => {
-        setPopupOpened();
+    const popupDialogRef = useOutsideClick(closePopupDialog);
+    const openPopupDialog = useCallback((index, itemsPosition) => {
+        setPopupDialogOpened();
         close();
-        const menuDimensions = menuRef?.current?.getBoundingClientRect();
-        popup.open(_jsxs("div", { onClick: (e) => e.stopPropagation(), className: "sticky py-xl top-0 rounded-t-3xl bg-white z-10", children: [_jsxs("div", { className: "container px-xl text-center text-h3", children: [itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title, _jsx(CloseButton, { className: "absolute top-0 right-0", onClose: closePopup })] }), _jsx("div", { className: "bg-white text-l h-[70vh] overflow-y-auto no-scrollbar", ref: popupRef })] }), {
-            top: Math.max(globalThis.document?.documentElement?.clientHeight || 0, globalThis.innerHeight || 0) *
-                0.3 -
-                134,
-            left: menuDimensions?.left || 0,
-            width: menuDimensions?.width,
-            fixed: true,
+        openDialog(_jsx(Dialog, { onClick: (e) => e.stopPropagation(), className: "mt-[20%]", onClose: closePopupDialog, head: _jsx("div", { className: "flex items-center", children: _jsx(Heading, { as: "h4", title: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title }) }), children: _jsx("div", { className: "bg-white pb-24 pt-1 text-l", ref: popupDialogRef }) }), {
+            id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title,
         });
-    }, [close, popup]);
+    }, [close, closePopupDialog]);
     const handleMenuItemClick = useCallback((index, itemsPosition) => {
         setCurrentItemPosition(itemsPosition);
         setActiveIndex(index);
-        openPopup(index, itemsPosition);
-    }, [openPopup]);
+        openPopupDialog(index, itemsPosition);
+    }, [openPopupDialog]);
     useEffect(() => {
-        if (!popupRef.current) {
+        if (!popupDialogRef.current) {
             return;
         }
-        if (!popupRef.current.shadowRoot) {
-            popupRef.current?.attachShadow({ mode: 'open' });
+        if (!popupDialogRef.current.shadowRoot) {
+            popupDialogRef.current?.attachShadow({ mode: 'open' });
         }
-        const shadowRoot = popupRef.current.shadowRoot;
+        const shadowRoot = popupDialogRef.current.shadowRoot;
         if (!shadowRoot) {
             return;
         }
@@ -64,8 +57,12 @@ export const StickyBottomMenu = UniBlock(({ sticky, ...rest }) => {
         else {
             shadowRoot.innerHTML = rightItems[activeIndex]?.__html || '';
         }
-    }, [activeIndex, currentItemPosition, popupState]);
-    return (_jsx(BlockWrapper, { className: "h-[74px] z-[100] relative", defaultPadding: "p-0", ...rest, children: _jsxs("div", { ref: menuRef, className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition })), _jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: toggle }), rightItems.map(renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }))] }) }));
+    }, [activeIndex, currentItemPosition, popupDialogState]);
+    return (_jsx(BlockWrapper, { className: "h-[74px] z-[100] relative", defaultPadding: "p-0", ...rest, children: _jsxs("div", { ref: menuRef, className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition })), _jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: (e) => {
+                        closePopupDialog();
+                        e.stopPropagation();
+                        toggle();
+                    } }), rightItems.map(renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }))] }) }));
 });
 const renderMenuItem = (handleMenuItemClick, itemsPosition, currentActiveItem) => (_, i, arr) => {
     return (_jsx(StickyBottomMenuItem, { item: _, isActive: arr[currentActiveItem.activeIndex]?.title === _?.title &&

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

@@ -1 +1 @@
-{"version":3,"file":"StickyBottomMenu.mobile.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StickyBottomMenu.mobile.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,7 @@
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 interface StickyBottomMenuBurgerProps {
     isActive?: boolean;
-    onClick?: () => void;
+    onClick?: (e: PreventableEvent) => void;
 }
 export declare const StickyBottomMenuBurger: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuBurgerProps, any, any>;
 export {};

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

@@ -1 +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,EAChB,IAAI,EAAC,QAAQ,aAEb,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"}
+{"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;AAE9C,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,EAChB,IAAI,EAAC,QAAQ,aAEb,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/lib/components/StickyBottomMenu/useBurgerMenuDialog.d.ts

@@ -1,7 +1,10 @@
+import { type VNode } from '../../model/VNode';
+import { type DialogOptions } from '../../ui-kit/DialogManager/useDialogManager';
 import { type BurgerMenuDialogProps } from './BurgerMenuDialog';
 export declare const BURGER_MENU_DIALOG_ID = "burgerMenuDialog";
 export declare const useBurgerMenuDialog: (props: BurgerMenuDialogProps) => [boolean, {
     open: () => void;
     close: () => void;
     toggle: () => void;
+    openDialog: (dialog: VNode, options: DialogOptions) => void;
 }];

package/lib/components/StickyBottomMenu/useBurgerMenuDialog.js

@@ -17,6 +17,6 @@ export const useBurgerMenuDialog = (props) => {
             open();
         }
     };
-    return [isBurgerMenuOpen, { open, close, toggle }];
+    return [isBurgerMenuOpen, { open, close, toggle, openDialog }];
 };
 //# sourceMappingURL=useBurgerMenuDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBurgerMenuDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAElF,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAA4B,EAQ5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,gBAAgB,GAAG,YAAY,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,gBAAgB,EAAE;YACpB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AACrD,CAAC,CAAC"}
+{"version":3,"file":"useBurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBurgerMenuDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAsB,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAElF,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAA4B,EAS5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,gBAAgB,GAAG,YAAY,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,gBAAgB,EAAE;YACpB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AACjE,CAAC,CAAC"}

package/lib/ui-kit/DialogManager/Dialog.d.ts

@@ -1,7 +1,9 @@
 import { type VNode } from '../../model/VNode';
+import { type PreventableEvent } from '../PreventableEvent';
 export interface DialogProps {
     className?: string;
     head?: VNode;
     onClose?: () => void;
+    onClick?: (e: PreventableEvent) => void;
 }
 export declare const Dialog: import("@redneckz/uni-jsx").UNIComponent<DialogProps, any, any>;

package/lib/ui-kit/DialogManager/Dialog.js

@@ -4,12 +4,12 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style.js';
 import { CloseButton } from './CloseButton.js';
 import { useDialogManager } from './useDialogManager.js';
-export const Dialog = JSX(({ className, head, children, onClose }) => {
+export const Dialog = JSX(({ className, head, children, onClose, onClick }) => {
     const { close } = useDialogManager();
     const handleClose = useCallback(() => {
         close();
         onClose && onClose();
     }, [onClose]);
-    return (_jsxs("div", { className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [_jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [_jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), _jsx("div", { className: "container", children: head })] }), _jsx("div", { className: "container pb-6xl", children: children })] }));
+    return (_jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [_jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [_jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), _jsx("div", { className: "container", children: head })] }), _jsx("div", { className: "container pb-6xl", children: children })] }));
 });
 //# sourceMappingURL=Dialog.js.map

package/lib/ui-kit/DialogManager/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,wCAAwC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,aACvF,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,WAAW,GAAI,EACxE,cAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,wCAAwC,EAAE,SAAS,CAAC,EACrE,IAAI,EAAC,QAAQ,aAEb,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,WAAW,GAAI,EACxE,cAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/LocationDialog/renderForeignOffices.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type ForeignOfficeProps } from '../../data/SitemapData';
 export declare const renderForeignOffices: (foreignOffices: ForeignOfficeProps[] | undefined) => JSX.Element | null;

package/lib/ui-kit/LocationDialog/renderRegion.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type Region } from '../../hooks/useRegions';
 export declare const renderRegion: (onChangeLocation?: ((region: Region) => void) | undefined) => (region: Region) => JSX.Element | null;

package/lib/ui-kit/LocationDialog/renderRegionGroup.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type Region } from '../../hooks/useRegions';
 export declare const renderRegionGroup: (onChangeLocation?: ((region: Region) => void) | undefined) => ([letter, regions]: [string, Region[]]) => JSX.Element;

package/mobile/bundle/bundle.umd.js

@@ -4757,6 +4757,15 @@
 
     const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })));
 
+    const Dialog = JSX(({ className, head, children, onClose, onClick }) => {
+        const { close } = useDialogManager();
+        const handleClose = useCallback(() => {
+            close();
+            onClose && onClose();
+        }, [onClose]);
+        return (jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] }));
+    });
+
     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, type: "button", children: [jsx(Icon, { className: "w-6 h-6", name: "BurgerIcon", iconVersion: isActive ? 'color' : 'black' }), "\u041C\u0435\u043D\u044E"] })));
 
     const StickyBottomMenuItem = JSX(({ isActive, item, onClick }) => {
@@ -4815,14 +4824,128 @@
         return [activeIndex, items[activeIndex]];
     }
 
-    const Dialog = JSX(({ className, head, children, onClose }) => {
+    const groupBy = (list, keyGetter) => {
+        const result = new Map();
+        for (const item of list) {
+            const key = keyGetter(item);
+            const group = result.get(key) || [];
+            result.set(key, [...group, item]);
+        }
+        return result;
+    };
+
+    const JARO_WINKLER_P = 0.1;
+    const JARO_WINKLER_MAX_L = 4;
+    const jaroWinklerDistance = (s1) => (s2) => {
+        if (s1 === s2) {
+            return 1;
+        }
+        if (!s1 || !s2) {
+            return 0;
+        }
+        const { m, s1Matches, s2Matches } = computeM(s1, s2);
+        if (m === 0) {
+            return 0;
+        }
+        const t = computeT(s1, s2, { s1Matches, s2Matches });
+        const jaroWeight = (m / s1.length + m / s2.length + (m - t / 2) / m) / 3;
+        const winklerWeight = jaroWeight > 0.7 ? computePrefixL(s1, s2) * JARO_WINKLER_P : 0;
+        return jaroWeight + winklerWeight * (1 - jaroWeight);
+    };
+    function computeM(s1, s2) {
+        const range = Math.max(0, Math.floor(Math.max(s1.length, s2.length) / 2) - 1);
+        const s1Matches = Array.from({ length: s1.length });
+        const s2Matches = Array.from({ length: s2.length });
+        let m = 0;
+        for (let i = 0; i < s1.length; i++) {
+            const low = Math.max(0, i - range);
+            const high = Math.min(i + range, s2.length - 1);
+            for (let j = low; j <= high; j++) {
+                if (s1Matches[i] || s2Matches[j] || s1[i] !== s2[j]) {
+                    continue;
+                }
+                m++;
+                s1Matches[i] = true;
+                s2Matches[j] = true;
+            }
+        }
+        return { m, s1Matches, s2Matches };
+    }
+    function computeT(s1, s2, { s1Matches, s2Matches }) {
+        let t = 0;
+        for (let i = 0, k = 0; i < s1.length; i++) {
+            if (!s1Matches[i]) {
+                continue;
+            }
+            let j = k;
+            for (; j < s2.length; j++) {
+                if (s2Matches[j]) {
+                    k = j + 1;
+                    break;
+                }
+            }
+            if (s1[i] !== s2[j]) {
+                t++;
+            }
+        }
+        return t;
+    }
+    function computePrefixL(s1, s2) {
+        let prefixL = 0;
+        while (s1[prefixL] === s2[prefixL] && prefixL < JARO_WINKLER_MAX_L) {
+            prefixL++;
+        }
+        return prefixL;
+    }
+
+    const renderForeignOffices = (foreignOffices) => foreignOffices?.length ? (jsxs("div", { className: "sm:border-t sm:border-main-divider mt-2xs pt-2xs", children: [jsx("div", { className: "mb-m", children: jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: "\u041F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430 \u0437\u0430 \u0440\u0443\u0431\u0435\u0436\u043E\u043C:" }) }), jsx("div", { className: "flex flex-col sm:flex-row gap-5xl", children: foreignOffices.map((office, i) => (jsx(ForeignOffice, { ...office }, String(i)))) })] })) : null;
+    const ForeignOffice = JSX(({ icon, ...rest }) => {
+        const link = useLink();
+        const { text, target, href, onClick } = link(rest);
+        return (jsxs("div", { className: "flex gap-s items-center", children: [icon ? jsx(Img, { pathPrefix: "/wcms-resources/", image: icon }) : null, text ? (jsx("a", { className: "hover:text-primary-hover", href: href, target: target, onClick: onClick, children: jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text }) })) : null] }));
+    });
+
+    const renderRegion = (onChangeLocation) => (region) => region.name ? (jsx(LinkWrapper, { isRemote: true, href: `/branches/${region.slug}`, className: "mb-xs sm:mb-2xs hover:text-primary-hover", onClick: () => {
+            onChangeLocation && onChangeLocation(region);
+        }, children: jsx(Text, { size: "text-l", font: "font-light", children: region.name }) }, String(region.id))) : null;
+
+    const renderRegionGroup = (onChangeLocation) => ([letter, regions]) => (jsxs("div", { className: "break-inside-avoid mb-2xl w-56", children: [jsx("div", { className: "mb-s", children: jsx(Text, { size: "text-h6", children: letter }) }), regions.map(renderRegion(onChangeLocation))] }, letter));
+
+    const SearchBar = JSX(({ className, searchTerm, onSearch }) => {
+        return (jsxs("form", { className: `font-sans relative ${className}`, children: [jsx("div", { className: "absolute rounded h-full flex items-center justify-center pl-m max-w-44 gap-s pointer-events-none", children: searchTerm ? null : (jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text `, children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0444\u0438\u043B\u0438\u0430\u043B\u0430\u043C" })) }), jsx("input", { id: "search-bar-input", className: `h-12 pl-m w-full peer text-l text-black border border-solid rounded-md box-border
+              outline-none border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text`, value: searchTerm, onChange: (e) => onSearch(e.target.value.toLowerCase()), type: "text", name: "location-search-bar-input" })] }));
+    });
+
+    const SEARCH_TERM_MIN_LENGTH = 3;
+    const LocationDialog = JSX(({ foreignOffices, defaultLocation }) => {
+        const [currentLocation, selectCurrentLocation] = useLocation(defaultLocation);
+        const link = useLink({ isRemote: true });
+        const { href } = link({ href: `/branches/${currentLocation.slug}` });
+        const [query, setQuery] = useState('');
+        const regions = cleanUpRegions(useRegions()).sort((a, b) => a.name.localeCompare(b.name));
+        const regionsGroupByLetter = groupBy(regions, regionFirstLetter);
         const { close } = useDialogManager();
-        const handleClose = useCallback(() => {
+        const handleChangeLocation = useCallback((region) => {
+            selectCurrentLocation(region);
             close();
-            onClose && onClose();
-        }, [onClose]);
-        return (jsxs("div", { className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] }));
-    });
+        }, []);
+        return (jsxs(Dialog, { className: "pb-20", head: jsxs("div", { children: [jsx(Text, { size: "text-h4", color: "text-primary-text", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B" }), currentLocation ? (jsx("div", { className: "mb-s", children: jsxs(Paragraph, { size: "text-l", color: "text-primary-text", children: ["\u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D:", jsx(LinkWrapper, { isRemote: true, href: href, className: "inline mx-2xs text-primary-main", children: currentLocation.name })] }) })) : null, jsx(SearchBar, { onSearch: setQuery, searchTerm: query })] }), children: [query && query.length >= SEARCH_TERM_MIN_LENGTH ? (jsx("div", { children: regions
+                        .filter(({ name }) => name && jaroWinklerDistance(name.toLowerCase())(query.toLowerCase()) >= 0.8)
+                        .map(renderRegion(handleChangeLocation)) })) : (jsx("div", { className: "columns-1 sm:columns-5", children: Array.from(regionsGroupByLetter.entries()).map(renderRegionGroup(handleChangeLocation)) })), renderForeignOffices(foreignOffices)] }));
+    });
+    const regionFirstLetter = (region) => region.name?.charAt(0) || '';
+    const cleanUpRegions = (regions) => regions.map((region) => ({
+        ...region,
+        name: region.name?.replace(/республика|область|край'/gi, '').trim() || '',
+    }));
+
+    const useLocationDialog = (props) => {
+        const { open, close } = useDialogManager();
+        return {
+            open: (options = {}) => open(jsx(LocationDialog, { ...props }), options),
+            close,
+        };
+    };
 
     const ActiveSubMenuItem = JSX(({ item, basePath }) => {
         const isAnotherPortal = projectSettings.BASE_PATH && basePath ? !projectSettings.BASE_PATH.startsWith(basePath) : false;
@@ -4830,13 +4953,15 @@
         const { href, target, onClick } = link(item);
         const router = useRouter();
         const isActive = isHrefActive(router)({ href });
-        return (jsx("div", { className: "mt-3", children: jsxs("a", { className: style(isActive ? 'text-primary-main' : 'text-primary-text', `py-4 px-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl'), href: href, target: target, onClick: onClick, children: [item.text, jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }) }));
+        return (jsx("div", { className: "mt-3", children: jsxs("a", { className: style(isActive ? 'text-primary-main' : 'text-primary-text', `p-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl'), href: href, target: target, onClick: onClick, children: [item.text, jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }) }));
     });
 
     const TopItemMobile = ({ item, isActive, onClick }) => (jsx("div", { className: style('relative rounded-2xl p-2', isActive ? 'bg-primary-main' : 'bg-main-gray'), children: jsx("button", { type: "button", className: "relative", onClick: onClick, children: jsx("span", { className: style('whitespace-nowrap', isActive ? 'text-white' : ''), children: item.text }) }) }));
 
     const BurgerMenuDialog = JSX((props) => {
-        const { topItems, officesLink } = props;
+        const { topItems, defaultLocation, officesLink } = props;
+        const [location] = useLocation(defaultLocation);
+        const locationDialog = useLocationDialog(props);
         const [containerRef, scroll] = useSwipeListScroll({
             itemCount: topItems?.length ?? 0,
         });
@@ -4853,10 +4978,11 @@
             }
         }, [activeTopItemIndex, scroll]);
         const handleTopItemClick = useCallback((idx) => setActiveTopItemIndex(idx), []);
-        return (jsx(Dialog, { head: jsx("div", { className: "flex items-center", children: jsx(Heading, { as: "h4", title: "\u041C\u0435\u043D\u044E" }) }), children: jsxs("div", { className: "flex flex-col flex-nowrap relative w-full h-auto m-auto bg-white pb-24 box-border rounded-md", children: [jsx("div", { className: "w-full mb-3", children: jsx(SwipeListContainer, { containerRef: containerRef, visibleItemCount: 0, gap: 10, className: "pb-3", children: topItems?.map((item, i) => (jsx(TopItemMobile, { item: item, isActive: activeTopItemIndex === i, onClick: () => handleTopItemClick(i) }, String(i)))) }) }), jsxs("div", { className: "relative grow", children: [renderActiveSubMenu(activeMenuSubItems, activeRoute?.href), renderOfficeLink(officesLink)] })] }) }));
+        return (jsx(Dialog, { onClick: (e) => e.stopPropagation(), head: jsx("div", { className: "flex items-center", children: jsx(Heading, { as: "h4", title: "\u041C\u0435\u043D\u044E" }) }), children: jsxs("div", { className: "flex flex-col flex-nowrap relative w-full h-auto m-auto bg-white pb-24 box-border rounded-md", children: [jsx("div", { className: "w-full mb-3", children: jsx(SwipeListContainer, { containerRef: containerRef, visibleItemCount: 0, gap: 10, className: "pb-3", children: topItems?.map((item, i) => (jsx(TopItemMobile, { item: item, isActive: activeTopItemIndex === i, onClick: () => handleTopItemClick(i) }, String(i)))) }) }), jsxs("div", { className: "relative grow", children: [renderActiveSubMenu(activeMenuSubItems, activeRoute?.href), renderOfficeLink(officesLink), renderLocation(location, () => locationDialog.open())] })] }) }));
     });
     const renderActiveSubMenu = (activeMenuSubItems, basePath) => activeMenuSubItems ? (jsx("div", { children: activeMenuSubItems.map((_, i) => (jsx(ActiveSubMenuItem, { item: _, basePath: basePath }, String(i)))) })) : null;
-    const renderOfficeLink = (officesLink) => officesLink ? (jsx("div", { className: "mt-3", children: jsxs("a", { className: style('text-primary-text', `py-4 px-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl'), href: officesLink, rel: "noopener noreferrer", "aria-label": "\u041E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", children: [jsx("span", { children: "\u041E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" }), jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }) })) : null;
+    const renderOfficeLink = (officesLink) => officesLink ? (jsx("div", { className: "mt-3", children: jsxs("a", { className: style('text-primary-text', `p-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl'), href: officesLink, rel: "noopener noreferrer", "aria-label": "\u041E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", children: [jsx("span", { children: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" }), jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }) })) : null;
+    const renderLocation = (location, onClick) => (jsxs("div", { className: style('text-primary-text', `p-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl', 'mt-3'), onClick: onClick, children: [jsx("div", { className: "flex flex-col items-start", children: jsxs("span", { children: ["\u0412\u0430\u0448\u0430 \u043B\u043E\u043A\u0430\u0446\u0438\u044F - ", location.name] }) }), jsx(Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }));
 
     const BURGER_MENU_DIALOG_ID = 'burgerMenuDialog';
     const useBurgerMenuDialog = (props) => {
@@ -4872,55 +4998,48 @@
                 open();
             }
         };
-        return [isBurgerMenuOpen, { open, close, toggle }];
+        return [isBurgerMenuOpen, { open, close, toggle, openDialog }];
     };
 
     const EMPTY_MENU = [];
     // eslint-disable-next-line max-lines-per-function
     const StickyBottomMenu = UniBlock(({ sticky, ...rest }) => {
         const { menuItems = EMPTY_MENU } = sticky ?? {};
-        const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog(rest.options?.page?.sitemap ?? {});
-        const popup = usePopupManager();
+        const [isBurgerMenuDialogOpen, { toggle, close, openDialog }] = useBurgerMenuDialog(rest.options?.page?.sitemap ?? {});
         const middleIdx = Math.floor(menuItems.length / 2);
         const leftItems = menuItems.slice(0, middleIdx);
         const rightItems = menuItems.slice(middleIdx);
         const [activeIndex, setActiveIndex] = useState(-1);
         const [currentItemPosition, setCurrentItemPosition] = useState('');
-        const [popupState, { setFalse: setPopupClosed, setTrue: setPopupOpened }] = useBool();
-        const closePopup = useCallback(() => {
-            setPopupClosed();
+        const [popupDialogState, { setFalse: setPopupDialogClosed, setTrue: setPopupDialogOpened }] = useBool();
+        const closePopupDialog = useCallback(() => {
+            setPopupDialogClosed();
             setActiveIndex(-1);
             setCurrentItemPosition('');
-            popup.close();
-        }, [popup]);
+            close();
+        }, [close]);
         const menuRef = useRef(null);
-        const popupRef = useOutsideClick(closePopup);
-        const openPopup = useCallback((index, itemsPosition) => {
-            setPopupOpened();
+        const popupDialogRef = useOutsideClick(closePopupDialog);
+        const openPopupDialog = useCallback((index, itemsPosition) => {
+            setPopupDialogOpened();
             close();
-            const menuDimensions = menuRef?.current?.getBoundingClientRect();
-            popup.open(jsxs("div", { onClick: (e) => e.stopPropagation(), className: "sticky py-xl top-0 rounded-t-3xl bg-white z-10", children: [jsxs("div", { className: "container px-xl text-center text-h3", children: [itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title, jsx(CloseButton, { className: "absolute top-0 right-0", onClose: closePopup })] }), jsx("div", { className: "bg-white text-l h-[70vh] overflow-y-auto no-scrollbar", ref: popupRef })] }), {
-                top: Math.max(globalThis.document?.documentElement?.clientHeight || 0, globalThis.innerHeight || 0) *
-                    0.3 -
-                    134,
-                left: menuDimensions?.left || 0,
-                width: menuDimensions?.width,
-                fixed: true,
+            openDialog(jsx(Dialog, { onClick: (e) => e.stopPropagation(), className: "mt-[20%]", onClose: closePopupDialog, head: jsx("div", { className: "flex items-center", children: jsx(Heading, { as: "h4", title: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title }) }), children: jsx("div", { className: "bg-white pb-24 pt-1 text-l", ref: popupDialogRef }) }), {
+                id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title,
             });
-        }, [close, popup]);
+        }, [close, closePopupDialog]);
         const handleMenuItemClick = useCallback((index, itemsPosition) => {
             setCurrentItemPosition(itemsPosition);
             setActiveIndex(index);
-            openPopup(index, itemsPosition);
-        }, [openPopup]);
+            openPopupDialog(index, itemsPosition);
+        }, [openPopupDialog]);
         useEffect(() => {
-            if (!popupRef.current) {
+            if (!popupDialogRef.current) {
                 return;
             }
-            if (!popupRef.current.shadowRoot) {
-                popupRef.current?.attachShadow({ mode: 'open' });
+            if (!popupDialogRef.current.shadowRoot) {
+                popupDialogRef.current?.attachShadow({ mode: 'open' });
             }
-            const shadowRoot = popupRef.current.shadowRoot;
+            const shadowRoot = popupDialogRef.current.shadowRoot;
             if (!shadowRoot) {
                 return;
             }
@@ -4930,8 +5049,12 @@
             else {
                 shadowRoot.innerHTML = rightItems[activeIndex]?.__html || '';
             }
-        }, [activeIndex, currentItemPosition, popupState]);
-        return (jsx(BlockWrapper, { className: "h-[74px] z-[100] relative", defaultPadding: "p-0", ...rest, children: jsxs("div", { ref: menuRef, className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition })), jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: toggle }), rightItems.map(renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }))] }) }));
+        }, [activeIndex, currentItemPosition, popupDialogState]);
+        return (jsx(BlockWrapper, { className: "h-[74px] z-[100] relative", defaultPadding: "p-0", ...rest, children: jsxs("div", { ref: menuRef, className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition })), jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: (e) => {
+                            closePopupDialog();
+                            e.stopPropagation();
+                            toggle();
+                        } }), rightItems.map(renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }))] }) }));
     });
     const renderMenuItem = (handleMenuItemClick, itemsPosition, currentActiveItem) => (_, i, arr) => {
         return (jsx(StickyBottomMenuItem, { item: _, isActive: arr[currentActiveItem.activeIndex]?.title === _?.title &&
@@ -5531,7 +5654,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.255";
+    const packageVersion = "0.14.257";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;