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

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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,
+  };
+};

package/mobile/src/components/CreditCardForm/getThirdStepData.tsx

@@ -0,0 +1,44 @@
+import { type Participant } from '../../api/RetailAPI/updateUserTask';
+import { formatPhone } from '../../utils/formatPhone';
+import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
+import { getParticipantAddresses, getParticipantContacts } from '../CreditForm/utils';
+
+export const getThirdStepData = (formData: FormState): Partial<Participant> => {
+  const {
+    employment,
+    organizationName,
+    inn,
+    legalForm,
+    organization,
+    amountWorkers,
+    employerActivities,
+    employerOrganization,
+    generalSeniority,
+    lastJobExperience,
+    experience5Years,
+    jobsNumber,
+    organizationPhone,
+    organizationAddress,
+    positionOrganization,
+  } = formData;
+
+  return {
+    employmentTypeCd: employment,
+    organizationName,
+    organizationInn: inn,
+    organizationActivityTypeCd: employerActivities,
+    organizationTypeCd: organization,
+    organizationKindCd: employerOrganization,
+    employeesNumberCd: amountWorkers,
+    opf: legalForm,
+    seniority: generalSeniority,
+    generalSeniority: experience5Years,
+    jobsNumber,
+    lastWorkDuration: lastJobExperience,
+    positionCd: positionOrganization,
+    participantContacts: getParticipantContacts({
+      organizationPhone: organizationPhone && formatPhone(organizationPhone),
+    }),
+    participantAddresses: getParticipantAddresses({ organizationAddress }),
+  };
+};

package/mobile/src/components/CreditCardForm/renderInfo.tsx

@@ -0,0 +1,10 @@
+import { InfoCard } from '../../ui-kit/InfoCard/InfoCard';
+import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
+
+export const renderInfo = (inputs: FieldDef[] = []) => {
+  const infoInputs = inputs.filter((_) => _.fieldType === 'info');
+
+  return infoInputs.length
+    ? infoInputs.map(({ text, name }, i) => <InfoCard key={`${name}_${i}`} __html={text} />)
+    : null;
+};

package/mobile/src/components/CreditCardForm/renderInputs.tsx

@@ -0,0 +1,5 @@
+import { getField } from '../../ui-kit/FormField/getField';
+import { type RenderInputsProps } from './CreditCardFormContent';
+
+export const renderInputs = ({ field, inputs }: RenderInputsProps) =>
+  (inputs || [])?.map(getField(field, ''));

package/mobile/src/components/CreditCardForm/renderStep.tsx

@@ -0,0 +1,43 @@
+import { type FormFieldRegisterer, type FormOperatorProps } from '../../hooks/useForm';
+import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
+import { renderTitle } from '../../ui-kit/FormField/renderTitle';
+import { style } from '../../utils/style';
+import { type CreditCardSectionsProps } from './CreditCardFormContent';
+import { type FormStateMap } from './formStateMap';
+import { renderInfo } from './renderInfo';
+import { renderInputs } from './renderInputs';
+
+export type CustomSubmit = FormOperatorProps<FormStateMap[keyof FormStateMap]>['onSubmit'];
+
+export interface StepProps {
+  sections?: CreditCardSectionsProps[];
+  field: FormFieldRegisterer<FormStateMap[keyof FormStateMap]>;
+  registerSubmit?: (submit: CustomSubmit) => void;
+  isLastStep?: boolean;
+  methodObtain?: string;
+}
+
+const renderLastStep = ({ sections, field, methodObtain }: StepProps) =>
+  sections
+    ?.filter(({ type }) => type === methodObtain || !type)
+    .map(({ inputs, columns, title }, i) => (
+      <div key={`section-${i}`} className={style(inputColumnStyles(columns), 'grid gap-x-m')}>
+        {renderInfo(inputs)}
+        {renderTitle(title)}
+        {renderInputs({ field, inputs })}
+      </div>
+    ));
+
+export const renderStep = ({ sections, field, isLastStep, methodObtain }: StepProps) => {
+  if (isLastStep) {
+    return renderLastStep({ sections, field, methodObtain });
+  }
+
+  return sections?.map(({ inputs, columns, title }, i) => (
+    <div key={`section-${i}`} className={style(inputColumnStyles(columns), 'grid gap-x-m')}>
+      {renderInfo(inputs)}
+      {renderTitle(title)}
+      {renderInputs({ field, inputs })}
+    </div>
+  ));
+};

package/mobile/src/components/CreditCardForm/useCreditCardFormAPI.tsx

