@redneckz/wildless-cms-uni-blocks 0.14.831 → 0.14.832

package/lib/services/search/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/services/search/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAqC,MAAM,UAAU,CAAC;AAErE,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAclD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,YAAY,EACZ,YAAY,GAAG,EAAE,GACJ,EAA2C,EAAE;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,EAAE;YACvD,QAAQ,CAAC,YAAY,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAE5F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAEhE,kBAAkB,CAAC,GAAG,EAAE;QACtB,IAAI,IAAI,EAAE;YACR,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,EAAE,GAAG,YAA+B,EAA0B,EAAE,CAC5F,CACE,MAAM,OAAO,CAAC,UAAU,CACtB,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAC1F,CACF,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAgB,CAAC,CAAC"}
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/services/search/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAqC,MAAM,UAAU,CAAC;AAErE,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAgBlD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,YAAY,EACZ,YAAY,GAAG,EAAE,GACJ,EAA2C,EAAE;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,EAAE;YACvD,QAAQ,CAAC,YAAY,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAE5F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAEhE,kBAAkB,CAAC,GAAG,EAAE;QACtB,IAAI,IAAI,EAAE;YACR,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,EAAE,GAAG,YAA+B,EAA0B,EAAE,CAC5F,CACE,MAAM,OAAO,CAAC,UAAU,CACtB,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC;IACnC,QAAQ;IACR,MAAM,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;CAC3D,CAAC,CACH,CACF;KACE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAA2B,CAAC;KAC/E,GAAG,CAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,cAAc,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAyB,EAAe,EAAE;IACjF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IAED,OAAO;QACL,GAAG,MAAM;QACT,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACjC,GAAG,CAAC;YACJ,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC;SAC9D,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/setup-fixture.js

@@ -20,10 +20,7 @@ useRouter.setup(() => {
         };
     }, []);
     return {
-        href,
-        isReady: true,
         pathname: new URL(href).pathname,
-        query: Object.fromEntries(new URLSearchParams(globalThis.location.search)),
         push: (url) => {
             globalThis.history.pushState(null, '', url);
         },

package/lib/setup-fixture.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../src/setup-fixture.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE3B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,UAAU,CAAC,gBAAgB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAE7D,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI,GAAG,CAAC,IAAc,CAAC,CAAC,QAAQ;QAC1C,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC1E,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE;YACvB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACT,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC9C,MAAM,gBAAgB,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,KAAK,QAAQ,CAAC;IAEvD,IAAI,CAAC,gBAAgB,EAAE;QACrB,EAAE,EAAE,cAAc,EAAE,CAAC;KACtB;IAED,OAAO,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,MAAM,EAAE,IAAI;IACZ,IAAI,IAAI;QACN,OAAO,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;IAClC,CAAC;IACD,IAAI,MAAM;QACR,OAAO,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC;IACpC,CAAC;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../src/setup-fixture.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE3B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,UAAU,CAAC,gBAAgB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAE7D,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,QAAQ,EAAE,IAAI,GAAG,CAAC,IAAc,CAAC,CAAC,QAAQ;QAC1C,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE;YACvB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACT,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC9C,MAAM,gBAAgB,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,KAAK,QAAQ,CAAC;IAEvD,IAAI,CAAC,gBAAgB,EAAE;QACrB,EAAE,EAAE,cAAc,EAAE,CAAC;KACtB;IAED,OAAO,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,MAAM,EAAE,IAAI;IACZ,IAAI,IAAI;QACN,OAAO,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;IAClC,CAAC;IACD,IAAI,MAAM;QACR,OAAO,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC;IACpC,CAAC;CACF,CAAC,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -200,10 +200,7 @@
         return useRouter._impl();
     }
     useRouter._impl = () => ({
-        isReady: false,
-        href: globalThis.location?.href || '/',
         pathname: globalThis.location?.pathname || '/',
-        query: {},
         push: () => {
             // Do nothing
         },
@@ -9417,6 +9414,22 @@
         '': '',
     };
 
+    const useSortProductBlocks = (parentBlock = {}) => {
+        const [blocks, setBlocks] = useState(parentBlock.blocks ?? []);
+        const sessionStore = useSessionStore();
+        const offerIds = sessionStore?.offerIds || [];
+        const sortedBlocks = useMemo(() => {
+            const blocksMap = new Map(parentBlock.blocks?.map((block) => [block?.__id, block]) ?? []);
+            const blocksByOfferIds = offerIds
+                .map((id) => blocksMap.get(id))
+                .filter((block) => Boolean(block));
+            const tailBlocks = blocks.filter(({ __id = '' }) => !offerIds.includes(__id));
+            return [...blocksByOfferIds, ...tailBlocks];
+        }, [blocks, offerIds]);
+        useEffect(() => setBlocks(sortedBlocks), []);
+        return blocks;
+    };
+
     const MIN_LENGTH_CHILD = 5;
     const SHORT_TILE_INDEXES = [1, 2, 3, 4];
     const LINK_SCHEMA = {
@@ -9438,10 +9451,14 @@
             required: ['href'],
         },
     };
