@redneckz/wildless-cms-uni-blocks 0.14.877 → 0.14.879

package/mobile/src/retail/components/Fields/DulSubdivisionCodeField.tsx

@@ -1,23 +1,41 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { normalizeWithMask } from '../../../utils/normalizeWithMask';
 import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
 import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
+const MAX_LENGTH = 7;
+
 export const DulSubdivisionCodeField = JSX<CustomFieldProps>(({ field, input }) => {
   const onDaDataChange = useCallback((item: DaDataSuggestion) => {
     field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
   }, []);
 
+  const handleChange = useCallback((v: string) => {
+    const formattedValue = v.replace(/[^\d-]/g, '');
+
+    formattedValue.length <= MAX_LENGTH &&
+      field?.('dulSubdivisionCode')?.onChange?.(normalizeWithMask(formattedValue, '___-___'));
+  }, []);
+
+  useEffect(() => {
+    const value = field?.('dulSubdivisionCode')?.value as string;
+
+    if (value) {
+      handleChange(value);
+    }
+  }, []);
+
   return (
     <DaDataInputControl
       disabled={isEsiaAuthorize(field, input)}
       label="Код подразделения"
-      isInteger={true}
-      maxLength={6}
       {...input}
       {...field(input?.name ?? '')}
+      placeholder="___-___"
+      onChange={handleChange}
       onDaDataChange={onDaDataChange}
     />
   );

package/mobile/src/retail/components/Fields/EmailField.tsx

@@ -2,6 +2,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
-export const EmailField = JSX<CustomFieldProps>(({ field, input }) => {
-  return <DaDataInputControl label="Электронная почта" {...field(input?.name ?? '')} {...input} />;
-});
+export const EmailField = JSX<CustomFieldProps>(({ field, input }) => (
+  <DaDataInputControl
+    label="Электронная почта"
+    maxLength={50}
+    {...field(input?.name ?? '')}
+    {...input}
+  />
+));

package/mobile/src/retail/components/Fields/Experience5YearsField.tsx

@@ -17,8 +17,8 @@ export const Experience5YearsField = JSX<CustomFieldProps>(({ field, input }) =>
 
   return (
     <DaDataInputControl
-      label="Стаж"
-      placeholder="За последние 5 лет"
+      label="Стаж за последние 5 лет"
+      placeholder="Количество лет"
       type="number"
       {...field(input?.name ?? '')}
       {...input}

package/mobile/src/retail/components/Fields/FamilyMembersField.tsx

@@ -7,8 +7,8 @@ export const FamilyMembersField = JSX<CustomFieldProps>(({ field, input }) => {
   const { value, onChange } = field(input?.name ?? '');
   const familyStatusKey = field('familyStatus')?.value?.key;
   const adultsCount = familyStatusKey === 'MARRIED' ? 2 : 1;
-  const childrenCount = Number(field('children')?.value);
-  const dependentsCount = Number(field('dependents')?.value);
+  const childrenCount = Number(field('children')?.value || 0);
+  const dependentsCount = Number(field('dependents')?.value || 0);
   const totalCount = adultsCount + childrenCount + dependentsCount;
 
   useEffect(() => {

package/mobile/src/retail/components/Fields/GeneralSeniorityField.tsx

@@ -1,16 +1,33 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { isEsiaAuthorize } from '../../utils/isEsiaAuthorize';
 import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 
-export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => (
-  <DaDataInputControl
-    label="Общий стаж"
-    type="number"
-    maxLength={2}
-    placeholder="Количество лет"
-    {...field(input?.name ?? '')}
-    {...input}
-    disabled={isEsiaAuthorize(field, input)}
-  />
-));
+export const GeneralSeniorityField = JSX<CustomFieldProps>(({ field, input }) => {
+  const [errorDate, setErrorDate] = useState('');
+  const lastJobExperience = Number(field('lastJobExperience')?.value);
+  const currentDate = Number(field('generalSeniority')?.value);
+
+  useEffect(() => {
+    setErrorDate(
+      currentDate && currentDate < lastJobExperience
+        ? 'Укажите не меньше, чем число в поле «Стаж на последнем рабочем месте»'
+        : '',
+    );
+  }, [lastJobExperience, currentDate]);
+
+  return (
+    <DaDataInputControl
+      label="Общий стаж"
+      type="number"
+      maxLength={2}
+      placeholder="Количество лет"
+      isInteger={true}
+      {...field(input?.name ?? '')}
+      {...input}
+      error={errorDate || field('generalSeniority')?.error}
+      disabled={isEsiaAuthorize(field, input)}
+    />
+  );
+});

package/mobile/src/retail/components/Fields/JobsNumberField.tsx

@@ -7,6 +7,7 @@ export const JobsNumberField = JSX<CustomFieldProps>(({ field, input }) => (
   <DaDataInputControl
     label="Количество мест работы за последние 5 лет"
     placeholder="Количество мест"
+    type="number"
     isInteger={true}
     maxLength={2}
     {...field(input?.name ?? '')}

package/mobile/src/retail/components/Fields/LastJobExperienceField.tsx

@@ -9,6 +9,7 @@ export const LastJobExperienceField = JSX<CustomFieldProps>(({ field, input }) =
     placeholder="Количество лет"
     type="number"
     maxLength={2}
+    isInteger={true}
     {...field(input?.name ?? '')}
     {...input}
     disabled={isEsiaAuthorize(field, input)}

package/mobile/src/retail/components/Fields/LegalFormField.tsx

@@ -5,6 +5,7 @@ import { DaDataInputControl } from '../DaDataInputControl/DaDataInputControl';
 export const LegalFormField = JSX<CustomFieldProps>(({ field, input }) => (
   <DaDataInputControl
     label="ОПФ"
+    maxLength={20}
     placeholder="ООО, ПАО  и др."
     {...field(input?.name ?? '')}
     {...input}

package/mobile/src/retail/components/Fields/MandatoryPaymentsField.tsx

@@ -7,6 +7,8 @@ export const MandatoryPaymentsField = JSX<CustomFieldProps>(({ field, input }) =
     label="Обязательные выплаты"
     placeholder="Введите значение"
     isInteger={true}
+    type="number"
+    maxLength={10}
     {...field(input?.name ?? '')}
     {...input}
   />

package/mobile/src/retail/components/Fields/MiddleNameField.tsx

@@ -18,7 +18,7 @@ export const MiddleNameField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <DaDataInputControl
       label="Отчество (Обязательно, при наличии)"
-      maxLength={60}
+      maxLength={40}
       disabled={isEsiaAuthorize(field, input)}
       {...field(input?.name ?? '')}
       {...input}

package/mobile/src/retail/components/Fields/NameField.tsx

@@ -18,7 +18,7 @@ export const NameField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <DaDataInputControl
       label="Имя"
-      maxLength={60}
+      maxLength={40}
       disabled={isEsiaAuthorize(field, input)}
       {...field(input?.name ?? '')}
       {...input}

package/mobile/src/retail/components/Fields/RetirementIncomeField.tsx

@@ -7,6 +7,8 @@ export const RetirementIncomeField = JSX<CustomFieldProps>(({ field, input }) =>
     label="Пенсионные доходы"
     placeholder="Введите значение"
     isInteger={true}
+    type="number"
+    maxLength={10}
     {...field(input?.name ?? '')}
     {...input}
   />

package/mobile/src/retail/components/Fields/SurnameField.tsx

@@ -18,7 +18,7 @@ export const SurnameField = JSX<CustomFieldProps>(({ field, input }) => {
   return (
     <DaDataInputControl
       label="Фамилия"
-      maxLength={60}
+      maxLength={40}
       disabled={isEsiaAuthorize(field, input)}
       {...field(input?.name ?? '')}
       {...input}

package/mobile/src/retail/components/Fields/WagesField.tsx

@@ -8,6 +8,8 @@ export const WagesField = JSX<CustomFieldProps>(({ field, input }) => (
     label="Совокупный доход в месяц после вычета налогов (зарплата, премии)"
     placeholder="Введите значение"
     isInteger={true}
+    type="number"
+    maxLength={10}
     {...field(input?.name ?? '')}
     {...input}
     disabled={isEsiaAuthorize(field, input)}

package/mobile/src/retail/components/VerifyPhoneDialog/VerifyPhoneDialog.tsx

@@ -19,9 +19,12 @@ import { sendCode } from '../../api/sendCode';
 import { CaptchaDialog } from '../CaptchaDialog/CaptchaDialog';
 import { InputCode } from './InputCode';
 import { SubmitButton } from './SubmitButton';
-import { useVerifyPhoneDialogSubmit } from './useVerifyPhoneDialogSubmit';
+import {
+  TIME_TO_RESEND,
+  useVerifyPhoneDialogSubmit,
+  type SmsCodeStore,
+} from './useVerifyPhoneDialogSubmit';
 
-export const TIME_TO_RESEND = 180;
 const CODE_LENGTH = 4;
 
 export interface VerifyPhoneDialogProps extends OnCloseProps {
@@ -31,13 +34,6 @@ export interface VerifyPhoneDialogProps extends OnCloseProps {
   onSuccess?: (smsCode?: string) => void;
 }
 
-export interface SmsCodeStore {
-  smsCode: {
-    sendTime?: number;
-    attempts?: number;
-  };
-}
-
 export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(
   ({ phone, withDescription = true, consents, onSuccess = noop, onClose = noop }) => {
     const [values, setValues] = useState(Array(CODE_LENGTH).fill(''));

package/mobile/src/retail/components/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.tsx

@@ -2,13 +2,21 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { checkCode } from '../../api/checkCode';
-import { TIME_TO_RESEND, type SmsCodeStore } from './VerifyPhoneDialog';
+
+export const TIME_TO_RESEND = 180;
 
 type useVerifyPhoneDialogSubmitProps = {
   values: string[];
   onSuccess?: (smsCode?: string) => void;
 };
 
+export interface SmsCodeStore {
+  smsCode: {
+    sendTime?: number;
+    attempts?: number;
+  };
+}
+
 export const useVerifyPhoneDialogSubmit = ({
   values,
   onSuccess,

package/mobile/src/retail/inputs.tsx

@@ -35,7 +35,6 @@ import { EmailField } from './components/Fields/EmailField';
 import { EmployerActivitiesField } from './components/Fields/EmployerActivitiesField';
 import { EmployerOrganizationField } from './components/Fields/EmployerOrganizationField';
 import { EmploymentField } from './components/Fields/EmploymentField';
-import { ExpensesField } from './components/Fields/ExpensesField';
 import { Experience5YearsField } from './components/Fields/Experience5YearsField';
 import { FamilyMembersField } from './components/Fields/FamilyMembersField';
 import { FamilyStatusField } from './components/Fields/FamilyStatusField';
@@ -67,7 +66,6 @@ import { SexField } from './components/Fields/SexField';
 import { ShareholderFlgField } from './components/Fields/ShareholderFlgField';
 import { SnilsField } from './components/Fields/SnilsField';
 import { SurnameField } from './components/Fields/SurnameField';
-import { TotalIncomeField } from './components/Fields/TotalIncomeField';
 import { WagesField } from './components/Fields/WagesField';
 
 const DELIVERY_CITIES_REF = {
@@ -120,8 +118,6 @@ export const InputsRetailMap = {
   familyMembers: FamilyMembersField,
   children: ChildrenField,
   dependents: DependentsField,
-  totalIncome: TotalIncomeField,
-  expenses: ExpensesField,
   snils: SnilsField,
   conscription: ConscriptionField,
   armyIdFlg: ArmyIdFlgField,

package/mobile/src/retail/model/LeadFormState.ts

@@ -154,8 +154,6 @@ export interface LeadFormState extends FormRetailConsents, FormStateDeliveryType
   familyMembers?: string;
   children?: string;
   dependents?: string;
-  totalIncome?: string;
-  expenses?: number;
   snils?: string;
   conscription?: Option;
   armyIdFlg?: boolean;

package/mobile/src/retail/model/NameFieldDef.ts

@@ -58,8 +58,6 @@ type NameFieldRetailDef =
   | 'familyMembers'
   | 'children'
   | 'dependents'
-  | 'totalIncome'
-  | 'expenses'
   | 'snils'
   | 'conscription'
   | 'armyIdFlg'

package/mobile/src/retail/utils/calculateInputs.ts

@@ -49,7 +49,7 @@ export const checkCondition = ({ condition }: FieldRetailDef, getValue: GetValue
   });
 
 const checkConsentPfrFlg = ({ name }: FieldRetailDef, getValue: GetValue) =>
-  name === 'snils' && isSnilsRequired(getValue);
+  name === 'snils' && !getValue('snils') && isSnilsRequired(getValue);
 
 const isSnilsRequired = (getValue: GetValue) =>
   getValue('confirmationIncome')?.key !== 'PFR_CERTIFICATE';

package/mobile/src/retail/utils/updateOrganizationFields.ts

@@ -31,7 +31,7 @@ export const updateOrganizationFields = (
   };
 
   for (const fieldName in organizationData) {
-    organizationData[fieldName] && field?.(fieldName)?.onChange?.(organizationData[fieldName]);
+    field?.(fieldName)?.onChange?.(organizationData[fieldName]);
   }
 };
 

package/mobile/src/retail/validator/getLimitedBirthdayValidation.ts

@@ -9,7 +9,8 @@ const limitedBirthdayValidationData: Record<ProductType, LimitedBirthdayValidati
   },
   creditCard: {
     minAge: 21,
-    errorMessage: 'Допустимый возраст заёмщика - от 21 года',
+    maxAge: 73,
+    errorMessage: 'Допустимый возраст заёмщика - от 21 до 73 лет',
   },
   debitCard: {
     minAge: 18,

package/mobile/src/retail/validator/getRetailFormValidator.ts

@@ -5,7 +5,12 @@ import { type FieldRetailDef } from '../model/RetailFormContent';
 import { calculateInputs } from '../utils/calculateInputs';
 import { getLimitedBirthdayValidation } from './getLimitedBirthdayValidation';
 import { validatorObj } from './validatorObj';
-import { passportValidator } from './validators';
+import {
+  dateRegistrationValidator,
+  generalSeniorityValidator,
+  passportValidator,
+  workBeginDateValidator,
+} from './validators';
 
 type getRetailFormValidatorProps = {
   formState: LeadFormState;
@@ -24,4 +29,7 @@ export const getRetailFormValidator = ({
     ...validatorObj,
     limitedBirthday: getLimitedBirthdayValidation(productType),
     dulIssueDate: passportValidator(formState.limitedBirthday as Date),
+    generalSeniority: generalSeniorityValidator(formState.lastJobExperience as string),
+    beginDate: workBeginDateValidator(formState.limitedBirthday as Date),
+    participantDateRegistration: dateRegistrationValidator(formState.limitedBirthday as Date),
   })(formState);

package/mobile/src/retail/validator/validatorObj.ts

@@ -13,9 +13,6 @@ import {
   jobNumberValidator,
   lengthStringValidator,
   nameRetailValidator,
-  notLaterDateValidator,
-  numberValidator,
-  serieValidator,
   snilsValidator,
 } from './validators';
 
@@ -45,11 +42,9 @@ const validatorRetailObj: Record<string, Validator> = {
   organizationPhone: phoneValidator('Укажите номер телефона'),
   organizationName: defaultValidator('Укажите наименование организации'),
   legalForm: defaultValidator('Укажите ОПФ'),
-  generalSeniority: jobNumberValidator('Укажите количество лет стажа'),
   lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
   experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
   jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
-  beginDate: notLaterDateValidator('Укажите дату заключения трудового договора'),
   addressFact: addressDaDataValidator(),
   addressRegistration: addressDaDataValidator(),
   addressRetail: defaultSelectValidator('Выберите адрес банка'),
@@ -67,20 +62,17 @@ const validatorRetailObj: Record<string, Validator> = {
   familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
   children: lengthStringValidator(2, 'Укажите количество детей'),
   dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
-  totalIncome: lengthStringValidator(19, 'Укажите среднемесячный доход от основной зарплаты'),
-  expenses: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
   snils: snilsValidator('Некорректный номер СНИЛС'),
   conscription: defaultValidator(),
   armyIdFlg: agreementValidator,
-  dulSerie: serieValidator('Укажите серию паспорта'),
-  dulNumber: numberValidator('Укажите номер паспорта'),
-  dulSubdivisionCode: numberValidator('Укажите код подразделения'),
+  dulSerie: lengthStringValidator(4, 'Укажите серию паспорта', true),
+  dulNumber: lengthStringValidator(6, 'Укажите номер паспорта', true),
+  dulSubdivisionCode: lengthStringValidator(7, 'Укажите код подразделения', true),
   dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
-  participantDateRegistration: notLaterDateValidator('Укажите дату регистрации'),
   retirementIncome: defaultValidator(),
   otherIncome: defaultValidator(),
   wages: defaultValidator(),
-  mandatoryPayments: defaultValidator(),
+  mandatoryPayments: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
   bankruptcyFlg: defaultValidator(),
   shareholderFlg: defaultValidator(),
   legalEntityName: defaultValidator(),

package/mobile/src/retail/validator/validators.ts

@@ -37,10 +37,17 @@ export const nameRetailValidator = (errorMsg?: string) =>
 export const jobNumberValidator = (errorMsg?: string) =>
   validator((_) => typeof _ === 'string' && /^[0-9]{1,2}$/g.test(_))(errorMsg ?? ERROR_MESSAGE);
 
-export const lengthStringValidator = (inputLength: number, errorMsg?: string) =>
-  validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= inputLength)(
-    errorMsg ?? ERROR_MESSAGE,
-  );
+export const lengthStringValidator = (
+  inputLength: number,
+  errorMsg?: string,
+  isFixLength?: boolean,
+) =>
+  validator(
+    (_) =>
+      typeof _ === 'string' &&
+      _.length >= 1 &&
+      (isFixLength ? _.length === inputLength : _.length <= inputLength),
+  )(errorMsg ?? ERROR_MESSAGE);
 
 const limitedBirthdayValidate =
   ({ minAge, maxAge }: LimitedBirthdayValidationParams) =>
@@ -67,20 +74,7 @@ export const limitedBirthdayValidator = (params: LimitedBirthdayValidationParams
   validator(limitedBirthdayValidate(params))(params.errorMessage);
 
 export const passportValidator = (birthDate?: Date) =>
-  validator((_) => {
-    if (_ && birthDate) {
-      return (
-        _.getTime() >=
-        new Date(
-          birthDate?.getFullYear() + 14,
-          birthDate?.getMonth(),
-          birthDate?.getDate(),
-        ).getTime()
-      );
-    }
-
-    return false;
-  })('Укажите дату выдачи паспорта');
+  validateDateFromBirth(14, birthDate)('Укажите дату выдачи паспорта');
 
 export const deliveryDateValidator = (errorMsg: string) =>
   validator((_) => _?.getTime() >= new Date().getTime())(errorMsg);
@@ -88,18 +82,12 @@ export const deliveryDateValidator = (errorMsg: string) =>
 export const notLaterDateValidator = (errorMsg: string) =>
   validator((_) => _?.getTime() <= new Date().getTime())(errorMsg);
 
-export const numberValidator = (errorMsg: string) =>
-  validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
-
-export const serieValidator = (errorMsg: string) =>
-  validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
-
 const snilsValidate = (snils: string) => {
-  const snl = String(snils).replace(/[^0-9]+/g, '');
-  if (snl.length === 11) {
+  const _snils = String(snils).replace(/[^0-9]+/g, '');
+  if (_snils.length === 11 && _snils !== '00000000000') {
     let checksum = 0;
     for (let i = 0; i < 9; i++) {
-      checksum += parseInt(snl.charAt(i)) * (9 - i);
+      checksum += parseInt(_snils.charAt(i)) * (9 - i);
     }
     if (checksum > 101) {
       checksum = checksum % 101;
@@ -108,10 +96,41 @@ const snilsValidate = (snils: string) => {
       checksum = 0;
     }
 
-    return checksum === parseInt(snl.slice(9));
+    return checksum === parseInt(_snils.slice(9));
   }
 
   return false;
 };
 
 export const snilsValidator = (errorMsg: string) => validator(snilsValidate)(errorMsg);
+
+export const generalSeniorityValidator = (lastJobExperience: string) =>
+  validator(
+    (_) =>
+      typeof _ === 'string' &&
+      /^[0-9]{1,2}$/g.test(_) &&
+      (!lastJobExperience || Number(_) >= Number(lastJobExperience)),
+  )('Укажите количество лет стажа');
+
+export const workBeginDateValidator = (birthDate?: Date) =>
+  validateDateFromBirth(18, birthDate)('Укажите дату заключения трудового договора');
+
+export const dateRegistrationValidator = (birthDate?: Date) =>
+  validateDateFromBirth(0, birthDate)('Укажите дату регистрации');
+
+export const validateDateFromBirth = (age: number, birthDate?: Date) =>
+  validator((_) => {
+    if (_ && birthDate) {
+      const currentDate = _.getTime();
+      const minDate = new Date(
+        birthDate?.getFullYear() + age,
+        birthDate?.getMonth(),
+        birthDate?.getDate(),
+      ).getTime();
+      const maxDate = new Date().getTime();
+
+      return currentDate >= minDate && currentDate <= maxDate;
+    }
+
+    return false;
+  });

package/mobile/src/ui-kit/DialogManager/Dialog.tsx

@@ -21,6 +21,6 @@ export const Dialog = JSX<DialogProps>(({ className, head, children, onClose, on
       <CloseButton className="absolute top-0 right-0" onClose={onClose} />
       <div className="container">{head}</div>
     </div>
-    <div className="container pb-6xl">{children}</div>
+    <div className="container pb-m mb-[74px] lg:mb-0">{children}</div>
   </div>
 ));

package/mobile/src/ui-kit/Input/renderErrorText.tsx

@@ -1,7 +1,7 @@
 import { Text } from '../Text/Text';
 
 export const renderErrorText = (error: string | undefined) => (
-  <div className="h-6">
+  <div className="min-h-6">
     {error ? (
       <Text size="text-xs" font="font-light" color="text-error">
         {error}

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

@@ -6,7 +6,7 @@ interface LoaderProps {
   color?: TextColor;
   position?: 'static' | 'absolute';
   blur?: boolean;
-  size?: 'small' | 'big';
+  size?: 'extraSmall' | 'small' | 'big';
 }
 
 export const Loader = JSX<LoaderProps>(
@@ -22,7 +22,9 @@ export const Loader = JSX<LoaderProps>(
           'animate-spin rounded-full',
           'border-solid border-current',
           'border-r-transparent',
-          size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28',
+          size === 'extraSmall' && 'border-2 h-4 w-4',
+          size === 'small' && 'border-4 h-8 w-8',
+          size === 'big' && 'border-8 h-28 w-28',
           color,
         )}
         role="status"

package/package.json

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

package/src/components/ApplicationLeadForm/getLeadFormTaskData.ts

@@ -83,9 +83,7 @@ export const getDebitLeadFormTaskData = (
           }),
         },
       ],
-      marketingInfo: {
-        bannerId: marketingInfo?.bannerId,
-      },
+      marketingInfo,
     },
   };
 };

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -50,7 +50,7 @@ export const useInitApplicationLead = ({
         code,
         state,
         redirectUri: globalThis.location?.href,
-        authorize: true,
+        authorize: false,
       });
 
       if (data) {
@@ -118,6 +118,7 @@ const getLeadQueryParams = (
         utm_content: queryStorage.get('utm_content'),
         utm_term: queryStorage.get('utm_term'),
         bannerId: queryStorage.get('bannerId'),
+        userId: queryStorage.get('userId'),
       };
 
   return {

package/src/components/Blocks.mobile.ts

@@ -19,6 +19,7 @@ import { CarouselRecommendationCard } from './CarouselRecommendationCard/Carouse
 import { CarouselTariffsCard } from './CarouselTariffsCard/CarouselTariffsCard';
 import { CreditCardForm } from './CreditCardForm/CreditCardForm';
 import { CreditForm } from './CreditForm/CreditForm';
+import { DebitForm } from './DebitForm/DebitForm';
 import { DepositFiltration } from './DepositFiltration/DepositFiltration';
 import { ErrorBlock } from './ErrorBlock/ErrorBlock';
 import { Footer } from './Footer/Footer';
@@ -82,4 +83,5 @@ export const Blocks: BlocksRegistry = {
   ApplicationLeadForm,
   CreditCardForm,
   CreditForm,
+  DebitForm,
 };

package/src/components/DebitForm/getDebitCardFormTaskData.ts

@@ -35,6 +35,7 @@ export const getDebitCardFormTaskData = ({
     participants: [
       {
         id: participantId,
+        residentOtherCountry: false,
         ...getCurrentStepData(step, formData),
       },
     ],

package/src/retail/adaptors/getPersonalInfoData.tsx

@@ -37,7 +37,7 @@ export const getPersonalInfoData = (formData: LeadFormState): Partial<Participan
     dulIssuedBy,
     dulNumber,
     dulSerie,
-    dulSubdivisionCode,
+    dulSubdivisionCode: dulSubdivisionCode?.replace('-', ''),
     educationLevelCd: education,
     registrationDate: participantDateRegistration
       ? formatDate(participantDateRegistration, true)