@redneckz/wildless-cms-uni-blocks 0.14.650 → 0.14.652

package/src/components/CreditCardForm/creditCardFormStepsData.tsx

@@ -0,0 +1,310 @@
+/* eslint-disable max-lines */
+/* eslint-disable max-len */
+
+import { type CreditCardSectionsProps } from './CreditCardFormContent';
+
+export const stepsSectionsMap: CreditCardSectionsProps[][] = [
+  [
+    {
+      title: 'Параметры карты',
+      inputs: [],
+    },
+    {
+      inputs: [
+        { fieldType: 'common', name: 'currency', required: true },
+        { fieldType: 'common', name: 'paymentSystem', required: true },
+        { fieldType: 'common', name: 'cardCategory', required: true },
+        { fieldType: 'common', name: 'codeWord', required: true },
+      ],
+    },
+  ],
+  [
+    {
+      title: 'Персональные данные',
+      columns: 2,
+      inputs: [
+        {
+          fieldType: 'common',
+          name: 'surname',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
+        { fieldType: 'common', name: 'name', required: true, dadata: true, filledByEsia: true },
+        { fieldType: 'common', name: 'middleName', dadata: true, filledByEsia: true },
+        { fieldType: 'common', name: 'sex', required: true },
+        { fieldType: 'common', name: 'birthday', required: true, filledByEsia: true },
+        { fieldType: 'common', name: 'birthPlace', required: true },
+        { fieldType: 'common', name: 'phone', required: true },
+        { fieldType: 'common', name: 'email', required: true, dadata: true },
+      ],
+    },
+    {
+      title: 'Паспортные данные',
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'dulSerie', required: true, filledByEsia: true },
+        { fieldType: 'common', name: 'dulNumber', required: true, filledByEsia: true },
+        { fieldType: 'common', name: 'dulIssueDateField', required: true, filledByEsia: true },
+        {
+          fieldType: 'common',
+          name: 'dulSubdivisionCode',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
+      ],
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'common',
+          name: 'dulIssuedBy',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
+        {
+          fieldType: 'common',
+          name: 'education',
+          required: true,
+        },
+      ],
+    },
+    {
+      title: 'Адрес регистрации по месту жительства',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'common',
+          name: 'addressRegistration',
+          required: true,
+          dadata: true,
+          filledByEsia: true,
+        },
+        { fieldType: 'common', name: 'addressMatch' },
+      ],
+    },
+    {
+      columns: 2,
+      inputs: [{ fieldType: 'common', name: 'participantDateRegistration', required: true }],
+    },
+    {
+      title: 'Адрес фактического проживания (место пребывания РФ)',
+      inputs: [],
+    },
+    {
+      columns: 2,
+      inputs: [{ fieldType: 'common', name: 'housing', required: true }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'addressFact', required: true, dadata: true }],
+    },
+  ],
+  [
+    {
+      title: 'Данные о трудоустройстве',
+      inputs: [],
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'info',
+          text: 'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+        },
+      ],
+    },
+    {
+      inputs: [
+        { fieldType: 'common', name: 'employment' },
+        { fieldType: 'common', name: 'organizationName', required: true, dadata: true },
+      ],
+    },
+    {
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'inn', required: true, dadata: true },
+        { fieldType: 'common', name: 'legalForm', required: true },
+      ],
+    },
+    {
+      inputs: [
+        { fieldType: 'common', name: 'organization', required: false },
+        { fieldType: 'common', name: 'amountWorkers', required: false },
+      ],
+    },
+    {
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'employerActivities', required: false },
+        { fieldType: 'common', name: 'employerOrganization', required: false },
+        { fieldType: 'common', name: 'generalSeniority', required: true },
+        { fieldType: 'common', name: 'lastJobExperience', required: true },
+        { fieldType: 'common', name: 'experience5Years', required: true },
+        { fieldType: 'common', name: 'jobsNumber', required: true },
+      ],
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'common',
+          name: 'organizationPhone',
+          label: 'Телефон работодателя',
+          required: true,
+        },
+        { fieldType: 'common', name: 'beginDate', required: true },
+      ],
+    },
+    {
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'positionOrganization', required: false },
+        { fieldType: 'common', name: 'partInBusiness', required: true },
+      ],
+    },
+    {
+      title: 'Адрес работодателя',
+      inputs: [],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'organizationAddress', required: true, dadata: true }],
+    },
+  ],
+  [
+    {
+      title: 'Семейное положение',
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'familyStatus', required: true }],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'dependents', required: true }],
+    },
+    {
+      columns: 2,
+      inputs: [
+        { fieldType: 'common', name: 'familyMembers' },
+        { fieldType: 'common', name: 'children', required: true },
+      ],
+    },
+    {
+      title: 'Совокупный доход',
+    },
+    {
+      inputs: [
+        {
+          fieldType: 'info',
+          text: 'Сумма основного и дополнительных доходов после вычета налога',
+        },
+      ],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'mandatoryIncome', required: true }],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'otherPayments', required: true }],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'snils', required: true }],
+    },
+    {
+      columns: 1,
+      inputs: [{ fieldType: 'common', name: 'conscription', required: true }],
+    },
+    {
+      columns: 2,
+      inputs: [{ fieldType: 'common', name: 'armyIdFlg' }],
+    },
+  ],
+  [
+    {
+      title: 'Дополнительные сведения',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'disablePeopleFlg' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'bankruptcyFlg' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'shareholderFlg' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'legalEntityName' }],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'creditInRshbCd' }],
+    },
+  ],
+  [
+    {
+      title: 'Способ получения',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      inputs: [{ fieldType: 'common', name: 'methodObtain' }],
+    },
+    {
+      type: 'courier',
+      title: 'Адрес',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      type: 'courier',
+      inputs: [{ fieldType: 'common', name: 'addressCourier', dadata: true }],
+    },
+    {
+      type: 'courier',
+      inputs: [{ fieldType: 'common', name: 'deliveryDate' }],
+    },
+    {
+      type: 'courier',
+      inputs: [{ fieldType: 'common', name: 'comment' }],
+    },
+    {
+      type: 'office',
+      title: 'Отделение Банка',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      type: 'office',
+      inputs: [{ fieldType: 'common', name: 'regionRetail', required: true }],
+    },
+    {
+      type: 'office',
+      inputs: [{ fieldType: 'common', name: 'addressRetail', required: true }],
+    },
+    {
+      type: 'office',
+      title: 'Код представителя Банка',
+      columns: 1,
+      inputs: [],
+    },
+    {
+      type: 'office',
+      inputs: [
+        {
+          fieldType: 'info',
+          text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+        },
+      ],
+    },
+    {
+      type: 'office',
+      inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
+    },
+  ],
+];

