@redneckz/wildless-cms-uni-blocks 0.14.846 → 0.14.851

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

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Headline } from '../../components/Headline/Headline';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { Button } from '../Button/Button';
 import { Dialog } from '../DialogManager/Dialog';
 import { Img } from '../Img/Img';
 
-export interface ResponseNotificationProps {
+export interface ResponseNotificationProps extends OnCloseProps {
   ok?: boolean;
   typeForm?: string;
-  onClose?: () => void;
 }
 
 export const ResponseTypeDialog = JSX<ResponseNotificationProps>(({ ok, typeForm, onClose }) => {

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

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { type TopMenuItemProps } from '../../data/NavigationData';
 import { type LinkProps } from '../../model/LinkProps';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { useSearch, type SearchResult } from '../../services/search/useSearch';
 import { zip } from '../../utils/fp/zip';
 import { joinPath } from '../../utils/url';
@@ -9,10 +10,9 @@ import { Dialog } from '../DialogManager/Dialog';
 import { Sitemap } from '../Sitemap/Sitemap';
 import { SearchInput } from './SearchInput';
 
-export interface SearchDialogProps {
+export interface SearchDialogProps extends OnCloseProps {
   initialQuery?: string;
   navigationItems?: TopMenuItemProps[];
-  onClose?: () => void;
 }
 
 export const SearchDialog = JSX<SearchDialogProps>(({ initialQuery, navigationItems, onClose }) => {

package/mobile/src/ui-kit/Select/Option.ts

@@ -1,4 +1,4 @@
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 
 export type Option = TextProps & {
   key: string;

package/mobile/src/ui-kit/Select/useSelectPopup.tsx

@@ -1,12 +1,12 @@
 import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { usePopupManager } from '../PopupManager/usePopupManager';
 import { type Option } from './Option';
 import { SelectPopup, type SelectPopupProps } from './SelectPopup';
 
-interface SelectPopupOptions extends SelectPopupProps {
+interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
   isOpen?: boolean;
-  onClose?: () => void;
 }
 
 export function useSelectPopup({

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ControlProps } from '../../model/ControlProps';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { style } from '../../utils/style';
 import { Text } from '../Text/Text';
 

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

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ControlProps } from '../../model/ControlProps';
+import { type TitleProps } from '../../model/HeadlineType';
 import { SlideCheckbox } from '../SlideCheckbox/SlideCheckbox';
 
-type SlideCheckboxGroupItem = {
+type SlideCheckboxGroupItem = TitleProps & {
   value: string;
-  title: string;
 };
 
 interface SlideCheckboxGroupProps extends ControlProps<string[]> {

package/mobile/src/ui-kit/TabsControl/renderTabItemInner.tsx

@@ -1,3 +1,4 @@
+import { type DescriptionProps, type TextProps } from '../../model/HeadlineType';
 import { type IconVersion } from '../../model/IconVersion';
 import { type Picture } from '../../model/Picture';
 import { style } from '../../utils/style';
@@ -15,12 +16,10 @@ const getButtonClassNames = (isActive: boolean) => ({
   oldDesc: 'text-m-light',
 });
 
-interface TabsLayoutButtonProps {
+interface TabsLayoutButtonProps extends DescriptionProps, TextProps {
   isActive: boolean;
-  description?: string;
   icon?: Picture;
   type: string;
-  text?: string;
 }
 
 export const renderTabItemInner = ({

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

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Headline } from '../../components/Headline/Headline';
+import { type TitleProps } from '../../model/HeadlineType';
 import { noop } from '../../utils/noop';
 import { Timer } from './Timer';
 import { useCountDownTimer } from './useCountDownTimer';
 
-interface TimerCircleProps {
-  title?: string;
+interface TimerCircleProps extends TitleProps {
   interval?: number; // В секундах
   onEnd?: () => void;
 }

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

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
+import type { OnClickProps } from '../../model/OnClickProps';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
@@ -9,10 +10,9 @@ export interface TopItemContent extends LinkProps {
   active?: boolean;
 }
 
-export interface TopItemProps extends TopItemContent, ComponentType {
+export interface TopItemProps extends TopItemContent, ComponentType, OnClickProps {
   flat?: boolean;
   dataItemName?: string;
-  onClick?: () => void;
 }
 
 export const TopItem = JSX<TopItemProps>(

package/package.json

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

package/src/components/ApplicationForm/Footnote.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
 import { Link } from '../../ui-kit/Link/Link';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';

package/src/components/ApplicationLeadForm/Footnote.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
 import { Link } from '../../ui-kit/Link/Link';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';

package/src/components/ApplicationLeadForm/consents.ts

@@ -1,11 +1,11 @@
+import type { TextProps } from '../../model/HeadlineType';
 import {
   type CreditCardFormConsents,
   type CreditFormConsents,
   type DebitCardFormConsents,
 } from '../../retail/model/LeadFormState';
 
-interface ConsentData {
-  text: string;
+interface ConsentData extends TextProps {
   docId?: number;
 }
 

package/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,4 +1,4 @@
-import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
 import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
 import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';

package/src/components/CardTransfer/SubmitFailedDialog.tsx

@@ -1,9 +1,9 @@
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { Dialog } from '../../ui-kit/DialogManager/Dialog';
 import { Img } from '../../ui-kit/Img/Img';
 import { Headline } from '../Headline/Headline';
 
-export interface FormResponseDialogProps {
-  onClose?: () => void;
+export interface FormResponseDialogProps extends OnCloseProps {
   errorCode?: number;
   errorMessage?: string;
 }

package/src/components/Carousel/renderCardHighlight.tsx

@@ -1,5 +1,5 @@
 import { type ComponentType } from '../../model/ComponentType';
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { style } from '../../utils/style';

package/src/components/DebitForm/DebitFormStatus.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type DescriptionProps, type LabelProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
@@ -7,13 +7,13 @@ import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 
-type DebitFormStatusProps = UniBlockProps & {
-  title?: string;
-  description?: string;
-  sectionInfo?: (LabelProps & DescriptionProps)[];
-  buttonText?: string;
-  isDboClient?: boolean;
-};
+type DebitFormStatusProps = UniBlockProps &
+  TitleProps &
+  DescriptionProps & {
+    sectionInfo?: (LabelProps & DescriptionProps)[];
+    buttonText?: string;
+    isDboClient?: boolean;
+  };
 
 const INTERNET_BANK_LINK = 'https://online.rshb.ru/ib6/wf2/retail/ib/loginretaildefault';
 
@@ -64,8 +64,7 @@ export const DebitFormStatus = JSX<DebitFormStatusProps>(
 const SectionInfo = ({
   title,
   items,
-}: {
-  title?: string;
+}: TitleProps & {
   items?: (LabelProps & DescriptionProps)[];
   countColumns?: boolean;
 }) => {

package/src/components/Header/HeaderChatBotButton.tsx

@@ -1,14 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { useAspects } from '../../hooks/useAspects/useAspects';
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type ComponentType } from '../../model/ComponentType';
 import { type IconVersion } from '../../model/IconVersion';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
-import { useChatBot } from './useChatBot';
+
+const CHAT_BOT_ASPECT_NAME = 'openChatBot';
 
 interface HeaderChatBotButtonProps extends ComponentType {
   iconVersion?: IconVersion;
-  chat?: string;
   onClick?: (ev: PreventableEventWithTarget) => void;
   ariaLabel?: string;
   version?: BlockVersion;
@@ -16,26 +19,29 @@ interface HeaderChatBotButtonProps extends ComponentType {
 }
 
 export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
-  ({
-    chat = 'personal',
-    iconVersion,
-    className,
-    ariaLabel = 'Чат',
-    version,
-    buttonSize = 'large',
-  }) => {
-    const { load, isLoading } = useChatBot(chat);
+  ({ iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large' }) => {
+    const [isLoading, { setTrue: startLoad, setFalse: endLoad }] = useBool(false);
+    const aspects = useAspects();
+
+    const handleClick = useCallback((ev: PreventableEventWithTarget) => {
+      const openChatBot = aspects[CHAT_BOT_ASPECT_NAME];
+      if (openChatBot) {
+        startLoad();
+        openChatBot(ev).finally(endLoad);
+      }
+    }, []);
 
     return (
       <HeaderSecondaryMenuButton
         className={className}
         image={{ icon: 'ChatBotIcon', iconVersion }}
         ariaLabel={ariaLabel}
-        onClick={load}
+        onClick={handleClick}
         buttonSize={buttonSize}
         isGrayBg={true}
         version={version}
         isLoading={isLoading}
+        disabled={isLoading}
         dataTestId="chat icon"
       />
     );

package/src/components/Header/HeaderSubMenu.tsx

@@ -74,7 +74,6 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
           <HeaderChatBotButton
             version={version}
             iconVersion={iconVersion}
-            chat={projectSettings.CHAT_BOT}
             ariaLabel={chatBotAriaLabel}
           />
         ) : null}

package/src/components/Header/HeaderTop.tsx

@@ -51,12 +51,7 @@ export const HeaderTop = JSX<HeaderTopProps>(
         )}
         <div className="flex gap-lg items-center">
           {projectSettings.CHAT_BOT ? (
-            <HeaderChatBotButton
-              version={version}
-              iconVersion={iconVersion}
-              chat={projectSettings.CHAT_BOT}
-              buttonSize="medium"
-            />
+            <HeaderChatBotButton version={version} iconVersion={iconVersion} buttonSize="medium" />
           ) : null}
           <InternetBankButton version={version} {...internetBankButton} />
         </div>

package/src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm/useForm';
 import { type ComponentType } from '../../model/ComponentType';
+import { type TitleProps } from '../../model/HeadlineType';
 import { type VNode } from '../../model/VNode';
 import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
@@ -20,7 +21,7 @@ const defaultEmptyFunction = () => void 0;
 
 export type InitFilterState = Record<string, boolean>;
 
-export interface OfficesAtmsMapLayoutProps<T> extends ComponentType {
+export interface OfficesAtmsMapLayoutProps<T> extends ComponentType, TitleProps {
   data?: T[];
   isLoad: boolean;
   remoteWorkplaces?: T[];
@@ -31,7 +32,6 @@ export interface OfficesAtmsMapLayoutProps<T> extends ComponentType {
   getBalloonRemoteWorkplaces?: (item: T) => BalloonContent;
   initFilterState?: InitFilterState;
   descriptionData?: AtmsDef;
-  title?: string;
 }
 
 const filtersVisibleStyles = (activeButton: string) =>

package/src/components/OfficesAtmsMap/OfficesAtmsMapProps.tsx

@@ -1,3 +1,5 @@
+import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
+
 export interface Currency {
   buyExchangeRate?: number;
   saleExchangeRate?: number;
@@ -13,9 +15,8 @@ export interface ExchangeRate {
   currencies?: Currency[];
 }
 
-export type WorkScheduleWeek = {
+export type WorkScheduleWeek = TitleProps & {
   key?: string;
-  title?: string;
   short?: string;
   status?: boolean;
   workTime?: string;
@@ -83,7 +84,7 @@ export interface Branch {
   serviceDisabledPeople?: false;
 }
 
-export interface RemoteWorkplace {
+export interface RemoteWorkplace extends DescriptionProps {
   id?: number;
   region?: {
     id?: number;
@@ -93,11 +94,11 @@ export interface RemoteWorkplace {
   };
   landmark?: string;
   workScheduleDescription?: string;
-  description?: string;
   gpsLatitude?: number;
   gpsLongitude?: number;
   address?: string;
 }
+
 export interface Atm {
   location?: string;
   address?: string;

package/src/components/ProductBlock/renderBackwardButton.tsx

@@ -1,13 +1,13 @@
+import type { TextProps } from '../../model/HeadlineType';
 import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { Img } from '../../ui-kit/Img/Img';
 import { getRegularButtonClasses } from '../../ui-kit/LinkButton/getRegularButtonClasses';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { style } from '../../utils/style';
 
-type BackwardButtonProps = {
+type BackwardButtonProps = TextProps & {
   version: LinkButtonVersion;
   handleClick: () => void;
-  text: string | undefined;
   alwaysVisible?: boolean;
 };
 

package/src/components/StepsBlock/StepsBlockContent.ts

@@ -1,6 +1,6 @@
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type BulletsProps } from '../../model/Bullets';
-import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
 import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
 import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';

package/src/components/StepsBlock/StepsBlockStyleMaps.ts

@@ -1,5 +1,6 @@
-export type StyleType = {
-  description: string;
+import type { DescriptionProps } from '../../model/HeadlineType';
+
+export type StyleType = DescriptionProps & {
   iconText: string;
   iconBackground: string;
   iconConnector: string;

package/src/components/StickyBottomMenu/BurgerMenuDialog.tsx

@@ -5,17 +5,17 @@ import { type JSONRefObject } from '../../data/JSONRefObject';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
 import { env } from '../../Env';
 import { useLocation } from '../../hooks/useLocation';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { LocationDialog } from '../../ui-kit/LocationDialog/LocationDialog';
 import { getBasePath } from '../../utils/getBasePath';
 import { StickyBottomMenuDialog } from './StickyBottomMenuDialog';
 
-export interface BurgerMenuDialogProps {
+export interface BurgerMenuDialogProps extends OnCloseProps {
   menuRef: { current?: HTMLDivElement | null };
   menuItem?: StickyMenuItem;
   locationDialogProps?: HeaderData & JSONRefObject;
-  onClose?: () => void;
 }
 
 export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>(

package/src/components/StickyBottomMenu/StickyBottomMenuDialog.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ComponentType } from '../../model/ComponentType';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { type VNode } from '../../model/VNode';
 import { CloseButton } from '../../ui-kit/DialogManager/CloseButton';
 import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { style } from '../../utils/style';
 
-export interface StickyBottomMenuDialogProps extends ComponentType {
+export interface StickyBottomMenuDialogProps extends ComponentType, OnCloseProps {
   head?: VNode;
-  onClose?: () => void;
   onClick?: (e: PreventableEvent) => void;
 }
 

package/src/components/StickyBottomMenu/useBottomMenuItemDialog.tsx

@@ -1,15 +1,15 @@
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { useDialogManager } from '../../ui-kit/DialogManager/useDialogManager';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { StickyBottomMenuDialog } from './StickyBottomMenuDialog';
 
-interface BottomMenuItemDialog {
+interface BottomMenuItemDialog extends OnCloseProps {
   menuRef?: { current: HTMLDivElement | null };
   dialogRef?: { current: HTMLDivElement | null };
   leftItems: StickyMenuItem[];
   rightItems: StickyMenuItem[];
-  onClose?: () => void;
 }
 
 export const useBottomMenuItemDialog = ({

package/src/components/StickyBottomMenu/useBurgerMenuDialog.tsx

@@ -2,6 +2,7 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { type HeaderData } from '../../data/HeaderData';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { isDialogOpen } from '../../ui-kit/DialogManager/isDialogOpen';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { useDialogsList } from '../../ui-kit/DialogManager/useDialogsList';
@@ -10,11 +11,10 @@ import { BurgerMenuDialog } from './BurgerMenuDialog';
 
 export const BURGER_MENU_DIALOG_ID = 'burgerMenuDialog';
 
-interface BurgerMenuDialog {
+interface BurgerMenuDialog extends OnCloseProps {
   menuRef: { current?: HTMLDivElement | null };
   centralMenuItem?: StickyMenuItem;
   locationDialogProps?: HeaderData & JSONRefObject;
-  onClose?: () => void;
 }
 
 export const useBurgerMenuDialog = ({

package/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,4 +1,4 @@
-import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';

package/src/data/CommonData.ts

@@ -1,14 +1,14 @@
 import { type AspectsProps } from '../model/AspectsProps';
+import { type TitleProps } from '../model/HeadlineType';
 import { type LogoType } from '../model/LogoType';
 import { type PlaceholderProps } from '../model/PlaceholderProps';
 
 export type SearchHeaderProps = AspectsProps & PlaceholderProps & { ariaLabel: string };
 
-export interface CommonData {
+export interface CommonData extends TitleProps {
   logo?: LogoType;
   search?: SearchHeaderProps;
   dropdownMenuAriaLabel?: string;
   chatBotAriaLabel?: string;
   backwardButton?: string;
-  title?: string;
 }

package/src/hooks/useAspects/aspects/forwardQuery.ts

@@ -4,7 +4,7 @@ import { type PreventableEventWithTarget } from '../../../ui-kit/PreventableEven
 import { adjustSessionQuery } from '../../../utils/adjustSessionQuery';
 import { isURL } from '../../../utils/url';
 
-export const forwardQuery = (ev: PreventableEventWithTarget) => {
+export const forwardQuery = async (ev: PreventableEventWithTarget) => {
   const anchor = (ev.target as Element | null)?.closest('a');
   const navigator = locationNavigator();
 

package/src/hooks/useAspects/handleAspects.ts

@@ -7,8 +7,12 @@ export type HandleAspectsProps = {
   ev: PreventableEventWithTarget;
 };
 
-export const handleAspects = ({ aspectsAttributes, aspects, ev }: HandleAspectsProps) => {
+export const handleAspects = async ({ aspectsAttributes, aspects, ev }: HandleAspectsProps) => {
   for (const { aspectName, params } of aspectsAttributes ?? []) {
-    aspects[aspectName ?? '']?.(ev, params);
+    const aspectFn = aspects[aspectName ?? ''];
+
+    if (aspectFn) {
+      await aspectFn(ev, params);
+    }
   }
 };

package/src/hooks/useAspects/useAspects.ts

@@ -14,7 +14,7 @@ export interface AspectsAttribute {
 }
 
 export interface Aspects {
-  [key: string]: (ev: PreventableEventWithTarget, data?: AspectData) => void;
+  [key: string]: (ev: PreventableEventWithTarget, data?: AspectData) => Promise<void>;
 }
 
 export function useAspects(): Aspects {

package/src/model/ContentPageBase.ts

@@ -1,4 +1,5 @@
 import { type JSONRefObject } from '../data/JSONRefObject';
+import { type TitleProps } from './HeadlineType';
 
 /**
  * @title Цветовая палитра
@@ -7,9 +8,7 @@ import { type JSONRefObject } from '../data/JSONRefObject';
 export type ColorPalette = 'pc' | 'bc' | 'eo' | 'pr' | 'ul';
 
 /** @title Страница */
-export interface ContentPageBase {
-  /** @title Заголовок */
-  title?: string;
+export interface ContentPageBase extends TitleProps {
   /** @title Слаг */
   slug?: string;
   /** @title Данные навигации по сайту */

package/src/model/LinkProps.ts

@@ -1,5 +1,5 @@
 import { type AspectsProps } from './AspectsProps';
-import { type TextProps } from './HeadlineType';
+import type { TextProps } from './HeadlineType';
 
 /**
  * @title Таргет (target)

package/src/model/OnClickProps.ts

@@ -0,0 +1,3 @@
+export interface OnClickProps {
+  onClick?: () => void;
+}

package/src/model/OnCloseProps.ts

@@ -0,0 +1,3 @@
+export interface OnCloseProps {
+  onClose?: () => void;
+}

package/src/retail/api/getCardTypes.ts

@@ -1,11 +1,11 @@
+import type { DescriptionProps } from '../../model/HeadlineType';
 import { fetchRetailJSON } from './doRequest';
 
-export type CardTypeData = {
+export type CardTypeData = DescriptionProps & {
   type: string;
   key: string;
   value: string;
   displayOrder: number;
-  description: string;
 };
 
 export const getCardTypes = async (paymentSystemTypeCd: string, creditProgramId: string) => {