@redneckz/wildless-cms-uni-blocks 0.16.3-isr → 0.16.4-credit

package/src/components/CreditCardForm/creditCardFormStepsData.tsx

@@ -1,12 +1,252 @@
-import {
-  COMMON_RETAIL_CONTENT,
-  CREDIT_CARD_CONTENT,
-  DELIVERY_CREDIT_CARD_CONTENT,
-} from '../../retail/content';
+/* eslint-disable max-lines */
+import { DELIVERY_CARD_CONTENT, PERSONAL_DATA } from '../../retail/content';
 import { type CreditCardSectionsProps } from './CreditCardFormContent';
 
+const PERSONAL_INFO_CONTENT: CreditCardSectionsProps[] = [
+  ...PERSONAL_DATA,
+  {
+    inputs: [
+      {
+        name: 'education',
+        required: true,
+      },
+    ],
+  },
+  {
+    title: 'Адрес регистрации по месту жительства',
+    columns: 1,
+    inputs: [],
+  },
+  {
+    inputs: [
+      {
+        name: 'addressRegistration',
+        required: true,
+        dadata: true,
+        filledByEsia: true,
+      },
+      { name: 'addressMatch' },
+    ],
+  },
+  {
+    columns: 2,
+    inputs: [{ name: 'participantDateRegistration', required: true }],
+  },
+  {
+    title: 'Адрес фактического проживания (место пребывания РФ)',
+    inputs: [],
+  },
+  {
+    columns: 2,
+    inputs: [{ name: 'housing', required: true }],
+  },
+  {
+    inputs: [{ name: 'addressFact', required: true, dadata: true }],
+  },
+];
+const EMPLOYMENT_CONTENT: CreditCardSectionsProps[] = [
+  {
+    title: 'Данные о трудоустройстве',
+    inputs: [],
+  },
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label:
+          'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, ' +
+          'если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+      },
+    ],
+  },
+  {
+    inputs: [
+      { name: 'employment', required: true },
+      { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
+    ],
+  },
+  {
+    columns: 2,
+    inputs: [
+      { name: 'inn', required: true, dadata: true, filledByEsia: true },
+      { name: 'legalForm', required: true },
+    ],
+  },
+  {
+    inputs: [
+      { name: 'organization', required: true },
+      { name: 'amountWorkers', required: true },
+    ],
+  },
+  {
+    columns: 2,
+    inputs: [
+      { name: 'employerActivities', required: true },
+      { name: 'employerOrganization', required: true },
+      { name: 'generalSeniority', required: true, filledByEsia: true },
+      { name: 'lastJobExperience', required: true, filledByEsia: true },
+      { name: 'experience5Years', required: true, filledByEsia: true },
+      { name: 'jobsNumber', required: true, filledByEsia: true },
+    ],
+  },
+  {
+    inputs: [
+      {
+        name: 'organizationPhone',
+        label: 'Телефон работодателя',
+        required: true,
+      },
+      { name: 'beginDate', required: true, filledByEsia: true },
+    ],
+  },
+  {
+    columns: 2,
+    inputs: [
+      { name: 'positionOrganization', required: true },
+      {
+        name: 'partInBusiness',
+        required: true,
+        condition: { name: 'positionOrganization', values: ['BUSINESS_OWNER'] },
+      },
+    ],
+  },
+  {
+    title: 'Адрес работодателя',
+    inputs: [],
+  },
+  {
+    inputs: [{ name: 'organizationAddress', required: true, dadata: true }],
+  },
+];
+const FAMILY_STATUS_AND_INCOME_CONTENT: CreditCardSectionsProps[] = [
+  {
+    title: 'Семейное положение',
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'familyStatus', required: true }],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'children', required: true }],
+  },
+  {
+    columns: 2,
+    inputs: [{ name: 'dependents', required: true }, { name: 'familyMembers' }],
+  },
+  {
+    title: 'Совокупный доход',
+  },
+  {
+    columns: 1,
+    inputs: [
+      {
+        name: 'confirmationIncome',
+        required: true,
+        filledByEsia: true,
+      },
+    ],
+  },
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label: 'Сумма основного и дополнительных доходов после вычета налога',
+      },
+    ],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'wages', required: true, filledByEsia: true }],
+  },
+  {
+    columns: 1,
+    inputs: [
+      {
+        name: 'retirementIncome',
+        required: true,
+        condition: { name: 'employment', values: ['RETIREE'] },
+      },
+    ],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'mandatoryPayments', required: true }],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'snils', required: true }],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'conscription', required: true }],
+  },
+  {
+    columns: 2,
+    inputs: [{ name: 'armyIdFlg' }],
+  },
+];
+const ADDITIONAL_CONTENT: CreditCardSectionsProps[] = [
+  {
+    title: 'Дополнительные сведения',
+    columns: 1,
+    inputs: [],
+  },
+  {
+    inputs: [{ name: 'bankruptcyFlg' }],
+  },
+  {
+    inputs: [{ name: 'shareholderFlg' }],
+  },
+  {
+    inputs: [{ name: 'legalEntityName' }],
+  },
+  {
+    inputs: [{ name: 'creditInRshbCd' }],
+  },
+];
+const CREDIT_CARD_CONTENT: CreditCardSectionsProps[] = [
+  {
+    title: 'Параметры карты',
+    inputs: [],
+  },
+  {
+    inputs: [
+      { name: 'currency', required: true },
+      { name: 'paymentSystem', required: true },
+      { name: 'cardCategory', required: true },
+      { name: 'codeWord', required: true },
+    ],
+  },
+];
+const DELIVERY_CREDIT_CARD_CONTENT: CreditCardSectionsProps[] = [
+  ...DELIVERY_CARD_CONTENT,
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+        condition: {
+          name: 'methodObtain',
+          values: ['office'],
+        },
+      },
+      {
+        name: 'bankEmployeeCode',
+        condition: {
+          name: 'methodObtain',
+          values: ['office'],
+        },
+      },
+    ],
+  },
+];
+
 export const stepsSectionsMap: CreditCardSectionsProps[][] = [
   CREDIT_CARD_CONTENT,
-  ...COMMON_RETAIL_CONTENT,
+  PERSONAL_INFO_CONTENT,
+  EMPLOYMENT_CONTENT,
+  FAMILY_STATUS_AND_INCOME_CONTENT,
+  ADDITIONAL_CONTENT,
   DELIVERY_CREDIT_CARD_CONTENT,
 ];