package/src/components/CreditCardForm/formStateMap.tsx

@@ -0,0 +1,165 @@
+/* eslint-disable max-lines */
+import { PAYMENT_SYSTEM_TYPES } from '../../ui-kit/FormField/Fields/PaymentSystemField';
+import type { Option } from '../../ui-kit/Select/Option';
+import { type Address } from '../ApplicationLeadForm/getInitialFormState';
+
+export interface FormStateMap {
+  0: {
+    currency?: string;
+    paymentSystem?: string;
+    cardCategory?: Option;
+    codeWord?: string;
+  };
+  1: {
+    surname?: string;
+    name?: string;
+    middleName?: string;
+    sex?: string;
+    birthday?: Date;
+    birthPlace?: string;
+    phone?: string;
+    email?: string;
+    dulSerie?: number;
+    dulNumber?: number;
+    dulIssueDateField?: Date;
+    dulSubdivisionCode?: string;
+    dulIssuedBy?: string;
+    addressRegistration?: Address;
+    participantDateRegistration?: Date;
+    addressFact?: Address;
+    housing?: string;
+    methodObtain?: string;
+    addressCourier?: Address;
+  };
+  2: {
+    amountWorkers?: Option;
+    beginDate?: Date;
+    employerActivities?: Option;
+    employerOrganization?: Option;
+    employment?: Option;
+    experience5Years?: string;
+    inn?: number;
+    jobsNumber?: string;
+    lastJobExperience?: string;
+    legalForm?: string;
+    organization?: Option;
+    organizationAddress?: Address;
+    organizationName?: string;
+    organizationPhone?: string;
+    partInBusiness?: number;
+    positionOrganization?: Option;
+  };
+  3: {
+    familyStatus?: Option;
+    dependents?: number;
+    familyMembers?: number;
+    mandatoryIncome?: number;
+    otherPayments?: number;
+    snils?: string;
+    armyIdFlg?: boolean;
+  };
+  4: {
+    disablePeopleFlg?: boolean;
+    bankruptcyFlg?: boolean;
+    shareholderFlg?: boolean;
+    legalEntityName?: string;
+    creditInRshbCd?: Option;
+  };
+  5: {
+    regionRetail?: string;
+    addressRetail?: Address;
+    bankEmployeeCode?: string;
+    addressCoutier?: Address;
+    methodObtain?: 'office' | 'courier';
+    deliveryDate?: Date;
+  };
+}
+
+export const formStateMap: FormStateMap = {
+  0: {
+    paymentSystem: PAYMENT_SYSTEM_TYPES[0].id,
+    currency: 'rub',
+    codeWord: '',
+  },
+  1: {
+    surname: '',
+    name: '',
+    middleName: '',
+    sex: '',
+    birthday: undefined,
+    birthPlace: '',
+    phone: '',
+    email: '',
+    dulSerie: undefined,
+    dulNumber: undefined,
+    dulIssueDateField: undefined,
+    dulSubdivisionCode: '',
+    dulIssuedBy: '',
+    addressRegistration: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    participantDateRegistration: undefined,
+    addressFact: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    housing: '',
+    methodObtain: 'office',
+    addressCourier: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+  },
+  2: {
+    amountWorkers: { key: '', text: '' },
+    beginDate: undefined,
+    employerActivities: { key: '', text: '' },
+    employerOrganization: { key: '', text: '' },
+    employment: { key: '', text: '' },
+    experience5Years: '',
+    inn: undefined,
+    jobsNumber: '',
+    lastJobExperience: '',
+    legalForm: '',
+    organization: { key: '', text: '' },
+    organizationAddress: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    organizationName: '',
+    organizationPhone: '',
+    partInBusiness: undefined,
+    positionOrganization: { key: '', text: '' },
+  },
+  3: {
+    familyStatus: { key: '', text: '' },
+    dependents: undefined,
+    familyMembers: undefined,
+    mandatoryIncome: undefined,
+    otherPayments: undefined,
+    snils: '',
+    armyIdFlg: false,
+  },
+  4: {
+    disablePeopleFlg: false,
+    bankruptcyFlg: false,
+    shareholderFlg: false,
+    legalEntityName: '',
+    creditInRshbCd: undefined,
+  },
+  5: {
+    regionRetail: '',
+    addressRetail: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    bankEmployeeCode: '',
+    addressCoutier: {
+      fullAddress: '',
+      fiasCode: '',
+    },
+    methodObtain: 'office',
+    deliveryDate: undefined,
+  },
+};

