@redneckz/wildless-cms-uni-blocks 0.16.3-isr → 0.16.5-credit

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../model/ComponentType';
 
 export type StrokeLinecap = 'inherit' | 'butt' | 'round' | 'square';
 export type StrokeLinejoin = 'inherit' | 'round' | 'miter' | 'bevel';
@@ -16,8 +17,7 @@ export interface SVGPath extends SVGPathOptions {
   d: string;
 }
 
-export interface SVGProps extends SVGPathOptions {
-  className?: string;
+export interface SVGProps extends SVGPathOptions, ComponentType {
   viewBox?: string;
   paths: SVGPath[];
   width?: string;

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

@@ -2,16 +2,16 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type SearchHeaderProps } from '../../data/CommonData';
 import { type TopMenuItemProps } from '../../data/NavigationData';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 import { CloseButton } from '../DialogManager/CloseButton';
 import { useDialog } from '../DialogManager/useDialog';
 import { SearchDialog } from '../SearchDialog/SearchDialog';
 import { SearchInput } from '../SearchDialog/SearchInput';
 
-interface SearchBarProps {
+interface SearchBarProps extends ComponentType {
   search?: SearchHeaderProps;
   navigationItems?: TopMenuItemProps[];
-  className?: string;
 }
 
 const MIN_QUERY_LEN = 3;

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/SearchDialog/SearchInput.tsx

@@ -1,16 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type ComponentType } from '../../model/ComponentType';
+import { type ControlProps } from '../../model/ControlProps';
+import { type PlaceholderProps } from '../../model/PlaceholderProps';
 import { style } from '../../utils/style';
 import { Img } from '../Img/Img';
 import { inputValidStyle } from '../Input/inputValidStyle';
 
-export interface SearchInputProps {
-  className?: string;
-  value?: string;
+export interface SearchInputProps extends ComponentType, ControlProps<string>, PlaceholderProps {
   autoFocus?: boolean;
-  onChange?: (value: string) => void;
   onFocus?: () => void;
-  placeholder?: string;
 }
 
 export const SearchInput = JSX<SearchInputProps>(

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/Select.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { type ControlProps } from '../../model/ControlProps';
 import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
-import { type ControlProps } from '../ControlProps';
 import { Icon } from '../Icon/Icon';
 import { Input } from '../Input/Input';
 import { renderLabel } from '../Input/renderLabel';
@@ -18,7 +18,6 @@ export interface SelectProps extends DefaultControlType, ControlProps<Option> {
   isBorder?: boolean;
   isSearch?: boolean;
   iconVersion?: IconVersion;
-  disabled?: boolean;
 }
 
 export const Select = JSX<SelectProps>(

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ControlProps } from '../../model/ControlProps';
 import { type IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
@@ -6,13 +7,11 @@ import { filterOptions } from './filterOptions';
 import { formatOption } from './formatOption';
 import { type Option } from './Option';
 
-export interface SelectPopupProps {
+export interface SelectPopupProps extends ControlProps<Option> {
   iconVersion?: IconVersion;
-  onChange?: (option: Option) => void;
   options?: Option[];
   popupRef?: { current: HTMLDivElement | null };
   query?: string;
-  value?: Option;
 }
 
 export const SelectPopup = JSX<SelectPopupProps>(

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/Shimmer/Shimmer.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 
 const GOLDEN_RATIO = 1.618;
 
-export interface ShimmerProps {
-  className?: string;
+export interface ShimmerProps extends ComponentType {
   size?: number;
 }
 

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

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { LinkList } from '../../components/Footer/LinkList';
 import { type TopMenuItemProps } from '../../data/NavigationData';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 import { Button } from '../Button/Button';
 import { ButtonTitle } from '../Button/ButtonTitle';
@@ -29,7 +30,7 @@ const renderTopItems = (topItems: TopMenuItemProps[] | undefined) =>
       />
     ));
 
-const MobileTopItem = JSX<{ className?: string; item: TopMenuItemProps }>(({ className, item }) => {
+const MobileTopItem = JSX<{ item: TopMenuItemProps } & ComponentType>(({ className, item }) => {
   const [isUnfolded, { toggle }] = useBool(false);
 
   return (

package/mobile/src/ui-kit/Sitemap/SitemapProps.ts

@@ -1,6 +1,6 @@
 import { type TopMenuItemProps } from '../../data/NavigationData';
+import { type ComponentType } from '../../model/ComponentType';
 
-export interface SitemapProps {
-  className?: string;
+export interface SitemapProps extends ComponentType {
   navigationItems?: TopMenuItemProps[];
 }

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

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type TextProps } from '../../model/HeadlineType';
+import { type ControlProps } from '../../model/ControlProps';
+import type { TextProps } from '../../model/HeadlineType';
 import { style } from '../../utils/style';
 import { Text } from '../Text/Text';
 
-type SlideCheckboxProps = TextProps & {
-  value?: boolean;
-  type?: 'checkbox' | 'radio';
-  onChange?: (value: boolean) => void;
-};
+type SlideCheckboxProps = TextProps &
+  ControlProps<boolean> & {
+    type?: 'checkbox' | 'radio';
+  };
 export const SlideCheckbox = JSX<SlideCheckboxProps>(
   ({ value = false, text, type = 'checkbox', onChange }) => (
     <div

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

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type ControlProps } from '../ControlProps';
+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/SwipeListControl/SwipeListContainer.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { type IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
+import { type ComponentType } from '../../model/ComponentType';
 import { mapChildren } from '../../utils/mapChildren';
 import { style } from '../../utils/style';
 import { getContainerHeight } from './getContainerHeight';
@@ -14,8 +15,7 @@ export type SnapAlign = 'snap-start' | 'snap-center' | 'snap-end';
 /**
  * @title Список
  */
-interface SwipeListContainerProps extends SwipeListContainerContent {
-  className?: string;
+interface SwipeListContainerProps extends SwipeListContainerContent, ComponentType {
   itemClassName?: string;
   containerRef?: { current: HTMLDivElement | null };
   activeIndex?: number;

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

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 import { type NavButtonProp } from './NavButtonProp';
 import { SwipeListContainer, type SnapAlign } from './SwipeListContainer';
@@ -17,8 +18,7 @@ const DEFAULT_GAP = 14;
  */
 const DEFAULT_PADDING = 16;
 
-interface SwipeListControlProps extends SwipeListControlContent {
-  className?: string;
+interface SwipeListControlProps extends SwipeListControlContent, ComponentType {
   version?: BlockVersion;
   gap?: number;
   padding?: number;

package/mobile/src/ui-kit/SwipeListControl/SwipeListDots.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useMobileMode } from '../../hooks/useMobileMode';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 import { type NavButtonProp } from './NavButtonProp';
 import { renderDotButton } from './renderDotButton';
@@ -15,8 +16,7 @@ const containerStyles: Record<SwipeListControlType, string> = {
   'vertical-list': 'absolute flex-col justify-center h-full top-0 left-4',
 };
 
-interface SwipeListDotsProps {
-  className?: string;
+interface SwipeListDotsProps extends ComponentType {
   activeIndex?: number;
   dotCount?: number;
   listType?: SwipeListControlType;
@@ -26,6 +26,7 @@ interface SwipeListDotsProps {
   containerRef?: { current: HTMLDivElement | null };
   containerScroll?: SwipeListScroll;
 }
+
 export const SwipeListDots = JSX<SwipeListDotsProps>(
   ({
     className = '',

package/mobile/src/ui-kit/SwipeListControl/SwipeListItem.tsx

@@ -4,13 +4,13 @@ import {
   useIntersectionObserver,
   type IntersectionObserverOptions,
 } from '../../hooks/useIntersectionObserver';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 
 /**
  * @title Элемент списка
  */
-interface SwipeListControlItemProps {
-  className?: string;
+interface SwipeListControlItemProps extends ComponentType {
   style?: Record<string, string>;
   idx?: number;
   activeIndex?: number;

package/mobile/src/ui-kit/SwipeListControl/SwipeListScrollButtons.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 import { ArrowLeftButton, ArrowRightButton } from '../LinkButton/ArrowButton';
 import { type SwipeListScrollButtonsContent } from './SwipeListControlContent';
@@ -6,8 +7,7 @@ import { type SwipeListScroll } from './useSwipeListScroll';
 
 const blurBaseStyle = 'absolute top-0 bottom-0 z-40 hidden @lg:block w-20 pointer-events-none';
 
-export interface SwipeListScrollButtonsProps extends SwipeListScrollButtonsContent {
-  className?: string;
+export interface SwipeListScrollButtonsProps extends SwipeListScrollButtonsContent, ComponentType {
   scroll: SwipeListScroll;
   hasBlur?: boolean;
   isBottom?: boolean;

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

@@ -6,6 +6,7 @@ import { type LinkProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
 import { TabItemInner } from './TabItemInner';
 import { type TabsControlProps, type TabsType } from './TabsControlProps';
+
 export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
   name?: string;
   count?: number;
@@ -38,9 +39,13 @@ const LinkTabItem = JSX<TabItemProps>((props) => {
 
 // TODO: Update handlerDecorator (support buttons?)
 const ButtonTabItem = JSX<TabItemProps>(({ item = {}, onClick, ...rest }) => {
-  const handleClick = useCallback(() => {
-    onClick && onClick(item);
-  }, [onClick, item]);
+  const handleClick = useCallback(
+    (e) => {
+      e.target.scrollIntoView({ block: 'nearest' });
+      onClick?.(item);
+    },
+    [onClick, item],
+  );
 
   return <TabItemInner item={item} onClick={handleClick} {...rest} />;
 });

package/mobile/src/ui-kit/TabsControl/TabsControlProps.ts

@@ -1,3 +1,4 @@
+import { type ComponentType } from '../../model/ComponentType';
 import { type TabItemBase } from './TabItem';
 
 /**
@@ -16,7 +17,6 @@ interface ListControlProps<T> {
   onChange?: (value: T) => void;
 }
 
-export interface TabsControlProps extends ListControlProps<TabItemBase> {
-  className?: string;
+export interface TabsControlProps extends ListControlProps<TabItemBase>, ComponentType {
   tabsType?: TabsType;
 }

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/Tags/Tags.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import { type TagsContent } from './TagsContent';
 
-interface TagsProps extends TagsContent {
-  className?: string;
-}
+interface TagsProps extends TagsContent, ComponentType {}
 
 export const Tags = JSX<TagsProps>(({ className, tags }) =>
   tags?.length ? (

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

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 
-interface TimerProps {
-  className?: string;
+interface TimerProps extends ComponentType {
   seconds: number;
 }
 

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

@@ -1,6 +1,8 @@
 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';
 
@@ -8,11 +10,9 @@ export interface TopItemContent extends LinkProps {
   active?: boolean;
 }
 
-export interface TopItemProps extends TopItemContent {
-  className?: string;
+export interface TopItemProps extends TopItemContent, ComponentType, OnClickProps {
   flat?: boolean;
   dataItemName?: string;
-  onClick?: () => void;
 }
 
 export const TopItem = JSX<TopItemProps>(

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

@@ -4,6 +4,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import type ymaps from 'yandex-maps';
 import { type BalloonPoints } from '../../components/OfficesAtmsMap/YandexMapProps';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 import { Loader } from '../Loader/Loader';
 import { renderClusterer } from './renderClusterer';
@@ -11,9 +12,8 @@ import { renderUserGeolocation } from './renderUserGeolocation';
 import { useYandexMaps } from './useYandexMaps';
 import { ZoomButton } from './ZoomButton';
 
-interface YandexMapProps {
+interface YandexMapProps extends ComponentType {
   points?: BalloonPoints[];
-  className?: string;
   zoom?: number;
   isLoad?: boolean;
   selectedAddress?: string;

package/mobile/src/utils/adjustBase.ts

@@ -1 +1,6 @@
-export const adjustBase = (href?: string, basePath = '') => href?.replace(basePath, '') || '/';
+const FORWARD_SLASH = '/';
+
+export const adjustBase = (href: string = FORWARD_SLASH, basePath: string = FORWARD_SLASH) =>
+  [href, basePath].some((_) => _ === FORWARD_SLASH)
+    ? href
+    : href.replace(basePath, '') || FORWARD_SLASH;

package/mobile/src/utils/isCyrilic.ts

@@ -1,3 +1,3 @@
-const cyrillicPattern = /^[\u0400-\u04FF\d\s]+$/u;
+const cyrillicPattern = /^[а-яё-]*$/i;
 
 export const isCyrillic = (_ = '') => cyrillicPattern.test(_);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.16.3-isr",
+  "version": "0.16.5-credit",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -116,6 +116,14 @@
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@redneckz/json-op": "^0.0.12",
     "@redneckz/json-ref": "^0.0.14",
@@ -194,7 +202,7 @@
       "path": "lib/common.css"
     },
     {
-      "limit": "103 kB",
+      "limit": "94 kB",
       "path": "bundle/bundle.umd.min.js"
     }
   ],
@@ -233,13 +241,5 @@
         "Infinity"
       ]
     }
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    }
   }
 }

package/src/UniBlock/UniBlockProps.ts

@@ -1,5 +1,6 @@
 import { type BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
 import { type BlockVersion } from '../model/BlockVersion';
+import { type ComponentType } from '../model/ComponentType';
 import { type BlockDef } from '../model/ContentPageDef';
 
 /**
@@ -19,8 +20,7 @@ export interface UniBlockContent {
   padding?: UniBlockPadding;
 }
 
-export interface UniBlockProps extends UniBlockContent {
-  className?: string;
+export interface UniBlockProps extends UniBlockContent, ComponentType {
   defaultPadding?: string;
   block?: BlockDef;
   options?: BlockRendererOptions;

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/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,
@@ -98,7 +96,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
         title={title}
         {...rest}
       >
-        {!esiaStatus ? <EsiaLoginBanner /> : null}
+        {!esiaStatus ? <EsiaLoginBanner onChangeEsiaStatus={setEsiaStatus} /> : null}
         <form onSubmit={onSubmit} className="space-y-m relative" ref={leadForm}>
           {esiaStatus === EsiaStatuses.Pending ? <Loader blur={false} /> : null}
           {applicationFormData.map((_, i) => (

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/EsiaLoginBanner.tsx

@@ -4,21 +4,26 @@ import { locationNavigator } from '../../external/locationNavigator';
 import { getLink } from '../../retail/api/getLink';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
+import { EsiaStatuses } from './ApplicationLeadFormContent';
 
 export interface EsiaLoginBannerProps {
-  onClose?: () => void;
+  onChangeEsiaStatus: (status: EsiaStatuses) => void;
 }
 
-export const EsiaLoginBanner = JSX<EsiaLoginBannerProps>(() => {
+export const EsiaLoginBanner = JSX<EsiaLoginBannerProps>(({ onChangeEsiaStatus }) => {
   const navigator = locationNavigator();
 
   const handleAuth = useCallback(async () => {
-    const resp = await getLink({
-      redirectUri: globalThis.location.origin + globalThis.location.pathname,
-    });
+    try {
+      const resp = await getLink({
+        redirectUri: globalThis.location.origin + globalThis.location.pathname,
+      });
 
-    if (resp?.link) {
-      navigator.assign(resp.link);
+      if (resp?.link) {
+        navigator.assign(resp.link);
+      }
+    } catch {
+      onChangeEsiaStatus(EsiaStatuses.Error);
     }
   }, []);
 

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';