package/src/components/CreditCardForm/formStateMap.tsx

@@ -1,5 +1,5 @@
 import { type LeadFormState } from '../../retail/model/LeadFormState';
-import { mainFormStateMap } from '../../retail/utils/mainFormStateMap';
+import { getMainFormStateMap } from '../../retail/utils/getMainFormStateMap';
 
 export const formStateMap: Partial<LeadFormState>[] = [
   {
@@ -7,7 +7,7 @@ export const formStateMap: Partial<LeadFormState>[] = [
     currency: '810',
     codeWord: '',
   },
-  ...mainFormStateMap,
+  ...getMainFormStateMap(),
   {
     regionRetail: { key: '', text: '' },
     addressRetail: { key: '', text: '' },

package/src/components/CreditForm/CreditForm.tsx

@@ -16,14 +16,13 @@ interface CreditFormProps extends CreditFormContent, UniBlockProps {
   programsSource?: ProgramsSourceProps | JSONRefObject;
 }
 
-const STEPS = 5;
+const STEPS = 4;
 
 const STEP_TITLES = [
   '',
   'Персональные данные',
   'Данные о трудоустройстве',
   'Семейное положение и доход',
-  'Дополнительные сведения',
   'Отделение Банка',
 ];
 

package/src/components/CreditForm/SuccessStatusContent.tsx

@@ -8,7 +8,7 @@ export const SuccessStatusContent = JSX(() => {
   return (
     <FormStatus
       title="Банк одобрил вам кредит"
-      description="Обратитесь в отделение банка, чтобы завершить оформление и получит ваш кредит"
+      description="Обратитесь в отделение банка, чтобы завершить оформление и получить ваш кредит"
       sectionInfo={[
         {
           label: 'Название продукта',

package/src/components/CreditForm/creditFormStepsData.tsx

@@ -1,12 +1,200 @@
-import {
-  CALCULATOR_CONTENT,
-  COMMON_RETAIL_CONTENT,
-  DELIVERY_CREDIT_CONTENT,
-} from '../../retail/content';
+/* eslint-disable max-lines */
+import { PERSONAL_DATA } from '../../retail/content';
 import { type SectionsRetailProps } from '../../retail/model/InputSectionsType';
 
+const PERSONAL_INFO_CONTENT: SectionsRetailProps[] = [
+  ...PERSONAL_DATA,
+  {
+    title: 'Адрес регистрации по месту жительства',
+    columns: 1,
+    inputs: [],
+  },
+  {
+    inputs: [
+      {
+        name: 'addressRegistration',
+        required: true,
+        dadata: true,
+        filledByEsia: true,
+      },
+      { name: 'addressMatch' },
+    ],
+  },
+  {
+    title: 'Адрес фактического проживания (место пребывания РФ)',
+    inputs: [],
+  },
+  {
+    inputs: [{ name: 'addressFact', required: true, dadata: true }],
+  },
+];
+const EMPLOYMENT_CONTENT: SectionsRetailProps[] = [
+  {
+    title: 'Данные о трудоустройстве',
+    inputs: [],
+  },
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label:
+          'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, ' +
+          'если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+      },
+    ],
+  },
+  {
+    inputs: [
+      { name: 'employment', required: true },
+      { name: 'organizationName', required: true, dadata: true, filledByEsia: true },
+    ],
+  },
+  {
+    columns: 2,
+    inputs: [
+      { name: 'inn', required: true, dadata: true, filledByEsia: true },
+      { name: 'legalForm', required: true },
+    ],
+  },
+  {
+    inputs: [
+      { name: 'organization', required: true },
+      { name: 'amountWorkers', required: true },
+    ],
+  },
+  {
+    columns: 2,
+    inputs: [
+      { name: 'employerOrganization', required: true },
+      { name: 'jobsNumber', required: true, filledByEsia: true },
+    ],
+  },
+  {
+    inputs: [
+      {
+        name: 'organizationPhone',
+        label: 'Телефон работодателя',
+        required: true,
+      },
+      { name: 'beginDate', required: true, filledByEsia: true },
+    ],
+  },
+  {
+    title: 'Адрес работодателя',
+    inputs: [],
+  },
+  {
+    inputs: [{ name: 'organizationAddress', required: true, dadata: true }],
+  },
+];
+const FAMILY_STATUS_AND_INCOME_CONTENT: SectionsRetailProps[] = [
+  {
+    title: 'Семейное положение',
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'familyStatus', required: true }],
+  },
+  {
+    columns: 2,
+    inputs: [
+      { name: 'children', required: true },
+      { name: 'dependents', required: true },
+    ],
+  },
+  {
+    title: 'Совокупный доход',
+  },
+  {
+    columns: 1,
+    inputs: [
+      {
+        name: 'confirmationIncome',
+        required: true,
+        filledByEsia: true,
+      },
+    ],
+  },
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label: 'Сумма основного и дополнительных доходов после вычета налога',
+      },
+    ],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'wages', required: true, filledByEsia: true }],
+  },
+  {
+    columns: 1,
+    inputs: [
+      {
+        name: 'retirementIncome',
+        required: true,
+        condition: { name: 'employment', values: ['RETIREE'] },
+      },
+    ],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'mandatoryPayments', required: true }],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'snils', required: true }],
+  },
+  {
+    columns: 1,
+    inputs: [{ name: 'initiateBankruptcyFlg' }],
+  },
+];
+
+const DELIVERY_CREDIT_CONTENT: SectionsRetailProps[] = [
+  {
+    title: 'Отделение Банка',
+    columns: 1,
+    inputs: [],
+  },
+  {
+    inputs: [{ name: 'regionRetail', required: true }],
+  },
+  {
+    inputs: [{ name: 'addressRetail', required: true }],
+  },
+  {
+    title: 'Код представителя Банка',
+    columns: 1,
+    inputs: [],
+  },
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+      },
+    ],
+  },
+  {
+    inputs: [{ name: 'bankEmployeeCode' }],
+  },
+];
+const CALCULATOR_CONTENT: SectionsRetailProps[] = [
+  {
+    columns: 1,
+    inputs: [
+      {
+        name: 'calculator',
+      },
+    ],
+  },
+];
+
 export const stepsSectionsMap: SectionsRetailProps[][] = [
   CALCULATOR_CONTENT,
-  ...COMMON_RETAIL_CONTENT,
+  PERSONAL_INFO_CONTENT,
+  EMPLOYMENT_CONTENT,
+  FAMILY_STATUS_AND_INCOME_CONTENT,
   DELIVERY_CREDIT_CONTENT,
 ];