package/src/components/CreditCardForm/getCreditCardFormTaskData.ts

@@ -0,0 +1,68 @@
+import { type Participant, type UpdateUserTaskBody } from '../../api/RetailAPI/updateUserTask';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+import { getFifthStepData } from './getFifthStepData';
+import { getFirstStepData } from './getFirstStepData';
+import { getFourthStepData } from './getFourthStepData';
+import { getSecondStepData } from './getSecondStepData';
+import { getThirdStepData } from './getThirdStepData';
+
+type getCreditCardFormTaskDataProps = {
+  participantId: number;
+  taskId: number;
+  profileId: number;
+  formData: FormState;
+  step?: number;
+};
+
+export const getCreditCardFormTaskData = ({
+  participantId,
+  taskId,
+  profileId,
+  formData,
+  step = 0,
+}: getCreditCardFormTaskDataProps): UpdateUserTaskBody => {
+  return {
+    sendToBank: true,
+    taskKind: 'UNITED',
+    task: {
+      taskSource: globalThis.location.origin,
+      id: taskId,
+      //TODO: Добавить id офиса
+      authorizedAgentId: formData?.bankEmployeeCode,
+      participants: [
+        {
+          id: participantId,
+          profile: {
+            id: profileId,
+          },
+          roleCd: {
+            key: 'BORROWER',
+            value: 'Заемщик',
+          },
+          ...getCurrentStepData(step, formData),
+        },
+      ],
+    },
+  };
+};
+
+const getCurrentStepData = (step: number, formData: FormState): Partial<Participant> => {
+  switch (step) {
+    case 0:
+      return getFirstStepData(formData);
+    case 1:
+      return getSecondStepData(formData);
+    case 2:
+      return getThirdStepData(formData);
+    case 3:
+      return getFourthStepData(formData);
+    case 4:
+      return getFifthStepData(formData);
+    case 5:
+      return {
+        //TODO: Сделать адаптер данных способа получения карты
+      };
+    default:
+      return {};
+  }
+};

package/src/components/CreditCardForm/getFifthStepData.ts