@@ -0,0 +1,75 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
+import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
+import { objectValidator } from '../../validation/objectValidator';
+import { isValidationSuccess } from '../../validation/validator';
+import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
+import { type FormStateMap } from './formStateMap';
+import { getCreditCardFormTaskData } from './getCreditCardFormTaskData';
+
+type CreditCardFormApiProps = {
+  step: number;
+  inputs: FieldDef[];
+  onNextStep: () => void;
+  saveStep: (value: Record<string, any>) => void;
+  finishForm?: (bool: boolean) => void;
+};
+
+export const useCreditCardFormAPI = ({
+  step,
+  inputs,
+  onNextStep,
+  saveStep,
+  finishForm,
+}: CreditCardFormApiProps) => {
+  const [taskId] = useLocalStorage<number>('taskId');
+  const [profileId] = useLocalStorage<number>('profileId');
+  const [participantId] = useLocalStorage<number>('participantId');
+
+  const handleSubmit = useCallback(async (formData: FormStateMap[keyof FormStateMap]) => {
+    const feedbackValidator = objectValidator(
+      getObjectValidator(calculateInputs(formData, inputs, step)),
+    );
+    if (!isValidationSuccess(feedbackValidator(formData))) {
+      return console.warn('validation fail');
+    }
+
+    saveStep(formData);
+
+    try {
+      if (taskId && profileId && participantId) {
+        await updateUserTask(
+          getCreditCardFormTaskData({
+            participantId,
+            taskId,
+            profileId,
+            step,
+            formData: formData as any,
+          }),
+        );
+      }
+    } catch (ex) {
+      return 'Fail';
+    }
+
+    onNextStep();
+
+    if (step === 5) {
+      finishForm?.(true);
+    }
+
+    return 'OK';
+  }, []);
+
+  return {
+    handleSubmit,
+  };
+};
+
+const calculateInputs = (
+  formData: FormStateMap[keyof FormStateMap],
+  inputs: FieldDef[],
+  step: number,
+) =>
+  step === 2 && 'employment' in formData && formData?.employment?.key === 'RETIREE' ? [] : inputs;

package/mobile/src/components/CreditForm/CreditForm.tsx

@@ -1,12 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { type SectionsProps } from '../../model/InputSectionsType';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
-import {
-  type FieldDef,
-  type SectionsProps,
-} from '../ApplicationLeadForm/ApplicationLeadFormContent';
+import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
 import { CalculatorCredit } from '../CalculatorCredit/CalculatorCredit';
 import { type CreditFormContent } from './CreditFormContent';
 import { CreditFormProgress } from './CreditFormProgress';

package/mobile/src/components/CreditForm/CreditFormStatusTracker.tsx

@@ -8,7 +8,6 @@ import { PendingStatusContent } from './PendingStatusContent';
 import { ReworkStatusContent } from './ReworkStatusContent';
 import { SuccessStatusContent } from './SuccessStatusContent';
 
-const TASK_ID = 2816419;
 const SIGNAL_TYPES: SignalType[] = [
   'CREATE_APPLICATION_SHORT_SIGNAL',
   'CREATE_APPLICATION_LOAN_V3_SIGNAL',
@@ -24,7 +23,7 @@ export const CreditFormStatusTracker = JSX(() => {
     }
 
     const trackStatus = () =>
-      getTaskStatus({ taskId: TASK_ID }).then((res) => {
+      getTaskStatus({ taskId }).then((res) => {
         if (res.statusCd && res.statusCd !== STATUS_TYPE.process) {
           clearInterval(pullingInterval);
           setStatus(res.statusCd);

package/mobile/src/components/CreditForm/CreditFormStep.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
-import { type SectionsProps } from '../ApplicationForm/ApplicationFormContent';
+import { type SectionsProps } from '../../model/InputSectionsType';
 import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
 import { CreditFormStatusTracker } from './CreditFormStatusTracker';
 import { type FormStateMap } from './formStateMap';

package/mobile/src/components/CreditForm/FailedStatusContent.tsx

@@ -4,8 +4,7 @@ import { CreditFormStatus } from './CreditFormStatus';
 export const FailedStatusContent = JSX(() => (
   <CreditFormStatus
     title="Благодарим Вас за ожидание"
-    description="В настоящий момент Банк не может одобрить Вашу заявку на кредит.
-      Попробуйте подать заявку позже. Спасибо за обращение в АО «Россельхозбанк»."
+    description="В настоящий момент Банк не может одобрить Вашу заявку на кредит. Попробуйте подать заявку позже. Спасибо за обращение в АО «Россельхозбанк»."
     buttonText="Вернуться на главную"
   />
 ));

package/mobile/src/components/CreditForm/creditFormStepsData.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */
 /* eslint-disable max-len */
 
-import { type SectionsProps } from '../ApplicationLeadForm/ApplicationLeadFormContent';
+import { type SectionsProps } from '../../model/InputSectionsType';
 
 export const stepsSectionsMap: SectionsProps[][] = [
   [

package/mobile/src/components/CreditForm/getCreditFormTaskData.ts

@@ -57,6 +57,6 @@ const getCurrentStepData = (step: number, formData: FormState): Partial<Particip
     case 4:
       return getFourthStepData(formData);
     default:
-      return getFirstStepData(formData);
+      return {};
   }
 };

package/mobile/src/model/InputSectionsType.ts

@@ -1,4 +1,16 @@
-import { type SectionsProps } from '../components/ApplicationForm/ApplicationFormContent';
+import {
+  type FieldDef,
+  type FormColumnsCount,
+} from '../components/ApplicationLeadForm/ApplicationLeadFormContent';
+import { type TitleProps } from './HeadlineType';
+
+/**
+ * @title Секция полей ввода
+ */
+export type SectionsProps = TitleProps & {
+  columns?: FormColumnsCount;
+  inputs?: FieldDef[];
+};
 
 export interface InputSectionsType {
   /** @hidden */