-    const GalleryLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, ...rest }) => (jsx(BlockWrapper, { className: style('grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-4 lg:auto-rows-fr', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
-            ...rest,
-            renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
-        }) })), {
+    const GalleryLayout = UniBlock(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, block = {}, ...rest }) => {
+        const blocks = useSortProductBlocks(block);
+        return (jsx(BlockWrapper, { className: style('grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-4 lg:auto-rows-fr', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
+                ...rest,
+                block: { ...block, blocks },
+                renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
+            }) }));
+    }, {
         childrenTypes: ['ProductBlock'],
         childSchema: () => LINK_SCHEMA,
         allowRemoveChild: (slot) => (slot?.blocks ?? []).length > MIN_LENGTH_CHILD,
@@ -9457,9 +9474,10 @@
         ...props,
         render: (renderProps) => productBlockDecorator(idx)({ ...props, ...renderProps }, i),
     }, `wrap_${i}`) ?? productBlockDecorator(idx)(props, i);
+    const visibilityByIdx = (i) => (Number(i) < 5 ? '' : 'hidden');
     const productBlockDecorator = (idx) => ({ blockClassName, block, render }, i) => {
         const modifiedBlock = modifyBlock(block, idx);
-        return (jsx(LinkWrapper, { ...modifiedBlock.content?.link, className: getChildStyle(idx), children: render({
+        return (jsx(LinkWrapper, { ...modifiedBlock.content?.link, className: style(visibilityByIdx(idx), getChildStyle(idx)), children: render({
                 blockClassName: style(blockClassName, 'h-full'),
                 block: modifiedBlock,
             }) }, String(i)));
@@ -10113,14 +10131,14 @@
         const locationDialog = useDialog(LocationDialog, locationDialogProps);
         const { name: location } = useLocation();
         const menuDimensions = menuRef?.current?.getBoundingClientRect();
-        const basePath = getBasePath(env.SITE_URL);
-        const handleIframeLoad = () => {
-            const iframeWindow = globalThis.frames['burger-menu-iframe'];
+        const handleIframeLoad = useCallback(() => {
+            const iframeWindow = globalThis?.frames['burger-menu-iframe'];
             const ifDoc = document.getElementsByTagName('iframe')['iframe-dialog'];
             ifDoc.style.height = String(ifDoc?.contentWindow?.document.body.offsetHeight) + 'px';
+            const basePath = getBasePath(env.SITE_URL);
             iframeWindow.postMessage({ type: 'currentTab', data: basePath?.slice(1) }, '*');
             iframeWindow.postMessage({ type: 'currentLocation', data: location }, '*');
-        };
+        }, [env.SITE_URL]);
         useEffect(() => {
             const iframeWindow = globalThis.frames['burger-menu-iframe'];
             iframeWindow.postMessage({ type: 'currentLocation', data: location }, '*');
@@ -10145,7 +10163,7 @@
                 globalThis.removeEventListener('message', onMessage);
             };
         }, [onClose]);
-        return (jsx(StickyBottomMenuDialog, { head: jsx("div", { className: "flex items-center justify-center px-xl", children: jsx(Heading, { as: "h4", title: menuItem?.title, className: "font-medium" }) }), onClick: (e) => e.stopPropagation(), onClose: onClose, children: jsx("div", { className: "bg-white pb-20 pt-1 text-l", children: jsx("iframe", { id: "iframe-dialog", name: "burger-menu-iframe", onLoad: () => handleIframeLoad(), src: menuItem?.src, width: menuDimensions?.width || 0 }) }) }));
+        return (jsx(StickyBottomMenuDialog, { head: jsx("div", { className: "flex items-center justify-center px-xl", children: jsx(Heading, { as: "h4", title: menuItem?.title, className: "font-medium" }) }), onClick: (e) => e.stopPropagation(), onClose: onClose, children: jsx("div", { className: "bg-white pb-20 pt-1 text-l", children: jsx("iframe", { id: "iframe-dialog", name: "burger-menu-iframe", onLoad: handleIframeLoad, src: menuItem?.src, width: menuDimensions?.width || 0 }) }) }));
     });
 
     const BURGER_MENU_DIALOG_ID = 'burgerMenuDialog';
@@ -10353,39 +10371,40 @@
     };
     const renderTabsLayout = ({ className = '', tabsType = 'animated', ...props }) => tabsType ? (jsx("div", { className: style(tabsStyle[tabsType].wrapper, className), children: jsx(ScrollableTabsControl, { className: tabsStyle[tabsType].component, tabsType: tabsType, ...props }) })) : null;
 
+    const STICKY_STYLE = 'sticky top-1 z-20';
     const TabsLayout = UniBlock(
     // eslint-disable-next-line max-lines-per-function
     ({ className = '', tabs = [], block, tabsType, showCounter = false, isSticky = false, ...rest }) => {
-        const id = getId(block ?? {});
+        const id = getId(block || {});
         const router = useRouter();
         const isEveryLink = tabs.every((_) => _?.type === 'link');
+        const query = new URLSearchParams(globalThis?.location?.search || '');
+        const currentQueryParam = query.get[id];
         const tabsCounted = showCounter
             ? tabs.map((_) => ({
                 ..._,
                 count: _?.type === 'group' ? block?.slots?.[_?.tabName ?? '']?.length ?? 0 : 0,
             }))
             : tabs;
-        const { isReady } = router;
         const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabsCounted, getUrlParams(id)));
         const activeItem = tabsCounted[activeTabIndex];
         const defaultSelectedTab = tabsCounted.findIndex((_) => Boolean(_.selected));
         //TODO: Вынести в отдельный хук
         useEffect(() => {
-            const defaultTabIndex = router.query[id]
-                ? tabsCounted.findIndex((_, i) => _.type === 'group' && (_?.tabName ?? String(i)) === router.query[id])
+            const defaultTabIndex = currentQueryParam
+                ? tabsCounted.findIndex((_, i) => _.type === 'group' && (_?.tabName ?? String(i)) === currentQueryParam)
                 : defaultSelectedTab;
             setActiveTabIndex(defaultTabIndex === -1 ? 0 : defaultTabIndex);
-        }, [isReady, defaultSelectedTab, id]);
+        }, [defaultSelectedTab, currentQueryParam]);
         const slotName = getSlotName(tabsCounted[activeTabIndex], activeTabIndex);
         const updateUrlSearchTabParam = (_, i) => {
-            const searchParams = new URLSearchParams(router.query);
             if (_.text) {
-                searchParams.set(id, _?.tabName ?? String(i));
+                query.set(id, _?.tabName ?? String(i));
             }
             else {
-                searchParams.delete(id);
+                query.delete(id);
             }
-            router.replace(`${router.pathname}?${searchParams}`, '', { scroll: false });
+            router.replace(`${router.pathname}?${query}`, { scroll: false });
         };
         const handleChange = useCallback((_) => {
             const index = tabsCounted.indexOf(_);
@@ -10395,10 +10414,10 @@
                 updateUrlSearchTabParam(_, index);
             }
         }, [tabsCounted]);
-        return (jsxs(BlockWrapper, { className: style({ 'sticky top-1 z-20': isSticky && isEveryLink }, className), defaultPadding: "p-0", block: block, ...rest, children: [renderTabsLayout({
+        return (jsxs(BlockWrapper, { className: style({ [STICKY_STYLE]: [isSticky, isEveryLink].every(Boolean) }, className), defaultPadding: "p-0", block: block, ...rest, children: [renderTabsLayout({
                     className: style({
-                        'pb-1': block?.slots && tabsType === 'default',
-                        'sticky top-1 z-20': isSticky && !isEveryLink,
+                        'pb-1': [block?.slots, tabsType === 'default'].every(Boolean),
+                        [STICKY_STYLE]: [isSticky, !isEveryLink].every(Boolean),
                     }),
                     items: getItems(tabs, tabsCounted),
                     activeItem,
@@ -10775,7 +10794,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.830";
+    const packageVersion = "0.14.831";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;