@@ -0,0 +1,13 @@
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+
+export const getFifthStepData = (formData: FormState): Partial<Participant> => {
+  const { bankruptcyFlg, shareholderFlg, legalEntityName, creditInRshbCd } = formData;
+
+  return {
+    bankruptcyFlg,
+    shareholderFlg,
+    nameLegalEntity: legalEntityName,
+    creditInRshbCd,
+  };
+};

package/src/components/CreditCardForm/getFirstStepData.tsx

@@ -0,0 +1,13 @@
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+
+export const getFirstStepData = (formData: FormState): Partial<Participant> => {
+  const { currency, paymentSystem, cardCategory, codeWord } = formData;
+
+  return {
+    currencyCode: currency,
+    paymentSystemTypeCd: paymentSystem,
+    classCard: cardCategory,
+    codeWord: codeWord,
+  };
+};

package/src/components/CreditCardForm/getFourthStepData.ts

@@ -0,0 +1,27 @@
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+import { getParticipantIncomes } from '../CreditForm/utils';
+
+export const getFourthStepData = (formData: FormState): Partial<Participant> => {
+  const {
+    familyStatus,
+    dependents,
+    familyMembers,
+    mandatoryIncome,
+    otherPayments,
+    snils,
+    armyIdFlg,
+  } = formData;
+
+  return {
+    maritalStatusCd: familyStatus,
+    totalDependents: familyMembers,
+    otherDependents: dependents,
+    participantIncomes: getParticipantIncomes({
+      mandatoryIncome,
+      otherPayments,
+    }),
+    snils: snils?.replaceAll(' ', ''),
+    armyIdFlg,
+  };
+};

package/src/components/CreditCardForm/getInitialFormState.tsx

@@ -0,0 +1,28 @@
+import { formStateMap, type FormStateMap } from './formStateMap';
+
+export const getInitialFormState = <Step extends keyof FormStateMap>(
+  step: Step,
+  localStorageData: Record<string, any> | null,
+): FormStateMap[Step] => {
+  if (localStorageData) {
+    // TODO: Fill in for other fields with type Date
+    // TODO: Take it out to the helper
+    localStorageData.birthday = localStorageData.birthday
+      ? new Date(localStorageData.birthday as string)
+      : undefined;
+    localStorageData.dulIssueDateField = localStorageData.dulIssueDateField
+      ? new Date(localStorageData.dulIssueDateField as string)
+      : undefined;
+    localStorageData.participantDateRegistration = localStorageData.participantDateRegistration
+      ? new Date(localStorageData.participantDateRegistration as string)
+      : undefined;
+    localStorageData.beginDate = localStorageData?.beginDate
+      ? new Date(localStorageData.beginDate as string)
+      : undefined;
+  }
+
+  return {
+    ...formStateMap[step],
+    ...localStorageData,
+  };
+};

package/src/components/CreditCardForm/getSecondStepData.tsx

@@ -0,0 +1,54 @@
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { formatDate } from '../../utils/formatDate';
+import { formatPhone } from '../../utils/formatPhone';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+import { getParticipantAddresses, getParticipantContacts } from '../CreditForm/utils';
+
+export const getSecondStepData = (formData: FormState): Partial<Participant> => {
+  const {
+    name,
+    surname,
+    middleName,
+    birthday = '',
+    phone = '',
+    email,
+    sex,
+    birthPlace,
+    dulIssueDateField = '',
+    dulIssuedBy,
+    dulNumber,
+    dulSerie,
+    dulSubdivisionCode,
+    education,
+    participantDateRegistration = '',
+    housing,
+    addressRegistration,
+    addressFact,
+  } = formData;
+
+  return {
+    birthDate: formatDate(birthday, true),
+    midname: middleName,
+    name,
+    surname,
+    birthPlace,
+    dulIssueDate: formatDate(dulIssueDateField, true),
+    dulIssuedBy,
+    dulNumber,
+    dulSerie,
+    dulSubdivisionCode,
+    educationLevelCd: education,
+    registrationDate: formatDate(participantDateRegistration, true),
+    houseTypeCd: housing,
+    participantContacts: getParticipantContacts({
+      phone: formatPhone(phone),
+      email,
+    }),
+    participantAddresses: getParticipantAddresses({ addressRegistration, addressFact }),
+    genderCd: sex
+      ? {
+          key: sex === 'male' ? 'MAN' : 'WOMAN',
+        }
+      : undefined,
+  };
+};