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

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

@@ -2,33 +2,31 @@ 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 } from './ApplicationFieldsetLayout';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
-import { Footnote } from './Footnote';
 import { formStyle, oneColumnFormStyle } from './formStyle';
 import { InputControl } from './InputControl';
 import { PhoneInputControl } from './PhoneInputControl';
 import { RegionField } from './RegionField';
-import { renderSubmitButton } from './renderSubmitButton';
-import { initialUserFormState, type UserDataState } from './renderUserData';
+import { renderAgreementWithSubmit } from './renderAgreementWithSubmit';
 import { defaultValidator, phoneValidator } from './validators';
 
-export type SelfCollectionFormState = UserDataState & {
+export type SelfCollectionFormState = {
   typeForm: Option;
   fullName: string;
   region?: Option;
   phone: string;
+  consentDataProcessing: boolean;
 };
 
 const initialFormState: SelfCollectionFormState = {
-  ...initialUserFormState,
   typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' }, // Уточнить key
   fullName: '',
   phone: '',
+  consentDataProcessing: false,
 };
 
 const feedbackValidator = objectValidator({
@@ -42,33 +40,21 @@ export const ApplicationFormSelfCollection = JSX<ApplicationFormsProps>(
   ({ button, link, onSubmit }) => {
     const handleSubmit = useCallback(
       (formState: SelfCollectionFormState) => {
-        const { typeForm, region, fullName, phone } = formState;
-
-        const submitData = {
-          typeForm: typeForm.key,
-          region: region?.text,
-          name: fullName,
-          phone: formatPhone(phone),
-        };
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
       },
       [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}>
-            <InputControl label="ФИО*" {...withValidator(field('fullName'), defaultValidator)} />
+            <InputControl label="ФИО" {...withValidator(field('fullName'), defaultValidator)} />
             <RegionField field={field} />
-            <PhoneInputControl
-              label="Телефон*"
-              {...withValidator(field('phone'), phoneValidator)}
-            />
-            {renderSubmitButton(button)}
-            <Footnote link={link} />
+            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
+            {renderAgreementWithSubmit(field('consentDataProcessing'), link, button)}
           </div>
         </ApplicationFieldsetLayout>
       </form>

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

@@ -3,17 +3,17 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { usePremiumBranchesByRegions } from '../../hooks/usePremiumBranchesByRegions';
 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 { formStyle } from './formStyle';
 import { InputControl } from './InputControl';
 import { PhoneInputControl } from './PhoneInputControl';
+import { RegionPremiumField } from './RegionPremiumField';
 import { renderAgreementWithSubmit } from './renderAgreementWithSubmit';
 import { initialUserFormState, type UserDataState } from './renderUserData';
 import { SelectControl } from './SelectControl';
@@ -57,58 +57,35 @@ export const ApplicationFormUltraPremium = JSX<ApplicationFormsProps>(
   ({ button, link, onSubmit, defaultType = 'PREMIUMSERVICE' }) => {
     const handleSubmit = useCallback(
       (formState: UltraPremiumFormState) => {
-        const { surname, name, middleName, email, comment, consentDataProcessing } = formState;
-
-        const submitData = {
-          typeForm: formState.typeForm.key,
-          surname,
-          name,
-          middleName,
-          phoneNumber: formatPhone(formState.phone),
-          email,
-          addressBranch: formState.addressBranch?.key,
-          comment,
-          consentDataProcessing,
-        };
-        console.log(submitData);
-
-        isValidationSuccess(creditValidator(formState)) && onSubmit(submitData, true);
+        const isValid = isValidationSuccess(creditValidator(formState));
+        isValid && onSubmit(formState, true);
       },
       [onSubmit],
     );
 
     const [formState, { field, ...formProps }] = useForm(
       { ...initialFormState, typeForm: getDefaultFormType(defaultType) as Option },
-      handleSubmit,
+      { onSubmit: handleSubmit },
     );
-    const branchByRegions = usePremiumBranchesByRegions();
-    const regions = branchByRegions.map(({ region }) => ({
-      key: region,
-      text: region,
-    }));
     const regionKey = formState?.region?.key;
-    const addressBranches = branchByRegions.find((_) => _?.region === regionKey)?.branches;
 
     return (
       <form className={formStyle} onSubmit={formProps.onSubmit}>
         <ApplicationFieldsetLayout title="Ваши данные">
           <div className={formChildrenStyle}>
-            <InputControl label="Фамилия*" {...withValidator(field('surname'), nameValidator)} />
+            <InputControl label="Фамилия" {...withValidator(field('surname'), nameValidator)} />
             <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
             <InputControl
-              label="Электронная почта*"
+              label="Электронная почта"
               {...withValidator(field('email'), defaultValidator)}
             />
           </div>
 
           <div className={formChildrenStyle}>
-            <InputControl label="Имя*" {...withValidator(field('name'), nameValidator)} />
-            <PhoneInputControl
-              label="Телефон*"
-              {...withValidator(field('phone'), phoneValidator)}
-            />
+            <InputControl label="Имя" {...withValidator(field('name'), nameValidator)} />
+            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
             <SelectControl
-              label="Тип обслуживания*"
+              label="Тип обслуживания"
               options={SERVICE_TYPES}
               {...withValidator(field('typeForm'), defaultValidator)}
             />
@@ -116,24 +93,10 @@ export const ApplicationFormUltraPremium = JSX<ApplicationFormsProps>(
         </ApplicationFieldsetLayout>
         <ApplicationFieldsetLayout title="Офис банка">
           <div className={formChildrenStyle}>
-            <SelectControl
-              label="Регион*"
-              placeholder="Выберите регион"
-              options={regions as Option[]}
-              {...withValidator(field('region'), defaultValidator)}
-            />
+            <RegionPremiumField field={field} />
           </div>
           <div className={formChildrenStyle}>
-            <SelectControl
-              className="w-full"
-              label="Адрес*"
-              placeholder="Выберите отделение"
-              options={(addressBranches || []).map(({ address = '' }) => ({
-                key: address,
-                text: address,
-              }))}
-              {...withValidator(field('addressBranch'), defaultValidator)}
-            />
+            <AddressBranchField field={field} regionKey={regionKey} isPremium={true} />
           </div>
         </ApplicationFieldsetLayout>
         <InputControl

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

@@ -1,39 +1,40 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { useRegions } from '../../hooks/useRegions';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { type Option } from '../../ui-kit/Select/Option';
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { Footnote } from './Footnote';
+import { InputControl } from './InputControl';
 import { renderContacts } from './renderContacts';
 import { renderQuestionsInterested } from './renderQuestionsInterested';
 import { renderSubmitButton } from './renderSubmitButton';
-import { renderTextarea } from './renderTextarea';
 import { renderWedDataOrganization } from './renderWedDataOrganization';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 export interface WedFormState {
-  fullName: string;
-  name: string;
-  phone: string;
+  typeForm: Option;
   vedTypes: string;
-  text: string;
   region?: Option;
-  mail?: string;
+  name: string;
+  fullName: string;
+  phone: string;
   inn?: string;
+  email: string;
+  partnerComments: string;
 }
 
 const initialFormState: WedFormState = {
+  typeForm: { key: 'KVED', text: 'Заявка на консультацию ВЭД' },
+  vedTypes: 'currencyControl',
   fullName: '',
   name: '',
   phone: '',
   inn: '',
-  vedTypes: 'currencyControl',
-  text: '',
+  email: '',
+  partnerComments: '',
 };
 
 const defaultValidators = {
@@ -44,7 +45,6 @@ const defaultValidators = {
 
 const wedValidator = objectValidator({
   ...defaultValidators,
-  mail: defaultValidator,
 });
 
 const wedValidatorCurrencyControl = objectValidator({
@@ -70,17 +70,17 @@ export const ApplicationFormWed = JSX<ApplicationFormsProps>((props) => {
 
   const handleSubmit = useCallback(
     (formState: WedFormState) => {
-      const { fullName, name, phone, mail, inn, region, vedTypes, text } = formState;
+      const { typeForm, fullName, name, phone, email, inn, region, vedTypes, partnerComments } =
+        formState;
 
       const data = {
-        typeForm: 'KVED',
+        typeForm,
         fullName,
         name,
-        phone: formatPhone(phone),
-        text,
+        phone,
         vedTypes: getVedTypes(vedTypes),
-        PartnerComments: text,
-        ...(!isCurrencyControl(vedTypes) ? { mail } : { inn, region: region?.text || '' }),
+        partnerComments,
+        ...(!isCurrencyControl(vedTypes) ? { email } : { inn, region }),
       };
 
       isValidationSuccess(getValidator(vedTypes)(formState)) && onSubmit(data);
@@ -88,21 +88,19 @@ export const ApplicationFormWed = JSX<ApplicationFormsProps>((props) => {
     [onSubmit],
   );
 
-  const [, { field, ...formProps }] = useForm(initialFormState, handleSubmit);
-  const regions = useRegions();
-  const textField = field('text');
+  const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
   return (
     <form className="container space-y-lg" onSubmit={formProps.onSubmit}>
       {renderQuestionsInterested(field)}
       <Heading headingType="h6" title="Данные организации" className="@xl:text-center" />
-      {renderWedDataOrganization({ field, regions })}
-      {renderTextarea({
-        textField,
-        text: 'Обращение',
-        placeholder:
-          'Укажите интересующий вас вопрос, место ведения бизнеса и удобное время для телефонного звонка',
-      })}
+      {renderWedDataOrganization({ field })}
+      <InputControl
+        label="Обращение"
+        placeholder="Укажите интересующий вас вопрос, место ведения бизнеса и удобное время для телефонного звонка"
+        {...field('partnerComments')}
+        isTextarea={true}
+      />
       {renderSubmitButton(button)}
       <Footnote link={link} />
       <Heading

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

@@ -9,16 +9,17 @@ export interface DatePickerControlProps {
   label: string;
   value?: Date;
   error?: string;
+  errors?: string[];
   onChange?: (value: Date) => void;
 }
 
 export const DatePickerControl = JSX<DatePickerControlProps>(
-  ({ className, label, value = undefined, error, onChange }) => (
+  ({ className, label, value = undefined, error, onChange, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
       {label ? (
         <div className="mb-xs">
           <Text size="text-m" font="font-light">
-            {label}
+            {rest?.errors ? `${label}*` : label}
           </Text>
         </div>
       ) : null}

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

@@ -5,18 +5,18 @@ import { style } from '../../utils/style';
 import { renderErrorText } from './renderErrorText';
 
 export const InputControl = JSX<InputProps>(
-  ({ className, label, value = '', placeholder, error, onChange, onBlur, isTextarea }) => (
+  ({ className, label, value = '', placeholder, error, onChange, onBlur, isTextarea, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
       <Input
         type="text"
         aria-label={label}
-        label={label}
+        label={label && rest?.errors ? `${label}*` : label}
         valid={Boolean(!error)}
         value={value}
         onChange={onChange}
         onBlur={onBlur}
         isTextarea={isTextarea}
-        placeholder={placeholder}
+        placeholder={rest?.errors && !label ? `${placeholder}*` : placeholder}
       />
       {renderErrorText(error)}
     </div>

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

@@ -5,11 +5,11 @@ import { style } from '../../utils/style';
 import { renderErrorText } from './renderErrorText';
 
 export const PhoneInputControl = JSX<InputProps>(
-  ({ className, label, value, error, onChange, onBlur }) => (
+  ({ className, label, value, error, onChange, onBlur, ...rest }) => (
     <div className={style('shrink-0 w-full', className)}>
       <PhoneInput
         aria-label={label}
-        label={label}
+        label={rest?.errors ? `${label}*` : label}
         valid={Boolean(!error)}
         value={value}
         onChange={onChange}

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

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { usePremiumBranchesByRegions } from '../../hooks/usePremiumBranchesByRegions';
+import { type Option } from '../../ui-kit/Select/Option';
+import { withValidator } from '../../validation/withValidator';
+import { SelectControl } from './SelectControl';
+import { defaultValidator } from './validators';
+
+interface RegionFieldProps {
+  field: FormFieldRegisterer<any>;
+}
+
+export const RegionPremiumField = JSX<RegionFieldProps>(({ field }) => {
+  const branchByRegions = usePremiumBranchesByRegions();
+  const regions = branchByRegions.map(({ region }) => ({
+    key: region,
+    text: region,
+  }));
+
+  return (
+    <SelectControl
+      label="Регион"
+      placeholder="Выберите регион"
+      options={regions as Option[]}
+      {...withValidator(field('region'), defaultValidator)}
+    />
+  );
+});

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

@@ -3,13 +3,17 @@ import { Select, type SelectProps } from '../../ui-kit/Select/Select';
 import { renderErrorText } from './renderErrorText';
 
 interface SelectControlProps extends SelectProps {
+  label?: string;
   error?: string;
+  errors?: string[];
   className?: string;
 }
 
-export const SelectControl = JSX<SelectControlProps>(({ className = '', error, ...rest }) => (
-  <div className={className}>
-    <Select {...rest} valid={!error} />
-    {renderErrorText(error)}
-  </div>
-));
+export const SelectControl = JSX<SelectControlProps>(
+  ({ className = '', label, error, ...rest }) => (
+    <div className={className}>
+      <Select {...rest} valid={!error} label={rest?.errors ? `${label}*` : label} />
+      {renderErrorText(error)}
+    </div>
+  ),
+);

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

@@ -1,4 +1,3 @@
-import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
 import { type FeedbackFormState } from './ApplicationFormFeedback';
@@ -31,24 +30,7 @@ export const handleSubmitIndividual = (
     ...feedbackValidatorDefaultObject,
     addressBranch: defaultValidator,
   });
-
-  const submitData = {
-    typeForm: formState.typeForm.key,
-    regionBranch: formState?.region?.text,
-    addressBranch: formState.addressBranch?.text || '',
-    surname: formState.surname,
-    name: formState.name,
-    middleName: formState.middleName,
-    feedbackMethod: formState.feedbackMethod.text,
-    phoneNumber: formatPhone(formState.phone),
-    secondaryPhoneNumber: formState.secondaryPhone?.replace(/[^+\d]/g, ''),
-    email: formState.email,
-    bankEmpolee: formState.bankEmpolee,
-    applicationDate: formState.applicationDate,
-    comment: formState.comment,
-    consentDataProcessing: formState.consentDataProcessing,
-  };
-  isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+  isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
 };
 
 export const handleSubmitLegal = (
@@ -60,25 +42,7 @@ export const handleSubmitLegal = (
     addressBranch: defaultValidator,
     inn: innValidator,
   });
-  const submitData = {
-    typeForm: formState.typeForm.key,
-    region: formState.region?.text,
-    addressBranch: formState.addressBranch?.text || '',
-    surname: formState.surname,
-    name: formState.name,
-    middleName: formState.middleName,
-    inn: formState.inn,
-    fullName: formState.fullName,
-    feedbackMethod: formState.feedbackMethod.text,
-    phone: formatPhone(formState.phone),
-    secondaryPhoneNumber: formState?.secondaryPhone,
-    mail: formState.email,
-    bankEmpolee: formState.bankEmpolee,
-    applicationDate: formState.applicationDate,
-    comment: formState.comment,
-    consentDataProcessing: formState.consentDataProcessing,
-  };
-  isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, false);
+  isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
 };
 
 export const handleSubmitQuestion = (
@@ -89,18 +53,5 @@ export const handleSubmitQuestion = (
     ...feedbackValidatorDefaultObject,
     birthday: defaultValidator,
   });
-  const submitData = {
-    typeForm: formState.typeForm.key,
-    regionBranch: formState.region?.text,
-    surname: formState.surname,
-    name: formState.name,
-    middleName: formState.middleName,
-    birthday: formState.birthday,
-    feedbackMethod: formState.feedbackMethod.text,
-    phoneNumber: formatPhone(formState.phone),
-    email: formState.email,
-    comment: formState.comment,
-    consentDataProcessing: formState.consentDataProcessing,
-  };
-  isValidationSuccess(feedbackValidator(formState)) && onSubmit(submitData, true);
+  isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, true);
 };

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

@@ -13,14 +13,14 @@ export const renderAcquiringDataOrganization = (
   <ApplicationFieldsetLayout title={title}>
     <div className={formChildrenStyle}>
       <InputControl
-        label="Наименование организации*"
+        label="Наименование организации"
         {...withValidator(field('fullName'), defaultValidator)}
       />
-      <InputControl label="Контактное лицо*" {...withValidator(field('name'), nameValidator)} />
+      <InputControl label="Контактное лицо" {...withValidator(field('name'), nameValidator)} />
     </div>
     <div className={formChildrenStyle}>
-      <InputControl label="ИНН*" {...withValidator(field('inn'), innValidator)} />
-      <PhoneInputControl label="Телефон*" {...withValidator(field('phone'), phoneValidator)} />
+      <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
+      <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
     </div>
   </ApplicationFieldsetLayout>
 );

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

@@ -19,14 +19,16 @@ export const renderCreditDataOrganization = (
       <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)} />
+      <InputControl
+        label="Электронная почта"
+        {...withValidator(field('email'), defaultValidator)}
+      />
     </div>
   </ApplicationFieldsetLayout>
 );

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

@@ -27,12 +27,12 @@ export const renderUserData = <
   isBirthday = true,
 ) => (
   <div className="space-y-s">
-    <InputControl label="Фамилия*" {...withValidator(field('surname'), nameValidator)} />
-    <InputControl label="Имя*" {...withValidator(field('name'), nameValidator)} />
+    <InputControl label="Фамилия" {...withValidator(field('surname'), nameValidator)} />
+    <InputControl label="Имя" {...withValidator(field('name'), nameValidator)} />
     <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
     {isBirthday ? (
       <DatePickerControl
-        label="Дата рождения*"
+        label="Дата рождения"
         {...withValidator(field('birthday'), defaultValidator)}
       />
     ) : null}

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

@@ -2,31 +2,20 @@ import { type FormFieldRegisterer } from '../../hooks/useForm';
 import { withValidator } from '../../validation/withValidator';
 import { type WedFormState } from './ApplicationFormWed';
 import { InputControl } from './InputControl';
-import { type Select } from './models';
 import { PhoneInputControl } from './PhoneInputControl';
-import { SelectControl } from './SelectControl';
+import { RegionField } from './RegionField';
 import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
 
 interface WedDataOrganizationProps {
-  title?: string;
   field: FormFieldRegisterer<WedFormState>;
-  regions: Select[];
 }
 
-export const renderWedDataOrganization = ({ field, regions }: WedDataOrganizationProps) => {
+export const renderWedDataOrganization = ({ field }: WedDataOrganizationProps) => {
   const isCurrencyControl = field('vedTypes').value === 'currencyControl';
 
   return (
     <div className="space-y-s">
-      {isCurrencyControl ? (
-        <SelectControl
-          label="Филиал"
-          placeholder="Выберите филиал"
-          isSearch={true}
-          options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
-          {...withValidator(field('region'), defaultValidator)}
-        />
-      ) : null}
+      {isCurrencyControl ? <RegionField field={field} /> : null}
       <div className="grid @xl:grid-cols-2 @xl:gap-x-lg gap-s">
         {isCurrencyControl ? (
           <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
@@ -37,12 +26,7 @@ export const renderWedDataOrganization = ({ field, regions }: WedDataOrganizatio
         />
         <InputControl label="ФИО" {...withValidator(field('name'), nameValidator)} />
         <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
-        {!isCurrencyControl ? (
-          <InputControl
-            label="Электронная почта"
-            {...withValidator(field('mail'), defaultValidator)}
-          />
-        ) : null}
+        {!isCurrencyControl ? <InputControl label="Электронная почта" {...field('email')} /> : null}
       </div>
     </div>
   );

package/mobile/src/hooks/useForm.ts

@@ -19,7 +19,7 @@ export type FormFieldRegisterer<FormState> = <N extends keyof FormState, V = For
 
 export const useForm = <FormState extends Record<string, any>>(
   initialState: FormState,
-  onSubmit?: (_: FormState) => void,
+  { resetOnSubmit, onSubmit }: { resetOnSubmit?: boolean; onSubmit?: (_: FormState) => void } = {},
 ): [
   FormState,
   {
@@ -76,7 +76,8 @@ export const useForm = <FormState extends Record<string, any>>(
     (e: PreventableEvent) => {
       e.preventDefault();
 
-      setDirtyForm(true);
+      resetOnSubmit ? reset() : setDirtyForm(true);
+
       onSubmit && onSubmit(formState);
     },
     [onSubmit, formState],

package/mobile/src/hooks/usePremiumBranchesByRegions.ts

@@ -7,6 +7,7 @@ export interface Region {
   region: string;
   branches: {
     address: string;
+    branchCode?: string;
   }[];
 }
 

package/mobile/src/ui-kit/Input/InputProps.ts

@@ -16,4 +16,5 @@ export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
   autoFocus?: boolean;
   isTextarea?: boolean;
   error?: string;
+  errors?: string[];
 }

package/mobile/src/utils/formatPhone.ts

@@ -1 +1 @@
-export const formatPhone = (phone: string) => phone.replace(/[^+\d]/g, '');
+export const formatPhone = (phone: string) => phone?.replace(/[^+\d]/g, '');

package/package.json

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