@redneckz/wildless-cms-uni-blocks 0.14.599 → 0.14.601

package/mobile/lib/ui-kit/PopupManager/usePopupManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupManager.js","sourceRoot":"","sources":["../../../src/ui-kit/PopupManager/usePopupManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAIjE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE,CAAC,KAAY,EAAE,OAAqB,EAAE,EAAE,CAC5C,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;IAC5E,MAAM,EAAE,CAAC,KAAY,EAAE,OAAqB,EAAE,EAAE,CAC9C,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;IAC9E,KAAK,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;CACtE,CAAC,CAAC"}
+{"version":3,"file":"usePopupManager.js","sourceRoot":"","sources":["../../../src/ui-kit/PopupManager/usePopupManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAIjE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE,CAAC,KAAY,EAAE,OAAqB,EAAE,EAAE,CAC5C,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;IACpE,MAAM,EAAE,CAAC,KAAY,EAAE,OAAqB,EAAE,EAAE,CAC9C,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;IACtE,KAAK,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;CAC9D,CAAC,CAAC"}

package/mobile/lib/ui-kit/VerifyPhoneDialog/InputCode.js

@@ -9,12 +9,8 @@ export const InputCode = JSX(({ values, setValues, hasError, errorText }) => {
     }, [activeIndex]);
     const handleChange = useCallback((index) => (event) => {
         const { value } = event.currentTarget;
-        const isLastIndex = index === values.length - 1;
-        const isMultipleCharacters = value.length > 1;
-        if (isLastIndex && isMultipleCharacters) {
-            return;
-        }
-        setValues(values.map((_, i) => (i === index ? value : _)));
+        const oneValue = value.slice(0, 1);
+        setValues(values.map((_, i) => (i === index ? oneValue : _)));
         setActiveIndex(index + 1);
     }, [values]);
     const handleKeyDown = useCallback((currentIndex) => (event) => {

package/mobile/lib/ui-kit/VerifyPhoneDialog/InputCode.js.map

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

package/mobile/src/EventBus/EventBus.ts

@@ -1,72 +1,36 @@
-export type Subscriber<Event> = (ev: Event) => void;
-
-type Cleanup = () => void;
-
-export interface EventBusObservable<EM extends Record<string, any>> {
-  subscribe<K extends keyof EM>(type: K, listener: Subscriber<EM[K]>): Cleanup;
-}
-
-export interface EventBusEmitter<EM extends Record<string, any>> {
-  fire<K extends keyof EM>(type: K, event: EM[K]): void;
-  subject<K extends keyof EM>(type: K, event: EM[K]): Cleanup;
-}
-
-export class EventBus<EM extends Record<string, any>>
-  implements EventBusObservable<EM>, EventBusEmitter<EM>
-{
-  private subscribersMap: Partial<Record<keyof EM, Subscriber<EM[keyof EM]>[]>> = {};
+export class EventBus<EM extends Record<string, any>> {
+  private subscribers: Partial<Record<keyof EM, Array<(ev: EM[keyof EM]) => void>>> = {};
   private subjectsStateMap: Partial<EM> = {};
 
-  readonly emitter: EventBusEmitter<EM> = this;
-  readonly observable: EventBusObservable<EM> = this;
+  subscribe<K extends keyof EM>(type: K, listener: (event: EM[K]) => void) {
+    this.subscribers[type] = (this.subscribers[type] || []).concat(
+      listener as (ev: EM[keyof EM]) => void,
+    );
 
-  subscribe<K extends keyof EM>(type: K, listener: Subscriber<EM[K]>): Cleanup {
-    this.subscribersMap[type] ||= [];
-    this.subscribersMap[type]?.push(listener as Subscriber<EM[keyof EM]>);
-
-    this.fireSubscribers([listener], this.subjectsStateMap[type]);
+    const latestEvent = this.subjectsStateMap[type];
+    if (latestEvent) {
+      listener(latestEvent as EM[K]);
+    }
 
     return () => {
       this.unsubscribe(type, listener);
     };
   }
 
-  private unsubscribe<K extends keyof EM>(type: K, listener: Subscriber<EM[K]>) {
-    const index = this.subscribersMap[type]?.indexOf(listener as Subscriber<EM[keyof EM]>);
-    if (index && index !== -1) {
-      this.subscribersMap[type]?.splice(index, 1);
-    }
+  private unsubscribe<K extends keyof EM>(type: K, listener: (event: EM[K]) => void) {
+    this.subscribers[type] = this.subscribers[type]?.filter((s) => s !== listener);
   }
 
   fire<K extends keyof EM>(type: K, event: EM[K]) {
     const isSubjectDeclared = type in this.subjectsStateMap;
     if (isSubjectDeclared) {
-      this.subject(type, event);
-    } else {
-      this.fireSubscribers(this.subscribersMap[type], event);
-    }
-  }
-
-  subject<K extends keyof EM>(type: K, event: EM[K]): Cleanup {
-    if (this.subjectsStateMap[type] !== event) {
       this.subjectsStateMap[type] = event;
-      this.fireSubscribers(this.subscribersMap[type], event);
     }
 
-    return () => {
-      delete this.subjectsStateMap[type];
-    };
+    this.subscribers[type]?.forEach((s) => s(event));
   }
 
-  private fireSubscribers<K extends keyof EM>(
-    subscribers: Subscriber<EM[K]>[] | undefined,
-    event: EM[K] | undefined,
-  ) {
-    if (!subscribers || !event) {
-      return;
-    }
-    for (const _ of subscribers) {
-      _(event);
-    }
+  subject<K extends keyof EM>(type: K, event: EM[K]) {
+    this.subjectsStateMap[type] = event;
   }
 }

package/mobile/src/EventBus/defaultEventBus.ts

@@ -1,10 +1,22 @@
+import { type CarouselTariffsCardAction } from '../components/CarouselTariffsCard/CarouselTariffsCardAction';
+import { type Tab } from '../components/TabsLayout/TabsLayoutContent';
 import { type Region } from '../hooks/useRegions';
 import { type DialogAction } from '../ui-kit/DialogManager/DialogAction';
 import { type PopupAction } from '../ui-kit/PopupManager/PopupAction';
 import { EventBus } from './EventBus';
 
-export const defaultEventBus = new EventBus<{
+interface TabActivationEvent {
+  type?: Tab['type'];
+  groupName?: string;
+  label?: string;
+}
+
+interface GlobalEventMap {
   location: Region;
   dialog: DialogAction;
   popup: PopupAction;
-}>();
+  tab: TabActivationEvent;
+  fold: CarouselTariffsCardAction;
+}
+
+export const defaultEventBus = new EventBus<GlobalEventMap>();

package/mobile/src/EventBus/useLatestEvent.ts

@@ -0,0 +1,16 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { type EventBus } from './EventBus';
+
+export const useLatestEvent = <EM extends Record<string, any>, K extends keyof EM>(
+  eventBus: EventBus<EM>,
+  type: K,
+  initialEvent?: EM[K],
+): [EM[K] | null, (_: EM[K]) => void] => {
+  const [latestEvent, setLatestEvent] = useState<EM[K] | null>(initialEvent || null);
+
+  useEffect(() => eventBus.subscribe(type, (_) => setLatestEvent(_)), [eventBus, type]);
+
+  const fireEvent = useCallback((_: EM[K]) => eventBus.fire(type, _), [eventBus, type]);
+
+  return [latestEvent, fireEvent];
+};

package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -1,22 +1,28 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useSubjectState } from '../../EventBus/useSubjectState';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { defaultEventBus } from '../../EventBus/defaultEventBus';
+import { type AspectsDef } from '../../model/AspectsProps';
+import { type Slot } from '../../model/ContentPageDef';
+import { type VNode } from '../../model/VNode';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Foldable } from '../../ui-kit/Foldable/Foldable';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
+import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
-import { CardCellsSection } from './CardCellsSection';
 import { type CarouselTariffsCardContent } from './CarouselTariffsCardContent';
-import { carouselTariffsCardEventBus } from './carouselTariffsCardEventBus';
+import { renderCardInfo } from './renderCardInfo';
 
 export interface CarouselTariffsCardProps extends CarouselTariffsCardContent, UniBlockProps {}
 
 export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
   ({
-    className,
+    className = '',
     title,
     align = 'text-center',
     icon,
@@ -27,20 +33,22 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
     data,
     ...rest
   }) => {
-    const { isUnfolded, parent: firedParent } = useSubjectState(
-      carouselTariffsCardEventBus.observable,
-      'fold',
-      {},
-    );
-    const isVisible = isUnfolded && firedParent === options?.parent;
+    const cellsNode = cardCells.map(renderCardInfo);
+
+    const [visibleCells, hiddenCells] =
+      visibleCellsCount > 0
+        ? [cellsNode.slice(0, visibleCellsCount), cellsNode.slice(visibleCellsCount)]
+        : [cellsNode, []];
+    const [isVisible, setIsVisible] = useState(false);
 
-    const toggle = useCallback(
+    useEffect(
       () =>
-        carouselTariffsCardEventBus.emitter.fire('fold', {
-          isUnfolded: !isVisible,
-          parent: options?.parent,
+        defaultEventBus.subscribe('fold', (event) => {
+          if (options?.parent !== undefined && event.parent === options?.parent) {
+            setIsVisible(event.isUnfolded);
+          }
         }),
-      [isVisible, options?.parent],
+      [options?.parent],
     );
 
     return (
@@ -54,14 +62,49 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
           <Heading className={style('pt-xs', align)} headingType="h5" title={title} />
         ) : null}
         {button?.text ? <LinkButton className="w-full mt-m mb-lg" {...button} /> : null}
-        <CardCellsSection
-          cardCells={cardCells}
-          visibleCellsCount={visibleCellsCount}
-          isUnfolded={isVisible}
-          data={data}
-          onToggle={toggle}
-        />
+        {hiddenCells.length ? (
+          <Foldable
+            renderFoldableSection={() => (
+              <div>
+                {visibleCells}
+                <FoldableSection isUnfolded={isVisible}>{hiddenCells}</FoldableSection>
+              </div>
+            )}
+            renderFoldButton={
+              cardCells.length >= visibleCellsCount
+                ? renderFoldButton(options?.parent, data, isVisible)
+                : null
+            }
+          />
+        ) : (
+          <div>{visibleCells}</div>
+        )}
       </BlockWrapper>
     );
   },
 );
+
+const renderFoldButton =
+  (parent?: Slot, data?: AspectsDef[], isUnfolded = false) =>
+  (): VNode =>
+    (
+      <button
+        className="w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center"
+        onClick={() => {
+          if (parent !== undefined) {
+            defaultEventBus.fire('fold', { type: 'fold', isUnfolded: !isUnfolded, parent });
+          }
+        }}
+        type="button"
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...(isUnfolded ? getAspectsAttributes(data) : {})}
+      >
+        <div>{isUnfolded ? 'Скрыть' : 'Подробнее о тарифе'}</div>
+        <Icon
+          className="text-primary-text"
+          name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'}
+          width="16"
+          height="16"
+        />
+      </button>
+    );

package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCardAction.ts

@@ -0,0 +1,6 @@
+import { type Slot } from './../../model/ContentPageDef';
+export type CarouselTariffsCardAction = {
+  type: 'fold';
+  isUnfolded: boolean;
+  parent: Slot;
+};

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocationState } from '../../hooks/useLocation';
+import { useLocation } from '../../hooks/useLocation';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
@@ -19,7 +19,7 @@ export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlock
 
 export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
   ({ className = '', title = 'Курсы обмена валют', button, ...rest }) => {
-    const currentLocation = useLocationState();
+    const [currentLocation] = useLocation();
     const exchangeRates = useFetchExchangeRateData(currentLocation);
 
     const currencyRates = getCurrencyRates(exchangeRates?.exchangeRate?.currencies);

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

@@ -4,7 +4,7 @@ import { type SearchHeaderProps } from '../../data/CommonData';
 import { type HeaderData } from '../../data/HeaderData';
 import { type NavigationData } from '../../data/NavigationData';
 import { getAspectsWithInclude } from '../../hooks/useAspects/aspects/getAspectsWithInclude';
-import { useLocationState } from '../../hooks/useLocation';
+import { useLocation } from '../../hooks/useLocation';
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type IconVersion } from '../../model/IconVersion';
 import { useLocationDialog } from '../../ui-kit/LocationDialog/useLocationDialog';
@@ -22,7 +22,7 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
   ({ className, version, ...rest }) => {
     const iconVersion: IconVersion = version === 'transparent' ? 'white' : 'black';
 
-    const currentLocation = useLocationState(rest?.branches?.default);
+    const [currentLocation] = useLocation(rest?.branches?.default);
 
     const searchDialog = useSearchDialog(rest);
     const locationDialog = useLocationDialog(rest);

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocationState } from '../../hooks/useLocation';
+import { useLocation } from '../../hooks/useLocation';
 import { type AtmsDef } from './OfficesAtmsMapContent';
 import { OfficesAtmsMapLayout } from './OfficesAtmsMapLayout';
 import { type Atm } from './OfficesAtmsMapProps';
@@ -30,7 +30,8 @@ export interface AtmsMapProps {
 }
 
 export const AtmsMap = JSX<AtmsMapProps>(({ descriptionData, className }) => {
-  const currentLocation = useLocationState();
+  const [currentLocation] = useLocation();
+
   const regionCode = currentLocation?.code ?? '000';
 
   const { data: officesData, isLoad } = useAtms(regionCode);

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocationState } from '../../hooks/useLocation';
+import { useLocation } from '../../hooks/useLocation';
 import { OfficesAtmsMapLayout } from './OfficesAtmsMapLayout';
 import { getOfficePoint, renderOfficeCard } from './renderOfficeCard';
 import { getRemoteWorkplacePoint, renderRemoteWorkplaceCard } from './renderRemoteWorkplaceCard';
@@ -10,7 +10,7 @@ export interface OfficesMapProps {
 }
 
 export const OfficesMap = JSX<OfficesMapProps>(({ className }) => {
-  const currentLocation = useLocationState();
+  const [currentLocation] = useLocation();
   const regionCode = currentLocation?.code ?? '000';
   const { data, isLoad } = useOffices(regionCode);
 

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

@@ -4,7 +4,7 @@ import { type HeaderData } from '../../data/HeaderData';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
 import { env } from '../../Env';
-import { useLocationState } from '../../hooks/useLocation';
+import { useLocation } from '../../hooks/useLocation';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { useLocationDialog } from '../../ui-kit/LocationDialog/useLocationDialog';
 import { getBasePath } from '../../utils/getBasePath';
@@ -22,7 +22,7 @@ export interface BurgerMenuDialogProps {
 export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>(
   ({ menuRef, menuItem, locationDialogProps, closeAll }) => {
     const locationDialog = useLocationDialog(locationDialogProps || {});
-    const { name: location } = useLocationState();
+    const [{ name: location }] = useLocation();
     const menuDimensions = menuRef?.current?.getBoundingClientRect();
     const basePath = getBasePath(env.SITE_URL);
 

package/mobile/src/hooks/useLocation.ts

@@ -1,40 +1,54 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import { defaultEventBus } from '../EventBus/defaultEventBus';
-import { useSubject } from '../EventBus/useSubject';
-import { useSubjectState } from '../EventBus/useSubjectState';
-import { fetchJSON } from '../utils/fetchJSON';
+import { useLatestEvent } from '../EventBus/useLatestEvent';
+import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../utils/fetchJSON';
 import { type Region } from './useRegions';
 
 const REGION_URL = '/api/v1/region';
 const LOCATION_STORAGE_KEY = 'location';
 
-export function useLocation(defaultLocation = 'Москва'): (_: Region) => void {
-  useEffect(() => defaultEventBus.subscribe('location', storeLocation), []);
-
-  return useSubject(defaultEventBus.emitter, 'location', restoreLocation(defaultLocation));
-}
-
-export function useLocationState(defaultLocation = 'Москва'): Region {
-  return useSubjectState(defaultEventBus.observable, 'location', { name: defaultLocation });
-}
-
-function restoreLocation(defaultLocation: string) {
-  return async (): Promise<Region> => {
-    if (!globalThis.localStorage?.hasItem(LOCATION_STORAGE_KEY)) {
-      storeLocation(await fetchJSON<Region>(REGION_URL));
-    }
-
-    const storedLocation = globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY);
-    try {
-      return storedLocation && JSON.parse(storedLocation);
-    } catch (ex) {
-      // Do nothing
+export function useLocation(defaultLocation = 'Москва'): [Region, (_: Region) => void] {
+  const [currentLocation, fireCurrentLocation] = useLatestEvent(
+    defaultEventBus,
+    'location',
+    restoreLocation() ?? { name: defaultLocation },
+  );
+
+  const selectCurrentLocation = useCallback((_: Region) => {
+    storeLocation(_);
+    fireCurrentLocation(_);
+  }, []);
+
+  const { data } = useAsyncData(
+    hasStoredLocation() ? null : REGION_URL,
+    fetchJSONUnsafe as FetchJSONUnsafeType<Region>,
+  );
+  useEffect(() => {
+    if (data && !hasStoredLocation()) {
+      fireCurrentLocation(data);
     }
+  }, [data]);
 
-    return { name: defaultLocation };
-  };
+  return [currentLocation ?? { name: defaultLocation }, selectCurrentLocation];
 }
 
-function storeLocation(_: Region | null | undefined) {
-  _ && globalThis.localStorage?.setItem(LOCATION_STORAGE_KEY, JSON.stringify(_));
-}
+const hasStoredLocation = () => Boolean(globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY));
+
+const restoreLocation = (): Region | null => {
+  try {
+    const data = globalThis.localStorage?.getItem(LOCATION_STORAGE_KEY);
+
+    return data && JSON.parse(data);
+  } catch (ex) {
+    return null;
+  }
+};
+
+const storeLocation = (_: Region) => {
+  try {
+    globalThis.localStorage?.setItem(LOCATION_STORAGE_KEY, JSON.stringify(_));
+  } catch (ex) {
+    // Do nothing
+  }
+};

package/mobile/src/hooks/useRegions.ts

@@ -11,11 +11,8 @@ export interface Region {
   localities?: string[];
 }
 
-const EMPTY_REGIONS: Region[] = [];
-
-// TODO Почему url можно менять? Разве смысл не в инкапсуляции api url. Тоже под рефакторинг попадает
 export function useRegions(url: string = REGIONS_URL): Region[] {
   const { data } = useAsyncData(url, fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>);
 
-  return Array.isArray(data) ? data : EMPTY_REGIONS;
+  return Array.isArray(data) ? data : [];
 }

package/mobile/src/ui-kit/DialogManager/useDialogManager.ts

@@ -8,7 +8,7 @@ export interface DialogOptions {
 
 export const useDialogManager = () => ({
   open: (dialog: VNode, options: DialogOptions = {}) =>
-    defaultEventBus.emitter.fire('dialog', { type: 'open', dialog, ...options }),
-  close: () => defaultEventBus.emitter.fire('dialog', { type: 'close' }),
-  closeAll: () => defaultEventBus.emitter.fire('dialog', { type: 'close', all: true }),
+    defaultEventBus.fire('dialog', { type: 'open', dialog, ...options }),
+  close: () => defaultEventBus.fire('dialog', { type: 'close' }),
+  closeAll: () => defaultEventBus.fire('dialog', { type: 'close', all: true }),
 });

package/mobile/src/ui-kit/DialogManager/useDialogsList.ts

@@ -27,7 +27,7 @@ export const useDialogsList = ({
 
   useEffect(
     () =>
-      defaultEventBus.observable.subscribe('dialog', (action) => {
+      defaultEventBus.subscribe('dialog', (action) => {
         switch (action.type) {
           case 'open':
             push(action);

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

@@ -3,30 +3,14 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type VNode } from '../../model/VNode';
 import { type FoldablePartProps } from './FoldablePartProps';
 
-export interface FoldableWrapperProps {
+export interface FoldableProps {
   className?: string;
-}
-
-export interface FoldableProps extends FoldableWrapperProps {
   unfoldedByDefault?: boolean;
   isFoldButtonOnTop?: boolean;
   renderFoldableSection: (props: FoldablePartProps) => VNode;
   renderFoldButton?: ((props: FoldablePartProps) => VNode) | null;
 }
 
-export const FoldableWrapper = JSX<FoldableWrapperProps>(({ className, children }) => (
-  <div className={className} role="group">
-    {children}
-  </div>
-));
-
-/**
- * Какой то бесполезный компонент. Его можно заменить на useBool
- * Лучше оставить только обёрточный div с необходимой атрибутикой
- * и сделать пассивный компонент
- *
- * @deprecated
- */
 export const Foldable = JSX<FoldableProps>(
   ({
     className = '',
@@ -45,15 +29,15 @@ export const Foldable = JSX<FoldableProps>(
     const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
 
     return isFoldButtonOnTop ? (
-      <FoldableWrapper className={className}>
+      <div className={className} role="group">
         {buttonNode}
         {sectionNode}
-      </FoldableWrapper>
+      </div>
     ) : (
-      <FoldableWrapper className={className}>
+      <div className={className} role="group">
         {sectionNode}
         {buttonNode}
-      </FoldableWrapper>
+      </div>
     );
   },
 );

package/mobile/src/ui-kit/FormField/constants.tsx

@@ -26,5 +26,4 @@ export const FEEDBACK_METHOD: Option[] = [
   { key: 'email', text: 'Электронное сообщение' },
 ];
 
-// TODO Тоже надо рефакторить - файлик constants
 export const OUT_SERVICE_URL = '/api/v1/outservice/outserviceregions';

package/mobile/src/ui-kit/FormField/getValidation.tsx

@@ -2,6 +2,5 @@ import { type FieldProps } from '../../hooks/useForm';
 import { type Validator } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
 
-// TODO Зачем это?
 export const getValidation = (field: FieldProps<any>, validator: Validator, required = false) =>
   required ? withValidator(field, validator) : field;