@redneckz/wildless-cms-uni-blocks 0.14.145 → 0.14.147

package/mobile/src/components/ApplicationForm/renderCreditDataOrganization.tsx

@@ -10,30 +10,23 @@ export const renderCreditDataOrganization = (
   field: FormFieldRegisterer<CreditFormState>,
   title?: string,
 ) => (
-  <ApplicationFieldsetLayout
-    title={title}
-    firstChildren={
-      <div className={formChildrenStyle}>
-        <InputControl
-          label="Наименование организации"
-          {...withValidator(field('fullName'), defaultValidator)}
-        />
-        <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
-        <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
-      </div>
-    }
-    secondChildren={
-      <div className={formChildrenStyle}>
-        <InputControl
-          label="Годовая выручка, ₽"
-          {...withValidator(field('annualRevenue'), defaultValidator)}
-        />
-        <InputControl label="Контактное лицо" {...withValidator(field('name'), nameValidator)} />
-        <InputControl
-          label="Электронная почта"
-          {...withValidator(field('mail'), defaultValidator)}
-        />
-      </div>
-    }
-  />
+  <ApplicationFieldsetLayout title={title}>
+    <div className={formChildrenStyle}>
+      <InputControl
+        label="Наименование организации"
+        {...withValidator(field('fullName'), defaultValidator)}
+      />
+      <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
+      <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
+    </div>
+
+    <div className={formChildrenStyle}>
+      <InputControl
+        label="Годовая выручка, ₽"
+        {...withValidator(field('annualRevenue'), defaultValidator)}
+      />
+      <InputControl label="Контактное лицо" {...withValidator(field('name'), nameValidator)} />
+      <InputControl label="Электронная почта" {...withValidator(field('mail'), defaultValidator)} />
+    </div>
+  </ApplicationFieldsetLayout>
 );

package/mobile/src/components/ApplicationForm/renderCreditParameters.tsx

@@ -15,29 +15,24 @@ export const renderCreditParameters = (
   field: FormFieldRegisterer<CreditFormState>,
   title?: string,
 ) => (
-  <ApplicationFieldsetLayout
-    title={title}
-    firstChildren={
-      <div className={formChildrenStyle}>
-        <InputRange
-          title="Сумма, ₽"
-          items={ITEMS_CREDIT_AMOUNT}
-          min={MIN_CREDIT_AMOUNT}
-          max={MAX_CREDIT_AMOUNT}
-          {...field('amount')}
-        />
-      </div>
-    }
-    secondChildren={
-      <div className={formChildrenStyle}>
-        <InputRange
-          title="Срок, месяцев"
-          items={ITEMS_CREDIT_TERM}
-          min={MIN_CREDIT_TERM}
-          max={MAX_CREDIT_TERM}
-          {...field('term')}
-        />
-      </div>
-    }
-  />
+  <ApplicationFieldsetLayout title={title}>
+    <div className={formChildrenStyle}>
+      <InputRange
+        title="Сумма, ₽"
+        items={ITEMS_CREDIT_AMOUNT}
+        min={MIN_CREDIT_AMOUNT}
+        max={MAX_CREDIT_AMOUNT}
+        {...field('amount')}
+      />
+    </div>
+    <div className={formChildrenStyle}>
+      <InputRange
+        title="Срок, месяцев"
+        items={ITEMS_CREDIT_TERM}
+        min={MIN_CREDIT_TERM}
+        max={MAX_CREDIT_TERM}
+        {...field('term')}
+      />
+    </div>
+  </ApplicationFieldsetLayout>
 );

package/mobile/src/components/ApplicationForm/renderQuestionsInterested.tsx

