@redneckz/wildless-cms-uni-blocks 0.16.1-credit → 0.16.2-credit

package/src/components/GalleryLayout/GalleryLayout.tsx

@@ -3,8 +3,6 @@ import { renderBlock } from '../../BlockRenderer/renderBlock';
 import { type ChildRenderProps } from '../../BlockRenderer/renderBlockList';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import { type BlockDecorator } from '../../model/BlockDecorator';
-import { type BlockDef } from '../../model/ContentPageDef';
-import { type LinkProps } from '../../model/LinkProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
 import { UniBlock } from '../../UniBlock/UniBlock';
@@ -13,12 +11,11 @@ import { getBorderStyle } from '../../utils/getBorderStyle';
 import { getInnerPadding } from '../../utils/getInnerPadding';
 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';
+import { getChildStyle, modifyBlock } from './utils';
 
 const MIN_LENGTH_CHILD = 5;
-const SHORT_TILE_INDEXES = [1, 2, 3, 4];
 const LINK_SCHEMA: Record<string, JSONSchema7Definition> = {
   link: {
     allOf: [
@@ -134,31 +131,3 @@ const productBlockDecorator =
       </LinkWrapper>
     );
   };
-
-const getChildStyle = (index: number) =>
-  SHORT_TILE_INDEXES.includes(index)
-    ? 'lg:col-span-1 lg:row-span-1'
-    : 'lg:col-span-2 lg:row-span-2';
-
-const modifyBlock = (block: BlockDef, i: number) => {
-  const content: ProductBlockContent & { link?: LinkProps } = { ...block.content };
-
-  const isSmallTile = SHORT_TILE_INDEXES.includes(i);
-
-  if (isSmallTile) {
-    delete content.description;
-    delete content.benefits;
-
-    if (content.link?.href) {
-      delete content.buttons;
-    }
-
-    content.imageOptions = { ...content.imageOptions, className: 'max-w-max !h-auto' };
-  } else {
-    if ((content.buttons ?? []).length) {
-      delete content.link;
-    }
-  }
-
-  return { ...block, content };
-};

package/src/components/GalleryLayout/utils.ts

@@ -0,0 +1,35 @@
+import { type BlockDef } from '../../model/ContentPageDef';
+import { type LinkProps } from '../../model/LinkProps';
+import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
+
+const SHORT_TILE_INDEXES = [1, 2, 3, 4];
+
+export const getChildStyle = (index: number) =>
+  SHORT_TILE_INDEXES.includes(index)
+    ? 'lg:col-span-1 lg:row-span-1'
+    : 'lg:col-span-2 lg:row-span-2';
+
+export const modifyBlock = (block: BlockDef, i: number) => {
+  const content: ProductBlockContent & { link?: LinkProps } = { ...block.content };
+
+  const isSmallTile = SHORT_TILE_INDEXES.includes(i);
+
+  if (isSmallTile) {
+    delete content.description;
+    delete content.benefits;
+
+    if (content.link?.href) {
+      delete content.buttons;
+    }
+
+    content.imageOptions = { ...content.imageOptions, className: 'max-w-max !h-auto' };
+    content.headlineVersion = 'S';
+  } else {
+    if ((content.buttons ?? []).length) {
+      delete content.link;
+    }
+    content.headlineVersion = 'L';
+  }
+
+  return { ...block, content };
+};

package/src/components/Header/DropdownMenu.tsx

@@ -4,12 +4,12 @@ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { useLink } from '../../hooks/useLink';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
-interface DropdownMenuProps {
-  className?: string;
+interface DropdownMenuProps extends ComponentType {
   items: LinkProps[];
   activeItem?: LinkProps;
   ariaLabel?: string;

package/src/components/Header/HeaderChatBotButton.tsx

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 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';
 
-interface HeaderChatBotButtonProps {
-  className?: string;
+interface HeaderChatBotButtonProps extends ComponentType {
   iconVersion?: IconVersion;
   chat?: string;
   onClick?: (ev: PreventableEventWithTarget) => void;

package/src/components/Header/HeaderSecondaryMenu.tsx

@@ -6,6 +6,7 @@ import { type NavigationData } from '../../data/NavigationData';
 import { getAspectsWithInclude } from '../../hooks/useAspects/aspects/getAspectsWithInclude';
 import { useLocation } from '../../hooks/useLocation';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
 import { type IconVersion } from '../../model/IconVersion';
 import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
@@ -14,8 +15,8 @@ import { SearchDialog } from '../../ui-kit/SearchDialog/SearchDialog';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import { style } from '../../utils/style';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
-export interface HeaderSecondaryMenuProps extends HeaderData, NavigationData {
-  className?: string;
+
+export interface HeaderSecondaryMenuProps extends HeaderData, NavigationData, ComponentType {
   search?: SearchHeaderProps;
   version?: BlockVersion;
 }

package/src/components/Header/HeaderSecondaryMenuButton.tsx

@@ -1,18 +1,22 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type AspectsProps } from '../../model/AspectsProps';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
+import { type DisabledProps } from '../../model/DisabledProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
-export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsProps {
-  className?: string;
+export interface HeaderSecondaryMenuButtonProps
+  extends ImageContent,
+    AspectsProps,
+    ComponentType,
+    DisabledProps {
   isRounded?: boolean;
   buttonSize?: 'default' | 'medium' | 'large';
   isGrayBg?: boolean;
-  disabled?: boolean;
   ariaLabel?: string;
   onClick?: (ev: PreventableEventWithTarget) => void;
   version?: BlockVersion;

package/src/components/Header/HeaderSubMenuItem.tsx

@@ -4,11 +4,11 @@ import {
   useIntersectionObserver,
   type IntersectionObserverOptions,
 } from '../../hooks/useIntersectionObserver';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem';
 
-export interface HeaderSubMenuItemProps extends LinkProps {
-  className?: string;
+export interface HeaderSubMenuItemProps extends LinkProps, ComponentType {
   active?: boolean;
   observerOptions?: IntersectionObserverOptions;
   onVisibilityChange?: (isIntersecting: boolean) => void;

package/src/components/Header/HeaderTopMenu.tsx

@@ -7,14 +7,14 @@ import { type TopMenuItemProps } from '../../data/NavigationData';
 import { type IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
 import { type BgColorVersion } from '../../model/BgColorVersion';
 import { type BlockVersion } from '../../model/BlockVersion';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LogoType } from '../../model/LogoType';
 import { Logo } from '../../ui-kit/Logo/Logo';
 import { DropdownMenu } from './DropdownMenu';
 import { HeaderSecondaryMenu } from './HeaderSecondaryMenu';
 import { HeaderTopMenuItem } from './HeaderTopMenuItem';
 
-export interface HeaderMenuProps {
-  className?: string;
+export interface HeaderMenuProps extends ComponentType {
   navigationItems?: TopMenuItemProps[];
   activeTopItem?: TopMenuItemProps;
   dropdownMenuAriaLabel?: string;
@@ -66,11 +66,7 @@ export const HeaderTopMenu = JSX<HeaderMenuProps>(
           data={dataHeader}
           showTitle={false}
         />
-        <div
-          ref={topItemsListRef}
-          className="overflow-hidden min-w-[160px] pb-xs mt-xs"
-          role="menu"
-        >
+        <div ref={topItemsListRef} className="overflow-hidden min-w-40 pb-xs mt-xs" role="menu">
           {navigationItems.map((_, i) => (
             <HeaderTopMenuItem
               key={String(i)}

package/src/components/Header/HeaderTopMenuItem.tsx

@@ -4,11 +4,11 @@ import {
   useIntersectionObserver,
   type IntersectionObserverOptions,
 } from '../../hooks/useIntersectionObserver';
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 
-export interface HeaderTopMenuItemProps extends LinkProps {
-  className?: string;
+export interface HeaderTopMenuItemProps extends LinkProps, ComponentType {
   active?: boolean;
   observerOptions?: IntersectionObserverOptions;
   onVisibilityChange?: (isIntersecting: boolean) => void;

package/src/components/OfficesAtmsMap/AtmsMap.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLocation } from '../../hooks/useLocation';
+import { type ComponentType } from '../../model/ComponentType';
 import { type AtmsDef } from './OfficesAtmsMapContent';
 import { OfficesAtmsMapLayout } from './OfficesAtmsMapLayout';
 import { type Atm } from './OfficesAtmsMapProps';
@@ -24,9 +25,8 @@ const FILTRATION_PREDICATES = {
   designDisabledPeople: (item: Atm) => Boolean(item.designDisabledPeople),
 };
 
-export interface AtmsMapProps {
+export interface AtmsMapProps extends ComponentType {
   descriptionData?: AtmsDef;
-  className?: string;
 }
 
 export const AtmsMap = JSX<AtmsMapProps>(({ descriptionData, className }) => {

package/src/components/OfficesAtmsMap/Badge.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
 import { type TextColor } from '../../ui-kit/Text/TextProps';
@@ -11,8 +12,7 @@ const colorStyle: Record<string, { border: string; text: TextColor }> = {
   red: { border: 'border-error/30', text: 'text-error' },
 };
 
-export interface BadgeProps {
-  className?: string;
+export interface BadgeProps extends ComponentType {
   color?: keyof typeof colorStyle;
 }
 

package/src/components/OfficesAtmsMap/CardCell.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
+import { type LabelProps } from '../../model/HeadlineType';
 import { Text } from '../../ui-kit/Text/Text';
 import { type TextColor, type TextSize } from '../../ui-kit/Text/TextProps';
 import { style } from '../../utils/style';
 
-export interface CardCellProps {
-  className?: string;
-  label?: string;
+export interface CardCellProps extends ComponentType, LabelProps {
   labelSize?: TextSize;
   value?: string | string[];
   subText?: string;

package/src/components/OfficesAtmsMap/CardRow.tsx

@@ -1,11 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 import { style } from '../../utils/style';
 
-export interface CardRowProps {
-  className?: string;
-}
-
-export const CardRow = JSX<CardRowProps>(({ className, children }) => (
+export const CardRow = JSX<ComponentType>(({ className, children }) => (
   <div
     className={style(
       'flex flex-col sm:flex-row sm:border-t sm:border-solid sm:border-main-divider py-xl gap-x-6xl gap-y-xl',

package/src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx

@@ -1,6 +1,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 VNode } from '../../model/VNode';
 import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
@@ -19,8 +20,7 @@ const defaultEmptyFunction = () => void 0;
 
 export type InitFilterState = Record<string, boolean>;
 
-export interface OfficesAtmsMapLayoutProps<T> {
-  className?: string;
+export interface OfficesAtmsMapLayoutProps<T> extends ComponentType {
   data?: T[];
   isLoad: boolean;
   remoteWorkplaces?: T[];

package/src/components/OfficesAtmsMap/OfficesMap.tsx

@@ -1,15 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLocation } from '../../hooks/useLocation';
+import { type ComponentType } from '../../model/ComponentType';
 import { OfficesAtmsMapLayout } from './OfficesAtmsMapLayout';
 import { getOfficePoint, renderOfficeCard } from './renderOfficeCard';
 import { getRemoteWorkplacePoint, renderRemoteWorkplaceCard } from './renderRemoteWorkplaceCard';
 import { useOffices } from './useOffices';
 
-export interface OfficesMapProps {
-  className?: string;
-}
-
-export const OfficesMap = JSX<OfficesMapProps>(({ className }) => {
+export const OfficesMap = JSX<ComponentType>(({ className }) => {
   const currentLocation = useLocation();
   const regionCode = currentLocation?.code ?? '000';
   const { data, isLoad } = useOffices(regionCode);

package/src/components/StickyBottomMenu/StickyBottomMenuDialog.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type ComponentType } from '../../model/ComponentType';
 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 {
-  className?: string;
+export interface StickyBottomMenuDialogProps extends ComponentType {
   head?: VNode;
   onClose?: () => void;
   onClick?: (e: PreventableEvent) => void;

package/src/components/TabsLayout/renderTabsLayout.tsx

@@ -1,14 +1,14 @@
+import { type ComponentType } from '../../model/ComponentType';
 import { ScrollableTabsControl } from '../../ui-kit/TabsControl/ScrollableTabsControl';
 import { type TabItemBase } from '../../ui-kit/TabsControl/TabItem';
 import { type TabsControlProps, type TabsType } from '../../ui-kit/TabsControl/TabsControlProps';
 import { style } from '../../utils/style';
 
-interface RenderTabsProps {
+interface RenderTabsProps extends ComponentType {
   items: TabItemBase[];
   activeItem: TabItemBase;
   onChange: TabsControlProps['onChange'];
   tabsType?: TabsType;
-  className?: string;
 }
 
 const tabsStyle: Record<TabsType, { wrapper: string; component: string }> = {

package/src/data/CommonData.ts

@@ -1,7 +1,8 @@
 import { type AspectsProps } from '../model/AspectsProps';
 import { type LogoType } from '../model/LogoType';
+import { type PlaceholderProps } from '../model/PlaceholderProps';
 
-export type SearchHeaderProps = AspectsProps & { placeholder: string; ariaLabel: string };
+export type SearchHeaderProps = AspectsProps & PlaceholderProps & { ariaLabel: string };
 
 export interface CommonData {
   logo?: LogoType;

package/src/hooks/useForm/useForm.ts

@@ -1,6 +1,6 @@
 import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { type ControlProps } from '../../ui-kit/ControlProps';
+import { type ControlProps } from '../../model/ControlProps';
 import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { type ValidationInfo } from '../../validation/validator';
 import { type FieldOptions } from './FieldOptions';

package/src/model/CommonInputProps.ts

@@ -0,0 +1,12 @@
+import { type ComponentType } from './ComponentType';
+import { type ControlProps } from './ControlProps';
+import { type DisabledProps } from './DisabledProps';
+import { type LabelProps, type TextProps } from './HeadlineType';
+
+export type CommonInputProps<T> = ComponentType &
+  ControlProps<T> &
+  DisabledProps &
+  LabelProps &
+  TextProps & {
+    error?: string;
+  };

package/src/model/ComponentType.ts

@@ -0,0 +1,4 @@
+export interface ComponentType {
+  /** @hidden */
+  className?: string;
+}

package/src/model/DefaultControlType.ts

@@ -1,8 +1,13 @@
-export interface DefaultControlType {
-  className?: string;
-  label?: string;
+import { type ComponentType } from './ComponentType';
+import { type DisabledProps } from './DisabledProps';
+import { type LabelProps } from './HeadlineType';
+import { type PlaceholderProps } from './PlaceholderProps';
+
+export interface DefaultControlType
+  extends ComponentType,
+    LabelProps,
+    DisabledProps,
+    PlaceholderProps {
   error?: string;
   errors?: string[];
-  placeholder?: string;
-  disabled?: boolean;
 }

package/src/model/DisabledProps.ts

@@ -0,0 +1,3 @@
+export interface DisabledProps {
+  disabled?: boolean;
+}

package/src/model/Picture.ts

@@ -1,4 +1,5 @@
 import { type IconName } from '../icons/IconName';
+import { type ComponentType } from './ComponentType';
 import { type IconVersion } from './IconVersion';
 import { type ImageSize } from './ImageSize';
 
@@ -36,10 +37,9 @@ export interface ImgSource {
 }
 
 /** @title Изображение */
-export interface Picture extends Img, ImgSource {
+export interface Picture extends Img, ImgSource, ComponentType {
   /** @title Другие форматы */
   sources?: ImgSource[];
-  className?: string;
 }
 
 export type IconProps = {

package/src/model/PlaceholderProps.ts

@@ -0,0 +1,3 @@
+export interface PlaceholderProps {
+  placeholder?: string;
+}

package/src/retail/components/CaptchaDialog/CaptchaDialog.tsx

@@ -49,21 +49,21 @@ export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, o
       head={<Logo />}
       onClose={onClose}
     >
-      <div className="flex flex-col gap-lg items-center rounded-md">
-        <div className="flex h-36 w-72">
+      <div className="flex flex-col gap-lg items-center">
+        <div className="flex">
           <img className="grow" src={captcha}></img>
           <Button className="w-8" embedded onClick={handleCreateCaptcha}>
             <Icon iconVersion="normal" name="RefreshIcon" />
           </Button>
         </div>
         <Input
-          className="w-[300px]"
+          className="w-80"
           onChange={setCode}
           value={code}
           placeholder="Введите код с картинки"
         />
         {hasError ? <div className="text-error">Неверный код</div> : null}
-        <div className="flex w-[310px] justify-between">
+        <div className="flex w-80 justify-between">
           <Button version="secondary" onClick={close}>
             Вернуться
           </Button>

package/src/retail/components/DaDataInputControl/DaDataInputControl.tsx

@@ -1,13 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
-import { Input } from '../../../ui-kit/Input/Input';
 import { type InputProps } from '../../../ui-kit/Input/InputProps';
-import { renderErrorText } from '../../../ui-kit/Input/renderErrorText';
-import { getRequiredLabel } from '../../../utils/getRequiredLabel';
+import { InputWrapper } from '../../../ui-kit/Input/InputWrapper';
 import { noop } from '../../../utils/noop';
-import { style } from '../../../utils/style';
 import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
 import { useInputPopup } from './useInputPopup';
 
@@ -19,38 +14,15 @@ export type DaDataInputProps = InputProps & {
 
 export const DaDataInputControl = JSX<DaDataInputProps>(
   ({
-    className,
-    label,
     value = '',
-    placeholder,
-    error,
-    errors,
     onChange = noop,
     onDaDataChange,
-    onBlur,
-    isTextarea,
-    type,
     name = '',
     daDataQueryPrefix,
-    isInteger = false,
-    maxLength,
     dadata = false,
-    disabled = false,
+    ...rest
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
-    const popupRef = useOutsideClick<HTMLDivElement>(close);
-
-    const handleChange = useCallback(
-      (v: string) => {
-        dadata && !isOpen && open();
-        maxLength ? v.length <= maxLength && onChange(v) : onChange(v);
-      },
-      [isOpen, onChange],
-    );
-
-    useEffect(() => {
-      isInteger && value && onChange(normalizeInteger(value));
-    }, [value]);
 
     const inputRef = useInputPopup({
       isOpen: isOpen && dadata,
@@ -62,33 +34,15 @@ export const DaDataInputControl = JSX<DaDataInputProps>(
     });
 
     return (
-      <div
-        className={style('shrink-0 w-full', className)}
-        ref={popupRef}
-        onBlur={close}
-        onFocus={open}
-      >
-        <div ref={inputRef}>
-          <Input
-            disabled={disabled}
-            type={type || 'text'}
-            aria-label={label}
-            label={getRequiredLabel({ label, errors })}
-            valid={Boolean(!error)}
-            value={value}
-            onChange={handleChange}
-            onBlur={onBlur}
-            isTextarea={isTextarea}
-            placeholder={getPlaceholder(placeholder, errors, label)}
-          />
-        </div>
-        {renderErrorText(error)}
-      </div>
+      <InputWrapper
+        value={value}
+        onChange={onChange}
+        inputRef={inputRef}
+        isOpen={isOpen}
+        onOpen={open}
+        onClose={close}
+        {...rest}
+      />
     );
   },
 );
-
-const normalizeInteger = (val = '') => val.replace(/[^\d]+/g, '');
-
-const getPlaceholder = (placeholder?: string, errors?: string[], label?: string) =>
-  errors && !label ? `${placeholder}*` : placeholder;

package/src/retail/components/DraftDialog/DraftDialog.tsx

@@ -54,7 +54,7 @@ export const DraftDialog = JSX<DraftDialogProps>(function ({
 
   return (
     <Dialog className="my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0" onClose={onClose}>
-      <div className="flex flex-col gap-lg items-center mt-xs md:mt-0 mx-6xl">
+      <div className="flex flex-col gap-lg items-center mt-xs mx-6xl">
         <Heading
           className="whitespace-pre-wrap text-center"
           title="Нашли черновик вашей заявки"

package/src/retail/components/Fields/RegionRetailField.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { type ProductType } from '../../../components/ApplicationLeadForm/ApplicationLeadFormContent';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { type Option } from '../../../ui-kit/Select/Option';
 import { SelectControl } from '../../../ui-kit/Select/SelectControl';
@@ -9,12 +10,15 @@ import { useLeadFormData } from '../../hooks/useLeadFormData';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 
 export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { programId, productType } = useRetailFormStore();
   const { data: regions } = useLeadFormData('REGION_RF');
   const { data: regionsDelivery } = useAsyncData('regionsDelivery', getRegionsCardDelivery);
-  const { programId } = useRetailFormStore();
+  const { data: productSettings } = useLeadFormData(getCurrentProductSettings(productType));
 
   const isSalaryCard = programId === '38';
   const formatRegions = regions?.map(({ key, value }) => ({ key, text: value }));
+  const isDeliveryActive =
+    productSettings?.find((_) => _?.key === 'DELIVERY_ACTIVE')?.value === 'true';
 
   const handleChangeRegion = field('regionRetail')?.onChange;
   const handleChangeRegionHasDelivery = field('regionHasDelivery')?.onChange;
@@ -23,12 +27,14 @@ export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const onChange = useCallback(
     (value: Option) => {
       const regionHasDelivery =
-        regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg && !isSalaryCard;
+        isDeliveryActive &&
+        regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg &&
+        !isSalaryCard;
       handleChangeRegionHasDelivery?.(regionHasDelivery);
       handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');
       handleChangeRegion?.(value);
     },
-    [regionsDelivery],
+    [regionsDelivery, isDeliveryActive],
   );
 
   return (
@@ -42,3 +48,6 @@ export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
     />
   );
 });
+
+const getCurrentProductSettings = (productType: ProductType | null) =>
+  productType === 'debitCard' ? 'DEBIT_CARD_LEAD_PROCESS_SETTINGS' : 'CREDIT_LEAD_PROCESS_SETTINGS';