package/src/components/CreditForm/formStateMap.tsx

@@ -1,5 +1,5 @@
 import { type LeadFormState } from '../../retail/model/LeadFormState';
-import { mainFormStateMap } from '../../retail/utils/mainFormStateMap';
+import { getMainFormStateMap } from '../../retail/utils/getMainFormStateMap';
 
 export const formStateMap: Partial<LeadFormState>[] = [
   {
@@ -15,7 +15,7 @@ export const formStateMap: Partial<LeadFormState>[] = [
       isStateEmployee: false,
     },
   },
-  ...mainFormStateMap,
+  ...getMainFormStateMap(true),
   {
     regionRetail: { key: '', text: '' },
     addressRetail: undefined,

package/src/components/CreditForm/getCalcData.ts

@@ -3,7 +3,7 @@ import { type LeadFormState } from '../../retail/model/LeadFormState';
 
 const PAYMENT_TYPE_DATA: Record<string, PaymentType> = {
   annuity: { key: 'ANNUITY', value: 'Аннуитетный' },
-  differential: { key: 'DIFFERENTIAL', value: 'Дифференцированный ' },
+  differential: { key: 'DIFFERENTIATED', value: 'Дифференцированный ' },
 };
 
 export const getCalcData = (

package/src/components/CreditForm/useCreditFormAPI.tsx

@@ -19,7 +19,7 @@ export const useCreditFormAPI = ({
   onFinish,
 }: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void, boolean] => {
   const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
-  const isFinalStep = step === 5;
+  const isFinalStep = step === 4;
 
   const retailFormStore = useRetailFormStore();
 

package/src/components/DebitForm/DebitFormStatus.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type DescriptionProps, type LabelProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
@@ -7,13 +7,13 @@ import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 
-type DebitFormStatusProps = UniBlockProps & {
-  title?: string;
-  description?: string;
-  sectionInfo?: (LabelProps & DescriptionProps)[];
-  buttonText?: string;
-  isDboClient?: boolean;
-};
+type DebitFormStatusProps = UniBlockProps &
+  TitleProps &
+  DescriptionProps & {
+    sectionInfo?: (LabelProps & DescriptionProps)[];
+    buttonText?: string;
+    isDboClient?: boolean;
+  };
 
 const INTERNET_BANK_LINK = 'https://online.rshb.ru/ib6/wf2/retail/ib/loginretaildefault';
 
@@ -64,8 +64,7 @@ export const DebitFormStatus = JSX<DebitFormStatusProps>(
 const SectionInfo = ({
   title,
   items,
-}: {
-  title?: string;
+}: TitleProps & {
   items?: (LabelProps & DescriptionProps)[];
   countColumns?: boolean;
 }) => {

package/src/components/DebitForm/DebitFormStepsData.tsx

@@ -1,12 +1,77 @@
-import {
-  DEBIT_CARD_CONTENT,
-  DEBIT_PERSONAL_INFO_CONTENT,
-  DELIVERY_DEBIT_CARD_CONTENT,
-} from '../../retail/content';
+import { DELIVERY_CARD_CONTENT, PERSONAL_DATA } from '../../retail/content';
 import { type SectionsRetailProps } from '../../retail/model/InputSectionsType';
 
+const DEBIT_PERSONAL_INFO_CONTENT: SectionsRetailProps[] = [
+  ...PERSONAL_DATA,
+  {
+    title: 'Адрес регистрации по месту жительства',
+    columns: 1,
+    inputs: [],
+  },
+  {
+    inputs: [
+      {
+        name: 'addressRegistration',
+        required: true,
+        dadata: true,
+        filledByEsia: true,
+      },
+      { name: 'addressMatch' },
+    ],
+  },
+  {
+    title: 'Адрес фактического проживания (место пребывания РФ)',
+    inputs: [],
+  },
+  {
+    inputs: [{ name: 'addressFact', required: true, dadata: true }],
+  },
+];
+const DEBIT_CARD_CONTENT: SectionsRetailProps[] = [
+  {
+    title: 'Параметры карты',
+    inputs: [],
+  },
+  {
+    inputs: [
+      { name: 'currency', required: true },
+      { name: 'paymentSystem', required: true },
+      { name: 'cardCategory', required: true },
+    ],
+  },
+  {
+    title: 'Отображение на карте',
+    inputs: [],
+  },
+  {
+    columns: 2,
+    inputs: [{ name: 'latinName' }, { name: 'latinSurname', required: true }],
+  },
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label: 'Проверьте корректность заполненных полей, при необходимости внесите изменения.',
+      },
+    ],
+  },
+  {
+    inputs: [
+      {
+        name: 'infoCard',
+        label:
+          // eslint-disable-next-line max-len
+          'Количество символов ограничивается 20. При этом, если фамилия и имя на карте содержит более 21 символа, то необходимо сократить имя и указывать на карте только первую букву имени и фамилию, если при таком сокращении фамилия и имя не умещается в количество символов – 20, то указывать только фамилию.',
+      },
+    ],
+  },
+  {
+    inputs: [{ name: 'codeWord', required: true }],
+  },
+];
+
 export const stepsSectionsMap: SectionsRetailProps[][] = [
-  DELIVERY_DEBIT_CARD_CONTENT,
+  DELIVERY_CARD_CONTENT,
   DEBIT_PERSONAL_INFO_CONTENT,
   DEBIT_CARD_CONTENT,
 ];

package/src/components/Footer/Contacts.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ContactGroup, type ContactInfo } from '../../data/FooterData';
+import { type ComponentType } from '../../model/ComponentType';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 
-export interface ContactsProps {
-  className?: string;
+export interface ContactsProps extends ComponentType {
   items?: ContactGroup[];
 }
 

package/src/components/Footer/FooterLink.ts

@@ -1,7 +1,7 @@
+import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 
-export interface FooterLink {
-  className?: string;
+export interface FooterLink extends ComponentType {
   links?: LinkProps[];
   license?: string;
 }

package/src/components/Footer/HorizontalNavigation.tsx

@@ -20,7 +20,7 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
             <HorizontalNavigationLink
               key={String(i)}
               index={i}
-              className="text-l font-light lg:max-w-[292px]"
+              className="text-l font-light lg:max-w-72"
               {..._}
             />
           ))}