@@ -7,39 +7,37 @@ export const renderQuestionsInterested = (field: FormFieldRegisterer<WedFormStat
   const { value, onChange } = field('vedTypes');
 
   return (
-    <ApplicationFieldsetLayout
-      firstChildren={
-        <div className="gap-xl grid @xl:flex @xl:items-center">
-          <Radio
-            name="vedTypes"
-            text="Валютный контроль"
-            value="currencyControl"
-            checked={value === 'currencyControl'}
-            onChange={(_) => onChange && onChange(_)}
-          />
-          <Radio
-            name="vedTypes"
-            text="Документарные операции"
-            value="documentOperations"
-            checked={value === 'documentOperations'}
-            onChange={(_) => onChange && onChange(_)}
-          />
-          <Radio
-            name="vedTypes"
-            text="Конверсионные операции"
-            value="conversionTransactions"
-            checked={value === 'conversionTransactions'}
-            onChange={(_) => onChange && onChange(_)}
-          />
-          <Radio
-            name="vedTypes"
-            text="Иные вопросы ВЭД"
-            value="otherIssues"
-            checked={value === 'otherIssues'}
-            onChange={(_) => onChange && onChange(_)}
-          />
-        </div>
-      }
-    />
+    <ApplicationFieldsetLayout>
+      <div className="gap-xl grid @xl:flex @xl:items-center">
+        <Radio
+          name="vedTypes"
+          text="Валютный контроль"
+          value="currencyControl"
+          checked={value === 'currencyControl'}
+          onChange={(_) => onChange && onChange(_)}
+        />
+        <Radio
+          name="vedTypes"
+          text="Документарные операции"
+          value="documentOperations"
+          checked={value === 'documentOperations'}
+          onChange={(_) => onChange && onChange(_)}
+        />
+        <Radio
+          name="vedTypes"
+          text="Конверсионные операции"
+          value="conversionTransactions"
+          checked={value === 'conversionTransactions'}
+          onChange={(_) => onChange && onChange(_)}
+        />
+        <Radio
+          name="vedTypes"
+          text="Иные вопросы ВЭД"
+          value="otherIssues"
+          checked={value === 'otherIssues'}
+          onChange={(_) => onChange && onChange(_)}
+        />
+      </div>
+    </ApplicationFieldsetLayout>
   );
 };

package/mobile/src/components/ApplicationForm/renderRegionDepartment.tsx

@@ -1,41 +1,21 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { withValidator } from '../../validation/withValidator';
-import { type Branch } from '../SafeDepositRental/useSafeBoxes';
+import { AddressBranchField } from './AddressBranchField';
 import { ApplicationFieldsetLayout, formChildrenStyle } from './ApplicationFieldsetLayout';
 import { type CreditFormState } from './ApplicationFormCredit';
-import { type Select } from './models';
-import { renderRegion } from './renderRegion';
-import { SelectControl } from './SelectControl';
-import { defaultValidator } from './validators';
+import { RegionField } from './RegionField';
 
 interface RegionDepartmentProps {
   title?: string;
-  regions: Select[];
-  branches: Branch[];
   field: FormFieldRegisterer<CreditFormState>;
 }
 
-export const renderRegionDepartment = ({
-  title,
-  regions,
-  branches,
-  field,
-}: RegionDepartmentProps) => (
-  <ApplicationFieldsetLayout
-    title={title}
-    firstChildren={<div className={formChildrenStyle}>{renderRegion(regions, field)}</div>}
-    secondChildren={
-      <div className={formChildrenStyle}>
-        <SelectControl
-          label="Адрес"
-          placeholder="Выберите адрес"
-          options={branches.map(({ branchCode = '', address = '' }) => ({
-            key: branchCode,
-            text: address,
-          }))}
-          {...withValidator(field('department'), defaultValidator)}
-        />
-      </div>
-    }
-  />
+export const renderRegionDepartment = ({ title, field }: RegionDepartmentProps) => (
+  <ApplicationFieldsetLayout title={title}>
+    <div className={formChildrenStyle}>
+      <RegionField field={field} />
+    </div>
+    <div className={formChildrenStyle}>
+      <AddressBranchField field={field} />
+    </div>
+  </ApplicationFieldsetLayout>
 );

package/mobile/src/components/ApplicationForm/renderUserData.tsx

@@ -26,7 +26,7 @@ export const renderUserData = <
   field: FormFieldRegisterer<T>,
   isBirthday = true,
 ) => (
-  <div>
+  <div className="space-y-s">
     <InputControl label="Фамилия*" {...withValidator(field('surname'), nameValidator)} />
     <InputControl label="Имя*" {...withValidator(field('name'), nameValidator)} />
     <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />

package/mobile/src/components/SafeDepositRental/RegionsAndBranches.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type Region } from './useGetRegions';
+import { type Region } from '../../hooks/useRegions';
 import { type Branch } from './useSafeBoxes';
 import { WrapperSelect } from './WrapperSelect';
 

package/mobile/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useRegions, type Region } from '../../hooks/useRegions';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
@@ -8,7 +9,6 @@ import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
 import { type SafeDepositRentalContent } from './SafeDepositRentalContent';
 import { SafeDepositRentalForm } from './SafeDepositRentalForm';
 import { type HandleFormStateChange, type SafeDepositRentalState } from './SafeDepositRentalTypes';
