@redneckz/wildless-cms-uni-blocks 0.14.154 → 0.14.155

package/src/api/LeadServiceAPI.ts

@@ -1,3 +1,6 @@
+import { type JSONRecord, type JSONScalar } from '@redneckz/json-ref/lib/JSONNode';
+import { formatPhone } from '../utils/formatPhone';
+
 interface DaDataSuggestion<T> {
   value?: string;
   unrestricted_value?: string;
@@ -12,16 +15,55 @@ export interface DaDataResult {
   suggestions?: DaDataSuggestion<DaDataAddress>[];
 }
 
+export type LeadRequest = Record<string, JSONRecord | JSONScalar | null> & {
+  typeForm?: string;
+  addressBranch?: string;
+  phone?: string;
+  email?: string;
+  inn?: string;
+  secondaryPhoneNumber?: string;
+};
+
 export function LeadServiceAPI() {
-  async function send(body: Record<string, string>, isIndividualType = false) {
+  // eslint-disable-next-line complexity
+  async function send(body: LeadRequest, isIndividualType = false) {
     const url = isIndividualType ? '/api/v1/lead' : '/api/v1/sendcorporatelead';
-
+    const {
+      typeForm,
+      region,
+      phone = '',
+      email,
+      birthday,
+      inn,
+      fullName,
+      addressBranch,
+      secondaryPhone = '',
+      bankEmpolee,
+      applicationDate,
+      ...staticBody
+    } = body;
+    const submitBody = {
+      typeForm,
+      [isIndividualType ? 'regionBranch' : 'region']: region,
+      [isIndividualType ? 'phoneNumber' : 'phone']: formatPhone(phone),
+      [isIndividualType ? 'email' : 'mail']: email,
+      ...(isIndividualType ? { birthday } : { inn, fullName }),
+      ...(typeForm === 'FEEDBACK'
+        ? {}
+        : {
+            addressBranch,
+            bankEmpolee,
+            applicationDate,
+            ...getSecondaryPhone(secondaryPhone as string),
+          }),
+      ...staticBody,
+    };
     try {
       const response = await fetch(url, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         mode: 'cors',
-        body: JSON.stringify(body),
+        body: JSON.stringify(submitBody),
       });
 
       if (!response?.ok) {
@@ -40,3 +82,8 @@ export function LeadServiceAPI() {
     send,
   };
 }
+
+const getSecondaryPhone = (secondaryPhone?: string) =>
+  !secondaryPhone || secondaryPhone === '+7 ('
+    ? {}
+    : { secondaryPhoneNumber: formatPhone(secondaryPhone) };

package/src/components/ApplicationForm/AddressBranchField.tsx

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

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

@@ -80,7 +80,7 @@ const ApplicationFormSelfCollection: ApplicationFormContent = {
   formBlock: {
     ...formBlockProps,
     formType: 'ApplicationFormSelfCollection',
-    title: 'Факты коррупции',
+    title: 'Самоинкассация (ЮЛ) ',
   },
 };
 

package/src/components/ApplicationForm/ApplicationForm.tsx

@@ -21,7 +21,8 @@ export const ApplicationForm = JSX<ApplicationFormProps>((props) => {
   const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
 
   const handleSubmit = useCallback(async (data: Record<string, any>, isIndividualType = false) => {
-    const status = (await API.send(data, isIndividualType)) ? 'OK' : 'Fail';
+    const formatData = getFormatData(data);
+    const status = (await API.send(formatData, isIndividualType)) ? 'OK' : 'Fail';
     setResponseType(status);
 
     return status;
@@ -55,3 +56,8 @@ const renderEmbeddedForm = (
 
   return <EmbeddedForm {...formBlock} onSubmit={handleSubmit} />;
 };
+
+const getFormatData = (data: Record<string, any>) =>
+  Object.fromEntries(
+    Object.entries(data).map(([k, v]) => [k, (v?.region ? v?.text : v?.key) || v]),
+  );

package/src/components/ApplicationForm/ApplicationForm.ui.json

@@ -7,7 +7,7 @@
       "product": {
         "ui:widget": "sourceBookDataDropdown",
         "ui:options": {
-          "sourceName": "products"
+          "sourceBookPath": "wcms-resources/products"
         }
       }
     }

package/src/components/ApplicationForm/ApplicationFormAcquiring.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
+import { SlideCheckbox } from '../../ui-kit/SlideCheckbox/SlideCheckbox';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
@@ -10,11 +10,11 @@ import { Footnote } from './Footnote';
 import { formStyle } from './formStyle';
 import { renderAcquiringDataOrganization } from './renderAcquiringDataOrganization';
 import { renderAcquiringRegion } from './renderAcquiringRegion';
-import { renderSlideCheckboxes } from './renderSlideCheckboxes';
 import { renderSubmitButton } from './renderSubmitButton';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 export interface AcquiringFormState {
+  typeForm: Option;
   acquiringType?: Option;
   region?: Option;
   fullName: string;
@@ -26,6 +26,7 @@ export interface AcquiringFormState {
 }
 
 const initialFormState: AcquiringFormState = {
+  typeForm: { key: 'acqr', text: 'Предупреждение о мошенничестве' },
   acquiringType: { key: 'trade', text: 'Торговый эквайринг' },
   fullName: '',
   inn: '',
@@ -49,8 +50,7 @@ export const ApplicationFormAcquiring = JSX<ApplicationFormsProps>((props) => {
 
   const handleSubmit = useCallback(
     (formState: AcquiringFormState) => {
-      const { acquiringType, region, fullName, inn, name, phone, onlineCheckout, posTerminal } =
-        formState;
+      const { acquiringType, onlineCheckout, posTerminal, ...usedForm } = formState;
       const isTradeAcquiring = getSlideCheckboxes(acquiringType?.key);
       const partnerComments = `Вид эквайринга=${acquiringType?.text || ''}${
         isTradeAcquiring
@@ -59,13 +59,8 @@ export const ApplicationFormAcquiring = JSX<ApplicationFormsProps>((props) => {
       }`;
 
       const submitData = {
-        typeForm: 'acqr',
-        region: region?.text || '',
         partnerComments,
-        fullName,
-        inn,
-        name,
-        phone: formatPhone(phone),
+        ...usedForm,
       };
 
       isValidationSuccess(acquiringValidator(formState)) && onSubmit(submitData, false);
@@ -73,14 +68,19 @@ export const ApplicationFormAcquiring = JSX<ApplicationFormsProps>((props) => {
     [onSubmit],
   );
 
-  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+  const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
   const isSlideCheckboxes = getSlideCheckboxes(field('acquiringType').value?.key);
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
       {renderAcquiringRegion({ field, title: 'Вид эквайринга и регион' })}
       {renderAcquiringDataOrganization(field, 'Данные организации')}
-      {isSlideCheckboxes ? renderSlideCheckboxes(field) : null}
+      {isSlideCheckboxes ? (
+        <div>
+          <SlideCheckbox text="Хочу купить онлайн-кассу" {...field('onlineCheckout')} />
+          <SlideCheckbox text="Хочу купить POS-терминал" {...field('posTerminal')} />
+        </div>
+      ) : null}
       {renderSubmitButton(button)}
       <Footnote link={link} />
     </form>

package/src/components/ApplicationForm/ApplicationFormAntiFraud.tsx

@@ -3,7 +3,6 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { CheckboxWithError } from '../../ui-kit/Checkbox/CheckboxWithError';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
@@ -21,7 +20,7 @@ export type AntiFraudFormState = UserDataState & {
   phone: string;
   birthday: Date | undefined;
   isClient: boolean;
-  comment?: string;
+  comment: string;
   consentDataProcessing: boolean;
 };
 
@@ -41,7 +40,6 @@ const feedbackValidator = objectValidator({
   name: nameValidator,
   birthday: defaultValidator,
   phone: phoneValidator,
-  isClient: checkboxValidator,
   comment: defaultValidator,
   consentDataProcessing: checkboxValidator,
 });
@@ -49,33 +47,26 @@ const feedbackValidator = objectValidator({
 export const ApplicationFormAntiFraud = JSX<ApplicationFormsProps>(({ button, link, onSubmit }) => {
   const handleSubmit = useCallback(
     (formState: AntiFraudFormState) => {
-      const { typeForm, phone, ...usedFields } = formState;
-
-      const submitData = {
-        ...usedFields,
-        typeForm: typeForm.key,
-        phone: formatPhone(phone),
-      };
-      isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+      isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
     },
     [onSubmit],
   );
 
-  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+  const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
       <ApplicationFieldsetLayout>
         <div className={oneColumnFormStyle}>
           {renderUserData<AntiFraudFormState>(field, true)}
-          <PhoneInputControl label="Телефон*" {...withValidator(field('phone'), phoneValidator)} />
+          <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
           <CheckboxWithError
-            {...withValidator(field('isClient'), checkboxValidator)}
+            {...field('isClient')}
             text='Являюсь клиентом банка АО "Россельхозбанк"'
           />
           <InputControl
             {...withValidator(field('comment'), defaultValidator)}
-            placeholder="Комментарий*"
+            placeholder="Комментарий"
             isTextarea={true}
           />
           {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}

package/src/components/ApplicationForm/ApplicationFormBusinessCard.tsx

@@ -2,30 +2,34 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
+import { withValidator } from '../../validation/withValidator';
+import { ApplicationFieldsetLayout, formChildrenStyle } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { Footnote } from './Footnote';
 import { formStyle } from './formStyle';
+import { InputControl } from './InputControl';
+import { PhoneInputControl } from './PhoneInputControl';
 import { RegionField } from './RegionField';
-import { renderBusinessCardDataOrganization } from './renderBusinessCardDataOrganization';
 import { renderSubmitButton } from './renderSubmitButton';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 export interface BusinessCardFormState {
+  typeForm: Option;
   region?: Option;
   name: string;
   phone: string;
   inn: string;
-  mail: string;
+  email: string;
 }
 
 const initialFormState: BusinessCardFormState = {
+  typeForm: { key: 'bcrd', text: 'Заявка на бизнес-карту' },
   name: '',
   phone: '',
   inn: '',
-  mail: '',
+  email: '',
 };
 
 const businessCardValidator = objectValidator({
@@ -33,7 +37,7 @@ const businessCardValidator = objectValidator({
   name: nameValidator,
   phone: phoneValidator,
   inn: innValidator,
-  mail: defaultValidator,
+  email: defaultValidator,
 });
 
 export const ApplicationFormBusinessCard = JSX<ApplicationFormsProps>((props) => {
@@ -41,27 +45,29 @@ export const ApplicationFormBusinessCard = JSX<ApplicationFormsProps>((props) =>
 
   const handleSubmit = useCallback(
     (formState: BusinessCardFormState) => {
-      const { region, name, phone, inn, mail } = formState;
-
-      isValidationSuccess(businessCardValidator(formState)) &&
-        onSubmit({
-          typeForm: 'bcrd',
-          region: region?.text || '',
-          name,
-          inn,
-          mail,
-          phone: formatPhone(phone),
-        });
+      isValidationSuccess(businessCardValidator(formState)) && onSubmit(formState);
     },
     [onSubmit],
   );
 
-  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+  const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
       <RegionField field={field} />
-      {renderBusinessCardDataOrganization(field)}
+      <ApplicationFieldsetLayout>
+        <div className={formChildrenStyle}>
+          <InputControl label="Контактное лицо" {...withValidator(field('name'), nameValidator)} />
+          <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
+        </div>
+        <div className={formChildrenStyle}>
+          <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
+          <InputControl
+            label="Электронная почта"
+            {...withValidator(field('email'), defaultValidator)}
+          />
+        </div>
+      </ApplicationFieldsetLayout>
       {renderSubmitButton(button)}
       <Footnote link={link} />
     </form>

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -134,7 +134,6 @@ export type UltraPremiumFormParamsDef = TitleProps &
   CommonApplicationFormProps & {
     /** @default ApplicationUltraPremium */
     formType: 'ApplicationFormUltraPremium';
-    /** @title Выберите продукт */
     defaultType?: UltraPremiumTypeProps;
   };
 

package/src/components/ApplicationForm/ApplicationFormCorruption.tsx

@@ -4,7 +4,6 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
@@ -22,14 +21,14 @@ export type CorruptionFormState = UserDataState & {
   typeForm: Option;
   region?: Option;
   phone: string;
-  email?: string;
-  comment?: string;
+  email: string;
+  comment: string;
   consentDataProcessing: boolean;
 };
 
 const initialFormState: CorruptionFormState = {
-  ...initialUserFormState,
   typeForm: { key: 'CORRUPTION', text: 'Факты коррупции' },
+  ...initialUserFormState,
   phone: '',
   email: '',
   comment: '',
@@ -51,20 +50,12 @@ export const ApplicationFormCorruption = JSX<ApplicationFormsProps>(
   ({ button, link, onSubmit }) => {
     const handleSubmit = useCallback(
       (formState: CorruptionFormState) => {
-        const { typeForm, phone, region, ...usedFields } = formState;
-
-        const submitData = {
-          ...usedFields,
-          typeForm: typeForm.key,
-          regionBranch: region?.text,
-          phone: formatPhone(phone),
-        };
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
       },
       [onSubmit],
     );
 
-    const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+    const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
     return (
       <form className={formStyle} onSubmit={formProps.onSubmit}>
@@ -72,17 +63,14 @@ export const ApplicationFormCorruption = JSX<ApplicationFormsProps>(
           <div className={oneColumnFormStyle}>
             {renderUserData<CorruptionFormState>(field, false)}
             <RegionField field={field} />
-            <PhoneInputControl
-              label="Телефон*"
-              {...withValidator(field('phone'), phoneValidator)}
-            />
+            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
             <InputControl
-              label="Электронная почта*"
+              label="Электронная почта"
               {...withValidator(field('email'), defaultValidator)}
             />
             <InputControl
               {...withValidator(field('comment'), defaultValidator)}
-              placeholder="Ваше сообщение*"
+              placeholder="Ваше сообщение"
               isTextarea={true}
             />
             {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}

package/src/components/ApplicationForm/ApplicationFormCredit.tsx

@@ -1,12 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useBranches } from '../../hooks/useBranches';
 import { useForm } from '../../hooks/useForm';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
-import { withValidator } from '../../validation/withValidator';
+import { AddressBranchField } from './AddressBranchField';
 import { ApplicationFieldsetLayout, formChildrenStyle } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { MIN_CREDIT_AMOUNT } from './CreditParameters';
@@ -16,30 +14,31 @@ import { RegionField } from './RegionField';
 import { renderCreditDataOrganization } from './renderCreditDataOrganization';
 import { renderCreditParameters } from './renderCreditParameters';
 import { renderSubmitButton } from './renderSubmitButton';
-import { SelectControl } from './SelectControl';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 export interface CreditFormState {
+  typeForm: Option;
   amount: number;
   term: number;
   fullName: string;
   inn: string;
   name: string;
   phone: string;
-  mail: string;
+  email: string;
   region?: Option;
-  department?: Option;
+  addressBranch?: Option;
   annualRevenue: string;
 }
 
 const initialFormState: CreditFormState = {
+  typeForm: { key: 'cred', text: 'Кредит' },
   amount: MIN_CREDIT_AMOUNT,
   term: 12,
   fullName: '',
   inn: '',
   name: '',
   phone: '',
-  mail: '',
+  email: '',
   annualRevenue: '',
 };
 
@@ -50,33 +49,26 @@ const creditValidator = objectValidator({
   name: nameValidator,
   phone: phoneValidator,
   region: defaultValidator,
-  department: defaultValidator,
 });
 
 export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link, onSubmit }) => {
   const handleSubmit = useCallback(
     (formState: CreditFormState) => {
-      const { amount, term, fullName, inn, name, phone, mail, region, department, annualRevenue } =
-        formState;
+      const { amount, term, addressBranch, annualRevenue, ...usedFields } = formState;
 
       isValidationSuccess(creditValidator(formState)) &&
         onSubmit({
-          typeForm: 'cred',
-          fullName,
-          inn,
-          name,
-          phone: formatPhone(phone),
-          mail,
-          region: region?.text || '',
-          department: department?.text || '',
+          ...usedFields,
+          addressBranch: addressBranch?.text || '',
           partnerComments: `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`,
         });
     },
     [onSubmit],
   );
 
-  const [formState, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
-  const branches = useBranches(formState.region?.key).filter((branch) => branch?.address);
+  const [formState, { field, ...formProps }] = useForm(initialFormState, {
+    onSubmit: handleSubmit,
+  });
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>
@@ -87,15 +79,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link,
           <RegionField field={field} />
         </div>
         <div className={formChildrenStyle}>
-          <SelectControl
-            label="Адрес"
-            placeholder="Выберите адрес"
-            options={branches.map(({ branchCode = '', address = '' }) => ({
-              key: branchCode,
-              text: address,
-            }))}
-            {...withValidator(field('department'), defaultValidator)}
-          />
+          <AddressBranchField field={field} regionKey={formState.region?.key} />
         </div>
       </ApplicationFieldsetLayout>
       {renderSubmitButton(button)}

package/src/components/ApplicationForm/ApplicationFormDeposit.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { formatPhone } from '../../utils/formatPhone';
+import { type Option } from '../../ui-kit/Select/Option';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { withValidator } from '../../validation/withValidator';
@@ -15,11 +15,13 @@ import { renderSubmitButton } from './renderSubmitButton';
 import { nameValidator, phoneValidator } from './validators';
 
 interface DepositFormState {
+  typeForm: Option;
   name: string;
   phone: string;
 }
 
 const initialFormState: DepositFormState = {
+  typeForm: { key: 'dpst', text: 'Заявка на депозит' },
   name: '',
   phone: '',
 };
@@ -32,19 +34,15 @@ const depositValidator = objectValidator({
 export const ApplicationFormDeposit = JSX<ApplicationFormsProps>(({ button, link, onSubmit }) => {
   const handleSubmit = useCallback(
     (formState: DepositFormState) => {
-      const { name, phone } = formState;
-
-      isValidationSuccess(depositValidator(formState)) &&
-        onSubmit({
-          typeForm: 'dpst',
-          name,
-          phone: formatPhone(phone),
-        });
+      isValidationSuccess(depositValidator(formState)) && onSubmit(formState);
     },
     [onSubmit],
   );
 
-  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
+  const [, { field, ...formProps }] = useForm(initialFormState, {
+    onSubmit: handleSubmit,
+    resetOnSubmit: false,
+  });
 
   return (
     <form className={formStyle} onSubmit={formProps.onSubmit}>