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

package/mobile/src/components/TabsLayout/TabsLayout.tsx

@@ -11,6 +11,8 @@ import { style } from '../../utils/style';
 import { renderTabsLayout } from './renderTabsLayout';
 import { type GroupTab, type Tab, type TabsLayoutContent } from './TabsLayoutContent';
 
+const STICKY_STYLE = 'sticky top-1 z-20';
+
 type TabCountedProps = GroupTab & {
   count?: number;
 };
@@ -27,9 +29,11 @@ export const TabsLayout = UniBlock<TabsLayoutProps>(
     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: Tab[] = showCounter
       ? tabs.map((_) => ({
@@ -38,7 +42,6 @@ export const TabsLayout = UniBlock<TabsLayoutProps>(
         }))
       : tabs;
 
-    const { isReady } = router;
     const [activeTabIndex, setActiveTabIndex] = useState(
       getInitSelectedIndex(tabsCounted, getUrlParams(id)),
     );
@@ -47,25 +50,24 @@ export const TabsLayout = UniBlock<TabsLayoutProps>(
 
     //TODO: Вынести в отдельный хук
     useEffect(() => {
-      const defaultTabIndex = router.query[id]
+      const defaultTabIndex = currentQueryParam
         ? tabsCounted.findIndex(
-            (_, i) => _.type === 'group' && (_?.tabName ?? String(i)) === router.query[id],
+            (_, i) => _.type === 'group' && (_?.tabName ?? String(i)) === currentQueryParam,
           )
         : defaultSelectedTab;
 
       setActiveTabIndex(defaultTabIndex === -1 ? 0 : defaultTabIndex);
-    }, [isReady, defaultSelectedTab, id]);
+    }, [defaultSelectedTab, currentQueryParam]);
 
     const slotName = getSlotName(tabsCounted[activeTabIndex] as TabCountedProps, activeTabIndex);
 
     const updateUrlSearchTabParam = (_: TabItemBase, i: number) => {
-      const searchParams = new URLSearchParams(router.query as Record<string, string>);
       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(
@@ -84,15 +86,15 @@ export const TabsLayout = UniBlock<TabsLayoutProps>(
 
     return (
       <BlockWrapper
-        className={style({ 'sticky top-1 z-20': isSticky && isEveryLink }, className)} // Sticky is only used for type links
+        className={style({ [STICKY_STYLE]: [isSticky, isEveryLink].every(Boolean) }, className)} // Sticky is only used for type links
         defaultPadding="p-0"
         block={block}
         {...rest}
       >
         {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,

package/mobile/src/external/useRouter.ts

@@ -4,13 +4,9 @@ interface RouterOptions {
 
 export interface Router {
   pathname: string;
-  query: Record<string, string | string[] | undefined>;
-  href?: string;
-  basePath?: string;
-  push: (url: string, as?: string, options?: RouterOptions) => void;
-  replace: (url: string, as?: string, options?: RouterOptions) => void;
+  push: (url: string, options?: RouterOptions) => void;
+  replace: (url: string, options?: RouterOptions) => void;
   back: () => void;
-  isReady: boolean;
 }
 
 export function useRouter(): Router {
@@ -18,10 +14,7 @@ export function useRouter(): Router {
 }
 
 useRouter._impl = (): Router => ({
-  isReady: false,
-  href: globalThis.location?.href || '/',
   pathname: globalThis.location?.pathname || '/',
-  query: {},
   push: () => {
     // Do nothing
   },

package/mobile/src/hooks/useActiveRoute.ts

@@ -33,5 +33,5 @@ const isHrefActive =
 const getRouterHref = (router: Router) => (href?: string) => {
   const basePath = getBasePath(env.SITE_URL);
 
-  return isURL(href) ? router.href : joinPath(basePath, router.pathname);
+  return isURL(href) ? globalThis?.location?.href : joinPath(basePath, router.pathname);
 };

package/mobile/src/model/Fallback.ts

@@ -1,5 +1,4 @@
 type Key = string;
 type Data = any;
 
-export type FallbackMap = Record<Key, () => Promise<Data>>;
 export type Fallback = Record<Key, Data>;

package/mobile/src/services/search/useSearch.ts

@@ -10,6 +10,8 @@ const SEARCH_INDEX_FILENAME = 'search.index.json';
 
 export type SearchResult = Array<CorpusItem[]>; // List of pages (CorpusItem) per base path from "basePathList"
 
+type FetchSearchIndexResult = [string, SearchIndex | null];
+
 interface SearchParams {
   basePathList: Nullable<string[]>;
   initialQuery?: string;
@@ -47,7 +49,26 @@ export const useSearch = ({
 
 const fetchSearchIndex = async (...basePathList: (string | null)[]): Promise<SearchIndex[]> =>
   (
-    await Promise.allSettled<SearchIndex | null>(
-      basePathList.map((basePath) => fetchJSON(joinPath(basePath, '/', SEARCH_INDEX_FILENAME))),
+    await Promise.allSettled(
+      basePathList.map(async (basePath) => [
+        basePath,
+        await fetchJSON(joinPath(basePath, SEARCH_INDEX_FILENAME)),
+      ]),
     )
-  ).map((_) => (_.status === 'fulfilled' ? _.value : {}) as SearchIndex);
+  )
+    .map((_) => (_.status === 'fulfilled' ? _.value : []) as FetchSearchIndexResult)
+    .map(getSearchIndex);
+
+const getSearchIndex = ([basePath, result]: FetchSearchIndexResult): SearchIndex => {
+  if (!result) {
+    return {};
+  }
+
+  return {
+    ...result,
+    corpus: result.corpus?.map((_) => ({
+      ..._,
+      uri: _.uri === 'index' ? basePath : joinPath(basePath, _.uri),
+    })),
+  };
+};

package/mobile/src/setup-fixture.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.831",
+  "version": "0.14.833",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -39,26 +39,6 @@
     "./lib/common.css": "./lib/common.css",
     "./mobile/lib/common.css": "./mobile/lib/common.css",
     "./fonts/ubuntu/*": "./fonts/ubuntu/*",
-    "./lib/content-page-repository": {
-      "import": "./lib/content-page-repository/index.js",
-      "require": "./dist/content-page-repository/index.js",
-      "types": "./lib/content-page-repository/index.d.ts"
-    },
-    "./lib/content-page-repository/*": {
-      "import": "./lib/content-page-repository/*.js",
-      "require": "./dist/content-page-repository/*.js",
-      "types": "./lib/content-page-repository/*.d.ts"
-    },
-    "./mobile/lib/content-page-repository": {
-      "import": "./mobile/lib/content-page-repository/index.js",
-      "require": "./mobile/dist/content-page-repository/index.js",
-      "types": "./mobile/lib/content-page-repository/index.d.ts"
-    },
-    "./mobile/lib/content-page-repository/*": {
-      "import": "./mobile/lib/content-page-repository/*.js",
-      "require": "./mobile/dist/content-page-repository/*.js",
-      "types": "./mobile/lib/content-page-repository/*.d.ts"
-    },
     "./bundle/*.js": "./bundle/*.js",
     "./bundle/*.json": "./bundle/*.json",
     "./*.json": "./*.json",

package/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -17,7 +17,11 @@ import { Text } from '../../ui-kit/Text/Text';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { getApplicationFormData } from './applicationFormData';
-import { type ApplicationLeadFormContent, type ProductType } from './ApplicationLeadFormContent';
+import {
+  EsiaStatuses,
+  type ApplicationLeadFormContent,
+  type ProductType,
+} from './ApplicationLeadFormContent';
 import { EsiaLoginBanner } from './EsiaLoginBanner';
 import { renderInputs } from './renderInputs';
 import { renderSubmitButton } from './renderSubmitButton';
@@ -26,12 +30,6 @@ import { useInitApplicationLead } from './useInitApplicationLead';
 
 interface ApplicationLeadFormProps extends ApplicationLeadFormContent, UniBlockProps {}
 
-export enum EsiaStatuses {
-  Success = 'SUCCESS',
-  Error = 'ERROR',
-  Pending = 'PENDING',
-}
-
 export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
   ({
     className,

package/src/components/ApplicationLeadForm/ApplicationLeadFormContent.ts

@@ -4,6 +4,12 @@ import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type InputRetailSectionsType } from '../../retail/model/InputSectionsType';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
+export enum EsiaStatuses {
+  Success = 'SUCCESS',
+  Error = 'ERROR',
+  Pending = 'PENDING',
+}
+
 export type SubmitButtonProps = TextProps & {
   version?: LinkButtonVersion;
 };

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -3,8 +3,7 @@ import { useSetter } from '../../hooks/useSetter';
 import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
 import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
-import { EsiaStatuses } from './ApplicationLeadForm';
-import { type ProductType } from './ApplicationLeadFormContent';
+import { EsiaStatuses, type ProductType } from './ApplicationLeadFormContent';
 import { getInitialFormState } from './getInitialFormState';
 import { parseEsiaProfile } from './parseEsiaProfile';
 import { useLeadFormStore } from './useLeadFormStore';

package/src/components/Blocks.mobile.ts

@@ -36,7 +36,6 @@ import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
 import { ProductBlock } from './ProductBlock/ProductBlock';
-import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
 import { StepsBlock } from './StepsBlock/StepsBlock';
@@ -44,7 +43,6 @@ import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
 import { TabsLayout } from './TabsLayout/TabsLayout';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
-import { UnitBlock } from './UnitBlock/UnitBlock';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 
 export const Blocks: BlocksRegistry = {
@@ -81,7 +79,6 @@ export const Blocks: BlocksRegistry = {
   MobileAppTile,
   OfficesAtmsMap,
   ProductBlock,
-  RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
   StepsBlock,
@@ -89,7 +86,6 @@ export const Blocks: BlocksRegistry = {
   TabsLayout,
   TariffsTable,
   TextBlock,
-  UnitBlock,
   VerticalLayout,
   ApplicationLeadForm,
   CreditCardForm,

package/src/components/Blocks.ts

@@ -35,12 +35,10 @@ import { Headline } from './Headline/Headline';
 import { HorizontalLayout } from './HorizontalLayout/HorizontalLayout';
 import { ImgBlock } from './ImgBlock/ImgBlock';
 import { InsuranceAmountBlock } from './InsuranceAmountBlock/InsuranceAmountBlock';
-import { InvestmentInfo } from './InvestmentInfo/InvestmentInfo';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
 import { ProductBlock } from './ProductBlock/ProductBlock';
-import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
 import { StepsBlock } from './StepsBlock/StepsBlock';
@@ -48,7 +46,6 @@ import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
 import { TabsLayout } from './TabsLayout/TabsLayout';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
-import { UnitBlock } from './UnitBlock/UnitBlock';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 import { Video } from './Video/Video';
 
@@ -84,12 +81,10 @@ export const Blocks: BlocksRegistry = {
   HorizontalLayout,
   ImgBlock,
   InsuranceAmountBlock,
-  InvestmentInfo,
   LinkDocs,
   MobileAppTile,
   OfficesAtmsMap,
   ProductBlock,
-  RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
   StepsBlock,
@@ -97,7 +92,6 @@ export const Blocks: BlocksRegistry = {
   TabsLayout,
   TariffsTable,
   TextBlock,
-  UnitBlock,
   VerticalLayout,
   Video,
   ApplicationLeadForm,

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

@@ -4,15 +4,12 @@ import '../../setup-fixture';
 import { type ContentPageDef } from '../../model/ContentPageDef';
 import { Blocks } from '../Blocks';
 import { ContentPage } from './ContentPage';
-import { normalizePage } from './normalizePage';
 import { useContentPageData } from './useContentPageData';
 
 export default {
   default: () => {
     const data = useContentPageData(Blocks);
 
-    return (
-      <ContentPage blocksRegistry={Blocks} data={normalizePage(Blocks)(data as ContentPageDef)} />
-    );
+    return <ContentPage blocksRegistry={Blocks} data={data as ContentPageDef} />;
   },
 };

package/src/components/ContentPage/ContentPage.fixture.tsx

@@ -5,7 +5,6 @@ import { type BlockDecorator } from '../../model/BlockDecorator';
 import { type ContentPageDef } from '../../model/ContentPageDef';
 import { Blocks } from '../Blocks';
 import { ContentPage } from './ContentPage';
-import { normalizePage } from './normalizePage';
 import { useContentPageData } from './useContentPageData';
 
 const blockDecorator: BlockDecorator = ({ blockClassName, block, render }, i) => (
@@ -33,11 +32,7 @@ export default {
     const data = useContentPageData(Blocks);
 
     return (
-      <ContentPage
-        className="bg-main"
-        blocksRegistry={Blocks}
-        data={normalizePage(Blocks)(data as ContentPageDef)}
-      />
+      <ContentPage className="bg-main" blocksRegistry={Blocks} data={data as ContentPageDef} />
     );
   },
   editor: () => {
@@ -48,7 +43,7 @@ export default {
         <ContentPage
           className="bg-transparent"
           blocksRegistry={Blocks}
-          data={normalizePage(Blocks)(data as ContentPageDef)}
+          data={data as ContentPageDef}
           blockDecorator={blockDecorator}
         />
       </div>

package/src/components/GalleryLayout/GalleryLayout.tsx

@@ -15,6 +15,7 @@ import { style } from '../../utils/style';
 import { gapStyles } from '../HorizontalLayout/gapStyles';
 import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
 import { type GalleryLayoutContent } from './GalleryLayoutContent';
+import { useSortProductBlocks } from './useSortProductBlocks';
 
 const MIN_LENGTH_CHILD = 5;
 const SHORT_TILE_INDEXES = [1, 2, 3, 4];
@@ -49,25 +50,31 @@ export const GalleryLayout = UniBlock<GalleryLayoutProps>(
     version = 'transparent',
     isTheme = false,
     isCardBorder = false,
+    block = {},
     ...rest
-  }) => (
-    <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}
-    >
-      {renderChildren({
-        ...rest,
-        renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
-      })}
-    </BlockWrapper>
-  ),
+  }) => {
+    const blocks = useSortProductBlocks(block);
+
+    return (
+      <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}
+      >
+        {renderChildren({
+          ...rest,
+          block: { ...block, blocks },
+          renderProps: getRenderProps({ isInnerPadding, isCardBorder }),
+        })}
+      </BlockWrapper>
+    );
+  },
   {
     childrenTypes: ['ProductBlock'],
     childSchema: () => LINK_SCHEMA,
@@ -107,13 +114,19 @@ const blockDecoratorWrapper =
       `wrap_${i}`,
     ) ?? productBlockDecorator(idx)(props, i);
 
+const visibilityByIdx = (i?: number) => (Number(i) < 5 ? '' : 'hidden');
+
 const productBlockDecorator =
   (idx: number): BlockDecorator =>
   ({ blockClassName, block, render }, i) => {
     const modifiedBlock = modifyBlock(block, idx);
 
     return (
-      <LinkWrapper key={String(i)} {...modifiedBlock.content?.link} className={getChildStyle(idx)}>
+      <LinkWrapper
+        key={String(i)}
+        {...modifiedBlock.content?.link}
+        className={style(visibilityByIdx(idx), getChildStyle(idx))}
+      >
         {render({
           blockClassName: style(blockClassName, 'h-full'),
           block: modifiedBlock,

package/src/components/GalleryLayout/useSortProductBlocks.ts

@@ -0,0 +1,25 @@
+import { useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
+import { type BlockDef } from '../../model/ContentPageDef';
+
+export const useSortProductBlocks = (parentBlock: BlockDef = {}): BlockDef[] => {
+  const [blocks, setBlocks] = useState(parentBlock.blocks ?? []);
+  const sessionStore = useSessionStore();
+  const offerIds: string[] = 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): block is BlockDef => Boolean(block));
+
+    const tailBlocks = blocks.filter(({ __id = '' }) => !offerIds.includes(__id));
+
+    return [...blocksByOfferIds, ...tailBlocks];
+  }, [blocks, offerIds]);
+
+  useEffect(() => setBlocks(sortedBlocks), []);
+
+  return blocks;
+};

package/src/components/Header/HeaderSecondaryMenu.tsx

@@ -7,6 +7,7 @@ import { getAspectsWithInclude } from '../../hooks/useAspects/aspects/getAspects
 import { useLocation } from '../../hooks/useLocation';
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type IconVersion } from '../../model/IconVersion';
+import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { LocationDialog } from '../../ui-kit/LocationDialog/LocationDialog';
 import { SearchDialog } from '../../ui-kit/SearchDialog/SearchDialog';
@@ -36,15 +37,17 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
         className={style('flex items-center ml-5 md:max-w-[300px] xl:max-w-full gap-lg', className)}
         role="navigation"
       >
-        {rest?.branches?.visible ? (
-          <TopItem
-            className="whitespace-nowrap text-ellipsis overflow-hidden"
-            flat={true}
-            href="#"
-            text={currentLocation?.name}
-            data={getAspectsWithInclude(rest?.branches?.dataClick, currentLocation?.name ?? '')}
-            onClick={openLocationDialog}
-          />
+        {currentLocation?.name && rest?.branches?.visible ? (
+          <ClientOnly>
+            <TopItem
+              className="whitespace-nowrap text-ellipsis overflow-hidden"
+              flat={true}
+              href="#"
+              text={currentLocation?.name}
+              data={getAspectsWithInclude(rest?.branches?.dataClick, currentLocation?.name ?? '')}
+              onClick={openLocationDialog}
+            />
+          </ClientOnly>
         ) : null}
         {rest?.officesAtms?.href ? (
           <TopItem className="whitespace-nowrap" flat={true} {...rest.officesAtms} />

package/src/components/ProductBlock/ProductBlock.example.json

@@ -71,17 +71,7 @@
             }
           }
         ]
-      },
-      "blocks": [
-        {
-          "content": {
-            "prefix": "префикс",
-            "unit": 1,
-            "suffix": "суффикс"
-          },
-          "type": "UnitBlock"
-        }
-      ]
+      }
     }
   ]
 ]

package/src/components/ProductBlock/ProductBlock.fixture.tsx

@@ -130,12 +130,6 @@ const options = {
   page: { common: require('../../../cosmos-static/wcms-resources/common.json') },
 } as BlockRendererOptions;
 
-const UNIT_BLOCK_DATA = {
-  prefix: 'от',
-  unit: 5,
-  suffix: 'баллов',
-};
-
 export default {
   'primary with back button': (
     <div className="container grid grid-cols-12">
@@ -294,26 +288,4 @@ export default {
       />
     </div>
   ),
-  'with nested unit block': (
-    <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-6"
-        options={options}
-        title="300 приветственных баллов"
-        description="За операции оплаты товаров и услуг на общую сумму 1000 рублей"
-        block={{ blocks: [{ type: 'UnitBlock', content: UNIT_BLOCK_DATA }] }}
-      />
-    </div>
-  ),
-  'with nested unit block full width': (
-    <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-12"
-        options={options}
-        title="300 приветственных баллов"
-        description="За операции оплаты товаров и услуг на общую сумму 1000 рублей"
-        block={{ blocks: [{ type: 'UnitBlock', content: UNIT_BLOCK_DATA }] }}
-      />
-    </div>
-  ),
 };

package/src/components/ProductBlock/ProductBlock.tsx

@@ -22,5 +22,4 @@ export const ProductBlock = UniBlock<ProductBlockProps>(
       />
     </BlockWrapper>
   ),
-  { childrenTypes: ['UnitBlock'] },
 );

package/src/components/StickyBottomMenu/BurgerMenuDialog.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type HeaderData } from '../../data/HeaderData';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
@@ -23,15 +23,17 @@ export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>(
     const locationDialog = useDialog(LocationDialog, locationDialogProps);
     const { name: location } = useLocation();
     const menuDimensions = menuRef?.current?.getBoundingClientRect();
-    const basePath = getBasePath(env.SITE_URL);
 
-    const handleIframeLoad = () => {
-      const iframeWindow: Window = globalThis.frames['burger-menu-iframe'];
+    const handleIframeLoad = useCallback(() => {
+      const iframeWindow: Window = globalThis?.frames['burger-menu-iframe'];
       const ifDoc: HTMLIFrameElement = 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: Window = globalThis.frames['burger-menu-iframe'];
@@ -74,7 +76,7 @@ export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>(
           <iframe
             id="iframe-dialog"
             name="burger-menu-iframe"
-            onLoad={() => handleIframeLoad()}
+            onLoad={handleIframeLoad}
             src={menuItem?.src}
             width={menuDimensions?.width || 0}
           />