-import { useGetRegions, type Region } from './useGetRegions';
 import { useSafeBoxes } from './useSafeBoxes';
 import { getBranch, getCoordinates } from './utils';
 
@@ -28,7 +28,7 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
       days: DEFAULT_DAYS,
     });
 
-    const regions = useGetRegions();
+    const regions = useRegions();
 
     const selectedRegion = normalizeSelectedRegion(safeDepositState.selectedRegion, regions);
 

package/mobile/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type Region } from '../../hooks/useRegions';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
 import { RadioButtons } from './RadioButtons';
@@ -6,7 +7,6 @@ import { RegionsAndBranches } from './RegionsAndBranches';
 import { RentalPeriod } from './RentalPeriod';
 import { SafeBoxCases } from './SafeBoxCases';
 import { type HandleFormStateChange, type SafeDepositRentalState } from './SafeDepositRentalTypes';
-import { type Region } from './useGetRegions';
 import { type Branch, type SafeBoxCase, type SafeBoxCaseVolume } from './useSafeBoxes';
 
 export interface SafeDepositRentalFieldsProps extends SafeDepositRentalState {

package/mobile/src/components/SafeDepositRental/SafeDepositRentalForm.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks/core';
+import { type Region } from '../../hooks/useRegions';
 import { SafeDepositRentalFields } from './SafeDepositRentalFields';
 import { SafeDepositRentalTotal } from './SafeDepositRentalTotal';
 import { type SafeDepositRentalState } from './SafeDepositRentalTypes';
-import { type Region } from './useGetRegions';
 import { type Branch, type SafeBoxCase, type SafeBoxCaseVolume } from './useSafeBoxes';
 import { getBranch } from './utils';
 

package/mobile/src/components/StepsBlock/StepsBlock.tsx

@@ -124,17 +124,13 @@ const renderIconArea =
     const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
     const isImg = Boolean(step?.icon?.src);
     const iconAreaSize = STEPS_SIZE_MAP[size][isImg ? 'image' : 'icon'];
-    const containerStyle = isImg ? '' : 'rounded-md';
+    const containerVersion = isImg ? stepVersion === 'transparent' : stepVersion;
 
     return (
       <BlockWrapper
-        className={style(
-          iconAreaSize,
-          containerStyle,
-          'z-10 mr-s flex justify-center content-center',
-        )}
+        className={style(iconAreaSize, 'z-10 mr-s flex justify-center content-center rounded-md')}
         defaultPadding=""
-        version={stepVersion}
+        version={containerVersion as BlockVersion}
       >
         <span className="flex max-w-full max-h-full items-center justify-center">
           {isIcon(step?.icon) ? (

package/mobile/src/hooks/usePremiumBranchesByRegions.ts

@@ -0,0 +1,17 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../utils/fetchJSON';
+
+const REGIONS_URL = '/api/v1/premiumBranchesByRegions';
+
+export interface Region {
+  region: string;
+  branches: {
+    address: string;
+  }[];
+}
+
+export function usePremiumBranchesByRegions(): Region[] {
+  const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>);
+
+  return data || [];
+}

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

@@ -65,7 +65,7 @@ export const Select = JSX<SelectProps>(
             )}
             onClick={isOpen ? handleClose : open}
           >
-            <p className="p-m pr-8 flex items-center overflow-hidden text-ellipsis whitespace-nowrap">
+            <p className="p-m pr-8 flex items-center overflow-hidden text-ellipsis">
               {formatOption(value) || placeholder}
             </p>
             {renderIcon(isOpen, iconVersion)}

package/package.json

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

package/src/components/ApplicationForm/AddressBranchField.tsx

@@ -0,0 +1,27 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useBranches } from '../../hooks/useBranches';
+import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { withValidator } from '../../validation/withValidator';
+import { SelectControl } from './SelectControl';
+import { defaultValidator } from './validators';
+
+interface RegionFieldProps {
+  field: FormFieldRegisterer<any>;
+  key?: string;
+}
+
+export const AddressBranchField = JSX<RegionFieldProps>(({ field, key = '' }) => {
+  const addressByBranch = useBranches(key).filter((branch) => branch?.address);
+
+  return (
+    <SelectControl
+      label="Адрес*"
+      placeholder="Выберите адрес"
+      options={addressByBranch.map(({ branchCode = '', address = '' }) => ({
+        key: branchCode,
+        text: address,
+      }))}
+      {...withValidator(field('addressBranch'), defaultValidator)}
+    />
+  );
+});

package/src/components/ApplicationForm/ApplicationFieldsetLayout.tsx

@@ -1,23 +1,19 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type VNode } from '../../model/VNode';
 import { Heading } from '../../ui-kit/Heading/Heading';
 
 export interface ApplicationFieldsetLayoutProp {
   title?: string;
-  firstChildren?: VNode;
-  secondChildren?: VNode;
 }
 
 export const ApplicationFieldsetLayout = JSX<ApplicationFieldsetLayoutProp>(
-  ({ title, firstChildren, secondChildren }) => (
+  ({ title, children }) => (
     <fieldset className="grid @xl:flex @xl:justify-between gap-lg border-b border-b-main-divider @xl:border-none">
       {title ? (
         <legend className="w-full">
           <Heading title={title} headingType="h6" className="@xl:text-center" />
         </legend>
       ) : null}
-      {firstChildren}
-      {secondChildren}
+      {children}
     </fieldset>
   ),
 );

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

@@ -60,6 +60,38 @@ const ApplicationFormFeedback: ApplicationFormContent = {
   formBlock: { ...formBlockProps, formType: 'ApplicationFormFeedback' },
 };
 
+const ApplicationFormAntiFraud: ApplicationFormContent = {
+  formBlock: {
+    ...formBlockProps,
+    formType: 'ApplicationFormAntiFraud',
+    title: 'Предупреждение о мошенничестве',
+  },
+};
+
+const ApplicationFormCorruption: ApplicationFormContent = {
+  formBlock: {
+    ...formBlockProps,
+    formType: 'ApplicationFormCorruption',
+    title: 'Факты коррупции',
+  },
+};
+
+const ApplicationFormSelfCollection: ApplicationFormContent = {
+  formBlock: {
+    ...formBlockProps,
+    formType: 'ApplicationFormSelfCollection',
+    title: 'Факты коррупции',
+  },
+};
+
+const ApplicationFormUltraPremium: ApplicationFormContent = {
+  formBlock: {
+    ...formBlockProps,
+    formType: 'ApplicationFormUltraPremium',
+    title: 'Стать клиентом',
+  },
+};
+
 export default {
   credit: (
     <div className="container grid grid-cols-12">
@@ -109,4 +141,28 @@ export default {
       <PopupManager />
     </div>
   ),
+  'anti-fraud': (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormAntiFraud} />
+      <PopupManager />
+    </div>
+  ),
+  corruption: (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormCorruption} />
+      <PopupManager />
+    </div>
+  ),
+  'self-collection': (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormSelfCollection} />
+      <PopupManager />
+    </div>
+  ),
+  'ultra-premium': (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormUltraPremium} />
+      <PopupManager />
+    </div>
+  ),
 };

package/src/components/ApplicationForm/ApplicationForm.fixture.tsx

@@ -84,6 +84,15 @@ const ApplicationFormSelfCollection: ApplicationFormContent = {
   },
 };
 
+const ApplicationFormUltraPremium: ApplicationFormContent = {
+  formBlock: {
+    ...formBlockProps,
+    formType: 'ApplicationFormUltraPremium',
+    title: 'Стать клиентом',
+    defaultType: 'ULTRASERVICE',
+  },
+};
+
 export default {
   credit: (
     <div className="container grid grid-cols-12">
@@ -151,4 +160,10 @@ export default {
       <PopupManager />
     </div>
   ),
+  'ultra-premium': (
+    <div className="container grid grid-cols-12">
+      <ApplicationForm className="col-span-12" {...ApplicationFormUltraPremium} />
+      <PopupManager />
+    </div>
+  ),
 };

package/src/components/ApplicationForm/ApplicationFormAcquiring.tsx

@@ -5,7 +5,6 @@ import { type Option } from '../../ui-kit/Select/Option';
 import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
-import { useGetRegions } from '../SafeDepositRental/useGetRegions';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { Footnote } from './Footnote';
 import { formStyle } from './formStyle';
@@ -75,12 +74,11 @@ export const ApplicationFormAcquiring = JSX<ApplicationFormsProps>((props) => {
   );
 
   const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
-  const regions = useGetRegions();
   const isSlideCheckboxes = getSlideCheckboxes(field('acquiringType').value?.key);
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
-      {renderAcquiringRegion({ regions, field, title: 'Вид эквайринга и регион' })}
+      {renderAcquiringRegion({ field, title: 'Вид эквайринга и регион' })}
       {renderAcquiringDataOrganization(field, 'Данные организации')}
       {isSlideCheckboxes ? renderSlideCheckboxes(field) : null}
       {renderSubmitButton(button)}

package/src/components/ApplicationForm/ApplicationFormAntiFraud.tsx

@@ -65,27 +65,22 @@ export const ApplicationFormAntiFraud = JSX<ApplicationFormsProps>(({ button, li
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
-      <ApplicationFieldsetLayout
-        firstChildren={
-          <div className={oneColumnFormStyle}>
-            {renderUserData<AntiFraudFormState>(field, true)}
-            <PhoneInputControl
-              label="Телефон*"
-              {...withValidator(field('phone'), phoneValidator)}
-            />
-            <CheckboxWithError
-              {...withValidator(field('isClient'), checkboxValidator)}
-              text='Являюсь клиентом банка АО "Россельхозбанк"'
-            />
-            <InputControl
-              {...withValidator(field('comment'), defaultValidator)}
-              placeholder="Комментарий*"
-              isTextarea={true}
-            />
-            {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}
-          </div>
-        }
-      />
+      <ApplicationFieldsetLayout>
+        <div className={oneColumnFormStyle}>
+          {renderUserData<AntiFraudFormState>(field, true)}
+          <PhoneInputControl label="Телефон*" {...withValidator(field('phone'), phoneValidator)} />
+          <CheckboxWithError
+            {...withValidator(field('isClient'), checkboxValidator)}
+            text='Являюсь клиентом банка АО "Россельхозбанк"'
+          />
+          <InputControl
+            {...withValidator(field('comment'), defaultValidator)}
+            placeholder="Комментарий*"
+            isTextarea={true}
+          />
+          {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}
+        </div>
+      </ApplicationFieldsetLayout>
     </form>
   );
 });

package/src/components/ApplicationForm/ApplicationFormBusinessCard.tsx

@@ -5,12 +5,11 @@ import { type Option } from '../../ui-kit/Select/Option';
 import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
-import { useGetRegions } from '../SafeDepositRental/useGetRegions';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { Footnote } from './Footnote';
 import { formStyle } from './formStyle';
+import { RegionField } from './RegionField';
 import { renderBusinessCardDataOrganization } from './renderBusinessCardDataOrganization';
-import { renderRegion } from './renderRegion';
 import { renderSubmitButton } from './renderSubmitButton';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
@@ -58,11 +57,10 @@ export const ApplicationFormBusinessCard = JSX<ApplicationFormsProps>((props) =>
   );
 
   const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
-  const regions = useGetRegions();
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
-      {renderRegion(regions, field)}
+      <RegionField field={field} />
       {renderBusinessCardDataOrganization(field)}
       {renderSubmitButton(button)}
       <Footnote link={link} />

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -18,6 +18,12 @@ export type CommonApplicationFormProps = TitleProps & {
   link?: LinkProps;
 };
 
+/**
+ * @title Тип обслуживания по умолчанию
+ * @enumNames ['Ультра', 'Премиум']
+ */
+export type UltraPremiumTypeProps = 'ULTRASERVICE' | 'PREMIUMSERVICE';
+
 /**
  * @title Бизнес-карта
  */
@@ -121,6 +127,17 @@ export type SelfCollectionFormParamsDef = TitleProps &
     formType: 'ApplicationFormSelfCollection';
   };
 
+/**
+ * @title Заявка Ультра и Премиум
+ */
+export type UltraPremiumFormParamsDef = TitleProps &
+  CommonApplicationFormProps & {
+    /** @default ApplicationUltraPremium */
+    formType: 'ApplicationFormUltraPremium';
+    /** @title Выберите продукт */
+    defaultType?: UltraPremiumTypeProps;
+  };
+
 /**
  * @title Настройки формы
  */
@@ -135,7 +152,8 @@ export type ApplicationFormBlockDef =
   | FeedbackFormParamsDef
   | AntiFraudFormParamsDef
   | CorruptionFormParamsDef
-  | SelfCollectionFormParamsDef;
+  | SelfCollectionFormParamsDef
+  | UltraPremiumFormParamsDef;
 
 /**
  * @title Форма заявки